:root{--holiday-height:0px}
:root:has(.holiday-banner [data-seasonal-art]:not([hidden])){--holiday-height:48px}
.holiday-banner{box-sizing:border-box;min-height:48px;padding:5px 20px;display:flex;align-items:center;justify-content:center;gap:11px;background:#514b3c;color:#fbf7ef;position:relative;isolation:isolate}
.holiday-banner:has([data-seasonal-art][hidden]){display:none}
.holiday-banner p{margin:0;font-family:inherit;font-size:16px;font-weight:400;line-height:1.35;letter-spacing:.015em;text-align:left}
.holiday-art{display:block;flex:0 0 32px;width:32px;height:36px}
.holiday-art[hidden]{display:none!important}
.holiday-wreath{display:block;width:32px;height:36px;overflow:visible}
.holiday-leaves{transform-origin:61px 16px}
.holiday-star{transform-box:fill-box;transform-origin:center}
.is-seasonal-playing .holiday-leaves{animation:holiday-sway 4.6s ease-in-out both}
.is-seasonal-playing .holiday-star{animation:holiday-twinkle 4.6s ease-in-out both}
@keyframes holiday-sway{0%,100%{transform:rotate(0)}22%{transform:rotate(-5deg)}48%{transform:rotate(4deg)}73%{transform:rotate(-2deg)}}
@keyframes holiday-twinkle{0%,100%{opacity:1;transform:scale(1)}28%{opacity:.4;transform:scale(.7)}50%{opacity:1;transform:scale(1.18)}75%{opacity:.7;transform:scale(.9)}}
@media(max-width:380px){.holiday-banner{padding-inline:12px;gap:9px}.holiday-banner p{font-size:15px}}
@media(max-height:550px){:root:has(.holiday-banner [data-seasonal-art]:not([hidden])){--holiday-height:42px}.holiday-banner{min-height:42px;padding-block:3px}}
@media(prefers-reduced-motion:reduce){.holiday-banner *{animation:none!important}}

/* One accessible action fills the separate seasonal strip. */
.holiday-banner{padding:0;display:block}
.holiday-banner .holiday-action{box-sizing:border-box;width:100%;min-height:48px;display:flex;align-items:center;justify-content:center;gap:11px;padding:5px 20px;border:0;border-radius:0;background:transparent;color:inherit;font-family:inherit;font-size:16px;font-weight:400;line-height:1.35;letter-spacing:.015em;text-align:left;text-decoration:none;cursor:pointer;transition:background-color .2s}
.holiday-copy{display:block}.holiday-cta{font-weight:500;text-underline-offset:4px}.holiday-arrow{flex:none;transition:transform .2s}
.holiday-action:hover{background:rgba(255,255,255,.07)}
.holiday-action:hover .holiday-cta,.holiday-action:focus-visible .holiday-cta{text-decoration:underline}
.holiday-banner .holiday-action:focus-visible{outline:2px solid #fbf7ef;outline-offset:-5px}
.holiday-action:hover .holiday-arrow,.holiday-action:focus-visible .holiday-arrow{transform:translateX(3px)}
@media(max-width:760px){.holiday-message{display:none}}
@media(max-width:380px){.holiday-banner .holiday-action{padding-inline:12px;gap:9px}}
@media(max-height:550px){.holiday-banner .holiday-action{min-height:42px;padding-block:3px}}
@media(prefers-reduced-motion:reduce){.holiday-banner .holiday-action,.holiday-banner .holiday-arrow{transition:none}.holiday-banner .holiday-arrow{transform:none}}
