/* Product switcher trial. Remove this stylesheet link to restore the prior menu. */
html body.portal-shell #topHead .portal-product-picker {
  --switcher-surface: #fff;
  --switcher-text: #263244;
  --switcher-muted: #687180;
  --switcher-border: #d8dce2;
  --switcher-hover: #f0f3f6;
  --switcher-selected: #000;
}
html[data-portal-skin="dark"] body.portal-shell #topHead .portal-product-picker {
  --switcher-surface: #222;
  --switcher-text: #f2f2f2;
  --switcher-muted: #aaa;
  --switcher-border: #3c3c3c;
  --switcher-hover: #303030;
  --switcher-selected: #0f0f0f;
}
html body.portal-shell #topHead .portal-product-picker > .dropdown-menu {
  width: max-content !important;
  max-width: calc(100vw - 24px) !important;
  min-width: 0 !important;
  padding: 8px !important;
  margin-top: 10px;
  background: var(--switcher-surface) !important;
  color: var(--switcher-text);
  border: 1px solid var(--switcher-border) !important;
  border-radius: 4pt !important;
  box-shadow: 0 12px 32px #0003;
}

html body.portal-shell #topHead .portal-product-picker > .dropdown-menu > li,
html body.portal-shell #topHead .portal-product-picker > .dropdown-menu > li > .row,
html body.portal-shell #topHead .portal-product-picker > .dropdown-menu > li > .row > .col-sm-12 {
  padding: 0 !important;
  margin: 0 !important;
  width: 100%;
  float: none;
}
html body.portal-shell #topHead .portal-product-picker :is(.productbox,.productboxactive) {
  padding: 10px 12px !important;
  margin: 2px 0 !important;
  border: 0 !important;
  border-radius: 4pt !important;
  background: transparent !important;
  box-shadow: none !important;
  opacity: 1 !important;
  color: var(--switcher-text) !important;
  cursor: pointer;
}
html body.portal-shell #topHead .portal-product-picker .productboxactive { background: var(--switcher-selected) !important; }
html body.portal-shell #topHead .portal-product-picker :is(.productbox,.productboxactive):is(:hover,:focus-visible) { background: var(--switcher-hover) !important; }
html body.portal-shell #topHead .portal-product-picker :is(.productbox,.productboxactive) > .text-center {
  display: flex;
  align-items: center;
  gap: 14px;
  text-align: left;
}
html body.portal-shell #topHead .portal-product-picker :is(.productbox,.productboxactive) .row {
  flex: 0 0 40px;
  margin: 0 !important;
  padding: 0 !important;
}
html body.portal-shell #topHead .portal-product-picker :is(.productbox,.productboxactive) .col-lg-12 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1px;
  padding: 0 !important;
}
html body.portal-shell #topHead .portal-product-picker :is(.productbox,.productboxactive) img {
  width: 40px !important;
  height: 38px !important;
  padding: 0 !important;
  object-fit: contain;
  opacity: 1 !important;
}
html body.portal-shell #topHead .portal-product-picker .col-lg-12:has(img + img) img { width: 28px !important; height: 36px !important; }
html body.portal-shell #topHead .portal-product-picker :is(.productbox,.productboxactive) h3 {
  flex: 1;
  min-width: 0;
  padding: 0 !important;
  margin: 0 !important;
  font: 500 16px/1.35 "Source Sans 3", "Segoe UI", sans-serif !important;
  color: var(--switcher-text) !important;
  text-align: left;
}

html[data-portal-skin="mixed"] body.portal-shell #topHead .portal-product-picker { --switcher-selected: #2e363f; }
html body.portal-shell #topHead .portal-product-picker .productboxactive h3 { color: #fff !important; }
html body.portal-shell #topHead .portal-product-picker .productboxactive:is(:hover,:focus-visible) { background: var(--switcher-selected) !important; }
html body.portal-shell #topHead .portal-product-picker .productbox .portal-mix-product-icon { filter: grayscale(1); opacity: 1 !important; }
html body.portal-shell #topHead .portal-product-picker > .dropdown-menu::before {
  content: "Change product";
  display: block;
  position: static;
  padding: 8px 12px;
  border: 0;
  color: var(--switcher-muted);
  font: 400 12px/1.5 "Source Sans 3", sans-serif;
  letter-spacing: .08em;
  text-transform: uppercase;
}