.snow-table { position: relative; overflow-x: clip; }
.snow-table svg { display: block; width: 100%; height: auto; }
.snow-table .bird { position: absolute; inset: 0; overflow: visible; opacity: 0; }
.snow-table .wings { transform-box: view-box; }
.snow-table .bird-1 .wings { transform-origin: 267px 34px; }
.snow-table .bird-2 .wings { transform-origin: 269px 65px; }
.smoke-drifting { display: none; }
.reindeer rect:not(:first-child) { opacity: 0; }
@media (prefers-reduced-motion: no-preference) {
  .smoke-still { display: none; }
  .smoke-drifting { display: inline; transform-origin: 1526px 184px; animation: smoke-breath 7.7s ease-in-out infinite alternate; }
  .reindeer rect { animation: 41s step-end infinite; }
  .reindeer rect:nth-child(1) { animation-name: reindeer-stands; }
  .reindeer rect:nth-child(2) { animation-name: reindeer-lowers; }
  .reindeer rect:nth-child(3) { animation-name: reindeer-grazes; }
  .snow-table[data-motion="playing"] .bird-1 { animation: bird-crosses 27s linear 1.2s backwards, bird-1-glides 27s var(--ease-sway) 1.2s backwards; }
  .snow-table[data-motion="playing"] .bird-2 { animation: bird-crosses 31s linear 2.4s backwards, bird-2-glides 31s var(--ease-sway) 2.4s backwards; }
  .snow-table[data-motion="playing"] .bird-1 .wings { animation: bird-flaps 6.3s var(--ease-sway) 3.8s 4; }
  .snow-table[data-motion="playing"] .bird-2 .wings { animation: bird-flaps 7.1s var(--ease-sway) 5.5s 4; }
}
@keyframes smoke-breath { to { scale: 1 1.012; } }
@keyframes reindeer-stands { 26.83% { opacity: 0; } 46.1% { opacity: 1; } 75.61% { opacity: 0; } 85.85% { opacity: 1; } }
@keyframes reindeer-lowers { 26.83% { opacity: 1; } 27.8% { opacity: 0; } 45.12% { opacity: 1; } 46.1% { opacity: 0; } 75.61% { opacity: 1; } 76.59% { opacity: 0; } 84.88% { opacity: 1; } 85.85% { opacity: 0; } }
@keyframes reindeer-grazes { 27.8% { opacity: 1; } 45.12% { opacity: 0; } 76.59% { opacity: 1; } 84.88% { opacity: 0; } }
@keyframes bird-crosses { from { translate: -25%; opacity: 0; } 7% { opacity: 0; } 14%, 88% { opacity: 1; } 95% { opacity: 0; } to { translate: 95%; opacity: 0; } }
@keyframes bird-1-glides { from { transform: translateY(2.84%); } 30% { transform: translateY(.71%); } 55% { transform: translateY(-6.39%); } 75% { transform: translateY(-8.52%); } to { transform: translateY(-5.68%); } }
@keyframes bird-flaps { 0%, 17.5%, 100% { scale: 1; } 2.5%, 7.5%, 12.5% { scale: 1 1.3; } 5%, 10%, 15% { scale: 1 .5; } }
@keyframes bird-2-glides { from { transform: translateY(.71%); } 25% { transform: translateY(-2.13%); } 48% { transform: translateY(-9.94%); } 75% { transform: translateY(-12.78%); } to { transform: translateY(-10.65%); } }