.showcase:has(.christmas-effect){isolation:isolate;position:relative}.christmas-effect{width:var(--christmas-width,100%);z-index:2;pointer-events:none;position:absolute;inset:0 auto 0 50%;overflow:hidden;transform:translate(-50%);container-type:size}.christmas-fir{opacity:.75;width:clamp(65px,50vw - 640px,200px);height:auto;position:absolute}.christmas-fir-start{top:0;left:-8px}.christmas-fir-end{bottom:0;right:-8px;transform:rotate(180deg)}.christmas-snow{position:absolute;inset:0}.christmas-snow span{top:-14px;left:var(--x);width:var(--size);height:var(--size);opacity:0;animation:christmas-fall var(--duration) var(--delay) linear infinite;background:#fff;border-radius:50%;position:absolute;box-shadow:0 1px 3px 1px #65767c65,0 0 5px 2px #ffffff70}.christmas-snow span:nth-child(3n){background:#f1f5f6;box-shadow:0 1px 2px #5d717b80}.christmas-snow span:nth-child(9n){filter:blur(.7px)}.christmas-effect[data-paused] .christmas-snow span{animation-play-state:paused}@keyframes christmas-fall{0%{opacity:0;transform:translate(0,0)}5%{opacity:.9}90%{opacity:.85}to{transform:translate3d(var(--drift), calc(100cqh + 28px), 0);opacity:0}}@media (max-width:760px){.christmas-fir{opacity:.6;width:65px}.christmas-fir-start{left:auto;right:-8px;transform:scaleX(-1)}.christmas-snow span:nth-child(n+37){display:none}}@media (prefers-reduced-motion:reduce){.christmas-effect{display:none}}
