/*
 * Black November 2026: the header, always dark and in the Black November colours.
 *
 * Only header rules live here, so this file can be linked on any page that should show the themed header
 * (the homepage links it; other pages link it next to their own css).
 *
 * Part 1: copies of the shared stylesheets' `.dark-mode ...` rules that the header uses, with `.dark-mode` swapped for
 * `:root` (same specificity as one class, but always matches <html>), so the header stays dark even when <html> has
 * no dark-mode class (e.g. the user switches the header/footer display toggle to Light). The generic helper rules
 * (.bg-white, .text-gray, .button ...) are limited to the header with :where(.header2021, .header2021-flyout-popover),
 * which adds no specificity, so they cannot darken anything else on the page.
 * Part 2: the Black November header colours (near-black bar with a gold rule, white search field, gold portals,
 * Celeste artwork, All Categories dropdown). They come after part 1 so they win on equal specificity.
 *
 * Page colours (not the header) go in black_friday_theme.css.
 */

/* ---- from components_2021/alerts.css (5 rules, limited to the header) ---- */
.b2c-remote header.header2021.is-new.is-full .header2021-portal .font-s {
    color: #fff;
}
body {
	container-type: inline-size;
	container-name: app;
}
.header2021-flyout-popover.show .popover-body {
    width: auto;
}
:root :where(.header2021, .header2021-flyout-popover) .alert {
	border-color: #424242;
	background-color: #262626;
}
:root :where(.header2021, .header2021-flyout-popover) .alert.alert-warning {
	border-color: #E05E00;
}
:root :where(.header2021, .header2021-flyout-popover) .alert.alert-warning::before {
	background-color: #E05E00;
}
:root :where(.header2021, .header2021-flyout-popover) .alert-warning .alert-icon {
	color: #E05E00;
}
:root :where(.header2021, .header2021-flyout-popover) .alert.no-bg {
	background-color: transparent;
}

/* ---- from components_2026/forms.css (8 rules) ---- */
:root .header2021-toggle .toggle-handle.take-on {
	padding-left: 5px !important;
	background-color: #E85500 !important;
	color: #212121 !important;
}
:root .header2021-toggle:hover .toggle-handle.take-on {
	background-color: #FF6600;
}
:root .header2021-toggle:hover .bg-lightgray {
	background-color: #EA7421;
}
:root .header2021-toggle .toggle-body {
	border-color:#636363 !important;
}
:root .header2021-toggle .bg-lightgray {
	background-color: #E85500 !important;
}
:root .header2021-toggle input[type="checkbox"]:checked ~ .toggle-body .toggle-body-inner:after {
	margin-right: 0;
	margin-left: 0;
	top: 0;
}
:root .header2021-toggle .toggle-body-inner:after {
	box-shadow: 0 6px 6px 0 rgb(0 0 0 / 16%) !important;
}
@container app (max-width: 599px) {
	:root .header2021-toggle .toggle-handle.take-on {
			padding-left: 0 !important;
		}
}

/* ---- from components_2026/items.css (4 rules, limited to the header) ---- */
:root :where(.header2021, .header2021-flyout-popover) .list-split-line span {
	background: #212121;
	color: #adadad;
}
:root :where(.header2021, .header2021-flyout-popover) .list-split-line:before {
	background-color: #424242;
}
.show-img-bg:root :where(.header2021, .header2021-flyout-popover) .categories-nav-img  > img,
.show-img-bg:root :where(.header2021, .header2021-flyout-popover) .goods-img > img {
	color: #212121;
}
.show-img-bg:root :where(.header2021, .header2021-flyout-popover) .goods-img {
	background-color: #fff;
}

