html body.okra-auth #wrapper #header.okra-header-shell,
html body.okra-auth #wrapper #header.okra-header-shell.okra-glass-header,
html body.okra-auth #wrapper #header.okra-header-shell.okra-glass-header:not(.is-scrolled) {
  color: #f8efe4 !important;
  background: #361C19 !important;
  background-color: #361C19 !important;
  background-image: none !important;
  border-bottom: 1px solid rgba(248, 239, 228, 0.14) !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

html body.okra-auth #wrapper #header.okra-header-shell::before,
html body.okra-auth #wrapper #header.okra-header-shell.okra-glass-header::before,
html body.okra-auth #wrapper #header.okra-header-shell.okra-glass-header:not(.is-scrolled)::before {
  opacity: 1 !important;
  background: #361C19 !important;
  background-color: #361C19 !important;
  background-image: none !important;
  border-bottom-color: rgba(248, 239, 228, 0.14) !important;
}

html body.okra-auth #wrapper #header.okra-header-shell .okra-topbar,
html body.okra-auth #wrapper #header.okra-header-shell.okra-glass-header .okra-topbar {
  background: transparent !important;
  background-color: transparent !important;
}

html body.okra-auth #wrapper #header.okra-header-shell .okra-brand img,
html body.okra-auth.okra-vintage-pdp #wrapper #header.okra-header-shell .okra-brand img,
html body.okra-auth #wrapper #header.okra-header-shell.okra-glass-header .okra-brand img,
html body.okra-auth #wrapper #header.okra-header-shell.okra-glass-header:not(.is-scrolled) .okra-brand img,
html body.okra-auth.okra-vintage-pdp #wrapper #header.okra-header-shell.okra-glass-header:not(.is-scrolled) .okra-brand img {
  filter: brightness(0) invert(1) !important;
}

html body.okra-auth #wrapper #header.okra-header-shell .okra-topbar > .okra-menu-toggle,
html body.okra-auth #wrapper #header.okra-header-shell .okra-topbar > .okra-header-wishlist-link,
html body.okra-auth #wrapper #header.okra-header-shell .okra-topbar > .okra-search-trigger,
html body.okra-auth #wrapper #header.okra-header-shell .okra-topbar > .okra-cart-link,
html body.okra-auth #wrapper #header.okra-header-shell .okra-topbar > .okra-header-actions,
html body.okra-auth #wrapper #header.okra-header-shell .okra-topbar > .okra-header-actions > .okra-search-trigger,
html body.okra-auth #wrapper #header.okra-header-shell .okra-topbar > .okra-header-actions > .okra-cart-link,
html body.okra-auth #wrapper #header.okra-header-shell .okra-topbar svg,
html body.okra-auth #wrapper #header.okra-header-shell .okra-topbar svg path,
html body.okra-auth #wrapper #header.okra-header-shell .okra-topbar svg line,
html body.okra-auth #wrapper #header.okra-header-shell .okra-topbar svg circle,
html body.okra-auth #wrapper #header.okra-header-shell .okra-topbar svg rect,
html body.okra-auth #wrapper #header.okra-header-shell.okra-glass-header:not(.is-scrolled) .okra-topbar > .okra-menu-toggle,
html body.okra-auth #wrapper #header.okra-header-shell.okra-glass-header:not(.is-scrolled) .okra-topbar > .okra-header-wishlist-link,
html body.okra-auth #wrapper #header.okra-header-shell.okra-glass-header:not(.is-scrolled) .okra-topbar > .okra-search-trigger,
html body.okra-auth #wrapper #header.okra-header-shell.okra-glass-header:not(.is-scrolled) .okra-topbar > .okra-cart-link,
html body.okra-auth #wrapper #header.okra-header-shell.okra-glass-header:not(.is-scrolled) .okra-topbar > .okra-header-actions,
html body.okra-auth #wrapper #header.okra-header-shell.okra-glass-header:not(.is-scrolled) .okra-topbar > .okra-header-actions > .okra-search-trigger,
html body.okra-auth #wrapper #header.okra-header-shell.okra-glass-header:not(.is-scrolled) .okra-topbar > .okra-header-actions > .okra-cart-link,
html body.okra-auth #wrapper #header.okra-header-shell.okra-glass-header:not(.is-scrolled) .okra-topbar svg,
html body.okra-auth #wrapper #header.okra-header-shell.okra-glass-header:not(.is-scrolled) .okra-topbar svg path,
html body.okra-auth #wrapper #header.okra-header-shell.okra-glass-header:not(.is-scrolled) .okra-topbar svg line,
html body.okra-auth #wrapper #header.okra-header-shell.okra-glass-header:not(.is-scrolled) .okra-topbar svg circle,
html body.okra-auth #wrapper #header.okra-header-shell.okra-glass-header:not(.is-scrolled) .okra-topbar svg rect {
  color: #f8efe4 !important;
  stroke: #f8efe4 !important;
}

