@import"https://fonts.googleapis.com/css?family=Poppins&display=swap";*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior-y:none}body{margin:0;overflow:hidden;background-color:#000;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;position:fixed;width:100%;height:100%;-webkit-overflow-scrolling:touch}#root{width:100%;height:100vh;height:100dvh;overflow:hidden;position:relative}.countdown-timer{font-family:Poppins,sans-serif;width:100%;max-width:100%}.countdown-timer h2{text-align:center;font-size:3em;line-height:1.2em;color:#fff;margin-top:0;margin-bottom:20px;padding:0 10px}.countdown-timer h2 span{display:block;font-weight:300;letter-spacing:2px;font-size:.3em;margin-bottom:10px}.countdown-timer #year{font-size:1em;font-weight:500}.countdown{display:flex;margin-top:20px;flex-wrap:wrap;justify-content:center;gap:8px;padding:0 10px}.countdown-item{position:relative;width:70px;height:70px;margin:0;flex-shrink:0}.countdown-item>div:first-child{width:100%;height:70px;line-height:70px;text-align:center;background:#333;color:#fff;font-size:2em;font-weight:500;border-radius:5px}.countdown-item .label{position:absolute;bottom:-25px;left:0;width:100%;height:25px;background:#006b47;color:#fff;font-size:.5em;line-height:25px;font-weight:300;text-align:center;border-radius:3px}@media(min-width:768px){.countdown-timer h2{font-size:6em;line-height:.9em;margin-bottom:30px}.countdown-timer h2 span{letter-spacing:4px;font-size:.25em}.countdown{margin-top:30px;gap:12px}.countdown-item{width:90px;height:90px}.countdown-item>div:first-child{height:90px;line-height:90px;font-size:2.5em}.countdown-item .label{bottom:-28px;height:30px;line-height:30px;font-size:.4em}}@media(min-width:1024px){.countdown-timer h2{font-size:10em;line-height:.7em;margin-top:-80px}.countdown-timer h2 span{letter-spacing:6px;font-size:.2em}.countdown{display:flex;margin-top:50px;gap:0;padding:0}.countdown-item{width:100px;height:100px;margin:0 15px}.countdown-item>div:first-child{height:100px;line-height:100px;font-size:3em;border-radius:0}.countdown-item .label{bottom:-30px;height:35px;line-height:35px;font-size:.35em;border-radius:0}}.countdown-page{position:relative;width:100%;height:100vh;overflow:hidden}.countdown-video{width:100%;height:100vh;object-fit:cover;position:absolute;top:0;left:0;z-index:0}.countdown-container{position:absolute;inset:20px;background:linear-gradient(45deg,#a2010180,#0202b580 100%,#00d4ff80);background-attachment:fixed;display:flex;justify-content:center;align-items:center;flex-direction:column;box-shadow:0 50px 50px #00000080,0 0 0 20px #0000001a;z-index:1;padding:20px;box-sizing:border-box}@media(min-width:768px){.countdown-container{inset:40px;box-shadow:0 50px 50px #00000080,0 0 0 50px #0000001a}}@media(min-width:1024px){.countdown-container{inset:80px 100px;box-shadow:0 50px 50px #00000080,0 0 0 100px #0000001a}}.gift{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;cursor:pointer;z-index:100;display:flex;justify-content:center;align-items:center;padding:20px;box-sizing:border-box}.gift.opening{pointer-events:none}.gift-svg{width:100%;height:auto;max-width:500px;max-height:100%;object-fit:contain}.gift.hidden{display:none}@media(min-width:768px){.gift{padding:40px}.gift-svg{max-height:600px}}.winter-scene-container{width:100%;height:100vh;position:relative;background:#bfe2dc;overflow:hidden;touch-action:pan-x pan-y}.scene{width:100%;height:100%;position:fixed;top:0;left:0;display:block;transition:opacity .3s ease;touch-action:pan-x pan-y}.scene{transition:opacity .3s ease}.scene svg,.scene{visibility:visible}@media(max-width:767px){.scene{min-width:100%;min-height:100%}}@keyframes snowFall{0%{transform:translateY(-100px)}to{transform:translateY(920px)}}#snow ellipse,#snow path{animation:snowFall linear infinite;animation-duration:calc(var(--snow-duration, 50) * 1s);animation-delay:calc(var(--snow-delay, 0) * -1s)}@keyframes skiLiftForward{0%{transform:translate(0)}50%{transform:translate(145px,-64px)}to{transform:translate(0)}}#skilift #lift{animation:skiLiftForward 14.5s ease-in-out infinite;animation-delay:.5s}@keyframes penguinSlide{0%{transform:translate(0);opacity:1}50%{transform:translate(35px,90px);opacity:1}51%{opacity:0;transform:translate(0) scale(0)}70%{opacity:0;transform:translate(0) scale(0)}to{opacity:1;transform:translate(0) scale(1)}}#penguins>g:nth-child(1){animation:penguinSlide 4.7s ease-in infinite}#penguins>g:nth-child(2){animation:penguinSlide 4.7s ease-in infinite;animation-delay:1s}#penguins>g:nth-child(3),#penguins>g:nth-child(4),#penguins>g:nth-child(5){animation:penguinSlide 4.7s ease-in infinite;animation-delay:calc(var(--penguin-delay, 0) * 1s)}@keyframes hatWave{0%,to{transform:rotate(0)}50%{transform:rotate(20deg)}}#hatman #handhat_1_{animation:hatWave 3s ease-in-out infinite;transform-origin:70% bottom}@keyframes eyesBlink{0%,95%{transform:scaleY(1)}97.5%{transform:scaleY(0)}to{transform:scaleY(1)}}#hatman #eyesHatMan{animation:eyesBlink 2.2s ease-in-out infinite;transform-origin:center center}@keyframes buttonColor{0%,30%{fill:#ee4250}60%{fill:#22bc34}to{fill:#ee4250}}#elfman #elfButtons circle:nth-child(1){animation:buttonColor 1.8s ease-in-out infinite}#elfman #elfButtons circle:nth-child(2){animation:buttonColor 1.8s ease-in-out infinite;animation-delay:.3s}#elfman #elfButtons circle:nth-child(3){animation:buttonColor 1.8s ease-in-out infinite;animation-delay:.6s}@keyframes bowPulse{0%,40%{transform:scaleX(1)}20%{transform:scaleX(1.6)}40%{transform:scaleX(1)}}#elfman #bowElf{animation:bowPulse 1.2s ease-out infinite;animation-delay:.4s;transform-origin:center center}@keyframes leftArmWave{0%,to{transform:rotate(55deg)}50%{transform:rotate(100deg)}}@keyframes rightArmWave{0%,to{transform:rotate(-60deg)}50%{transform:rotate(-110deg)}}#elfman #elfLeftArm{animation:leftArmWave 2s ease-in-out infinite;transform-origin:right top}#elfman #elfRightArm{animation:rightArmWave 2s ease-in-out infinite;animation-delay:-.21s;transform-origin:left top}@keyframes scarfWave{0%,to{transform:rotate(0)}50%{transform:rotate(-18deg)}}#scarfman #pieceScarfMan{animation:scarfWave 3s linear infinite}@keyframes scarfBounce{0%,20%{transform:scaleY(1) translateY(0)}40%{transform:scaleY(.92) translateY(0)}60%{transform:scaleY(1.07) translateY(-8px)}to{transform:scaleY(1) translateY(0)}}#scarfman{animation:scarfBounce 1.2s ease-in infinite;animation-delay:1s;transform-origin:center bottom}@keyframes smokeRise{0%{transform:translateY(0);opacity:1}to{transform:translateY(var(--smoke-distance, -11px));opacity:0}}#houses #smokes>g:nth-child(5) path{animation:smokeRise 4s linear infinite;animation-delay:calc(var(--smoke-delay, 0) * .5s)}#houses #smokes>g:nth-child(4) path{animation:smokeRise 4s linear infinite;animation-delay:calc(var(--smoke-delay, 0) * .5s)}#houses #smokes>g:nth-child(3) path{animation:smokeRise 4s linear infinite;animation-delay:calc(var(--smoke-delay, 0) * .8s)}#houses #smokes>g:nth-child(2) path{animation:smokeRise 4s linear infinite;animation-delay:calc(var(--smoke-delay, 0) * 1s)}#houses #smokes>g:nth-child(1) path{animation:smokeRise 7s linear infinite;animation-delay:calc(var(--smoke-delay, 0) * 1.3s)}@keyframes hangingSwing1{0%,to{transform:rotate(10deg)}50%{transform:rotate(-10deg)}}@keyframes hangingSwing2{0%,to{transform:rotate(5deg)}50%{transform:rotate(-5deg)}}@keyframes hangingSwing3{0%,to{transform:rotate(-13deg)}50%{transform:rotate(13deg)}}@keyframes hangingSwing4{0%,to{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}@keyframes hangingSwing5{0%,to{transform:rotate(15deg)}50%{transform:rotate(-15deg)}}#hanging>g:nth-child(1){animation:hangingSwing1 3s ease-in-out infinite;transform-origin:center top}#hanging>g:nth-child(2){animation:hangingSwing2 2s ease-in-out infinite;transform-origin:center top}#hanging>g:nth-child(3){animation:hangingSwing3 5s ease-in-out infinite;transform-origin:center top}#hanging>g:nth-child(4){animation:hangingSwing4 4s ease-in-out infinite;transform-origin:center top}#hanging>g:nth-child(5){animation:hangingSwing5 3s ease-in-out infinite;transform-origin:center top}.scene #houses{transform:scaleY(0);transform-origin:center bottom}.scene #snowManSnow1,.scene #snowManSnow2{transform:translateY(-600px);opacity:0}.scene #scarfman{transform:rotate(90deg) scale(0);transform-origin:center bottom}.scene #hatman{transform:rotate(-60deg) scale(0);transform-origin:center bottom}.scene #elfman{transform:rotate(60deg) scale(0);transform-origin:center bottom}.scene #snowPenguins{transform:translateY(-600px);opacity:0}.scene #penguins{transform:scale(0);transform-origin:10% 50%}.scene #leftSkiLift,.scene #rightSkiLift{transform:translateY(-600px)}.scene #trailSkiLift{transform:scaleX(0);transform-origin:left bottom}.scene #skilift #lift{opacity:0}.scene #hanging>g{opacity:0}.scene #letters path{transform:rotate(var(--letter-rotation, 0deg)) scale(0);transform-origin:center top}.scene.animation-started #houses{animation:houseAppear 1s ease-out .3s forwards}@keyframes houseAppear{to{transform:scaleY(1)}}.scene.animation-started #snowManSnow1{animation:snowManAppear1 1s ease-out .3s forwards}.scene.animation-started #snowManSnow2{animation:snowManAppear2 1s ease-out .6s forwards}@keyframes snowManAppear1{to{transform:translateY(0);opacity:1}}@keyframes snowManAppear2{to{transform:translateY(0);opacity:1}}.scene.animation-started #scarfman{animation:scarfAppear 1s ease-out 1.2s forwards}@keyframes scarfAppear{to{transform:rotate(0) scale(1)}}.scene.animation-started #hatman{animation:hatAppear 1s ease-out 1.2s forwards}@keyframes hatAppear{to{transform:rotate(0) scale(1)}}.scene.animation-started #elfman{animation:elfAppear 1s ease-out 1.2s forwards}@keyframes elfAppear{to{transform:rotate(0) scale(1)}}.scene.animation-started #snowPenguins{animation:penguinsSnowAppear 1s ease-out 1.2s forwards}@keyframes penguinsSnowAppear{to{transform:translateY(0);opacity:1}}.scene.animation-started #penguins{animation:penguinsAppear 1s ease-out 1.2s forwards}@keyframes penguinsAppear{to{transform:scale(1)}}.scene.animation-started #hanging>g{animation:hangingAppear .3s ease-out 1.5s forwards}@keyframes hangingAppear{to{opacity:1}}.scene.animation-started #leftSkiLift,.scene.animation-started #rightSkiLift{animation:skiLiftAppear .7s ease-out 1.5s forwards}@keyframes skiLiftAppear{to{transform:translateY(0)}}.scene.animation-started #trailSkiLift{animation:trailAppear .7s ease-out 1.5s forwards}@keyframes trailAppear{to{transform:scaleX(1)}}.scene.animation-started #skilift #lift{animation:liftAppear .3s ease-out 2.2s forwards}@keyframes liftAppear{to{opacity:1}}.scene.animation-started #letters path{animation:letterAppear 3s ease-out forwards;animation-delay:calc(var(--letter-index, 0) * .1s)}@keyframes letterAppear{to{transform:rotate(0) scale(1)}}#overlays>g{transition:opacity .3s ease-out;cursor:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/127738/glass-01.png) 20 20,auto}#overlays>g:hover{opacity:1!important}.gift-scene-page{width:100%;height:100vh;overflow:hidden;background:#bfe2dc}.navigation{position:fixed;top:10px;right:10px;z-index:1000;display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.navigation a{padding:8px 16px;background:#fffffff2;color:#1d1f3f;text-decoration:none;border-radius:5px;font-family:Helvetica,Verdana,sans-serif;font-size:13px;font-weight:500;transition:background .3s;white-space:nowrap;min-height:44px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0003}.navigation a:hover{background:#fff}.navigation a.active{background:#1d1f3f;color:#fff}@media(min-width:768px){.navigation{top:20px;right:20px;gap:10px}.navigation a{padding:10px 20px;font-size:14px;min-height:auto}}*{margin:0;padding:0;box-sizing:border-box}.app{width:100%;height:100vh;overflow:hidden}