.header-date-trigger{cursor:pointer;position:relative}.fallback{letter-spacing:4px;opacity:0;font-size:0;line-height:0;position:relative;top:15px;left:0}.shape-wrapper{filter:sepia(50%)saturate(3);display:none;position:absolute;top:0;left:0;right:0}.shape-wrapper.active{display:block;transform:rotate(-6deg)}.shape{height:30px;transition:all .1s linear;position:absolute;top:10px;left:0;right:0;overflow:hidden}.shape svg{width:100%;height:100%;position:absolute;top:0;left:0}.shape.cyan-fill{mix-blend-mode:screen;animation-duration:.4s;animation-delay:50ms}.shape.cyan-fill svg rect{fill:var(--p5-shape-cyan)}.shape.red-fill{opacity:.8;animation-duration:.45s;animation-delay:80ms}.shape.red-fill svg rect{fill:var(--p5-shape-red)}.header-date-trigger:hover .shape.cyan-fill{transform:scale(3,.1)}.img-wrapper{position:relative}.p5DateBox{text-shadow:2.2px 2.2px hsl(var(--text-shadow-hsla) / .2), 2.6px 2.6px hsl(var(--text-shadow-hsla) / .3), 3px 3px hsl(var(--text-shadow-hsla) / .4);z-index:999;flex-direction:column;align-items:flex-start;width:auto;height:auto;transition:transform .15s;display:flex;position:relative;transform:rotate(-8deg)}.dark .p5DateMonthDay{text-shadow:2.2px 2.2px hsl(var(--text-shadow-hsla) / .9), 2.6px 2.6px hsl(var(--text-shadow-hsla) / .95), 3px 3px hsl(var(--text-shadow-hsla) / 1)}.p5DateBox.hover-active{animation:.15s forwards tiltBounce}.p5DateDay{letter-spacing:-1px;z-index:3;align-items:center;margin-bottom:-.3rem;font-size:1.4em;font-weight:700;line-height:1;display:flex}.p5Day{opacity:0;transform:rotate(2deg)scale(0)}.p5Day.bounceIn{--animate-duration:var(--animate-bounce-in-duration);--animate-delay:var(--animated-bounce-in-delay)}.p5Day2{opacity:0;margin-bottom:.6rem;margin-left:-.1rem;font-size:2rem;transform:rotate(-20deg)scale(0)}.p5Day2.bounceIn{--animate-duration:var(--animate-bounce-in-duration);--animate-delay:calc(var(--animated-bounce-in-delay) * 6)}.p5DateWeatherIcon{margin-left:.05rem;font-size:2rem}.p5DateWeatherIcon.bounceIn{--animate-duration:var(--animate-bounce-in-duration);--animate-delay:calc(var(--animated-bounce-in-delay) + (var(--animate-bounce-in-duration) * 1))}.p5DateMonthDay{z-index:2;font-weight:700;line-height:1;display:inline-block;transform:translateY(3px)}.p5Month{opacity:0;font-size:.9rem;display:inline-block;transform:rotate(15deg)scale(0)}.p5Month.bounceIn{--animate-duration:var(--animate-bounce-in-duration);--animate-delay:calc(var(--animated-bounce-in-delay) + (var(--animate-bounce-in-duration) * 2))}.p5DateMonthDaySeparator{z-index:1;opacity:0;margin-top:-.5rem;margin-left:0;font-size:1.6rem;display:inline-block;transform:rotate(35deg)translateY(12px)scale(0)}.p5DateMonthDaySeparator.bounceIn{--animate-duration:var(--animate-bounce-in-duration);--animate-delay:calc(var(--animated-bounce-in-delay) + (var(--animate-bounce-in-duration) * 3))}.p5Date{opacity:0;font-size:1.5rem;font-weight:700;line-height:.5;display:inline-block;transform:translate(-6px,5.5px)scale(0)}.p5Date.bounceIn{--animate-duration:var(--animate-bounce-in-duration);--animate-delay:calc(var(--animated-bounce-in-delay) + (var(--animate-bounce-in-duration) * 4))}.p5Temperature{text-shadow:none;opacity:0;margin-left:.3rem;font-size:1rem;display:inline-block;transform:rotate(-5deg)translateY(6px)scale(0)}.p5Temperature.bounceIn{--animate-duration:var(--animate-bounce-in-duration);--animate-delay:calc(var(--animated-bounce-in-delay) + (var(--animate-bounce-in-duration) * 5))}.p5Celsius{text-shadow:none;opacity:0;font-size:.8rem;display:inline-block;transform:rotate(15deg)translate(3px,8px)scale(0)}.p5Celsius.bounceIn{--animate-duration:var(--animate-bounce-in-duration);--animate-delay:calc(var(--animated-bounce-in-delay) + (var(--animate-bounce-in-duration) * 6))}.header-date-popover:hover{z-index:9999}.jelly{transform-origin:50%;animation-name:jelly;animation-timing-function:ease-out;animation-iteration-count:5}@keyframes tiltBounce{0%{transform:scale(1)rotate(-7deg)}50%{transform:scale(1.5)rotate(-7deg)}to{transform:scale(1.15)rotate(-7deg)}}@keyframes tiltBounceAlt{0%{transform:scale(1)rotate(7deg)}50%{transform:scale(1.5)rotate(7deg)}to{transform:scale(1.15)rotate(7deg)}}@keyframes jelly{0%{width:100%;transform:scaleX(1.25)skew(20deg)translateY(3px)rotateX(40deg)rotateY(10deg)rotate(-10deg)}50%{width:100%;transform:scale(1.25,1.1)skew(-15deg)translateY(-2px)translateZ(-30px)}to{width:100%;transform:scaleX(1.25)skew(20deg)translateY(3px)rotateX(-40deg)rotateY(-10deg)rotate(-15deg)}}
@keyframes bounceIn{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scale(1)}}.bounceIn{animation-duration:calc(var(--animate-duration) * .75);animation-delay:var(--animate-delay);animation-name:bounceIn;animation-fill-mode:forwards}
.blue-sky{background:linear-gradient(#6cb7f0 0%,#8fcbf3 38%,#c3e5f7 74%,#eef7fb 100%);position:relative;overflow:hidden}.blue-sky-sun{aspect-ratio:1;background:radial-gradient(circle,#fff8dbf2 0%,#ffe79e8c 42%,#ffdd8200 70%);border-radius:50%;width:min(30vw,260px);position:absolute;top:8%;right:12%}.blue-sky-clouds{will-change:transform;background-repeat:repeat-x;background-size:50%;width:200%;height:100%;animation:linear infinite blue-sky-drift;position:absolute;top:0;left:0}.blue-sky-clouds-back{opacity:.55;background-image:radial-gradient(70px 26px at 12% 22%,#ffffffe6,#0000 70%),radial-gradient(110px 40px at 34% 16%,#ffffffd9,#0000 72%),radial-gradient(90px 32px at 68% 26%,#fffc,#0000 70%);animation-duration:140s}.blue-sky-clouds-front{opacity:.9;background-image:radial-gradient(120px 46px at 20% 40%,#fffffff2,#0000 72%),radial-gradient(160px 60px at 55% 32%,#ffffffeb,#0000 74%),radial-gradient(100px 40px at 82% 44%,#ffffffe6,#0000 72%);animation-duration:90s}.blue-sky-birds{position:absolute;inset:0}.blue-sky-bird{width:calc(28px * var(--bird-scale,1));fill:none;stroke:#3341558c;stroke-width:1.6px;stroke-linecap:round;will-change:transform;height:auto;animation-name:blue-sky-fly;animation-timing-function:linear;animation-iteration-count:infinite;animation-fill-mode:backwards;position:absolute;left:0;overflow:visible}.blue-sky-bird-wing{transform-box:fill-box;transform-origin:50%;animation:.45s ease-in-out infinite blue-sky-flap}@keyframes blue-sky-drift{0%{transform:translate(0,0)}to{transform:translate(-50%)}}@keyframes blue-sky-fly{0%{transform:translate(-10vw)}to{transform:translate(115vw,-4vh)}}@keyframes blue-sky-flap{0%,to{transform:scaleY(1)}50%{transform:scaleY(.45)}}@media (prefers-reduced-motion:reduce){.blue-sky-clouds,.blue-sky-bird,.blue-sky-bird-wing{animation:none}}