/* Temporary visual theme. Remove this stylesheet to restore the standard palette. */
html.seasonal-black-friday {
  --seasonal-orange: #ed842e;
  --seasonal-orange-light: #ffa84e;
  --seasonal-ink: #17202d;
}
html.seasonal-black-friday button,
html.seasonal-black-friday a,
html.seasonal-black-friday [role="button"] { cursor: url('/assets/skeleton-hand-cursor.png') 4 12, pointer; }
html.seasonal-black-friday input,
html.seasonal-black-friday textarea { cursor: text; }
html.seasonal-black-friday select { cursor: url('/assets/skeleton-hand-cursor.png') 4 12, pointer; }
html.seasonal-black-friday .login-hero {
  background: url('/assets/seasonal-bats.svg') no-repeat right 4% top 2%,
    linear-gradient(125deg,#0b1729 0%,#102945 68%,#1b1a2b 100%);
}
html.seasonal-black-friday .login-hero .brand::after {
  content: 'BLACK FRIDAY  ·  HALLOWEEN';
  display: block; width: max-content; max-width: 100%; margin-top: 14px;
  padding: 6px 10px; border: 1px solid var(--seasonal-orange);
  border-radius: 8px; color: var(--seasonal-orange-light);
  background: #130f13; font-size: 10px; font-weight: 800; letter-spacing: .08em;
}
html.seasonal-black-friday .login-card { border-top: 3px solid var(--seasonal-orange); }
html.seasonal-black-friday .login-card .primary,
html.seasonal-black-friday .primary { background: #dd7425; border-color: #dd7425; color: #fff; }
html.seasonal-black-friday .login-card .primary:hover,
html.seasonal-black-friday .primary:hover { background: #c86218; border-color: #c86218; }
html.seasonal-black-friday input:focus,
html.seasonal-black-friday select:focus { border-color: var(--seasonal-orange); box-shadow: 0 0 0 3px #ed842e33; }
html.seasonal-black-friday .desktop-menubar,
html.seasonal-black-friday .desktop-toolbar,
html.seasonal-black-friday .desktop-status,
html.seasonal-black-friday .desktop-rail { border-color: #c46b2a; }
html.seasonal-black-friday .desktop-home .desktop-menubar,
html.seasonal-black-friday .desktop-home .desktop-toolbar,
html.seasonal-black-friday .desktop-home .desktop-status,
html.seasonal-black-friday .desktop-home .desktop-rail,
html.seasonal-black-friday .desktop-home .desktop-shortcut {
  border-color: #9b5b2d;
}
html.seasonal-black-friday .desktop-home .desktop-shortcut:hover:not(:disabled) {
  background: #47382d;
  box-shadow: inset 0 -3px var(--seasonal-orange);
}
html.seasonal-black-friday .desktop-home .desktop-canvas { position: relative; }
html.seasonal-black-friday .desktop-home .desktop-canvas::before {
  content: 'BLACK FRIDAY  ·  HALLOWEEN';
  position: absolute; top: 22px; right: 30px; z-index: 1;
  padding: 8px 13px; border: 1px solid var(--seasonal-orange);
  border-radius: 8px; background: #111723df; color: #ffbd76;
  font-size: 11px; font-weight: 800; letter-spacing: .08em; pointer-events: none;
}
html.seasonal-black-friday .desktop-toolbar-brand img {
  content: url('/assets/black-friday-pumpkin.png');
}
html.seasonal-black-friday .panel,
html.seasonal-black-friday .stat { border-color: #b66b33; }
html.seasonal-black-friday .panel-head { border-bottom-color: #b66b33; }
html.seasonal-black-friday .page-head .eyebrow,
html.seasonal-black-friday .eyebrow { color: var(--seasonal-orange-light); }
html.seasonal-black-friday .grid-selectable-row.selected { box-shadow: inset 3px 0 var(--seasonal-orange) !important; }
html.seasonal-black-friday .product-actions-popover button:hover,
html.seasonal-black-friday .product-actions-popover button:focus-visible { background: #fff1e5; }
@media (max-width: 760px) {
  html.seasonal-black-friday .login-hero { background-size: 180px auto, auto; }
  html.seasonal-black-friday .login-hero .brand::after { margin-top: 6px; padding: 4px 7px; font-size: 8px; }
  html.seasonal-black-friday .desktop-home .desktop-canvas::before { right: 12px; top: 12px; font-size: 9px; }
}