/* A compact greeting on the page background; each daypart has its own object. */
.welcome--scene{
 --welcome-ink:#172d4c;--welcome-muted:#586e88;
 --weather-sun-top:#fffde6;--weather-sun-middle:#ffe38a;--weather-sun-base:#f4b451;--weather-sun-y:0px;
 --weather-glow:#ffdf97;--weather-cloud:#fff;--weather-line:#87b6de;
 position:relative;isolation:isolate;overflow:visible;min-height:128px;
 width:auto;margin:8px 0 8px;padding:16px 5px 18px;
 border:0;border-radius:0;background:none;box-shadow:none;
}
.welcome--scene[data-phase=morning]{--weather-sun-y:17px;--weather-sun-top:#fff6d6;--weather-sun-middle:#ffcc77;--weather-sun-base:#ef9455;--weather-glow:#ffbf73;--weather-line:#d5a579}
.welcome--scene[data-phase=evening]{--weather-sun-y:28px;--weather-sun-top:#ffd5a3;--weather-sun-middle:#ff865d;--weather-sun-base:#df5553;--weather-glow:#ffb686;--weather-cloud:#b89fbf;--weather-line:#c89591}
.welcome--scene[data-phase=night]{--weather-glow:#9bc7f1;--weather-cloud:#6789af;--weather-line:#6e9ecb}
.welcome--scene .welcome-copy{position:relative;z-index:1;max-width:calc(100% - 122px);flex:0 1 calc(100% - 122px);min-width:0}
.welcome--scene h1{font-size:27px;font-weight:620;line-height:1.13;letter-spacing:-.85px;color:var(--welcome-ink);margin:0;overflow-wrap:anywhere;text-wrap:balance}
.welcome--scene .greeting-name{font-size:.72em;font-weight:450;letter-spacing:-.25px;line-height:1.25;color:var(--welcome-muted);margin-bottom:7px}
.welcome--scene .welcome-scene{display:block;position:absolute;z-index:0;top:0;bottom:0;right:-8px;width:138px;pointer-events:none;overflow:visible}
.welcome-weather{display:block;width:100%;height:100%;overflow:visible}
.welcome-weather-model{display:block;position:absolute;width:138px;height:138px;max-width:none;right:0;top:50%;transform:translateY(-50%);object-fit:contain;visibility:hidden;opacity:0;transition:opacity 220ms ease;filter:drop-shadow(0 6px 7px #21496c16)}
.welcome-weather-model{animation:welcome-object-drift 10s ease-in-out infinite;animation-play-state:paused;transform-origin:50% 58%}
.welcome-motion-active.has-weather-model .welcome-weather-model{animation-play-state:running}
.has-weather-model .welcome-weather{display:none}
.has-weather-model .welcome-weather-model{visibility:visible;opacity:1}
.welcome--scene[data-phase=evening] .welcome-weather-model{filter:drop-shadow(0 6px 7px #6042221a)}
.welcome--scene[data-phase=night] .welcome-weather-model{filter:drop-shadow(0 5px 6px #1b416b29)}
.weather-sun{transform:translateY(var(--weather-sun-y));transition:transform 500ms ease}
.weather-moon,.weather-stars{display:none}
.weather-cloud{color:var(--weather-cloud)}.weather-cloud--far{opacity:.64}.weather-orbits{opacity:.38}
.welcome--scene[data-phase=morning] .weather-sun{clip-path:inset(0 0 25%)}
.welcome--scene[data-phase=evening] .weather-sun{clip-path:inset(0 0 45%)}
.welcome--scene[data-phase=night] .weather-sun{display:none}
.welcome--scene[data-phase=night] .weather-moon,.welcome--scene[data-phase=night] .weather-stars{display:block}
.welcome--scene[data-phase=night] .weather-cloud{opacity:.7}
.weather-moon{filter:drop-shadow(0 2px 2px #26405d33)}
#welcome-moon-light stop:nth-child(1){stop-color:#edf6ff}
#welcome-moon-light stop:nth-child(2){stop-color:#aec9e5}
#welcome-moon-light stop:nth-child(3){stop-color:#4f78a9}
@media(max-width:360px){.welcome--scene{min-height:124px;padding:14px 3px 16px;margin-top:6px}.welcome--scene h1{font-size:24px;letter-spacing:-.7px}.welcome--scene .welcome-copy{max-width:calc(100% - 103px);flex-basis:calc(100% - 103px)}.welcome--scene .welcome-scene,.welcome-weather-model{width:118px}.welcome-weather-model{height:118px}}
@keyframes welcome-object-drift{0%,100%{transform:translate3d(0,-50%,0) rotate(0deg)}35%{transform:translate3d(0,calc(-50% - 2px),0) rotate(.4deg)}70%{transform:translate3d(-1px,calc(-50% + 1px),0) rotate(-.25deg)}}
@media(prefers-reduced-motion:reduce){.welcome-weather,.welcome-weather *,.welcome-weather-model{transition:none;animation:none}}