.christmas-scene{--christmas-gold:#f5d895;z-index:0}.christmas-glow{background:radial-gradient(at 50% 0,#b8903c12,#0000 55%),radial-gradient(at 6% 85%,#17674424,#0000 30%),radial-gradient(at 95% 80%,#e6007e0c,#0000 30%);position:absolute;inset:0}.christmas-lights{border-bottom:1px solid #8b795355;border-radius:0 0 50% 50%;justify-content:space-around;align-items:flex-end;width:110%;height:95px;padding-bottom:0;display:flex;position:absolute;top:-34px;left:-5%}.christmas-lights>span{width:7px;height:12px;margin-bottom:calc((var(--i) - 8) * (var(--i) - 8) * .62px - 9px);background:var(--christmas-gold);color:#f5d895;animation:4s ease-in-out infinite christmas-twinkle;animation-delay:calc(var(--i) * -.37s);border-radius:3px 3px 50% 50%;box-shadow:0 0 13px 3px #f5d89555}.christmas-lights>span:nth-child(3n){background:#ed8bbb;box-shadow:0 0 13px 3px #e6007e44}.christmas-lights>span:nth-child(3n+1){background:#a3d4b2;box-shadow:0 0 13px 3px #8fd1a544}.christmas-sparkles>span{opacity:.35;width:3px;height:3px;animation:9s ease-in-out infinite christmas-drift;animation-delay:calc(var(--i) * -.7s);background:#f5e5c1;border-radius:50%;position:absolute}.christmas-sparkles>span:nth-child(4n){clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);border-radius:0;width:9px;height:9px}.christmas-bauble{transform-origin:top;width:58px;height:128px;animation:7s ease-in-out infinite christmas-sway;position:absolute;top:52px}.christmas-bauble:before{content:"";background:#c5a96977;width:1px;height:72px;position:absolute;left:50%}.christmas-bauble>span{background:radial-gradient(circle at 32% 28%,#fff5,#0000 25%),repeating-linear-gradient(75deg,#0000 0 12px,#f5d89544 13px 14px),#164b37;border:1px solid #e6c78966;border-radius:50%;width:58px;height:58px;position:absolute;bottom:0;box-shadow:inset -8px -8px 15px #0005}.christmas-bauble>span:before{content:"";background:#c5a969;border-radius:3px 3px 0 0;width:12px;height:7px;position:absolute;top:-7px;left:22px}.christmas-bauble-left{left:9%}.christmas-bauble-right{height:98px;animation-delay:-3s;right:10%}.christmas-bauble-right>span{background-color:#81134e}.christmas-bauble-right:before{height:42px}.christmas-tree{width:145px;height:208px;position:absolute;bottom:32px;left:clamp(22px,6vw,110px)}.christmas-tree-tier{clip-path:polygon(50% 0,100% 100%,0 100%);background:linear-gradient(100deg,#27634b,#0e3928 80%);position:absolute;left:50%;transform:translate(-50%)}.christmas-tree-tier-top{width:84px;height:80px;top:22px}.christmas-tree-tier-middle{width:116px;height:105px;top:56px}.christmas-tree-tier-bottom{width:145px;height:116px;top:83px}.christmas-tree-trunk{background:#7d5940;border-radius:2px;width:16px;height:30px;position:absolute;bottom:0;left:65px}.christmas-tree-star,.christmas-message-star{clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 94%,50% 72%,21% 94%,32% 57%,2% 35%,39% 35%);background:#f5d895;display:inline-block}.christmas-tree-star{width:30px;height:30px;animation:4s ease-in-out infinite christmas-twinkle;position:absolute;top:0;left:58px}.christmas-message-star{flex-shrink:0;width:14px;height:14px}.christmas-tree-garland{clip-path:polygon(0 0,100% 30%,100% 100%,0 100%);border:2px solid #e9ce8b99;border-top:0;border-radius:0 0 50% 50%;width:78px;height:93px;position:absolute;top:71px;left:34px;transform:rotate(-22deg)}.christmas-tree-ornament{background:#e6007e;border-radius:50%;width:10px;height:10px;position:absolute;box-shadow:inset 2px 2px 2px #fff6,0 0 8px #e6007e44}.christmas-tree-ornament-one{top:80px;left:65px}.christmas-tree-ornament-two{background:#f5d895;top:126px;left:41px}.christmas-tree-ornament-three{top:148px;left:97px}.christmas-tree-ornament-four{background:#f5d895;top:177px;left:59px}.christmas-presents{width:150px;height:105px;position:absolute;bottom:35px;right:6%}.christmas-present{border-radius:3px;position:absolute;bottom:0;box-shadow:inset -9px -7px 15px #0002}.christmas-present:before{content:"";background:#e9ce8b;width:10px;height:100%;position:absolute;top:0;left:calc(50% - 5px)}.christmas-present:after{content:"";background:linear-gradient(90deg,#0000 45%,#e9ce8b 45% 55%,#0000 55%);border:3px solid #e9ce8b;border-radius:50% 50% 0 0;width:34px;height:16px;position:absolute;top:-15px;left:calc(50% - 17px)}.christmas-present-green{background:#1b5940;width:65px;height:85px;left:0;transform:rotate(-6deg)}.christmas-present-pink{background:#a81766;width:83px;height:62px;right:0;transform:rotate(5deg)}.christmas-floor{background:linear-gradient(90deg,#0000,#e9ce8b30 15%,#0000 40% 60%,#e9ce8b30 85%,#0000);height:1px;position:absolute;bottom:10px;left:3%;right:3%}@keyframes christmas-twinkle{0%,to{opacity:.65}50%{opacity:1}}@keyframes christmas-drift{0%,to{opacity:.2;transform:translateY(0)}50%{opacity:.65;transform:translateY(15px)}}@keyframes christmas-sway{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}@media (max-width:767px){.christmas-tree{transform-origin:0 100%;bottom:16px;left:14px;transform:scale(.6)}.christmas-presents{transform-origin:100% 100%;bottom:20px;right:18px;transform:scale(.65)}.christmas-bauble-left{left:5%}.christmas-bauble-right{right:5%}.christmas-bauble{transform-origin:top;animation:none;transform:scale(.65)}.christmas-message{max-width:310px;font-size:12px}}@media (prefers-reduced-motion:reduce){.christmas-scene *,.christmas-scene :before,.christmas-scene :after{animation:none!important}}