#winter-preview-toggle {
  appearance: none;
  display: inline;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  line-height: inherit;
  cursor: pointer;
}
#winter-preview-toggle:focus-visible { outline: 2px solid currentColor; }
body.winter-preview {
  --winter-side: clamp(80px, 14vw, 340px);
  padding-inline: var(--winter-side);
}
.winter-preview .winter-panels::before,
.winter-preview .winter-panels::after {
  content: "";
  position: fixed;
  top: var(--winter-header-bottom, 0px);
  bottom: 0;
  width: var(--winter-side);
  z-index: 2;
  pointer-events: none;
  background-color: #eef4fb;
  background-repeat: no-repeat;
  background-size: 100% calc(var(--winter-side) * 2.15);
}
.winter-preview .winter-panels::before { left: 0; background-image: linear-gradient(to bottom, transparent 78%, #eef4fb 100%), url("../img/winter-painted-left.webp"); }
.winter-preview .winter-panels::after { right: 0; background-image: linear-gradient(to bottom, transparent 78%, #eef4fb 100%), url("../img/winter-painted-right.webp"); }
@media (max-width: 991px) {
  body.winter-preview { --winter-side: clamp(10px, 3vw, 28px); }
}
@media print {
  body.winter-preview { padding-inline: 0; }
  .winter-panels { display: none; }
}