@keyframes holiday-sway{0%{transform:rotate(calc(var(--sway-angle,3deg)*-1))}to{transform:rotate(var(--sway-angle,3deg))}}.holiday-sway{transform-box:fill-box;transform-origin:50% 0;animation:holiday-sway var(--sway-duration,7s)ease-in-out infinite alternate}.holiday-sway-base{transform-origin:50% 100%}@keyframes holiday-rock{0%,to{transform:rotate(0)scale(1)}25%{transform:rotate(calc(var(--sway-angle,1.6deg)*-1))scale(1.006,.994)}50%{transform:rotate(0)scale(1)}75%{transform:rotate(var(--sway-angle,1.6deg))scale(1.006,.994)}}.holiday-rock{transform-box:fill-box;transform-origin:50% 100%;animation:holiday-rock var(--sway-duration,6s)ease-in-out infinite}.holiday-gingham:before{content:"";pointer-events:none;inset-inline:calc(var(--spacing,.25rem)*0);top:-220px;bottom:calc(var(--spacing,.25rem)*0);z-index:0;background-image:linear-gradient(90deg,#ff005508 50%,#0000 50%),linear-gradient(#ff005508 50%,#0000 50%);background-size:56px 56px;position:absolute;-webkit-mask-image:linear-gradient(#0000 0,#000 420px calc(100% - 520px),#0000 100%);mask-image:linear-gradient(#0000 0,#000 420px calc(100% - 520px),#0000 100%)}@keyframes holiday-flap-lift{0%{transform:scaleY(1)}to{transform:scaleY(0)}}@keyframes holiday-flap-open{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes holiday-letter-out{0%{transform:translateY(calc(100% - var(--envelope-tuck)))}to{transform:translateY(0)}}.holiday-flap-open{transform-origin:50% 100%}.holiday-flap-closed{transform-origin:50% 0;transform:scaleY(0)}[data-envelope-state=closed] .holiday-flap-closed{transform:scaleY(1)}[data-envelope-state=closed] .holiday-flap-open{transform:scaleY(0)}[data-envelope-state=closed] .holiday-letter{transform:translateY(calc(100% - var(--envelope-tuck)))}[data-envelope-state=opening] .holiday-flap-closed{animation:holiday-flap-lift .42s cubic-bezier(.5,0,.75,0)var(--envelope-delay,0s)backwards}[data-envelope-state=opening] .holiday-flap-open{animation:holiday-flap-open .46s cubic-bezier(.2,.7,.2,1)calc(var(--envelope-delay,0s) + .4s)backwards}[data-envelope-state=opening] .holiday-letter{animation:holiday-letter-out 1.2s cubic-bezier(.2,.7,.2,1)calc(var(--envelope-delay,0s) + .78s)backwards}@media (prefers-reduced-motion:reduce){.holiday-sway,.holiday-rock,[data-envelope-state] *{animation:none!important}}