.holiday-header {
  position: relative;
  padding-top: 48px !important;
}
.holiday-trim {
  position: absolute;
  top: 8px;
  left: 16px;
  right: 16px;
  height: 25px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 6px;
  pointer-events: none;
  border-top: 1px dashed var(--holiday-decor-main);
  padding-top: 5px;
}
.holiday-symbol {
  display: block;
  flex: 0 0 auto;
  width: 24px;
  height: 24px;
  color: var(--holiday-decor-main);
  overflow: visible;
  image-rendering: pixelated;
}
.holiday-symbol .decor-main {
  fill: currentColor;
}
.holiday-symbol .decor-light {
  fill: var(--holiday-decor-light);
}
.holiday-symbol .decor-line {
  fill: none;
  stroke: var(--holiday-decor-ink);
  stroke-width: 1;
  stroke-linecap: square;
  stroke-linejoin: miter;
}
.holiday-symbol:nth-child(3n) {
  transform: rotate(-8deg);
}
.holiday-symbol:nth-child(3n + 2) {
  transform: rotate(7deg);
}
.holiday-card {
  position: relative;
}
.holiday-corner {
  position: absolute;
  top: -10px;
  right: 13px;
  display: flex;
  gap: 3px;
  pointer-events: none;
}
.holiday-corner .holiday-symbol {
  width: 20px;
  height: 20px;
  filter: drop-shadow(1px 2px 0 #0004);
}
body[data-holiday-active="false"] .holiday-trim,
body[data-holiday-active="false"] .holiday-corner {
  display: none;
}
body[data-holiday-active="false"] .holiday-header {
  padding-top: 30px !important;
}
body[data-holiday-active="true"].emo-weather {
  --holiday-decor-main: #ff4fa9;
  --holiday-decor-light: #fff0f6;
  --holiday-decor-ink: #9d376c;
}
body[data-holiday-active="true"].emo-weather .holiday-trim {
  border-top: 3px dashed #f89ac9;
}
body[data-holiday-active="true"].emo-weather .holiday-corner:after {
  content: "×";
  font: 16px monospace;
  color: #ff70b7;
}
body[data-holiday-active="true"].emo-weather .holiday-symbol {
  filter: drop-shadow(1px 1px 0 #050309);
}
body[data-holiday-active="true"].caramel-party {
  --holiday-decor-main: #fa69b0;
  --holiday-decor-light: #fff2a7;
  --holiday-decor-ink: #5a356c;
}
body[data-holiday-active="true"].caramel-party .holiday-trim {
  border-top: 3px dotted #f88ec0;
}
body[data-holiday-active="true"].caramel-party
  .holiday-symbol:nth-child(5n + 1) {
  color: #f96f90;
}
body[data-holiday-active="true"].caramel-party
  .holiday-symbol:nth-child(5n + 2) {
  color: #e7ba49;
}
body[data-holiday-active="true"].caramel-party
  .holiday-symbol:nth-child(5n + 3) {
  color: #66bb99;
}
body[data-holiday-active="true"].caramel-party
  .holiday-symbol:nth-child(5n + 4) {
  color: #6c9fdf;
}
body[data-holiday-active="true"].caramel-party .holiday-symbol:nth-child(5n) {
  color: #c291df;
}
body[data-holiday-active="true"].emo-weather .site-banner,
body[data-holiday-active="true"].emo-weather .ad-paper,
body[data-holiday-active="true"].emo-weather .caramel-player {
  background: #160e18 !important;
  border-color: #ee60a6 !important;
  color: #ffe4f3 !important;
}
body[data-holiday-active="true"].emo-weather .card {
  background: #1e121f !important;
  color: #ffe4f3 !important;
  border-color: #af447d !important;
}
body[data-holiday-active="true"].emo-weather .site-banner h1,
body[data-holiday-active="true"].emo-weather .card h2 {
  color: #ff75bc !important;
}
body[data-holiday-active="true"].caramel-party .site-banner,
body[data-holiday-active="true"].caramel-party .ad-paper,
body[data-holiday-active="true"].caramel-party .caramel-player {
  background: #302139 !important;
  color: #fff1d7 !important;
  border-color: #ed8bc5 !important;
}
body[data-holiday-active="true"].caramel-party .site-banner h1,
body[data-holiday-active="true"].caramel-party .site-banner p,
body[data-holiday-active="true"].caramel-party .site-banner small {
  color: #ffe9a8 !important;
}
body[data-holiday-active="true"].caramel-party .card {
  background: #f0dfdc !important;
  color: #402e4a !important;
  border-color: #a16ca4 !important;
}
body[data-holiday-active="true"].caramel-party .card h2,
body[data-holiday-active="true"].caramel-party .card p {
  color: #402e4a !important;
}
body[data-holiday-active="true"].caramel-party .site-nav {
  background: #302139 !important;
  border-color: #a779b1 !important;
}
body[data-holiday-active="true"].caramel-party .site-nav a,
body[data-holiday-active="true"].caramel-party .site-nav button {
  background: #edcfdf !important;
  color: #402e4a !important;
  border-color: #a779b1 !important;
}
body[data-holiday-active="true"].emo-weather {
  --holiday-card-text: #ffe4f3;
  --holiday-card-bg: #1e121f;
  --holiday-heading-text: #ffe4f3;
}
body[data-holiday-active="true"].caramel-party {
  --holiday-card-text: #402e4a;
  --holiday-card-bg: #f0dfdc;
  --holiday-heading-text: #fff1d7;
}
body[data-holiday-active="true"] .card a,
body[data-holiday-active="true"] .card small,
body[data-holiday-active="true"] .card time,
body[data-holiday-active="true"] .card label,
body[data-holiday-active="true"] .card legend,
body[data-holiday-active="true"] .card summary,
body[data-holiday-active="true"] .card .green,
body[data-holiday-active="true"] .card .fine-print,
body[data-holiday-active="true"] .card .stamp,
body[data-holiday-active="true"] .card .guest-hint,
body[data-holiday-active="true"] .card .fact-credit,
body[data-holiday-active="true"] .card .reaction-count {
  color: var(--holiday-card-text) !important;
}
body[data-holiday-active="true"] .card a {
  text-decoration: underline;
  text-underline-offset: 3px;
}
body[data-holiday-active="true"] .card input,
body[data-holiday-active="true"] .card textarea,
body[data-holiday-active="true"] .card select,
body[data-holiday-active="true"] .card .guest-quote-preview {
  color: var(--holiday-card-text) !important;
  background: var(--holiday-card-bg) !important;
  caret-color: var(--holiday-card-text);
}
body[data-holiday-active="true"] .card input::placeholder,
body[data-holiday-active="true"] .card textarea::placeholder {
  color: var(--holiday-card-text) !important;
  opacity: 1;
}
body[data-holiday-active="true"] .caramel-player a,
body[data-holiday-active="true"] .caramel-player p {
  color: var(--holiday-heading-text) !important;
}
body[data-holiday="halloween"] .holiday-symbol {
  width: 27px;
  height: 27px;
}
body[data-holiday="september1"] .holiday-trim {
  border-top-style: double;
}
body[data-holiday="valentine"] .holiday-corner .holiday-symbol:nth-child(2) {
  transform: rotate(16deg);
}
html[data-low-power="true"] .holiday-symbol {
  filter: none !important;
  transform: none !important;
}
@media (max-width: 650px) {
  .holiday-header {
    padding-top: 44px !important;
  }
  .holiday-trim {
    left: 9px;
    right: 9px;
    gap: 3px;
  }
  .holiday-symbol {
    width: 20px;
    height: 20px;
  }
  .holiday-corner .holiday-symbol {
    width: 18px;
    height: 18px;
  }
  .holiday-card {
    transform: none;
  }
}