.form{display:grid;font-family:inherit;font-size:var(--step--2);font-weight:400;gap:0;grid-template-columns:1fr repeat(3,min-content) 1fr;grid-template-rows:repeat(2,auto);margin:var(--space-2xs) auto 0;label{align-self:center;grid-column:2/3;margin-right:var(--space-2xs);white-space:nowrap}input,label{grid-row:1/2}input{grid-column:3/4}button{grid-column:4/5;grid-row:1/2;white-space:nowrap}input+.error{grid-column:3/6;grid-row:2/3;margin-top:var(--space-3xs);text-align:left}label{text-align:center;text-transform:lowercase}input{padding:var(--space-3xs) var(--space-3xs);width:13ch}button{padding:var(--space-3xs) var(--space-2xs);&:active{box-shadow:inset 0 0 0 1px var(--focus-color)}}input:invalid{border-style:dashed}.error.is-active:before,input+.error{font-size:var(--step--2)}.error.is-active:before{color:var(--error);content:"*";line-height:1}button,input,label{line-height:1.2;text-align:center}input{background-color:var(--background-color);border:1px solid var(--text-color);border-radius:0;color:var(--text-color);font:inherit}button{background-color:var(--text-color);border:1px solid var(--text-color);color:var(--background-color);font:inherit}}.wrapper{display:flex;flex-direction:column;margin:0 auto;h1{font-size:var(--step-1);font-weight:400}.error{margin:var(--space-xs) auto;text-align:center}}@keyframes shift-up{0%,30%{transform:translateY(0)}50%{transform:translateY(-25%)}70%,to{transform:translateY(0)}}.loading{--border-color:var(--purple);color:var(--purple);@media (prefers-color-scheme:dark){--border-color:var(--lime);color:var(--lime)}.dots{display:inline-flex;flex-direction:row;justify-content:center}.dot{animation-duration:2s;animation-iteration-count:infinite;animation-name:shift-up;animation-timing-function:ease}.dot:nth-child(2){animation-delay:.35s}.dot:nth-child(3){animation-delay:.7s}.delta{letter-spacing:-.1em;.dot{animation-duration:3s;animation-timing-function:ease-in-out}.dot:nth-child(2){animation-delay:.7s}.dot:nth-child(3){animation-delay:1.4s}}}.card{align-self:center;border:1px solid var(--border-color);display:flex;flex-direction:column;gap:var(--space-xs);margin:0 auto;max-width:100%;padding:var(--space-s) var(--space-m);text-align:center;width:auto;@media screen and (min-width:640px){padding:var(--space-m) var(--space-xl)}.location{display:flex;flex-direction:row;font-size:var(--step--2);gap:var(--space-2xs);justify-content:center;letter-spacing:.175em;text-transform:uppercase}.delta{font-size:var(--step-1);font-variation-settings:"wght" 800,"wdth" 100;line-height:1}}.details{align-items:center;display:grid;font-size:var(--step-1);gap:var(--space-s) var(--space-2xs);grid-template-columns:repeat(4,auto);grid-template-rows:repeat(3,auto);margin:var(--space-s) auto 0;@media screen and (min-width:640px){margin:var(--space-l) auto 0}}.today,.tomorrow,.yesterday{font-size:var(--step--2);letter-spacing:.175em;text-align:right;text-transform:uppercase}.meter,.today,.tomorrow,.yesterday{color:var(--light-text-color)}.meter{--pixel-color:var(--light-gray);--fill-color:var(--black);--width:1px;display:flex;place-self:center}@media (prefers-color-scheme:dark){.meter{--pixel-color:var(--near-black);--fill-color:var(--white)}}.pixel{background-color:var(--pixel-color);display:inline-flex;height:.25rem;width:.25rem}.pixel.fill{background-color:var(--fill-color)}:root{--font-family-body:argent-pixel-cf,var(--font-family-monospace);--white:#d6d3cc;--light-gray:#adaba4;--gray:#83817c;--near-black:#5b5852;--black:#322f2a;--background-color:var(--white);--text-color:var(--black);--light-text-color:var(--near-black);--border-color:var(--black);--error:var(--red);--a-link-color:var(--black);--a-hover-color:var(--light-gray)}@media (prefers-color-scheme:dark){:root{--background-color:var(--black);--text-color:var(--white);--light-text-color:var(--light-gray);--border-color:var(--white);--a-link-color:var(--white);--a-hover-color:var(--near-black)}}html{font-size:var(--step-0);font-weight:400}.change-degrees{align-items:center;display:inline-flex;gap:var(--space-2xs);margin-top:var(--space-xs)}.change-degrees ul{border:1px solid var(--text-color);display:inline-flex;font-size:var(--step--2);font-weight:400;gap:4px;list-style-type:none;padding:var(--space-4xs) var(--space-4xs)}.change-degrees li{font-weight:400}.change-degrees [aria-pressed]{background:none;border:none;color:inherit;display:block;font:inherit;line-height:inherit;padding:var(--space-3xs) var(--space-2xs);position:relative;text-align:left}.change-degrees [aria-pressed=true]{--text-shadow:var(--text-color);background-color:var(--text-color);background-repeat:repeat;background-size:12px 12px;border:none;box-shadow:inset 0 0 0 1px var(--text-shadow);color:var(--background-color)}footer{align-items:center;color:var(--light-text-color);display:flex;flex-direction:column;font-size:var(--step--2);margin:var(--space-2xl) auto var(--space-s);padding:0 var(--space-xs);h1{color:var(--text-color);font-size:var(--step--2);font-weight:400;text-transform:lowercase}p:first-of-type{text-align:center}p{margin-top:.5em;text-align:left}}