html.okra-header-is-scrolled body.okra-auth #wrapper #header.okra-header-shell,
html.okra-header-is-scrolled body.okra-auth #wrapper #header.okra-header-shell.okra-glass-header,
html body.okra-auth #wrapper #header.okra-header-shell.is-scrolled,
html body.okra-auth #wrapper #header.okra-header-shell.okra-glass-header.is-scrolled {
  color: #551912 !important;
  background: var(--okra-header-page-bg, #f8efe4) !important;
  background-color: var(--okra-header-page-bg, #f8efe4) !important;
  background-image: none !important;
  border-bottom: 1px solid var(--okra-header-page-border, rgba(85, 25, 18, 0.12)) !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

html.okra-header-is-scrolled body.okra-auth #wrapper #header.okra-header-shell::before,
html.okra-header-is-scrolled body.okra-auth #wrapper #header.okra-header-shell.okra-glass-header::before,
html body.okra-auth #wrapper #header.okra-header-shell.is-scrolled::before,
html body.okra-auth #wrapper #header.okra-header-shell.okra-glass-header.is-scrolled::before {
  opacity: 1 !important;
  background: var(--okra-header-page-bg, #f8efe4) !important;
  background-color: var(--okra-header-page-bg, #f8efe4) !important;
  background-image: none !important;
  border-bottom-color: var(--okra-header-page-border, rgba(85, 25, 18, 0.12)) !important;
}

html.okra-header-is-scrolled body.okra-auth #wrapper #header.okra-header-shell .okra-brand img,
html.okra-header-is-scrolled body.okra-auth.okra-vintage-pdp #wrapper #header.okra-header-shell .okra-brand img,
html.okra-header-is-scrolled body.okra-auth #wrapper #header.okra-header-shell.okra-glass-header .okra-brand img,
html body.okra-auth #wrapper #header.okra-header-shell.is-scrolled .okra-brand img,
html body.okra-auth.okra-vintage-pdp #wrapper #header.okra-header-shell.is-scrolled .okra-brand img,
html body.okra-auth #wrapper #header.okra-header-shell.okra-glass-header.is-scrolled .okra-brand img {
  filter: brightness(0) saturate(100%) invert(12%) sepia(65%) saturate(2508%) hue-rotate(351deg) brightness(83%) contrast(93%) !important;
}

html.okra-header-is-scrolled body.okra-auth #wrapper #header.okra-header-shell .okra-topbar > .okra-menu-toggle,
html.okra-header-is-scrolled body.okra-auth #wrapper #header.okra-header-shell .okra-topbar > .okra-header-wishlist-link,
html.okra-header-is-scrolled body.okra-auth #wrapper #header.okra-header-shell .okra-topbar > .okra-search-trigger,
html.okra-header-is-scrolled body.okra-auth #wrapper #header.okra-header-shell .okra-topbar > .okra-cart-link,
html.okra-header-is-scrolled body.okra-auth #wrapper #header.okra-header-shell .okra-topbar > .okra-header-actions,
html.okra-header-is-scrolled body.okra-auth #wrapper #header.okra-header-shell .okra-topbar > .okra-header-actions > .okra-search-trigger,
html.okra-header-is-scrolled body.okra-auth #wrapper #header.okra-header-shell .okra-topbar > .okra-header-actions > .okra-cart-link,
html.okra-header-is-scrolled body.okra-auth #wrapper #header.okra-header-shell .okra-topbar svg,
html.okra-header-is-scrolled body.okra-auth #wrapper #header.okra-header-shell .okra-topbar svg path,
html.okra-header-is-scrolled body.okra-auth #wrapper #header.okra-header-shell .okra-topbar svg line,
html.okra-header-is-scrolled body.okra-auth #wrapper #header.okra-header-shell .okra-topbar svg circle,
html.okra-header-is-scrolled body.okra-auth #wrapper #header.okra-header-shell .okra-topbar svg rect,
html body.okra-auth #wrapper #header.okra-header-shell.is-scrolled .okra-topbar > .okra-menu-toggle,
html body.okra-auth #wrapper #header.okra-header-shell.is-scrolled .okra-topbar > .okra-header-wishlist-link,
html body.okra-auth #wrapper #header.okra-header-shell.is-scrolled .okra-topbar > .okra-search-trigger,
html body.okra-auth #wrapper #header.okra-header-shell.is-scrolled .okra-topbar > .okra-cart-link,
html body.okra-auth #wrapper #header.okra-header-shell.is-scrolled .okra-topbar > .okra-header-actions,
html body.okra-auth #wrapper #header.okra-header-shell.is-scrolled .okra-topbar > .okra-header-actions > .okra-search-trigger,
html body.okra-auth #wrapper #header.okra-header-shell.is-scrolled .okra-topbar > .okra-header-actions > .okra-cart-link,
html body.okra-auth #wrapper #header.okra-header-shell.is-scrolled .okra-topbar svg,
html body.okra-auth #wrapper #header.okra-header-shell.is-scrolled .okra-topbar svg path,
html body.okra-auth #wrapper #header.okra-header-shell.is-scrolled .okra-topbar svg line,
html body.okra-auth #wrapper #header.okra-header-shell.is-scrolled .okra-topbar svg circle,
html body.okra-auth #wrapper #header.okra-header-shell.is-scrolled .okra-topbar svg rect {
  color: #551912 !important;
  stroke: #551912 !important;
}

html body.okra-auth:not(.okra-home):not(.okra-shop-chrome):not([data-theme="chrome"]):not([data-material="chrome"]) #wrapper #header.okra-header-shell:not(.is-scrolled),
html body.okra-auth:not(.okra-home):not(.okra-shop-chrome):not([data-theme="chrome"]):not([data-material="chrome"]) #wrapper #header.okra-header-shell.okra-glass-header:not(.is-scrolled) {
  color: #f8efe4 !important;
  background: #361C19 !important;
  background-color: #361C19 !important;
  background-image: none !important;
  border-bottom: 1px solid rgba(248, 239, 228, 0.14) !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

html body.okra-auth:not(.okra-home):not(.okra-shop-chrome):not([data-theme="chrome"]):not([data-material="chrome"]) #wrapper #header.okra-header-shell:not(.is-scrolled)::before,
html body.okra-auth:not(.okra-home):not(.okra-shop-chrome):not([data-theme="chrome"]):not([data-material="chrome"]) #wrapper #header.okra-header-shell.okra-glass-header:not(.is-scrolled)::before {
  opacity: 1 !important;
  background: #361C19 !important;
  background-color: #361C19 !important;
  background-image: none !important;
  border-bottom-color: rgba(248, 239, 228, 0.14) !important;
}

