:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary-dark-blue: #202c3c;--deep-navy: #0b111d;--slate-blue: #202b3d;--primary-rgb: 32, 43, 61;--slate-100: rgb(241 245 249);--slate-200: rgb(226 232 240);--slate-300: rgb(203 213 225);--slate-400: rgb(148 163 184);--slate-500: rgb(100 116 139);--slate-600: rgb(71 85 105);--slate-700: rgb(51 65 85);--slate-800: rgb(30 41 59);--slate-900: rgb(15 23 42);--slate-950: rgb(2 6 23)}*,*:after,*:before{box-sizing:border-box}html,body{margin:0;padding:0;background-color:var(--deep-navy);height:auto}@media only screen and (min-width: 700px){body{background-color:var(--slate-blue);padding:2rem}}img{z-index:1}.main-info[data-v-be9b64cb]{width:100%;display:flex;justify-content:space-between;padding-inline:2rem;padding-block:1rem;align-items:center}.col[data-v-be9b64cb]{display:flex;flex-direction:column;gap:1rem}.col>span[data-v-be9b64cb]{color:#fff;display:block}.main-info_location[data-v-be9b64cb]{font-size:2rem;font-weight:bolder}.main-info_temperature[data-v-be9b64cb]{font-size:2rem;font-weight:700}img[data-v-be9b64cb]{width:100%;height:100%;object-fit:cover}@media only screen and (min-width){.col[data-v-be9b64cb]{gap:3rem}.main-info_location[data-v-be9b64cb]{font-size:3rem}.main-info_temperature[data-v-be9b64cb]{font-size:4rem}.icon[data-v-be9b64cb]{width:150px;height:150px}}div[data-v-d9028dc6]{padding-block:4px;padding-inline:1rem;border-radius:10px;background-color:var(--primary-dark-blue)}@media only screen and (min-width: 700px){div[data-v-d9028dc6]{padding-block:1.5rem;padding-inline:2rem;border-radius:2rem}}.hourly-item[data-v-bf5d7255]{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:10px}.hourly-item_time[data-v-bf5d7255]{color:var(--slate-400);font-weight:500}img[data-v-bf5d7255]{object-fit:cover;width:100%;height:100%}.vertical-divider[data-v-bf5d7255]{min-height:100%;min-width:2px;background-color:var(--slate-600)}.vertical-divider[data-v-bf5d7255]:last-child{display:none}.hourly-item-temp[data-v-bf5d7255]{color:#fff;font-size:1.6rem;font-weight:700}.hourly-item_icon[data-v-bf5d7255]{width:50px;height:50px}@media only screen and (min-width: 700px){.hourly-item[data-v-bf5d7255]{gap:15px}}p[data-v-095e1c16]{color:var(--slate-400);font-size:1rem;font-weight:700;margin-bottom:20px}.hourly-container[data-v-095e1c16]{display:flex;overflow-x:scroll;gap:1rem;scroll-behavior:smooth}.hourly-container[data-v-095e1c16]::-webkit-scrollbar{-webkit-appearance:none;-moz-appearance:none;appearance:none}p[data-v-e078c31c]{color:var(--slate-400);font-size:1rem;font-weight:700;margin-bottom:20px}span[data-v-e078c31c]{color:var(--slate-400)}.info-container[data-v-e078c31c]{display:flex;flex-direction:column;gap:1rem}.sub-row[data-v-e078c31c]{display:flex;gap:10px;align-items:center}.icon[data-v-e078c31c]{width:20px;height:20px}img[data-v-e078c31c]{width:100%;height:100%;object-fit:contain}.row[data-v-e078c31c]{display:flex;justify-content:space-between}.info-container_value[data-v-e078c31c]{margin-left:30px;font-size:1.3rem;color:#fff;font-weight:700}.left-container[data-v-3acea4c1]{display:flex;flex-direction:column;gap:1rem}@media only screen and (min-width: 700px){.left-container[data-v-3acea4c1]{width:70%;display:flex;flex-direction:column;gap:1rem}}.daily-item[data-v-1fb6c9fb]{display:flex;justify-content:space-between;align-items:center;padding-inline:14px;border-radius:10px;cursor:pointer;width:100%}.hr[data-v-1fb6c9fb]{height:1px;width:100%;background-color:var(--slate-700)}.daily-item_date[data-v-1fb6c9fb]{color:var(--slate-300);font-weight:500;font-size:12px;flex:1}.current[data-v-1fb6c9fb]{background-color:var(--slate-700)}.daily-item_icon[data-v-1fb6c9fb]{flex:1}img[data-v-1fb6c9fb]{object-fit:contain;width:100%;height:100%;scale:.5}.daily-item_temp[data-v-1fb6c9fb]{color:#fff;font-size:12px;font-weight:700;flex:1;text-align:right}.daily-item[data-v-1fb6c9fb]:hover{background-color:var(--slate-700)}@media only screen and (min-width: 700px){.daily-item_date[data-v-1fb6c9fb]{font-size:14px}}p[data-v-7f5f43d5]{color:var(--slate-400);font-size:1rem;font-weight:700;margin-bottom:20px}.margin-top[data-v-7f5f43d5]{margin-top:10px}.daily-list[data-v-7f5f43d5]{display:flex;flex-direction:column;gap:5px}@media only screen and (min-width: 700px){.margin-top[data-v-7f5f43d5]{margin-top:40px}}@media only screen and (min-width: 700px){.right-container[data-v-dd6e7a7b]{width:30%}}.loading-spinner[data-v-f9485184]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;color:#fff}@keyframes spin-f9485184{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}p[data-v-c8c2cca9]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:red}.dropdown[data-v-26617c83]{list-style-type:none;border-radius:4px;background-color:var(--primary-dark-blue);width:100%;height:auto;padding:0;margin:1px 0 0;color:#fff;padding-inline:4px;padding-block:6px;position:absolute;top:100%;left:0;z-index:2}.dropdown-item[data-v-26617c83]{cursor:pointer;padding:10px;border-radius:6px}.dropdown-item[data-v-26617c83]:last-child{border-bottom:none}.dropdown-item[data-v-26617c83]:hover{background-color:#888}.search_container[data-v-4e8aa74b]{width:100%}.search_container>input[data-v-4e8aa74b]{outline:none;border:none;width:100%;padding-block:12px;padding-inline:10px;border-radius:14px;font-size:16px;transition:box-shadow .3s ease;background-color:var(--primary-dark-blue);color:var(--slate-400)}.wrapper[data-v-04bbb7bf]{position:relative;max-width:1440px;min-height:800px;margin:auto;background-color:var(--deep-navy);border-radius:10px;padding-inline:5px}.search[data-v-04bbb7bf]{position:sticky;top:5px;left:0;padding-inline:3px;padding-block:3px}@media only screen and (min-width: 700px){.wrapper[data-v-04bbb7bf]{margin-block:1rem;padding-block:1rem;padding-inline:.8rem}.search[data-v-04bbb7bf]{display:block;width:70%}}.container[data-v-9a930d9d]{gap:2rem}@media only screen and (min-width: 700px){.container[data-v-9a930d9d]{display:flex}}