.christmas-lightrope{white-space:nowrap;pointer-events:none;z-index:10;text-align:center;height:28px;position:absolute;inset:auto 0 -25px;overflow:clip visible}.christmas-lightrope>span{--bulb-colour:#00d9a0;background:var(--bulb-colour);width:9px;height:19px;box-shadow:0 3px 16px 2px var(--bulb-colour);border-radius:50%;margin:2px 18px 6px;animation:7s ease-in-out infinite christmas-glow;display:inline-block;position:relative}.christmas-lightrope>span:nth-child(3n+1){--bulb-colour:#f5bd4f;animation-delay:-2s}.christmas-lightrope>span:nth-child(3n+2){--bulb-colour:#ec5679;animation-delay:-4s}.christmas-lightrope>span:nth-child(4n){--bulb-colour:#50bdde;animation-duration:9s}.christmas-lightrope>span:before{content:"";background:#34443b;border-radius:2px;width:7px;height:6px;position:absolute;top:-3px;left:1px}.christmas-lightrope>span:after{content:"";border-bottom:1px solid #526157;border-radius:50%;width:43px;height:12px;position:absolute;top:-8px;left:6px}@keyframes christmas-glow{0%,to{opacity:1}50%{opacity:.45;box-shadow:0 2px 7px 0 var(--bulb-colour)}}.christmas-avatar-hat{pointer-events:none;z-index:1000;width:135%;height:100%;position:absolute;top:-65%;left:15%;overflow:visible;transform:rotate(25deg)}@media (prefers-reduced-motion:reduce){.christmas-lightrope>span{animation:none}}:root[data-christmas-theme] :is([data-slot=button][data-size]:not([data-size^=icon]):is([data-variant=primary],[data-variant=secondary]):not([data-slot=button-group] *),[data-slot=button-group]:not(:has([data-slot=button-group])):has([data-slot=button][data-size]:not([data-size^=icon]):is([data-variant=primary],[data-variant=secondary]))){overflow:visible}:root[data-christmas-theme] :is([data-slot=button][data-size]:not([data-size^=icon]):is([data-variant=primary],[data-variant=secondary]):not([data-slot=button-group] *),[data-slot=button-group]:not(:has([data-slot=button-group])):has([data-slot=button][data-size]:not([data-size^=icon]):is([data-variant=primary],[data-variant=secondary]))):before,:root[data-christmas-theme] :is([data-slot=button][data-size]:not([data-size^=icon]):is([data-variant=primary],[data-variant=secondary]):not([data-slot=button-group] *),[data-slot=button-group]:not(:has([data-slot=button-group])):has([data-slot=button][data-size]:not([data-size^=icon]):is([data-variant=primary],[data-variant=secondary]))):after{content:"";filter:drop-shadow(0 0 .7px #8da5bd)drop-shadow(0 2px 1px #263e5938);pointer-events:none;z-index:1;background:radial-gradient(25% 27% at 28% 28%,#fff 94%,#0000 100%),radial-gradient(24% 25% at 67% 34%,#fff 94%,#0000 100%),radial-gradient(49% 28% at 50% 46%,#f6faff 94%,#0000 100%),radial-gradient(10% 36% at 13% 56%,#edf4fa 90%,#0000 100%),radial-gradient(12% 26% at 67% 64%,#edf4fa 90%,#0000 100%);width:clamp(18px,32%,58px);height:20px;position:absolute;top:-9px}:root[data-christmas-theme] :is([data-slot=button][data-size]:not([data-size^=icon]):is([data-variant=primary],[data-variant=secondary]):not([data-slot=button-group] *),[data-slot=button-group]:not(:has([data-slot=button-group])):has([data-slot=button][data-size]:not([data-size^=icon]):is([data-variant=primary],[data-variant=secondary]))):before{background:radial-gradient(25% 27% at 28% 28%,#fff 94%,#0000 100%) 0 0/clamp(18px,32%,58px) 20px no-repeat,radial-gradient(24% 25% at 67% 34%,#fff 94%,#0000 100%) 0 0/clamp(18px,32%,58px) 20px no-repeat,radial-gradient(49% 28% at 50% 46%,#f6faff 94%,#0000 100%) 0 0/clamp(18px,32%,58px) 20px no-repeat,radial-gradient(10% 36% at 13% 56%,#edf4fa 90%,#0000 100%) 0 0/clamp(18px,32%,58px) 20px no-repeat,radial-gradient(12% 26% at 67% 64%,#edf4fa 90%,#0000 100%) 0 0/clamp(18px,32%,58px) 20px no-repeat,radial-gradient(65% 48%,#f6faff 93%,#0000 100%) 0 3px/24px 8px repeat-x,linear-gradient(#fff,#e5eef7) 0 7px/100% 4px no-repeat;width:calc(100% + 4px);left:-2px}:root[data-christmas-theme] :is([data-slot=button][data-size]:not([data-size^=icon]):is([data-variant=primary],[data-variant=secondary]):not([data-slot=button-group] *),[data-slot=button-group]:not(:has([data-slot=button-group])):has([data-slot=button][data-size]:not([data-size^=icon]):is([data-variant=primary],[data-variant=secondary]))):after{width:clamp(16px,28%,50px);height:18px;top:-8px;right:-2px;transform:scaleX(-1)rotate(-6deg)}.christmas-sleigh{aspect-ratio:4/3;pointer-events:none;z-index:30;position:fixed;left:0;transform:translate(-100%)}.christmas-sleigh>img{transform-origin:50%;transform:rotate(10deg)}@media (prefers-reduced-motion:reduce){.christmas-sleigh{display:none}}