/* ---- from components_2026/header.css (261 rules) ---- */
:root header:where(.header2021).is-new.is-full a:where(:not([class^="text-"], [class*=" text-"], [class^="bg-"], [class*=" bg-"], .button, .tag, .link-more, .link-underline)),
:root header:where(.header2021).is-new.is-full a:where(:not([class^="text-"], [class*=" text-"], [class^="bg-"], [class*=" bg-"], .button, .tag, .link-more, .link-underline)):hover {
	color: inherit;
}
:root :where(.header2021).is-new.is-full .bg-transparent-lightblue:hover,
:root :where(.header2021).is-new.is-full .link-underline:hover,
:root :where(.header2021).is-new.is-full a.bg-lightgray:hover {
	color: #8EAFF0;
}
:root :where(.header2021).is-new.is-full .menu .bg-transparent-lightblue:hover,
:root :where(.header2021).is-new.is-full .menu a.bg-lightgray:hover {
	color: #fff;
}
:root header:where(.header2021) a.link-more,
:root header:where(.header2021) a.link-more:where(:hover) {
	color: #8EAFF0;
}
:root :where(.header2021).is-new.is-full a.bg-transparent-lightblue:where(:not(.bg-color-red)):hover,
:root :where(.header2021).is-new.is-full a.bg-lightgray:hover {
	color: #fff !important;
}
:where(html:not(.menu-not-flying)):root :where(.header2021).is-new.is-full.is-business .header2021-shopping-tools a.menu-list-link.bg-transparent-lightblue:hover {
	color: #212121 !important;
}
:root :where(.header2021).is-new.is-full.is-business .header2021-nav .header2021-nav-inner.bg-transparent-gray:hover {
	color: #212121 !important;
}
:root :where(.header2021).is-new.is-full .header-trending.tag-list a.tag:hover {
	color: #E6E6E6 !important;
}
:root :where(.header2021).is-new.is-full .menu-brand-store .button.bg-blue:not(:hover) {
	color: #fff !important;
}
:root :where(.header2021).is-new.is-full .input-check-s:not(:hover) > input:not(:checked) + .input-check-mark {
	border-color: #505050;
}
:root :where(.header2021).is-new.is-full .header2021-zip-input,
:root :where(.header2021).is-new.is-full:not(.is-business) .header2021-search-box [type="search"] {
	color: #E6E6E6 !important;
}
:root :where(.header2021).is-new.is-full .header2021-country-dropdown-search input {
	color: #E6E6E6 !important;
	background-color: #1F1F1F !important;
	border-color: #3D3D3D !important;
}
:root :where(.header2021).is-new.is-full .input-select-searchbar input {
	color: #fff !important;
}
:root :where(.header2021).is-new.is-full .header2021-location .input-text>input {
	background-color: transparent !important;
}
:root :where(.header2021).is-new.is-full.is-business.b2b-content .header2021-hamburger-new.menu>.menu-body,
:root :where(.header2021).is-new.is-full.is-business.b2b-content .header2021-hamburger-new.menu .menu-level-3>.menu-body,
:root :where(.header2021).is-new.is-full.is-business.b2b-content .header2021-hamburger .menu-level-5.menu>.menu-body {
	background-color: #212121;
	color: #fff;
}
:root :where(.header2021).is-new.is-full.is-business.b2b-content .header2021-hamburger .menu-level-5.menu.at-right>.menu-body>.menu-arrow {
	border-right-color: rgba(0, 0, 0, .9);
}
:root :where(.header2021).is-new.is-full.is-business.b2b-content .header2021-hamburger .menu-level-5.menu.at-right>.menu-body>.menu-arrow::before {
	border-right-color: #212121;
}
:root .header2021.is-new.is-full .header2021-ai-mode.bg-transparent-gray:hover {
	background-color: #002D6A;
}
:root .MoreMenu .header2021-portal {
	color: #E6E6E6;
}
:root .MoreMenu .header2021-portal:hover {
	background-color: transparent;
	color: #fff;
}
:root .MoreMenu .menu-list-link.bg-transparent-lightblue:hover {
	background-color: rgba(21, 56, 158, 1);
	color: #8EAFF0;
}
.menu-not-flying:root .header2021.is-new.is-full .header2021-hamburger-new.menu .menu-level-3.is-current>a.menu-list-link,
.menu-not-flying:root .header2021.is-new.is-full .header2021-hamburger-new.menu .menu-level-5.is-current>a.menu-list-link,
.menu-not-flying:root .header2021.is-new.is-full .header2021-hamburger-new.menu .menu-level-3 .menu-level-4.is-current>.section-subtitle,
.menu-not-flying:root .header2021.is-new.is-full .header2021-hamburger-new.menu .menu-level-3 .menu-level-4.is-current>.section-subtitle .section-subtitle-text {
	color: #fff;
}
.menu-not-flying:root .header2021.is-new.is-full .header2021-hamburger-new.menu .menu-level-3.is-current>a.menu-list-link:after,
.menu-not-flying:root .header2021.is-new.is-full .header2021-hamburger-new.menu .menu-level-5.is-current>a.menu-list-link:after,
.menu-not-flying:root .header2021.is-new.is-full .header2021-hamburger-new.menu .menu-level-3 .menu-level-4.is-current>a.section-subtitle:after {
	color: #adadad;
}
.menu-not-flying:root .header2021.is-new.is-full.is-business.b2b-content .header2021-hamburger-new.menu>.menu-body {
	background-color: #2B2116;
}
.menu-not-flying:root .header2021.is-new.is-full.is-business.b2b-content .header2021-hamburger-new.menu .menu-level-back,
.menu-not-flying:root .header2021.is-new.is-full.is-business.b2b-content .header2021-hamburger-new.menu .bg-transparent-lightblue:hover,
.menu-not-flying:root .header2021.is-new.is-full.is-business.b2b-content .header2021-hamburger-new.menu .bg-transparent-lightblue.is-active,
.menu-not-flying:root .header2021.is-new.is-full.is-business.b2b-content .header2021-hamburger-new.menu .is-active>.bg-transparent-lightblue,
.menu-not-flying:root .header2021.is-new.is-full.is-business.b2b-content .header2021-hamburger-new.menu .menu-level-3.is-current:not(.is-open) .section-subtitle:hover {
	background-color: #3A2A17;
	color: #fff;
}
html:not(.menu-not-flying):root .header2021.is-new.is-full .header2021-inner.has-hamburger .header2021-hamburger-new.menu>.menu-body {
	box-shadow: 0 16px 40px rgba(0, 0, 0, .6);
}
:root .popover.show.header2021-flyout-popover {
	background: none;
	border: 0;
}
:root .header2021-flyout-popover .popover-body>.menu-body {
	background: #212121;
	box-shadow: 0 0 10px rgba(0, 0, 0, .9);
}
:root .popover.header2021-flyout-popover a.menu-list-link {
	color: #fff;
}
:root .popover.header2021-flyout-popover a.menu-list-link:hover {
	background-color: #1C2536;
	color: #fff;
}
:root .popover.header2021-flyout-popover.is-business a.menu-list-link:hover {
	background-color: #3A2A17;
}
:root .header2021-flyout-popover[x-placement^="right"] .popover-body>.menu-body>.menu-arrow {
	border-right-color: rgba(0, 0, 0, .9);
}
:root .header2021-flyout-popover[x-placement^="right"] .popover-body>.menu-body>.menu-arrow::before {
	border-right-color: #212121;
}
:root .header2021-flyout-popover[x-placement^="left"] .popover-body>.menu-body>.menu-arrow {
	border-left-color: rgba(0, 0, 0, .9);
}
:root .header2021-flyout-popover[x-placement^="left"] .popover-body>.menu-body>.menu-arrow::before {
	border-left-color: #212121;
}
.menu-not-flying:root .header2021.is-new.is-full.is-business.b2b-content .header2021-hamburger-new.menu .menu-level-3 .menu-body .menu-list-link:hover {
	background-color: #3A2A17;
	color: #fff;
}
:root .header2021.is-new.is-full .header2021-search-blackfriday .hot-search-swiper .tag-blackfriday {
	color: #fff !important;
	background-color: #174BBE !important;
	background-image: linear-gradient(to right, #174BBE 0%, #CB0051 100%) !important;
}
:root .header2021.is-new.is-full.is-business.b2b-content .header2021-hamburger-new.menu .bento-hero-menu-service {
	border-top-color: rgba(255, 255, 255, .12);
}
:root .header2021.is-new.is-full.is-business.b2b-content .header2021-hamburger-new.menu .bento-hero-menu-service-title,
:root .header2021.is-new.is-full.is-business.b2b-content .header2021-hamburger-new.menu .bento-hero-menu-service li a {
	color: #F0C890;
}
:root .header2021.is-new.is-full.is-business.b2b-content .header2021-hamburger-new.menu .bento-hero-menu-service li a:hover {
	background: #3A2A17;
}
:root .header2021.is-new.is-full.is-business.b2b-content .header2021-hamburger-new.menu.at-bottom>.menu-body.bg-white>.menu-arrow:before {
	border-bottom-color: #2B2116;
}
:root .header2021.is-new.is-full.bg-white.is-business.b2b-content {
	background: #FFE4C0;
}
:root .header2021.is-new.is-full.is-business.b2b-content .header2021-inner.has-hamburger {
	background-color: #FFE4C0;
	color: #1A1A1A;
}
:root .header2021.is-new.is-full.is-business.b2b-content .header2021-nav-title.text-gray {
	color: #212121 !important;
}
:root .header2021.is-new.is-full.is-business.b2b-content .header2021-nav.is-active>.bg-transparent-gray,
:root .header2021.is-new.is-full.is-business.b2b-content .header2021-nav .header2021-nav-inner.bg-transparent-gray:hover {
	background-color: rgba(120, 50, 0, .22);
	color: #212121;
}
:root .header2021.is-new.is-full.is-business.b2b-content .header2021-inner.has-hamburger .header2021-hamburger.bg-transparent-gray:hover {
	background-color: rgba(120, 50, 0, .14);
	color: #1A1A1A;
}
:root .header2021.is-new.is-full.is-business.b2b-content .header2021-portal:hover {
	color: #1A1A1A;
}
:root .header2021.is-new.is-full.is-business.b2b-content .header2021-search-inner {
	background-color: #fff;
}
:root .header2021.is-new.is-full.is-business.b2b-content .header2021-search-box [type="search"] {
	color: #212121;
}
:root .header2021.is-new.is-full.is-business.b2b-content .header2021-search-button>button {
	background-color: #FA9D28;
	color: #212121;
}
:root .header2021.is-new.is-full.is-business.b2b-content .header2021-hamburger-new.menu .menu-list-cell.menu-level-1>.menu-list.menu-level-2 {
	background: #2B2116;
}
:root .header2021.is-new.is-full.is-business.b2b-content .header2021-hamburger-new.menu .bg-transparent-lightblue:hover,
:root .header2021.is-new.is-full.is-business.b2b-content .header2021-hamburger-new.menu .bg-transparent-lightblue.is-active,
:root .header2021.is-new.is-full.is-business.b2b-content .header2021-hamburger-new.menu .is-active>.bg-transparent-lightblue,
:root .header2021.is-new.is-full.is-business.b2b-content .header2021-hamburger-new.menu .menu-level-2>ul>.menu-level-3>.menu-list-link:hover,
:root .header2021.is-new.is-full.is-business.b2b-content .header2021-hamburger-new.menu .menu-level-2>ul>.menu-level-3.is-active>.menu-list-link {
	background-color: #3A2A17;
	color: #fff;
}
:root .header2021.is-new.is-full.is-business.b2b-content .header2021-hamburger-new.menu .menu-level-3 .menu-body .section-subtitle-text {
	color: #F0C890;
}
@container app (max-width: 799px) {
	:root .header2021 .header2021-country-flag:hover,
	:root .header2021 .header2021-nav .header2021-nav-inner.bg-transparent-gray:hover,
	:root .header2021 .header2021-nav.is-active>.bg-transparent-gray,
	:root .header2021-inner.has-hamburger,
	:root .header2021-notify .header2021-nav-icon:hover {
		background-color: transparent;
		color: inherit;
	}
}
@container app (max-width: 999px) {
	:root .header2021.is-new.is-full .header2021-location.header2021-nav .header2021-nav-inner.bg-transparent-gray:hover,
	:root .header2021.is-new.is-full .header2021-location.header2021-nav.is-active>.bg-transparent-gray,
	:root .header2021.is-new.is-full.is-business.b2b-content .header2021-location.header2021-nav .header2021-nav-inner.bg-transparent-gray:hover,
	:root .header2021.is-new.is-full.is-business.b2b-content .header2021-location.header2021-nav.is-active>.bg-transparent-gray,
	:root .header2021.is-new.is-full .header2021-location .header2021-country-flag:hover {
		background-color: transparent;
	}
}
@container app (max-width: 599px) {
	:root .header2021-ai-mode {
		background-color: transparent !important;
	}
	:root .header2021 .header2021-ai-mode.bg-transparent-gray:hover .ai-panel-title-text {
		color: inherit;
	}
	:root .header2021-toggle  .toggle-handle.take-on {
		display: flex;
		padding: 0;
	}
	:root .header2021-toggle  .toggle-handle.take-off {
		display: none;
	}
	:root .header2021-search:not(.is-active) .header2021-search-button > button {
		background-color: #FA9D28;
		color: #212121;
	}
}
:root .header2021.is-new.is-full .cl-head .cl-logo-light {
	display: none;
}
:root .header2021.is-new.is-full .cl-head .cl-logo-dark {
	display: block;
	width: 118px;
	height: 30px;
}
@media (min-width: 1025px) {
	:root .header2021-mega.is-fit {
		box-shadow: 0 16px 40px rgba(0, 0, 0, .6);
	}
}
:root .quicknav-chip-pill img {
	filter: brightness(0) invert(1);
}
:root .header2021.is-new.is-full .header2021-mnav,
:root .header2021.is-new.is-full .header2021-mnav-panel {
	background: #1f1f1f;
}
:root .header2021.is-new.is-full .header2021-mnav-phead {
	background: #161b26;
	border-bottom-color: #1c2536;
}
:root .header2021.is-new.is-full .header2021-mnav-back {
	color: #e6e6e6;
}
:root .header2021.is-new.is-full .header2021-mnav-back .ico,
:root .header2021.is-new.is-full .header2021-mnav-viewall {
	color: #7fb2ff;
}
:root .header2021.is-new.is-full .header2021-mnav-panel:not([data-panel="root"]) .header2021-mnav-eyebrow {
	color: #cfd8ea;
}
:root .header2021.is-new.is-full .header2021-mnav-item {
	color: #e6e6e6;
	border-bottom-color: #1a1a1a;
}
:root .header2021.is-new.is-full .header2021-mnav-item .ico {
	color: #7d7d7d;
}
:root .header2021.is-new.is-full .header2021-mnav-item:hover {
	background: #161b26;
}
:root .header2021.is-new.is-full .header2021-mnav-h,
:root .header2021.is-new.is-full .header2021-mnav-link {
	color: #e6e6e6;
	border-bottom-color: #262626;
}
:root .header2021.is-new.is-full .header2021-mnav-h .ico,
:root .header2021.is-new.is-full .header2021-mnav-eyebrow {
	color: #a8a8a8;
}
:root .header2021.is-new.is-full .header2021-mnav-h-icon {
	filter: brightness(0) invert(1);
}
:root .header2021-mega-arrow::before {
	background-color: #1f1f1f;
}
:root .header2021.is-new.is-full .header2021-location .forms .button-m.bg-blue {
	background-color: #8EAFF0;
	color: #121212;
}
:root .header2021.is-new.is-full .header2021-location .input-group {
	border-color: #3D3D3D;
}
:root .header2021.is-new.is-full .header2021-location .input-group:hover,
:root .header2021.is-new.is-full .header2021-location .input-group:focus-within {
	border-color: #4A86E0;
	box-shadow: inset 0 0 0 1px #4A86E0;
}
:root .header2021.is-new.is-full .header2021-location .input-group .input-text>input {
	color: #E6E6E6;
}
:root .header2021.is-new.is-full .header2021-location .input-group .input-text>input::placeholder {
	color: #A8A8A8;
}
:root .header2021.is-new.is-full .header2021-location .input-group .input-text~.button {
	background: #2B3F63;
	color: #E6E6E6;
}
:root .header2021.is-new.is-full .header2021-location .input-group .input-text~.button:hover {
	background: #213048;
}
:root .header2021.is-new.is-full .header2021-location .input-text-clear {
	background: #262626;
	color: #A8A8A8;
}
:root .header2021.is-new.is-full .header2021-location .input-text-clear:hover {
	background: #303030;
	color: #E6E6E6;
}
:root .header2021.is-new.is-full .header2021-location .selectable-card {
	border-color: #3D3D3D;
}
:root .header2021.is-new.is-full .header2021-location .selectable-card.bd-gray:hover {
	border-color: #4A86E0;
	box-shadow: inset 0 0 0 1px #4A86E0;
}
:root .header2021.is-new.is-full .header2021-location .selectable-card.bd-gray.is-checked {
	border-color: #4A86E0;
	background-color: #181E2B;
	box-shadow: none;
}
:root .header2021.is-new.is-full .header2021-location .selectable-card .input-radio-mark {
	background-color: #1F1F1F;
}
:root .header2021.is-new.is-full .header2021-location .selectable-card.is-checked .input-radio-mark,
:root .header2021.is-new.is-full .header2021-location .selectable-card input[type="radio"]:checked+.input-radio-mark {
	border-color: #4A86E0;
	background-color: #1F1F1F;
}
:root .header2021.is-new.is-full .header2021-location .form-footer::before {
	background-color: #424242;
}
:root .header2021.is-new.is-full .header2021-location .header2021-nav-title.text-gray,
:root .header2021.is-new.is-full .header2021-nav-title.text-gray,
:root .header2021.is-new.is-full .header2021-location .slab-info .text-gray {
	color: #ADADAD !important;
}
:root .header2021.is-new.is-full .header2021-location .header2021-link.text-blue {
	color: #6694EA !important;
}
:root .header2021.is-new.is-full .header2021-zip-input-group {
	border-color: #3D3D3D;
}
:root .header2021.is-new.is-full .header2021-zip-input-group:hover,
:root .header2021.is-new.is-full .header2021-zip-input-group:focus-within {
	border-color: #4A86E0;
	box-shadow: inset 0 0 0 1px #4A86E0;
}
:root .header2021.is-new.is-full .header2021-zip-input-group:has(.show-error),
:root .header2021.is-new.is-full .header2021-zip-input-group:has(.show-error):hover,
:root .header2021.is-new.is-full .header2021-zip-input-group:has(.show-error):focus-within {
	border-color: #DB1600;
	box-shadow: inset 0 0 0 1px #DB1600;
}
:root .header2021.is-new.is-full .header2021-zip-input {
	color: #E6E6E6;
	background-color: transparent !important;
	border-color: transparent !important;
	box-shadow: none;
}
:root .header2021.is-new.is-full .header2021-zip-input::placeholder,
:root .header2021.is-new.is-full .header2021-country-dropdown-search input::placeholder {
	color: #A8A8A8;
}
:root .header2021.is-new.is-full .header2021-zip-apply {
	background: #2B3F63;
	color: #E6E6E6;
}
:root .header2021.is-new.is-full .header2021-zip-apply:hover {
	background: #213048;
}
:root .header2021.is-new.is-full .header2021-address-badge {
	background: #1C2536;
	color: #7FB2FF;
}
:root .header2021.is-new.is-full .header2021-country-select-btn {
	border-color: #3D3D3D;
	background: #1F1F1F;
	color: #E6E6E6;
}
:root .header2021.is-new.is-full .header2021-country-select-btn:hover,
:root .header2021.is-new.is-full .header2021-country-select-btn:focus {
	border-color: #4A86E0;
	box-shadow: inset 0 0 0 1px #4A86E0;
}
:root .header2021.is-new.is-full .header2021-country-global {
	color: #E6E6E6;
}
:root .header2021.is-new.is-full .header2021-country-global a {
	color: #7FB2FF;
}
:root .header2021.is-new.is-full .header2021-country-select-btn .ico-caret-right-solid {
	color: #A8A8A8;
}
:root .header2021.is-new.is-full .header2021-country-dropdown {
	background: #1F1F1F;
	box-shadow: 0 8px 24px rgba(0, 0, 0, .5);
	color-scheme: dark;
}
:root .header2021.is-new.is-full .header2021-country-dropdown-search {
	background: #1F1F1F;
	border-bottom-color: #303030;
}
:root .header2021.is-new.is-full .header2021-country-dropdown-search input {
	border-color: #3D3D3D;
	background: #1F1F1F;
	color: #E6E6E6;
}
:root .header2021.is-new.is-full .header2021-country-dropdown-search input:focus {
	border-color: #4A86E0;
}
:root .header2021.is-new.is-full .header2021-country-item:hover {
	background: #181E2B;
}
:root .header2021.is-new.is-full .header2021-country-item.is-selected {
	background: #1C2536;
}
:root .header2021.is-new.is-full .header2021-country-list .input-select-no-results {
	color: #A8A8A8;
}
:root .header2021.is-new.is-full .header2021-country-list .input-select-no-results>i {
	color: #E6E6E6;
}
:root .header2021.is-new.is-full .header2021-country-item-name {
	color: #E6E6E6;
}
:root .header2021.is-new.is-full .header2021-country-radio {
	border-color: #3D3D3D;
	background: #1F1F1F;
}
:root .header2021.is-new.is-full .header2021-country-item.is-selected .header2021-country-radio {
	border-color: #4A86E0;
}
:root .header2021.is-new.is-full .header2021-ask-ai-ico {
	background-image: url("https://c1.neweggimages.com/WebResource/Themes/Nest/images/icons/ask-celeste-dark.png");
}
:root .header2021.is-new.is-full .header2021-ask-ai {
	background: linear-gradient(103.33deg, #002D6A 0%, #4D197F 100%);
}
:root .header2021.is-new.is-full .header2021-ask-ai-pill {
	background:
	linear-gradient(#000, #000) padding-box,
	linear-gradient(90deg, #146adb 0%, #7c5ad5 100%) border-box;
}
:root .header2021.is-new.is-full .header2021-ask-ai-pill>span {
	background: none;
	-webkit-background-clip: border-box;
	background-clip: border-box;
	-webkit-text-fill-color: #fff;
	color: #fff;
}
:root .header2021.is-new.is-full .header2021-ask-ai-pill:hover {
	background:
	linear-gradient(#043E8D, #043E8D) padding-box,
	linear-gradient(90deg, #146adb 0%, #7c5ad5 100%) border-box;
}
:root .header2021.is-new.is-full .header2021-ask-ai-pill:hover>span {
	background: none;
	-webkit-background-clip: border-box;
	background-clip: border-box;
	-webkit-text-fill-color: #fff;
	color: #fff;
}
:root .header2021.is-new.is-full .header2021-ask-ai-text {
	color: #fff;
}
:root .header2021.is-new.is-full .header2021-link.gamer-community:hover .header2021-gamer-community span,
:root .header2021.is-new.is-full .gamer-community .header2021-gamer-community {
	color: #8BB2F1;
}
:root .header2021.is-new.is-full .gamer-community .ico-game {
	filter: brightness(0) saturate(100%) invert(53%) sepia(98%) saturate(1237%) hue-rotate(189deg) brightness(101%) contrast(101%);
}
:root .header2021.is-new.is-full .header2021-ai-mode.bg-transparent-gray:hover .ai-panel-title-text {
	color: #fff;
}
:root .header2021.is-new.is-full .header2021-ai-mode {
	background-color: #001747;
}
:root .header2021.is-new.is-full .header2021-ai-mode .ai-panel-title-text {
	color: #fff;
}
:root .MoreMenu.popover.show {
	background-color: #212121 !important;
	color: #fff;
}
:root .MoreMenu.bs-popover-auto[x-placement^=bottom]>.arrow::before,
:root .MoreMenu.bs-popover-bottom>.arrow::before,
:root .MoreMenu.bs-popover-auto[x-placement^=bottom]>.arrow::after,
:root .MoreMenu.bs-popover-bottom>.arrow::after {
	border-bottom-color: rgba(33, 33, 33);
}
:root .header2021.is-new.is-full .header2021-user-bar::before {
	opacity: 0.5;
}
:root .header2021.is-new.is-full.is-business.b2b-content .header2021-user-bar {
	background-color: #363636;
}
:root .header2021.is-new.is-full.is-business.b2b-content .header2021-account.menu.at-bottom>.menu-body.bg-white>.header2021-user-bar~.menu-arrow:before {
	border-bottom-color: #363636;
}
:root .header2021.is-new.is-full .hot-search-swiper .tag-primary {
	background-color: #f2f2f2;
	color: #212121 !important;
}
:root .header2021.is-new.is-full .hot-search-swiper .tag-hot {
	background-color: #FFEEEB;
	color: #e0331f !important;
}
:root .header2021.is-new.is-full .hot-search-swiper .tag-primary:hover {
	color: #212121 !important;
}
:root .header2021.is-new.is-full .hot-search-swiper .tag-hot:hover {
	color: #e0331f !important;
}
:root .header2021.is-new.is-full .header2021-hamburger-new.menu .menu-level-3 .menu-body .menu-list-ads img {
	mix-blend-mode: normal;
	background-color: transparent;
}
:root .header2021.is-new.is-full .header2021-hamburger-new.menu .bg-transparent-lightblue:hover,
:root .header2021.is-new.is-full .header2021-hamburger-new.menu .bg-transparent-lightblue.is-active,
:root .header2021.is-new.is-full .header2021-hamburger-new.menu .is-active>.bg-transparent-lightblue,
:root .header2021.is-new.is-full .header2021-hamburger-new.menu .menu-level-3 .menu-body .header2021-shopping-tools .menu-list-link:hover {
	background-color: #1C2536;
	color: #fff;
}
:root .header2021.is-new.is-full .header2021-hamburger-new.menu .menu-list-cell.menu-level-1>.menu-list.menu-level-2 {
	background: #181E2B;
}
:root .header2021.is-new.is-full .header2021-hamburger-new.menu .menu-level-2>ul>.menu-level-3>.menu-list-link:hover,
:root .header2021.is-new.is-full .header2021-hamburger-new.menu .menu-level-2>ul>.menu-level-3.is-active>.menu-list-link {
	background-color: #213048;
	color: #fff;
}
:root .header2021.is-new.is-full .header2021-hamburger-new.menu .menu-level-3 .menu-body .section-subtitle-text {
	color: #CFD8EA;
}
:root .header2021.is-new.is-full .header2021-hamburger-new.menu .menu-level-3 .menu-body .header2021-shopping-tools .menu-list-link {
	background-color: #000;
	color: #fff;
}
:root .header2021.is-new.is-full .header2021-hamburger-new.menu.at-bottom>.menu-body.bg-white>.menu-arrow:before {
	border-bottom-color: #6A4B0E;
}
.menu-not-flying:root .header2021.is-new.is-full .is-open-new.menu>.menu-body.bg-white>.menu-arrow:before {
	border-bottom-color: #212121;
}
.menu-not-flying:root .header2021.is-new.is-full .header2021-hamburger-new.menu .menu-level-3 .menu-body .menu-list-link:hover {
	background-color: #363636;
	color: #fff;
}
.menu-not-flying:root .header2021.is-new.is-full .menu-level-3.is-current>a.menu-list-link:after,
.menu-not-flying:root .header2021.is-new.is-full .menu-level-4.is-current>a.menu-list-link:after,
.menu-not-flying:root .header2021.is-new.is-full .menu-level-5.is-current>a.menu-list-link:after,
.menu-not-flying:root .header2021.is-new.is-full .menu-level-4.is-current>a.section-subtitle:after {
	color: #adadad;
}
:root .header2021.is-new.is-full .header2021-hamburger-new.menu .header2021-hamburger-side.bg-lightblue {
	background-color: #363636;
}
:root .header2021.is-new.is-full .header2021-hamburger-new.menu .header2021-hamburger-side.bg-lightblue .bg-transparent-lightblue:hover {
	background-color: #212121;
}
:root .header2021.is-new.is-full .menu.is-active>.bg-transparent-gray,
:root .header2021.is-new.is-full .menu.is-active.bg-transparent-gray {
	background-color: #262626;
}
:root .header2021.is-new.is-full .header2021-location .button.bg-lightblue {
	background-color: #8EAFF0;
	color: #121212;
}
:root .header2021.is-new.is-full .header2021-location .button.bg-lightblue:hover {
	background-color: #9EBAF2;
	color: #121212;
}
:root .header2021.is-new.is-full.is-mini .header2021-checkout-modal-content {
	background-color: #212121;
}
:root .header2021.is-new.is-full.is-mini .header2021-checkout-modal-title {
	color: #fff;
}
:root .header2021.is-new.is-full.is-mini .header2021-checkout-modal-btn.bg-white {
	background-color: #363636;
	color: #fff;
	border-color: #636363;
}
:root .header2021.is-new.is-full.is-mini .header2021-checkout-modal-btn.bg-white:hover {
	background-color: #424242;
	border-color: #8e8e8e;
}
:root .header2021.is-new.is-full.bg-white {
	background-color: #363636;
}
:root .header2021.is-new.is-full {
	border-bottom-color: #424242;
}
:root .header2021.is-new.is-full .header2021-search-inner {
	background-color: #262626;
}
:root .header2021.is-new.is-full .header-trending.tag-list .tag {
	background-color: #333;
}
:root .header2021.is-new.is-full .header2021-search-blackfriday .header2021-black-check {
	color: #fff;
}
:root .header2021.is-new.is-full .header-trending.tag-list .tag {
	color: #E6E6E6;
}
:root .header2021.is-new.is-full .header-trending.tag-list .tag:hover {
	color: #E6E6E6;
	background-color: #213048;
}
:root .header2021.is-new.is-full .header2021-search-box [type="search"] {
	color: #E6E6E6;
}
:root .header2021.is-new.is-full .header2021-search-box [type="search"]::placeholder {
	color: #9A9A9A;
}
:root .header2021.is-new.is-full .header2021-search-mic,
:root .header2021.is-new.is-full .header2021-search-cam {
	filter: invert(1) hue-rotate(180deg) brightness(1.4);
}
:root .header2021.is-new.is-full .header2021-search-mic > img,
:root .header2021.is-new.is-full .header2021-search-cam > img {
	filter: unset;
}
:root .header2021.is-new.is-full .header2021-search-recs {
	background: #1F1F1F;
	color: #E6E6E6;
}
:root .header2021.is-new.is-full .header2021-search-dd-title {
	color: #E6E6E6;
}
:root .header2021.is-new.is-full .header2021-search-dd-action {
	color: #A8A8A8;
}
:root .header2021.is-new.is-full .header2021-search-recent-pill {
	background: #262626;
	color: #E6E6E6;
}
:root .header2021.is-new.is-full .header2021-search-recent-pill:hover {
	background: #1C2536;
	border-color: #2B3F63;
}
:root .header2021.is-new.is-full .header2021-search-recent-pill .drop {
	color: #fff;
}
:root .header2021.is-new.is-full .header2021-search-recent-pill .drop:hover {
	background: rgba(255, 255, 255, .12);
}
:root .header2021.is-new.is-full .header2021-search-sec-ask {
	background: linear-gradient(171deg, #1C2536 0%, #241F36 100%);
}
:root .header2021.is-new.is-full .header2021-search-ask-card {
	background: #1C2536;
	border-color: #4A86E0;
}
:root .header2021.is-new.is-full .header2021-search-ask-card:hover {
	background: #181E2B;
}
:root .header2021.is-new.is-full .header2021-search-trend-row {
	color: #E6E6E6;
}
:root .header2021.is-new.is-full .header2021-search-trend-row:hover {
	background: #181E2B;
}
:root .header2021.is-new.is-full .header2021-search-trend-row .trend-rank {
	color: #6F7683;
}
:root .header2021.is-new.is-full .header2021-search-trend-row:nth-child(-n+3) .trend-rank {
	color: #FA9D28;
}
:root .header2021.is-new.is-full .header2021-search-trend-row.preload-assembler,
:root .header2021.is-new.is-full .header2021-search-ask-card.preload-assembler {
	background: #262626;
	border-color: transparent;
}
:root .header2021.is-new.is-full .header2021-search-clear {
	background-color: #1946B8;
	color: #C3D3F8;
}
:root .header2021.is-new.is-full .header2021-search-inner:after {
	border-color: #6694EA;
}
:root .header2021.is-new.is-full .header2021-country-flag {
	border-color: #636363;
}
:root .header2021.is-new.is-full .header2021-toggle>label {
	border-color: #636363;
}
:root .header2021.is-new.is-full .list-box-inner {
	background: transparent;
}
:root .header2021.is-new.is-full .list-box-inner li.is-current {
	background-color: #363636;
}
:root .header2021.is-new.is-full .header2021-user-bar {
	background-color: #363636;
}
:root .header2021.is-new.is-full .header2021-account.menu.at-bottom>.menu-body.bg-white>.header2021-user-bar~.menu-arrow:before {
	border-bottom-color: #363636;
}
:root .header2021.is-new.is-full a.bg-lightgray:hover,
:root .header2021.is-new.is-full .bg-transparent-gray:hover {
	background-color: #262626;
	color: #fff;
}
:root .header2021.is-new.is-full .menu .header2021-user-bar .bg-transparent-lightblue:hover {
	background-color: #212121;
	color: #fff;
}
:root .header2021.is-new.is-full .header2021-portal .menu-arrow:before {
	border-bottom-color: #212121;
}
.sticky-header-top:root .header2021.is-new.is-full.is-sticky {
	border-bottom: 1px solid #424242;
	box-shadow: 0 0 10px 0 rgb(4 32 98 / 20%);
}
.menu-not-flying:root .header2021.is-new.is-full .menu-level-3.is-current:not(.is-open) .section-subtitle:hover {
	background-color: #363636;
	color: #fff;
}
.menu-not-flying:root .header2021.is-new.is-full .header2021-shopping-tools.bg-lightblue {
	background-color: transparent;
}
:root .header2021.is-new.is-full .header2021-links .button.bg-blue,
:root .header2021.is-new.is-full .header2021-links .button.bg-blue:hover {
	color: #fff;
	background-color: transparent;
}
:root .header2021.is-new.is-full.is-business.b2b-content .header2021-links .button.bg-blue,
:root .header2021.is-new.is-full.is-business.b2b-content .header2021-links .button.bg-blue:hover,
:root .header2021.is-new.is-full.is-business.b2b-content .header2021-ai-mode .ai-panel-title-text,
:root .header2021.is-new.is-full.is-business.b2b-content .gamer-community .header2021-gamer-community,
:root .header2021.is-new.is-full.is-business.b2b-content .header2021-ai-mode.bg-transparent-gray:hover .ai-panel-title-text {
	color: #212121;
}
:root .header2021-mega.menu-body {
	background-color: #1F1F1F;
	color: #E6E6E6;
	box-shadow: 0 24px 48px rgba(0, 0, 0, .6);
}
:root .header2021-mega .quicknav-col-title,
:root .header2021-mega .quicknav-eyebrow {
	color: #E6E6E6;
}
/* For Your Business panel: the column titles take header.css's dark-mode colours (the panel is moved to <body> when open, so scoped by its own class) */
:root .header2021-fyb-panel .fyb-title {
	color: #F2F2F2;
}
:root .header2021-fyb-panel .fyb-title-brand {
	color: #fff;
}
:root .header2021-fyb-panel .fyb-title-brand em {
	color: #FF8500;
}
:root .quicknav-tools .quicknav-col-title {
	color: #fff;
}
:root .quicknav-banner img,
:root .quicknav-save-card img,
:root .quicknav-article-thumb {
	filter: brightness(.92);
}
:root .quicknav-chip-card,
:root .quicknav-mech-card,
:root .quicknav-photo-tile,
:root .quicknav-fav-card {
	background: #043E8D;
}
:root .quicknav-chip-card:hover,
:root .quicknav-mech-card:hover {
	background: #0B4FA8;
}
:root .quicknav-fav-card:hover {
	box-shadow: 0 4px 14px rgba(0, 0, 0, .4);
}
:root .quicknav-chip,
:root .quicknav-mech-icon {
	background: rgba(255, 255, 255, .16);
}
:root .quicknav-chip img,
:root .quicknav-mech-icon img {
	filter: brightness(0) invert(1);
}
:root .quicknav-chip-title,
:root .quicknav-chip-sub,
:root .quicknav-chip-pill,
:root .quicknav-mech-title,
:root .quicknav-mech-desc,
:root .quicknav-fav-card-title,
:root .quicknav-fav-card:hover .quicknav-fav-card-title {
	color: #fff;
}
:root .quicknav-fav-card-sub {
	color: #DCE9FB;
}
:root .quicknav-fav-empty {
	color: #BDBDBD;
}
:root .quicknav-article-list {
	background: linear-gradient(165.56deg, #043E8D 3.89%, #002D6A 13.15%, rgba(20, 106, 219, 0) 33.8%), #043E8D;
}
:root .quicknav-article:hover {
	background: rgba(255, 255, 255, .12);
}
:root .quicknav-article-title {
	color: #fff;
	font-weight: 500;
	font-size: 13px;
}
:root .quicknav-guides-link {
	color: #BCD5FA !important;
}
:root .quicknav-guides-link img {
	filter: brightness(0) invert(1);
	opacity: .8;
}
:root .quicknav-deal-btn--white {
	background: #1F1F1F;
	color: #E6E6E6;
}
:root .quicknav-shocker-desc,
:root .quicknav-shocker-label {
	color: #212121;
}
:root .quicknav-shocker-colon {
	color: #000;
}
:root .quicknav-save-student,
:root .quicknav-save-tradein,
:root .quicknav-save-refreshed,
:root .quicknav-save-credit {
	background: linear-gradient(90deg, #043E8D 0%, #0B4FA8 100%);
}
:root .quicknav-save-student:hover {
	background: #1C2536;
}
:root .quicknav-save-tradein:hover {
	background: linear-gradient(90deg, #26385A 0%, #26385A 100%);
}
:root .quicknav-save-refreshed:hover {
	background: linear-gradient(90deg, #213048 37.8%, #243A2A 90.3%);
}
:root .quicknav-save-fade-student,
:root .quicknav-save-student:hover .quicknav-save-fade-student {
	background: linear-gradient(90deg, #043E8D 37.8%, rgba(4, 62, 141, 0) 71.3%);
}
:root .quicknav-save-title,
:root .quicknav-save-desc {
	color: #fff;
}
:root .quicknav-cat-list a {
	color: #E6E6E6;
}
:root .header2021.is-new.is-full .nav-panel.nav-mini {
	background: #1F1F1F !important;
	color: #E6E6E6 !important;
	box-shadow: 0 24px 48px rgba(0, 0, 0, .6) !important;
}
:root .header2021.is-new.is-full .nav-panel.nav-mini>.np-notch {
	border-bottom-color: #1F1F1F;
}
:root .header2021.is-new.is-full .hlp3-hey,
:root .header2021.is-new.is-full .hlp3-sub,
:root .header2021.is-new.is-full .hlp3-more,
:root .header2021.is-new.is-full .hlp3-txt b,
:root .header2021.is-new.is-full .hlp3-txt span {
	color: #E6E6E6;
}
:root .header2021.is-new.is-full .hlp3-row {
	background: #1C2536;
	color: #E6E6E6;
}
:root .header2021.is-new.is-full .hlp3-row:hover {
	background: #213048;
}
:root .header2021.is-new.is-full .hlp3-chip {
	background: #213048;
}
:root .header2021.is-new.is-full .hlp3-combo:hover b {
	color: #7FB2FF;
}
:root .header2021.is-new.is-full .hlp3-btn,
:root .header2021.is-new.is-full .ag-signin,
:root .header2021.is-new.is-full .cl-cta {
	color: #211D16;
}
:root .header2021.is-new.is-full .ag-title,
:root .header2021.is-new.is-full .ag-new {
	color: #E6E6E6;
}
:root .header2021.is-new.is-full .ag-new a {
	color: #7FB2FF !important;
}
:root .header2021.is-new.is-full .ag-divider {
	background: #303030;
}
:root .header2021.is-new.is-full .ac3-head {
	background: linear-gradient(90deg, #2B3F63 0%, #213048 100%);
}
:root .header2021.is-new.is-full .ac3-name,
:root .header2021.is-new.is-full .ac3-sub,
:root .header2021.is-new.is-full .ac3-otxt span,
:root .header2021.is-new.is-full .ac3-title,
:root .header2021.is-new.is-full .ac3-link,
:root .header2021.is-new.is-full .ac3-plusdesc,
:root .header2021.is-new.is-full .ac3-disp {
	color: #E6E6E6;
}
:root .header2021.is-new.is-full .ac3-tag {
	background: #181E2B;
	color: #7FB2FF;
}
:root .header2021.is-new.is-full .ac3-orders {
	background: #181E2B;
}
:root .header2021.is-new.is-full .ac3-oic {
	background: #213048;
}
:root .header2021.is-new.is-full .ac3-otxt b {
	color: #7FB2FF;
}
:root .header2021.is-new.is-full .ac3-pill {
	background: #1C2536;
	color: #E6E6E6;
}
:root .header2021.is-new.is-full .ac3-pill:hover {
	background: #213048;
}
:root .header2021.is-new.is-full .ac3-viewall {
	color: #7FB2FF !important;
}
:root .header2021.is-new.is-full .ac3-signout {
	color: #E6E6E6 !important;
}
:root .header2021.is-new.is-full .ac3-signout img {
	filter: brightness(0) invert(1);
}
:root .header2021.is-new.is-full .ac3-foot {
	background: #1A1A1A;
}
:root .header2021.is-new.is-full .ac3-seg {
	background: #262626;
}
:root .header2021.is-new.is-full .ac3-seg-btn {
	color: #BDBDBD;
}
:root .header2021.is-new.is-full .ac3-seg-btn img {
	filter: brightness(0) invert(1);
}
:root .header2021.is-new.is-full .ac3-seg-btn.active,
:root .header2021.is-new.is-full .ac3-seg-btn.is-active {
	background: #3D3D3D;
	color: #fff;
}
:root .header2021.is-new.is-full .header2021-panel-celeste.nav-mini,
:root .header2021.is-new.is-full .header2021-tools .nav-panel.header2021-panel-celeste {
	background: linear-gradient(180deg, #1F1F1F 0%, #1F1F1F 16%, #043E8D 100%);
	border: none;
}
:root .header2021.is-new.is-full .cl-here,
:root .header2021.is-new.is-full .cl-desc,
:root .header2021.is-new.is-full .cl-ask,
:root .header2021.is-new.is-full .cl-start {
	color: #fff;
}
:root .header2021.is-new.is-full .cl-chip {
	background: rgba(0, 0, 0, .35);
	box-shadow: none;
	color: #fff;
}
:root .header2021.is-new.is-full .cl-chip:hover {
	background: rgba(0, 0, 0, .5);
}
:root .header2021.is-new.is-full .cl-know {
	color: #BCD5FA !important;
	border-bottom-color: #BCD5FA;
}
:root .header2021.is-new.is-full .cl-know img {
	filter: brightness(0) invert(1);
	opacity: .85;
}
@container app (min-width: 800px) {
	:root .header2021.is-new.is-full .header2021-search .menu-list-cell.is-scrollbar::-webkit-scrollbar-thumb {
		background-color: rgba(255, 255, 255, .5);
		-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .5);
	}
	:root .header2021.is-new.is-full .header2021-search .menu-list-cell.is-scrollbar::-webkit-scrollbar {
		background-color: #070707;
	}
}
@container app (max-width: 799px) {
	:root .header2021.is-new.is-full .header2021-country-flag:hover,
	:root .header2021.is-new.is-full .header2021-nav .header2021-nav-inner.bg-transparent-gray:hover,
	:root .header2021.is-new.is-full .header2021-nav.is-active>.bg-transparent-gray,
	:root .header2021.is-new.is-full .header2021-inner.has-hamburger,
	:root .header2021.is-new.is-full .header2021-notify .header2021-nav-icon:hover {
		background-color: transparent;
		color: inherit;
	}
}

/* ---- from components_2021/colors.css (53 rules, limited to the header) ---- */
@media not print {
	:root :where(.header2021, .header2021-flyout-popover) .text-graylevel,
	:root :where(.header2021, .header2021-flyout-popover) .text-gray {
			color: #ADADAD;
		}
	:root :where(.header2021, .header2021-flyout-popover) .text-lightblue,
	:root :where(.header2021, .header2021-flyout-popover) .text-blue {
			color: #AFC3EE !important;
		}
	:root :where(.header2021, .header2021-flyout-popover) .text-darkorange {
			color: #FF6600;;
		}
	:root :where(.header2021, .header2021-flyout-popover) .bg-white {
			background-color: #212121;
			color: #fff;
		}
	:root :where(.header2021, .header2021-flyout-popover) .bg-gray,
	:root :where(.header2021, .header2021-flyout-popover) .bg-lightergray,
	:root :where(.header2021, .header2021-flyout-popover) .bg-lightestgray {
			background-color: #424242;
			color: #fff;
		}
	:root :where(.header2021, .header2021-flyout-popover) .bg-lightgray,
	:root :where(.header2021, .header2021-flyout-popover) .bg-graywhite {
			background-color: #262626;
		}
	:root :where(.header2021, .header2021-flyout-popover) a.bg-lightgray {
			transition: background-color 0.2s;
		}
	:root :where(.header2021, .header2021-flyout-popover) a.bg-lightgray:hover {
			background-color: rgba(21, 56, 158, 1);
			color: #8EAFF0;
		}
	:root :where(.header2021, .header2021-flyout-popover) .bg-darkgray {
			background-color: #6e6e6e;
			color: #fff;
		}
	:root :where(.header2021, .header2021-flyout-popover) .bg-orange:not(.toggle-handle) {
			background-color: #FA9D28;
			color: #121212;
		}
	:root :where(.header2021, .header2021-flyout-popover) .bg-blue {
			background-color: #8EAFF0;
			color: #121212;
		}
	:root :where(.header2021, .header2021-flyout-popover) .bg-lightblue,
	:root :where(.header2021, .header2021-flyout-popover) .bg-lightgrayblue {
			background-color: #0C1D6A;
		}
	:root :where(.header2021, .header2021-flyout-popover) .button:hover {
			color: #8EAFF0;
		}
	:root :where(.header2021, .header2021-flyout-popover) .button.bg-orange:hover {
			background-color: #FA9D28;
			color: #121212;
		}
	:root :where(.header2021, .header2021-flyout-popover) .button.bg-orange:active {
			background-color: #E47423;
		}
	:root :where(.header2021, .header2021-flyout-popover) .button.bg-blue:hover,
	:root :where(.header2021, .header2021-flyout-popover) .toggle:hover .toggle-handle.bg-blue {
			background-color: #9EBAF2;
			color: #121212;
		}
	:root :where(.header2021, .header2021-flyout-popover) .button.bg-blue:active {
			background-color: #7894CC;
		}
	:root :where(.header2021, .header2021-flyout-popover) .button.bg-blue:focus {
			box-shadow: 0 0 0 2px rgba(142, 174, 240, 0.4);
		}
	:root :where(.header2021, .header2021-flyout-popover) .button.bg-white {
			border-color: #424242;
			color: #E8E8E8;
		}
	:root :where(.header2021, .header2021-flyout-popover) .button.bg-white:hover {
			border-color: #8EAFF0;
			color: #8EAFF0;
		}
	:root :where(.header2021, .header2021-flyout-popover) .button.bg-white:active {
			background-color: #112B88;
			border-color: #8EAFF0;
		}
	:root :where(.header2021, .header2021-flyout-popover) .button.bg-white:focus {
			border-color: #8EAFF0;
			box-shadow: 0 0 0 2px rgba(142, 174, 240, 0.4);
		}
	:root :where(.header2021, .header2021-flyout-popover) .button.bg-white:disabled,
	:root :where(.header2021, .header2021-flyout-popover) .button.bg-white.is-disabled {
			border-color: #363636;
			background-color: #262626;
			color: #636363;
		}
	:root :where(.header2021, .header2021-flyout-popover) .menu.at-bottom > .menu-body.bg-white > .menu-arrow {
			border-bottom-color: rgba(0, 0, 0, 0.9);
		}
	:root :where(.header2021, .header2021-flyout-popover) .menu.at-bottom > .menu-body.bg-white > .menu-arrow:before {
			border-bottom-color: #212121;
		}
	:root :where(.header2021, .header2021-flyout-popover) .menu.at-right > .menu-body.bg-white > .menu-arrow {
			border-right-color: rgba(0, 0, 0, 0.9);
		}
	:root :where(.header2021, .header2021-flyout-popover) .menu.at-right > .menu-body.bg-white > .menu-arrow:before {
			border-right-color: #212121;
		}
	:root :where(.header2021, .header2021-flyout-popover) .menu.at-top > .menu-body.bg-white > .menu-arrow {
			border-top-color: rgba(0, 0, 0, 0.9);
		}
	:root :where(.header2021, .header2021-flyout-popover) .menu.at-top > .menu-body.bg-white > .menu-arrow:before {
			border-top-color: #212121;
		}
	:root :where(.header2021, .header2021-flyout-popover) .menu-close:hover {
			color: #fff;
		}
	:root :where(.header2021, .header2021-flyout-popover) .bg-transparent-gray:hover,
	:root :where(.header2021, .header2021-flyout-popover) .bg-transparent-gray.is-active,
	:root :where(.header2021, .header2021-flyout-popover) .is-active > .bg-transparent-gray {
			background-color: rgba(10, 24, 93, 0.7);
		}
	:root :where(.header2021, .header2021-flyout-popover) .link-underline:hover,
	:root :where(.header2021, .header2021-flyout-popover) .link-underline.is-active,
	:root :where(.header2021, .header2021-flyout-popover) .review-content p a:hover,
	:root :where(.header2021, .header2021-flyout-popover) .review-content li a:hover,
	:root :where(.header2021, .header2021-flyout-popover) .bg-transparent-lightblue:hover,
	:root :where(.header2021, .header2021-flyout-popover) .bg-transparent-lightblue.is-active,
	:root :where(.header2021, .header2021-flyout-popover) .is-active > .bg-transparent-lightblue {
			color: #8EAFF0;
		}
	:root :where(.header2021, .header2021-flyout-popover) .menu .bg-transparent-lightblue:hover,
	:root :where(.header2021, .header2021-flyout-popover) .menu .bg-transparent-lightblue.is-active,
	:root :where(.header2021, .header2021-flyout-popover) .menu.is-active > .bg-transparent-lightblue,
	:root :where(.header2021, .header2021-flyout-popover) .menu a.bg-lightgray:hover,
	:root :where(.header2021, .header2021-flyout-popover) .menu .bg-transparent-gray:hover,
	:root :where(.header2021, .header2021-flyout-popover) .menu .bg-transparent-gray.is-active {
			background-color: #363636;
			color: #fff;
		}
	:root :where(.header2021, .header2021-flyout-popover) .menu .bg-lightblue:not(.button) {
			background-color: #000;
		}
	:root :where(.header2021, .header2021-flyout-popover) .bd-gray,
	:root :where(.header2021, .header2021-flyout-popover) .grid.bd-gray > .grid-col,
	:root :where(.header2021, .header2021-flyout-popover) table,
	:root :where(.header2021, .header2021-flyout-popover) tr,
	:root :where(.header2021, .header2021-flyout-popover) td,
	:root :where(.header2021, .header2021-flyout-popover) th,
	:root :where(.header2021, .header2021-flyout-popover) .modal-footer {
			border-color: #424242;
		}
	:root :where(.header2021, .header2021-flyout-popover) .bd-blue,
	:root :where(.header2021, .header2021-flyout-popover) .breadcrumbs-dropdown:hover .breadcrumbs-dropdown-trigger.bd-gray,
	:root :where(.header2021, .header2021-flyout-popover) .breadcrumbs-dropdown.is-active > .breadcrumbs-dropdown-trigger.bd-gray,
	:root :where(.header2021, .header2021-flyout-popover) .selectable-card.bd-gray:hover {
			border-color: #8EAFF0;
		}
	:root :where(.header2021, .header2021-flyout-popover) .bd-gray.is-checked {
			border-color: #8EAFF0;
			box-shadow: 0 0 2px #8EAFF0;
		}
	:root :where(.header2021, .header2021-flyout-popover) .shadow-level-1,
	:root :where(.header2021, .header2021-flyout-popover) .hover-shadow-level-1:hover {
			-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .9);
			-moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .9);
			-ms-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .9);
			-o-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .9);
			box-shadow: 0 0 10px 0 rgba(0, 0, 0, .9);
		}
	:root :where(.header2021, .header2021-flyout-popover) .input-text > input,
	:root :where(.header2021, .header2021-flyout-popover) .input-textarea > textarea,
	:root :where(.header2021, .header2021-flyout-popover) .input-select-text,
	:root :where(.header2021, .header2021-flyout-popover) .input-combined,
	:root :where(.header2021, .header2021-flyout-popover) .goods-select-name {
			border-color: transparent;
			box-shadow: 0 0 0 1px #505050;
			background-color: #121212;
			color: #fff;
		}
	:root :where(.header2021, .header2021-flyout-popover) .input-text > input:focus,
	:root :where(.header2021, .header2021-flyout-popover) .input-text.is-active > input,
	:root :where(.header2021, .header2021-flyout-popover) .input-textarea > textarea:focus,
	:root :where(.header2021, .header2021-flyout-popover) .input-textarea.is-active > textarea,
	:root :where(.header2021, .header2021-flyout-popover) .input-select.is-active .input-select-text,
	:root :where(.header2021, .header2021-flyout-popover) .goods-select select:focus + .goods-select-name {
			border-color: #8EAFF0;
			box-shadow: 0 0 0 1px #8EAFF0;
		}
	:root :where(.header2021, .header2021-flyout-popover) .input-text-clear {
			background-color: #1946B8;
			color: #C3D3F8;
		}
	:root :where(.header2021, .header2021-flyout-popover) .input-check-mark,
	:root :where(.header2021, .header2021-flyout-popover) .input-radio-mark {
			border-color: #505050;
			background-color: #121212;
		}
	:root :where(.header2021, .header2021-flyout-popover) .input-check:hover .input-check-mark,
	:root :where(.header2021, .header2021-flyout-popover) .input-radio:hover .input-radio-mark {
			background-color: #112B88;
			border-color: #8EAFF0;
		}
	:root :where(.header2021, .header2021-flyout-popover) .input-check input[type="checkbox"]:checked + .input-check-mark,
	:root :where(.header2021, .header2021-flyout-popover) .input-check input[type="checkbox"]:indeterminate + .input-check-mark,
	:root :where(.header2021, .header2021-flyout-popover) .input-radio input[type="radio"]:checked + .input-radio-mark {
			background-color: #112B88;
			border-color: #8EAFF0;
		}
	:root :where(.header2021, .header2021-flyout-popover) .input-radio input[type="radio"]:checked + .input-radio-mark:before {
			background-color: #8EAFF0;
		}
	:root :where(.header2021, .header2021-flyout-popover) .scrollbar::-webkit-scrollbar {
			background-color: #070707;
		}
	:root :where(.header2021, .header2021-flyout-popover) .scrollbar::-webkit-scrollbar-thumb {
			background-color: rgba(255,255,255,.5);
			-webkit-box-shadow: 0 0 1px rgba(0,0,0,.5);
		}
	:root :where(.header2021, .header2021-flyout-popover) .swiper-scrollbar {
			background-color: #363636;
		}
	:root :where(.header2021, .header2021-flyout-popover) .swiper-scrollbar-drag {
			background-color: #6e6e6e;
		}
	:root :where(.header2021, .header2021-flyout-popover) .form-error-msg {
			background-color: #DB1600;
			color: #fff;
		}
	:root :where(.header2021, .header2021-flyout-popover) .form-error-msg:before {
			border-bottom-color: #DB1600;
		}
	:root :where(.header2021, .header2021-flyout-popover) .input-text.show-error > input,
	:root :where(.header2021, .header2021-flyout-popover) .input-textarea.show-error > textarea,
	:root :where(.header2021, .header2021-flyout-popover) .input-select.show-error .input-select-text,
	:root :where(.header2021, .header2021-flyout-popover) .goods-select.show-error select:focus + .goods-select-name {
			border-color: #DB1600;
			box-shadow: 0 0 0 1px #DB1600;
		}
	.show-img-bg:root :where(.header2021, .header2021-flyout-popover) .goods-img:not(.bg-lightgray),
	.show-img-bg:root :where(.header2021, .header2021-flyout-popover) .goods-img > img {
			border-radius: 4px;
		}
}

/* ---- from pages_2021/seller_recommend.css (1 rules, limited to the header) ---- */
:root :where(.header2021, .header2021-flyout-popover) .link-more {
	color: #8EAFF0;
}

/* ============================================================
 * Black November header colours
 * ============================================================ */
.header2021-search .hot-search-swiper > a:first-child,
:root .header2021-search .hot-search-swiper > a:first-child {
    background: linear-gradient(90deg, #0A154C 0%, #1234B0 100%);
    color: #FDCD00 !important;
    font-weight: bold;
}
.header2021-search .scrollbar > li:first-child a {
    color: #084BA6 !important;
}
:root .header2021-search .scrollbar > li:first-child a {
    color: #A2C2F5 !important;
}

/* Header. The page is always dark (`:root` stands in for html.dark-mode, see the top of this file), which keeps the blue bar and turns the search field grey. The Black November
   design has a near-black bar with a gold rule and a white search field. Only colours here, the structure is untouched.
   (header2021-nav and header2021-celeste are one image each and are replaced separately.) */
:root .header2021.is-new.is-full.bg-white {
    background: radial-gradient(900px 320px at 50% 100%, rgba(227, 184, 92, .10) 0%, rgba(227, 184, 92, 0) 70%), linear-gradient(180deg, #15151B 0%, #101016 58%, #0A0A0D 100%);
    background-color: #0A0A0D;
}
:root .header2021.is-new.is-full::after {
    content: '';
    position: absolute;
    z-index: 3;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    pointer-events: none;
    background: linear-gradient(90deg, rgba(227, 184, 92, 0) 0%, #E3B85C 10%, #FCEFC6 50%, #E3B85C 90%, rgba(227, 184, 92, 0) 100%);
}
:root .header2021.is-new.is-full .header2021-search-inner {
    background-color: #fff !important;
}
:root .header2021.is-new.is-full:not(.is-business) .header2021-search-box [type="search"] {
    color: #212121 !important;
}
:root .header2021.is-new.is-full .header2021-search-box [type="search"]::placeholder {
    color: #636363 !important;
}
:root .header2021.is-new.is-full .header-trending.tag-list .tag,
:root .header2021.is-new.is-full .header-trending.tag-list .tag .tag-text {
    background-color: #F2F2F2 !important;
    color: #212121 !important;
}
:root .header2021.is-new.is-full .header-trending.tag-list .tag .tag-text {
    background-color: transparent !important;
}
:root .header2021.is-new.is-full .header-trending.tag-list .tag:hover {
    background-color: #E4E4E4 !important;
    color: #212121 !important;
}
:root .header2021.is-new.is-full .header2021-search-mic,
:root .header2021.is-new.is-full .header2021-search-cam {
    filter: none !important;
}

/* Header hover / open fill. All Categories gets #262626 in dark mode, the other buttons keep the blue fill of the old
   blue header (rgba(5, 16, 60, .45)). Same colour for all of them. */
:root .header2021.is-new.is-full .header2021-mega-trigger:hover,
:root .header2021.is-new.is-full .header2021-mega-trigger.is-active,
:root .header2021.is-new.is-full .header2021-portal:hover,
:root .header2021.is-new.is-full .header2021-link:hover,
:root .header2021.is-new.is-full .header2021-icon-btn:hover,
:root .header2021.is-new.is-full .header2021-icon-btn.menu-open,
:root .header2021.is-new.is-full .header2021-country-flag:hover,
:root .header2021.is-new.is-full .header2021-notify .header2021-nav-icon:hover,
:root .header2021.is-new.is-full .header2021-inner.has-hamburger .header2021-hamburger.is-active,
:root .header2021.is-new.is-full .header2021-nav.is-active>.bg-transparent-gray {
    background-color: #262626;
}
/* the header keeps these without a fill */
:root .header2021.is-new.is-full .header2021-location .header2021-link:hover,
:root .header2021.is-new.is-full .MoreMenu .header2021-portal:hover {
    background-color: transparent;
}
/* Header All Categories dropdown: the first level (the left column) is dark gold instead of dark blue, its hover /
   current row a lighter gold, and the icons on the right (arrow, bookmark) are white. Colours only; the second level
   and the text keep theirs. */
:root .header2021.is-new.is-full .header2021-hamburger-new.menu .menu-list-cell.menu-level-1>.menu-list.menu-level-2 {
    background: linear-gradient(180deg, #6A4B0E, #43300A);
}
:root .header2021.is-new.is-full .header2021-hamburger-new.menu .menu-level-2>ul>.menu-level-3>.menu-list-link:hover,
:root .header2021.is-new.is-full .header2021-hamburger-new.menu .menu-level-2>ul>.menu-level-3.is-active>.menu-list-link {
    background-color: #8F6A16;
}
:root .header2021.is-new.is-full .header2021-hamburger-new.menu .menu-level-2>ul>.menu-level-3.menu>.menu-list-link:after {
    color: #fff;
}
:root .header2021.is-new.is-full .header2021-hamburger-new.menu .menu-level-2>ul>.menu-level-3>.menu-list-link>.quicknav-fav-star:not(.is-faved) svg path {
    stroke: #fff;
}
/* the rows inherit the panel's white text; a page-wide `a { color }` (Game Room Builder's #222) would turn them black.
   :where() keeps it at (0,2,1), under every hover / current colour of the header and this file. */
:root :where(.header2021.is-new.is-full .header2021-hamburger-new) a.menu-list-link {
    color: inherit;
}
/* All Categories dropdown, click mode (.menu-not-flying) and the deeper levels: the gold sits on the panel itself, so
   nothing grey (#212121 of .bg-white) shows below the list or around it (the list container has 15px of padding and the
   drill-down lists are shorter than the panel). The "Back to ..." bars are a darker gold tint instead of black, the hover
   fill of every row is the same gold as the first level, sub titles are not blue, and the "Net Terms" box keeps its
   dark text on hover (the generic `a:hover { color: inherit }` above turned it white on the peach box). */
html:root .header2021.header2021.is-new.is-full .header2021-hamburger-new.menu>.menu-body {
    background: linear-gradient(180deg, #6A4B0E, #43300A);
}
/* the little arrow on top of the panel takes the gradient's first colour (the open state of the click mode paints it #212121) */
html:root .header2021.header2021.is-new.is-full .header2021-hamburger-new.menu>.menu-body.bg-white>.menu-arrow:before,
html.menu-not-flying:root .header2021.header2021.is-new.is-full .header2021-hamburger-new.is-open-new.menu>.menu-body.bg-white>.menu-arrow:before {
    border-bottom-color: #6A4B0E;
}
html:root .header2021.header2021.is-new.is-full .header2021-hamburger-new.menu .menu-list-cell.menu-level-1>.menu-list.menu-level-2 {
    background: none;
}
html:root .header2021.header2021.is-new.is-full .header2021-hamburger-new.menu .menu-level-back {
    background-color: rgba(0, 0, 0, .28);
    color: #fff;
}
html:root .header2021.header2021.is-new.is-full .header2021-hamburger-new.menu .menu-level-back:hover {
    background-color: rgba(0, 0, 0, .42);
    color: #fff;
}
html:root .header2021.header2021.is-new.is-full .header2021-hamburger-new.menu .bg-transparent-lightblue:hover,
html:root .header2021.header2021.is-new.is-full .header2021-hamburger-new.menu .bg-transparent-lightblue.is-active,
html:root .header2021.header2021.is-new.is-full .header2021-hamburger-new.menu .is-active>.bg-transparent-lightblue,
html.menu-not-flying:root .header2021.header2021.is-new.is-full .header2021-hamburger-new.menu .menu-level-3 .menu-body .menu-list-link:hover {
    background-color: #8F6A16;
    color: #fff;
}
/* every level below the first reads the same: white text, the first level's gold hover (rows can be links, sub titles,
   or the sub titles of an open level) */
html:root .header2021.header2021.is-new.is-full .header2021-hamburger-new.menu .menu-level-3 .menu-body .section-subtitle-text,
html:root .header2021.header2021.is-new.is-full .header2021-hamburger-new.menu .menu-level-3 .menu-body .section-subtitle,
html:root .header2021.header2021.is-new.is-full .header2021-hamburger-new.menu .menu-level-3 .menu-body .menu-list-link {
    color: #fff;
}
html:root .header2021.header2021.is-new.is-full .header2021-hamburger-new.menu .menu-level-3.is-current:not(.is-open) .section-subtitle:hover,
html.menu-not-flying:root .header2021.header2021.is-new.is-full .header2021-hamburger-new.menu .menu-level-3.is-current:not(.is-open) .section-subtitle:hover {
    background-color: #8F6A16;
    color: #fff;
}
html.menu-not-flying:root .header2021.header2021.is-new.is-full .header2021-hamburger-new.menu .menu-level-3.is-current>a.menu-list-link:after,
html.menu-not-flying:root .header2021.header2021.is-new.is-full .header2021-hamburger-new.menu .menu-level-4.is-current>a.menu-list-link:after,
html.menu-not-flying:root .header2021.header2021.is-new.is-full .header2021-hamburger-new.menu .menu-level-5.is-current>a.menu-list-link:after,
html.menu-not-flying:root .header2021.header2021.is-new.is-full .header2021-hamburger-new.menu .menu-level-4.is-current>a.section-subtitle:after {
    color: #fff;
}
html:root .header2021.header2021.is-new.is-full .header2021-hamburger-new.menu .bento-hero-menu-service li:hover {
    background: rgba(242, 150, 56, .32);
}
html:root .header2021.header2021.is-new.is-full .header2021-hamburger-new.menu .bento-hero-menu-service li a:hover {
    color: #1a1a1a;
}
/* Header campaign portals, matched by the title the CMS gives them (design: gold "Black November" text and a
   gold-outlined "Black Friday Ad" pill with a NEW badge; the badge is drawn here as the link has no markup for it) */
:root .header2021.is-new.is-full .header2021-portal[title="Black November"] {
    color: #F5C63C;
}
:root .header2021.is-new.is-full .header2021-portal[title="Black November"]>span {
    font-weight: 800;
}
:root .header2021.is-new.is-full .header2021-portal[title="Black Friday Ad"] {
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 4px 10px 4px 12px;
    border: 1px solid rgba(227, 184, 92, .55);
    border-radius: 100px;
    background-color: rgba(227, 184, 92, .1);
    color: #FCEFC6;
}
:root .header2021.is-new.is-full .header2021-portal[title="Black Friday Ad"]>span {
    font-weight: 700;
}
:root .header2021.is-new.is-full .header2021-portal[title="Black Friday Ad"]:hover {
    background-color: rgba(227, 184, 92, .2);
}
:root .header2021.is-new.is-full .header2021-portal[title="Black Friday Ad"]::after {
    content: 'New';
    padding: 2px 6px;
    border-radius: 99px;
    background: linear-gradient(90deg, #FDE076, #F3AE44);
    color: #1E1703;
    font-size: 9px;
    font-weight: 700;
    line-height: 12px;
    letter-spacing: .1em;
    text-transform: uppercase;
}
/* Celeste: the gold Black November artwork instead of the header images. Each <img> keeps its box, its own picture is
   pushed out of view (object-position) and the new one drawn as its background, so header.css still switches the
   full pill / compact lockup per breakpoint. The full pill gets the design's gold outline (the old svg had the navy
   pill built in); the shine is masked to the old lettering, so it goes. */
:root .header2021.is-new.is-full .celeste-pill .cp-full,
:root .header2021.is-new.is-full .celeste-pill .cp-compact {
    object-position: -9999px 0;
    background: center / contain no-repeat;
}
:root .header2021.is-new.is-full .celeste-pill .cp-full {
    box-sizing: border-box;
    border: 1px solid rgba(227, 184, 92, .7);
    border-radius: 999px;
    background-image: url(https://c1.neweggimages.com/webresource/themes/www/css/holiday/home-holiday/shopwithceleste.png);
    background-size: auto 28px;
}
:root .header2021.is-new.is-full .celeste-pill .cp-compact {
    background-image: url(https://c1.neweggimages.com/webresource/themes/www/css/holiday/home-holiday/ai-mode-logo.png);
}
:root .header2021.is-new.is-full .cp-shine {
    display: none;
}
/* header.css darkens the Ask AI pills only for `html:not(.dark-mode)`; keep the dark white text without the class */
:root header.header2021.is-new.is-full .header2021-ask-ai-pill {
    color: #fff;
}