:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{width:100vw;height:100vh;position:relative;background:radial-gradient(ellipse at bottom right,#595661,transparent),radial-gradient(ellipse at bottom left,#dbdbdb,transparent)}#app{max-width:1280px;width:100%;height:100%;margin:0 auto;font-weight:400;min-height:100vh;grid-template-rows:min-content minmax(70vh,auto) auto;place-items:baseline;overflow-x:hidden;background-attachment:fixed}a,.green{text-decoration:none;transition:.4s}@media (hover: hover){a:hover{background-color:#e87d02;color:#000}}@media (min-width: 900px){body{display:flex}#app{padding:0 2rem}}.greetings[data-v-c3e76aef]{text-align:left;background-color:#f0f8ffbf;border-radius:0 16px 16px 0;color:#000;width:min-content;padding-inline:1em}footer{padding-block:2em;text-align:center;font-size:.85em}header[data-v-26b3f8cc]{line-height:1.5;width:100%;padding-block:.75em;color:gray;font-weight:700}nav[data-v-26b3f8cc]{width:100%;text-align:left;margin-top:.5em;font-size:1rem;color:#000;background:rgba(255,255,255,.5);padding:.75em 0}nav a[data-v-26b3f8cc]{display:inline-block;padding:0 1rem;border-left:1px solid var(--color-border)}nav a[data-v-26b3f8cc]:first-of-type{border:0}.clocks{width:100%;margin-block-start:1em;text-align:center}.current_stat[data-v-97333ea8]{margin-block:1em;display:grid;grid-template-columns:auto auto;place-items:center;text-align:center;width:100%;justify-self:center;padding-inline:.5em;background:#cacacab0;border-radius:12px;color:#000}h1[data-v-97333ea8]{font-size:2.85em;font-weight:700;justify-self:first baseline;letter-spacing:1px;grid-row:1/3;grid-column:1/2}.location[data-v-97333ea8]{grid-row:1/4}.temp[data-v-97333ea8],.feels_like[data-v-97333ea8],.weather[data-v-97333ea8]{grid-column:2/3}p[data-v-97333ea8],span[data-v-97333ea8]{font-weight:700}p[data-v-97333ea8]{font-size:1.25em}.current_other_stat[data-v-97333ea8]{grid-column-start:1;grid-column-end:3;margin-block:1em;text-align:left;width:100%;align-self:center;display:flex;justify-content:space-around}.sub_stat[data-v-97333ea8]{display:grid;grid-template-columns:45px auto;margin-block:1em;align-items:center}.sub_stat span[data-v-97333ea8],.sub_stat p[data-v-97333ea8]{font-size:.85em;font-weight:600}.icon[data-v-97333ea8]{width:35px;height:auto}@media (width > 768px){.current_stat[data-v-97333ea8]{grid-template-columns:auto auto auto auto;grid-template-rows:1fr 1fr;padding:1em 2em}.location[data-v-97333ea8]{grid-column:1/2;grid-row:1/3}.weather[data-v-97333ea8]{grid-column:2/3;grid-row:1/3}.temp{span[data-v-97333ea8] {font-size: .75em; font-weight: 700;}}.temp[data-v-97333ea8]{grid-column:3/4;grid-row:1/3}.current_other_stat[data-v-97333ea8]{grid-column:4/5;grid-row:1/3;display:block;width:max-content}.temp[data-v-97333ea8]{font-size:1.5em}}.day[data-v-57e053ad]{justify-self:first baseline;font-weight:700;font-size:2em}.date[data-v-57e053ad]{justify-self:first baseline;grid-column:1/2;grid-row:2/3}@media (width > 480px){.date[data-v-57e053ad]{grid-column:2/3;grid-row:1/2}}.weather[data-v-57e053ad]{justify-self:first baseline;grid-row:1/3}@media (width > 480px){.weather[data-v-57e053ad]{grid-column:3/4;grid-row:1/2}}.temp_range[data-v-57e053ad]{justify-self:end;grid-row:1/3}@media (width > 480px){.temp_range[data-v-57e053ad]{grid-column:4/5;grid-row:1/2}}.daily_row[data-v-5d686225]{display:grid;width:100%;height:auto;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto auto;padding-inline:1.25em;border-bottom:2px solid #666666;align-self:center;place-items:center}@media (width > 480px){.daily_row[data-v-5d686225]{grid-template-columns:1fr 1fr 1fr 1fr}}.daily_row[data-v-5d686225]:last-of-type{border-bottom:unset}.daily_row img[data-v-5d686225]{width:75px}.max_temp[data-v-5d686225],.min_temp[data-v-5d686225]{margin-inline:.5em}.hourly_card[data-v-8ecaefdd]{display:grid;text-align:center;margin-block:.5em;padding:.25em;line-height:auto;grid-template-rows:1fr 1fr 45px 1fr;font-size:small;justify-content:center}@media (width > 900px){.hourly_card[data-v-8ecaefdd]{grid-template-rows:1fr 1fr 2fr 1fr}}.temp[data-v-8ecaefdd]{font-weight:700}img[data-v-8ecaefdd]{height:35px;width:35px}@media (width > 768px){.hourly_card[data-v-8ecaefdd]{margin-inline:.5em;grid-template-rows:1fr 1fr 4fr 1fr;font-size:medium;padding:unset}.hourly_card[data-v-8ecaefdd]:first-of-type{margin-inline-start:0}.hourly_card[data-v-8ecaefdd]:last-of-type{margin-inline-end:0}img[data-v-8ecaefdd]{height:100px;width:100px}}.weather[data-v-8ecaefdd]{grid-row:3/4}.tempChart{padding:1em;background:#cacacab0;max-width:700px;margin:0 auto;margin-block:3em}.legends span{font-weight:700;color:#000}.box{width:10px;height:10px;display:inline-block;margin-inline:1em}.temp_label{background-color:#006400}.humidity_label{background-color:purple}.x-axis,.y-axis,.humidity-axis{color:#000}.display_switch_wrapper{display:flex;align-items:center;width:250px;justify-content:end}.display_stat{text-transform:capitalize}.display_toggle{background:rgba(255,226,132,.89);padding:4px 8px;border-radius:12px}.background{width:100vw;min-height:100vh;height:100%;position:absolute;top:0;left:0;z-index:-5;background-attachment:fixed;background-repeat:no-repeat;background-size:cover;background-position:center;filter:blur(2px)}.light{background-image:url(/omar-ram-day-unsplash.jpg)}.sunrise{background-image:url(/paul-berthelon-bravo-sunrise-unsplash.jpg)}.night{background-image:url(/gregoire-jeanneau-night-unsplash.jpg)}.sunset{background-image:url(/dewang-gupta-sunset-unsplash.jpg)}.night~main{color:#f5f5f5;h3 {color: whitesmoke;}}main{color:#000}#daily_chart_container[data-v-14f98647]{width:100%;max-width:700px;color:#000;background-color:#cacacab0;height:100%;display:grid;place-items:center;grid-template-rows:auto auto}@media (width > 1024px){#daily_chart_container[data-v-14f98647]{grid-column:1/2;grid-row:1/2}}.legends[data-v-14f98647]{padding:1em;font-size:.85em}.box[data-v-14f98647]{width:10px;height:10px;display:inline-block;margin-inline:1em}.min_temp_label[data-v-14f98647]{background-color:#4169e1}.max_temp_label[data-v-14f98647]{background-color:#8b0000}.pressure_label[data-v-14f98647]{background-color:#2f4f4f}main{padding-block:1em;place-self:baseline;text-align:center;width:100%;position:relative;padding-inline:.75em}@media (min-width: 900px){main{text-align:left}}.warning{margin-block-end:2em;color:red;background-color:#fadbe0;padding-block:.5em;text-align:center}.loading{font-size:4em;text-align:center}.setting{position:absolute;top:0;right:0;display:grid;align-items:end;justify-items:end;transform:translateY(-6.5em);padding-inline:.75em;height:5.25em;gap:.75em}.searchbox_container{grid-row:2/3;grid-column:1/2;position:relative}.search_form{display:grid;width:200px;justify-self:self-end;grid-template-columns:150px auto;justify-items:first baseline;align-items:center;font-size:.9em}.dropdown{position:absolute;width:125px;height:auto}.items{background-color:#bfd9e2;color:#000;justify-content:space-between;text-align:left;font-size:.85em;padding:.25em;cursor:pointer;display:flex}.items:hover{background-color:#ffdcaf}.country_code{color:#2f4f4f;text-transform:uppercase}.search_form button{justify-self:last baseline}.textbox{width:125px;border:unset;padding:.5em .25em;border-bottom:1px black solid}.submit_btn{max-width:90%;width:50px;padding:.25em;background-color:#f5f5f5;border-radius:16px}@media (width> 1024px){.submit_btn{margin:0}}.hourly_wrapper{overflow:auto;width:100%}.hourly_list{display:flex;margin-block:1em;color:#000;justify-content:space-between;background:#cacacab0;border-radius:16px;min-width:fit-content}.daily_forecast{display:grid;place-items:center;gap:2em;grid-template-columns:1fr}@media (width > 1024px){.daily_forecast{grid-template-columns:1fr 1fr}}.daily_list{width:100%;margin-block:1em;font-weight:600;color:#000;background-color:#cacacab0;border-radius:16px;height:100%;display:grid}@media (width > 1024px){.daily_list{grid-column:2/3}}h3{text-transform:capitalize;font-weight:600;font-size:1.5em;margin-block:1em}