.liquid-login-experience{--login-text:#20252a;--login-muted:#161b1fdb;--login-control:var(--jy-material-form-fill);--login-control-border:var(--jy-material-form-edge);z-index:0;min-height:100dvh;color:var(--login-text);background:var(--jy-ambient-base);transition:background-color var(--jy-motion-standard) var(--jy-motion-easing);position:relative;overflow:hidden}@media (prefers-reduced-motion:reduce){.liquid-login-experience{transition:none}}.liquid-login{z-index:1;place-items:center;min-height:100dvh;padding:2rem;display:grid;position:relative}.liquid-login__card{--login-card-radius:2.125rem;border-radius:var(--login-card-radius);isolation:isolate;width:min(65rem,100vw - 4rem);min-height:31.875rem;position:relative}.liquid-login__content{z-index:1;grid-template-columns:minmax(0,44fr) minmax(0,56fr);align-items:stretch;min-height:31.875rem;display:grid;position:relative}.liquid-login__form{width:min(100%,28rem);color:var(--login-text);text-shadow:none;flex-direction:column;place-self:center;padding:2.5rem 3.5rem;display:flex}.liquid-login__form h1{letter-spacing:-.035em;margin:0 0 1.65rem;font-size:clamp(1.8rem,3vw,2.25rem);font-weight:720;line-height:1.1}.liquid-login__form>label:not(.liquid-login__remember){margin-bottom:.5rem;font-size:.875rem;font-weight:680}.liquid-login__form>input,.liquid-login__password>input{border:1px solid var(--login-control-border);width:100%;min-width:0;height:3.375rem;color:var(--login-text);background:var(--login-control);box-shadow:var(--jy-material-form-shadow);caret-color:currentColor;-webkit-backdrop-filter:blur(var(--jy-material-form-blur)) saturate(var(--jy-material-form-saturation));border-radius:.9375rem;outline:none;padding:0 1rem}.liquid-login__form>input{margin-bottom:1rem}.liquid-login__form>input:focus-visible,.liquid-login__password>input:focus-visible{outline:2px solid var(--jy-color-focus);outline-offset:3px;box-shadow:var(--jy-material-form-shadow)}.liquid-login__password{margin-bottom:.9rem;display:grid;position:relative}.liquid-login__password>input{grid-area:1/1;padding-right:4.5rem}.liquid-login__submit:focus-visible,.liquid-login__remember input:focus-visible{outline-offset:2px;outline:2px solid}.liquid-login__remember{width:fit-content;color:var(--login-muted);align-items:center;gap:.55rem;margin:0 0 .35rem;font-size:.86rem;font-weight:620;display:flex}.liquid-login__remember input{accent-color:#172326;width:1rem;height:1rem;margin:0}.liquid-login__error{color:#2c2c2c;text-shadow:none;-webkit-backdrop-filter:blur(10px);background:#f3f3f39e;border:1px solid #36363640;border-radius:.75rem;margin:.55rem 0 0;padding:.65rem .75rem;font-size:.82rem;line-height:1.4}.liquid-login__submit{margin-top:1rem}.liquid-login__help{color:var(--login-muted);text-align:center;margin:.8rem 0 0;font-size:.78rem;line-height:1.45}.liquid-login__form input:-webkit-autofill{border-color:var(--login-control-border);-webkit-text-fill-color:var(--login-text);caret-color:var(--login-text);-webkit-box-shadow:inset 0 1px 0 #ffffff2e, inset 0 0 0 1000px var(--login-control);transition:background-color 9999s ease-out}.liquid-login__form input:-webkit-autofill:hover{border-color:var(--login-control-border);-webkit-text-fill-color:var(--login-text);caret-color:var(--login-text);-webkit-box-shadow:inset 0 1px 0 #ffffff2e, inset 0 0 0 1000px var(--login-control);transition:background-color 9999s ease-out}.liquid-login__form input:-webkit-autofill:focus{border-color:var(--login-control-border);-webkit-text-fill-color:var(--login-text);caret-color:var(--login-text);-webkit-box-shadow:inset 0 1px 0 #ffffff2e, inset 0 0 0 1000px var(--login-control);transition:background-color 9999s ease-out}.login-context{flex-direction:column;justify-content:center;gap:3rem;padding:3.25rem;display:flex}.login-context__brand{letter-spacing:.08em;font-size:.875rem;font-weight:720}.login-context__local{flex-direction:column;gap:.9rem;display:flex}.login-context h2{letter-spacing:.1em;color:var(--login-muted);margin:0;font-size:.75rem;font-weight:680}.login-context__clock{flex-wrap:wrap;align-items:baseline;gap:.75rem;display:flex}.login-context__clock time{letter-spacing:-.035em;font-variant-numeric:tabular-nums;font-size:clamp(2.5rem,4vw,3.5rem);font-weight:620;line-height:1.1}.login-context__clock>span{color:var(--login-muted);font-size:.75rem}.login-context__weather{grid-template-columns:100px minmax(0,1fr);gap:.75rem 1.125rem;margin-top:.75rem;display:grid}.login-context__conditions{flex-direction:column;justify-content:center;align-items:flex-start;gap:.4rem;font-size:.875rem;display:flex}.login-context__temperature{letter-spacing:-.035em;font-size:2.5rem;font-weight:620;line-height:1}.login-context__range{color:var(--login-muted);white-space:nowrap;font-size:.75rem}.login-context__attribution{width:fit-content;color:var(--login-muted);text-underline-offset:.2em;grid-column:1/-1;font-size:.6875rem;text-decoration:none}.login-context__attribution:hover{text-decoration:underline}.login-context__attribution:focus-visible{outline:2px solid var(--jy-color-focus);outline-offset:5px;border-radius:2px}.login-context__unavailable{color:var(--login-muted);margin:1rem 0 0;font-size:.875rem}.login-weather-scene{width:100px;height:110px;position:relative}.login-weather-orb{background:radial-gradient(circle at 30% 22%,#fff1ce,#edb776 58%,#cd8b75);border-radius:50%;width:80px;height:80px;position:absolute;top:4px;right:0;box-shadow:inset 2px 3px 5px #fff0da,0 16px 36px -15px #c886406b}.login-weather-cloud{background:linear-gradient(160deg,#fffcf9,#dfdee8);border-radius:60px;width:90px;height:40px;position:absolute;top:57px;right:12px;box-shadow:inset 0 2px 2px #fff,0 10px 22px -12px #2f2b3f4d}.login-weather-cloud:before{content:"";background:inherit;border-radius:50%;width:44px;height:44px;position:absolute;top:-17px;left:18px}.login-weather-scene[data-weather=night] .login-weather-orb{background:radial-gradient(circle at 30% 22%,#f6f0fe,#c0b1ed 58%,#958ac0);box-shadow:inset 2px 3px 5px #eae4fa,0 16px 36px -15px #7a669c4d}.login-weather-scene[data-weather=rainy] .login-weather-orb{background:radial-gradient(circle at 30% 22%,#d3e5eb,#87a2b9)}.login-weather-rain{gap:13px;display:flex;position:absolute;top:102px;right:25px}.login-weather-rain i{background:#8c9eb7;border-radius:1px;width:2px;height:8px;display:block;transform:rotate(25deg)}@media (max-width:45rem){.liquid-login-experience{overflow:auto}.liquid-login{padding:1.25rem 0}.liquid-login__card{--login-card-radius:1.8125rem;width:min(92vw,30rem);min-height:0}.liquid-login__content{grid-template-columns:1fr;min-height:0}.login-context{gap:1.5rem;padding:2rem 1.75rem 0}.login-context__local{gap:.65rem}.login-context__clock time{font-size:2.75rem}.login-context__weather{margin-top:.25rem}.login-weather-scene{width:76px;height:84px}.login-weather-orb{width:60px;height:60px}.login-weather-cloud{width:68px;height:30px;top:40px;right:10px}.login-weather-cloud:before{width:34px;height:34px;top:-12px;left:14px}.login-weather-rain{top:76px}.login-context__temperature{font-size:2rem}.liquid-login__form{width:100%;padding:2rem 1.75rem}.liquid-login__form h1{margin-bottom:1.35rem}}@media (prefers-reduced-motion:reduce){.liquid-login__submit{transition:none}}