html body.okra-auth:not(.okra-home):not(.okra-shop-chrome):not([data-theme="chrome"]):not([data-material="chrome"]) #wrapper #header.okra-header-shell:not(.is-scrolled) .okra-brand img,
html body.okra-auth:not(.okra-home):not(.okra-shop-chrome):not([data-theme="chrome"]):not([data-material="chrome"]) #wrapper #header.okra-header-shell.okra-glass-header:not(.is-scrolled) .okra-brand img {
  filter: brightness(0) invert(1) !important;
}

html body.okra-auth:not(.okra-home):not(.okra-shop-chrome):not([data-theme="chrome"]):not([data-material="chrome"]) #wrapper #header.okra-header-shell:not(.is-scrolled) .okra-topbar > .okra-menu-toggle,
html body.okra-auth:not(.okra-home):not(.okra-shop-chrome):not([data-theme="chrome"]):not([data-material="chrome"]) #wrapper #header.okra-header-shell:not(.is-scrolled) .okra-topbar > .okra-header-wishlist-link,
html body.okra-auth:not(.okra-home):not(.okra-shop-chrome):not([data-theme="chrome"]):not([data-material="chrome"]) #wrapper #header.okra-header-shell:not(.is-scrolled) .okra-topbar > .okra-search-trigger,
html body.okra-auth:not(.okra-home):not(.okra-shop-chrome):not([data-theme="chrome"]):not([data-material="chrome"]) #wrapper #header.okra-header-shell:not(.is-scrolled) .okra-topbar > .okra-cart-link,
html body.okra-auth:not(.okra-home):not(.okra-shop-chrome):not([data-theme="chrome"]):not([data-material="chrome"]) #wrapper #header.okra-header-shell:not(.is-scrolled) .okra-topbar > .okra-header-actions,
html body.okra-auth:not(.okra-home):not(.okra-shop-chrome):not([data-theme="chrome"]):not([data-material="chrome"]) #wrapper #header.okra-header-shell:not(.is-scrolled) .okra-topbar svg,
html body.okra-auth:not(.okra-home):not(.okra-shop-chrome):not([data-theme="chrome"]):not([data-material="chrome"]) #wrapper #header.okra-header-shell:not(.is-scrolled) .okra-topbar svg path,
html body.okra-auth:not(.okra-home):not(.okra-shop-chrome):not([data-theme="chrome"]):not([data-material="chrome"]) #wrapper #header.okra-header-shell:not(.is-scrolled) .okra-topbar svg line,
html body.okra-auth:not(.okra-home):not(.okra-shop-chrome):not([data-theme="chrome"]):not([data-material="chrome"]) #wrapper #header.okra-header-shell:not(.is-scrolled) .okra-topbar svg circle,
html body.okra-auth:not(.okra-home):not(.okra-shop-chrome):not([data-theme="chrome"]):not([data-material="chrome"]) #wrapper #header.okra-header-shell:not(.is-scrolled) .okra-topbar svg rect {
  color: #f8efe4 !important;
  stroke: #f8efe4 !important;
}