/* Atomware Toolkit Bowdabra 0.2.0 - shared Christmas layers (stars, ribbon corners, light snow). CSS only. */
.bd-xmas-fx{position:absolute !important;inset:0;z-index:0;pointer-events:none;overflow:hidden;margin:0 !important;padding:0 !important;width:auto !important;height:auto !important}
.bd-xmas-fx *{pointer-events:none}
.bd-xmas-stars{position:absolute;inset:0}
.bd-xmas-star{position:absolute;left:var(--x);top:var(--y);width:var(--s);height:var(--s);margin:calc(var(--s) / -2) 0 0 calc(var(--s) / -2);
  opacity:.15;transform:scale(.7);animation:bd-xmas-twinkle var(--t,3s) ease-in-out var(--d,0s) infinite;will-change:opacity,transform}
.bd-xmas-star::before,.bd-xmas-star::after{content:"";position:absolute}
.bd-xmas-star::after{inset:-70%;border-radius:50%;background:radial-gradient(circle,rgba(255,236,170,.55) 0,rgba(240,205,120,0) 62%)}
.bd-xmas-star::before{inset:0;z-index:1;background:radial-gradient(circle,#FFFAEB 0 14%,#F0CD78 38%,#D9A93F 70%);
  clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%)}
.bd-xmas-rib{position:absolute;background:center/contain no-repeat;opacity:.95}
.bd-xmas-rib-tl{left:0;top:0;width:110px;height:76px;background-image:url(../img/ribbon-corner-tl.webp);background-position:left top}
.bd-xmas-rib-br{right:0;bottom:0;width:74px;height:130px;background-image:url(../img/ribbon-corner-br.webp);background-position:right bottom}
@media (max-width:1279px){.bd-xmas-rib{display:none}}
@keyframes bd-xmas-twinkle{0%,100%{opacity:.15;transform:translate(0,0) scale(.7)}50%{opacity:1;transform:translate(3px,-4px) scale(1.15)}}
@keyframes bd-xmas-fall{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,50%,0)}}
@keyframes bd-xmas-fall-tile{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,600px,0)}}
@keyframes bd-xmas-sway{from{translate:-12px 0}to{translate:12px 0}}
@media (prefers-reduced-motion:reduce){
  .bd-xmas-star{animation:none;opacity:.85;transform:none}
}
