.christmas-ribbon{color:#fff6df;letter-spacing:.2px;background:#194e3c;justify-content:space-between;align-items:center;gap:12px;min-height:32px;padding:0 5%;font-size:12px;display:flex}.christmas-ribbon>span{font-weight:650}.christmas-ribbon button{text-underline-offset:3px;min-height:32px;padding:4px 8px;font-size:11px;text-decoration:underline}.christmas-garland{pointer-events:none;background:var(--background);width:100%;height:24px;display:block}.christmas-snow{pointer-events:none;z-index:3;contain:strict;position:fixed;inset:0;overflow:hidden}.christmas-snow i{left:var(--x);width:var(--size);height:var(--size);opacity:.65;animation:epa-snowfall var(--duration) linear var(--delay) infinite;will-change:transform;background:#fff;border-radius:50%;position:absolute;top:-12px;box-shadow:0 0 2px #6690a0}.christmas-scene[data-paused=true] .christmas-snow{display:none}body:has(.christmas-scene) .header .brand{position:relative}body:has(.christmas-scene) .header .brand:after{content:"";pointer-events:none;background:#b33f44;border-bottom:5px solid #f5f6f3;border-radius:90% 15% 0 0;width:22px;height:18px;position:absolute;top:5px;left:5px;transform:rotate(-17deg)}body:has(.christmas-scene) .header{border-bottom-color:#b69a5b}body:has(.christmas-scene) footer{border-top:2px solid #286149}body:has(.christmas-scene) footer .brand:after{content:"✦";color:#b28a39;margin-left:10px;font-size:20px}@keyframes epa-snowfall{to{transform:translate(30px,calc(100dvh + 24px))}}@media (max-width:600px){.christmas-snow i:nth-child(n+9){display:none}.christmas-ribbon button{min-height:44px}.christmas-garland{height:18px}}@media (prefers-reduced-motion:reduce){.christmas-snow,.christmas-ribbon button{display:none}}