.search-wrapper{align-items:center;display:inline-flex;position:relative}.search-icon{pointer-events:none;position:absolute;left:.875rem}.search-input{box-sizing:border-box;border:1px solid var(--clr-border);border-radius:var(--radius-md-sm);width:25rem;height:2.5rem;font-family:inherit;font-size:var(--fs-base);font-weight:var(--fw-regular);background-color:var(--clr-white);color:var(--clr-text);outline:none;margin:0;padding-inline:2.25rem .875rem;transition:border-color .15s,box-shadow .15s}.search-input::placeholder{color:var(--clr-slate-400)}.search-input:focus{border-color:var(--clr-primary);box-shadow:0 0 0 3px var(--clr-primary-15)}.search-positioner{z-index:50;outline:0}.search-popup{box-sizing:border-box;padding-block:var(--spacing-2);border-radius:var(--radius-md-sm);background-color:var(--clr-white);color:var(--clr-text);width:var(--anchor-width);max-height:min(var(--available-height), 23rem);max-width:var(--available-width);scroll-padding-block:var(--spacing-2);overscroll-behavior:contain;outline:1px solid var(--clr-border);box-shadow:0 10px 15px -3px var(--clr-black-7), 0 4px 6px -4px var(--clr-black-5);overflow-y:auto}.search-item{box-sizing:border-box;cursor:pointer;padding-block:var(--spacing-2);padding-inline:var(--spacing-4) var(--spacing-8);font-size:var(--fs-base);z-index:0;outline:0;flex-direction:column;gap:.125rem;line-height:1.25rem;display:flex;position:relative}.search-item[data-highlighted]{color:var(--clr-white)}.search-item[data-highlighted]:before{content:"";border-radius:var(--radius-sm);background-color:var(--clr-primary);z-index:-1;position:absolute;inset-block:0;inset-inline:.375rem}.search-item[data-highlighted] .search-item__country{color:var(--clr-white-75)}.search-item__name{font-weight:var(--fw-bold)}.search-item__country{font-size:var(--fs-xs);color:var(--clr-text-secondary)}.search-status{align-items:center;gap:var(--spacing-2);padding-block:.375rem;padding-inline:var(--spacing-4) var(--spacing-8);font-size:var(--fs-sm);color:var(--clr-text-secondary);display:flex}.search-spinner{box-sizing:border-box;width:var(--spacing-4);height:var(--spacing-4);border:2px solid var(--clr-border);border-top-color:var(--clr-text-secondary);border-radius:var(--radius-full);flex-shrink:0;animation:.8s linear infinite search-spin}@keyframes search-spin{to{transform:rotate(360deg)}}.header{z-index:10;position:sticky;top:0}.header .header-inner{justify-content:space-between;align-items:center;max-width:45rem;height:4rem;margin:0 auto;padding:0 1rem;display:flex}.current{border-radius:var(--radius-xl);padding:var(--spacing-6);color:var(--clr-white);flex-direction:column;display:flex;position:relative;overflow:hidden}.current--day{background:linear-gradient(to right bottom, var(--clr-primary-light), var(--clr-primary))}.current--night{background:linear-gradient(to right bottom, var(--clr-night-light), var(--clr-night))}.current__header{z-index:1;justify-content:space-between;align-items:flex-start;display:flex;position:relative}.current__weather-icon{z-index:0;pointer-events:none;position:absolute;top:0;right:0}.current__header-content{gap:var(--spacing-1);flex-direction:column;display:flex}.current__location-wrapper{align-items:center;gap:var(--spacing-2);display:flex}.current__location-icon{width:1rem;height:1rem}.current__location{font-size:var(--fs-3xl);font-weight:var(--fw-medium)}.current__time{font-size:var(--fs-sm);color:var(--clr-white-75);margin-left:calc(16px + var(--spacing-2))}.current__main{align-items:center;gap:var(--spacing-8);margin-left:var(--spacing-6);margin-top:var(--spacing-6);margin-bottom:var(--spacing-8);display:flex}.current__temp-wrapper{align-items:flex-start;display:flex}.current__temp{font-size:6rem;font-weight:var(--fw-medium);letter-spacing:-.05em;line-height:1}.current__unit{font-size:var(--fs-4xl);font-weight:var(--fw-medium);margin-top:var(--spacing-2);margin-left:var(--spacing-1)}.current__info{gap:var(--spacing-2);flex-direction:column;display:flex}.current__desc{font-size:var(--fs-xl);font-weight:var(--fw-medium)}.current__feels-like{font-size:var(--fs-sm);color:var(--clr-white-75)}.current__stats{align-items:center;gap:var(--spacing-6);margin-left:var(--spacing-6);display:flex}.current__stat{align-items:center;gap:var(--spacing-3);display:flex}.current__stat-readable{flex-direction:column;display:flex}.current__stat-icon{width:1.5rem;height:1.5rem;color:var(--clr-white-75)}.current__stat-value{font-size:var(--fs-sm);font-weight:var(--fw-medium)}.current__stat-label{font-size:var(--fs-xs);color:var(--clr-white-75)}.daily{background:linear-gradient(135deg, var(--clr-text) 0%, var(--clr-slate-800) 100%);color:var(--clr-background);border-radius:var(--radius-xl);padding:var(--spacing-6);box-shadow:0 10px 25px var(--clr-black-10);border:1px solid var(--clr-white-10)}.daily__title{font-size:var(--fs-base);font-weight:var(--fw-semibold);color:var(--clr-slate-300);margin-bottom:var(--spacing-5)}.daily__scroll{padding-bottom:var(--spacing-2);justify-content:space-between;display:flex;overflow-x:auto}.day-card{background:var(--clr-white-5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-base);min-width:100px;padding:var(--spacing-4) var(--spacing-3);align-items:center;gap:var(--spacing-2);border:1px solid var(--clr-white-10);flex-direction:column;flex-shrink:0;display:flex}.day-card__day{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--clr-background)}.day-card__date{font-size:var(--fs-xs);color:var(--clr-slate-400)}.day-card__temp{font-size:var(--fs-sm);font-weight:var(--fw-medium);text-align:center;color:var(--clr-background);margin-top:var(--spacing-1)}.day-card__rain{font-size:var(--fs-xs);font-weight:var(--fw-medium);color:var(--clr-sky-400);align-items:center;gap:var(--spacing-1);display:flex}@keyframes skeleton-pulse{0%{opacity:1}50%{opacity:.6}to{opacity:1}}.weather-skeleton{border-radius:var(--radius-xl);padding:var(--spacing-6);flex-direction:column;animation:2s cubic-bezier(.4,0,.6,1) infinite skeleton-pulse;display:flex}.weather-skeleton__block{background-color:var(--clr-slate-300);border-radius:var(--radius-md)}.weather-skeleton__block--title{width:50%;height:2.25rem;margin-bottom:var(--spacing-2)}.weather-skeleton__block--subtitle{width:30%;height:1rem}.weather-skeleton__block--temp{width:10rem;height:6rem}.weather-skeleton__block--desc{width:8rem;height:1.5rem;margin-bottom:var(--spacing-2)}.weather-skeleton__block--feels{width:6rem;height:1rem}.weather-skeleton__block--stat{width:5rem;height:1.5rem}.weather-skeleton__block--daily-title{width:8rem;height:1.5rem;margin-bottom:var(--spacing-5);background-color:var(--clr-slate-600)}.weather-skeleton__block--card-sm{background-color:var(--clr-slate-600);width:2rem;height:1rem}.weather-skeleton__block--card-icon{border-radius:var(--radius-full);background-color:var(--clr-slate-600);width:2.5rem;height:2.5rem}.weather-skeleton--current{background:var(--clr-white);border:1px solid var(--clr-border);gap:var(--spacing-6)}.weather-skeleton--current .weather-skeleton__main{align-items:center;gap:var(--spacing-8);margin-left:var(--spacing-6);display:flex}.weather-skeleton--current .weather-skeleton__info{flex-direction:column;display:flex}.weather-skeleton--current .weather-skeleton__stats{gap:var(--spacing-6);margin-left:var(--spacing-6);display:flex}.weather-skeleton--daily{background:linear-gradient(135deg, var(--clr-text) 0%, var(--clr-slate-800) 100%);box-shadow:0 10px 25px var(--clr-black-10);border:1px solid var(--clr-white-10)}.weather-skeleton--daily .weather-skeleton__daily-cards{justify-content:space-between;gap:var(--spacing-2);display:flex;overflow-x:hidden}.weather-skeleton--daily .weather-skeleton__daily-card{background:var(--clr-white-5);border-radius:var(--radius-base);min-width:100px;padding:var(--spacing-4) var(--spacing-3);align-items:center;gap:var(--spacing-3);border:1px solid var(--clr-white-10);flex-direction:column;flex-shrink:0;display:flex}.main{gap:var(--spacing-6);margin-top:var(--spacing-10);flex-direction:column;display:flex}.main__error{text-align:center;padding:var(--spacing-6);background-color:var(--clr-error-bg);color:var(--clr-error);border-radius:var(--radius-md);font-size:var(--fs-base);border:1px solid var(--clr-error-border)}.unit-toggle{align-items:center;gap:var(--spacing-1);padding:var(--spacing-1);background-color:var(--clr-slate-100);border-radius:var(--radius-md);border:1px solid var(--clr-border);display:inline-flex}.unit-toggle__btn{width:var(--spacing-9);height:var(--spacing-8);border-radius:var(--radius-md-sm);color:var(--clr-text-secondary);font-family:inherit;font-size:var(--fs-sm);font-weight:var(--fw-medium);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:background-color .15s,color .15s,box-shadow .15s;display:inline-flex}.unit-toggle__btn:hover:not([data-pressed]){background-color:var(--clr-border);color:var(--clr-text)}.unit-toggle__btn[data-pressed]{background-color:var(--clr-primary);color:var(--clr-white);box-shadow:0 1px 3px var(--clr-primary-40)}.unit-toggle__btn:focus-visible{outline:2px solid var(--clr-primary);outline-offset:2px}:root{--ff-primary:"Inter", sans-serif;--fs-xs:12px;--fs-sm:14px;--fs-base:16px;--fs-lg:18px;--fs-xl:20px;--fs-2xl:24px;--fs-3xl:28px;--fs-4xl:32px;--fs-5xl:40px;--fw-light:300;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--clr-text:#0f172a;--clr-text-secondary:#64748b;--clr-background:#f8fafc;--clr-primary:#3b82f6;--clr-primary-light:#60a5fa;--clr-night:#1e1b4b;--clr-night-light:#3730a3;--clr-border:#e2e8f0;--clr-white:#fff;--clr-white-75:#ffffffbf;--clr-white-20:#fff3;--clr-white-10:#ffffff1a;--clr-white-5:#ffffff0d;--clr-black-10:#0000001a;--clr-slate-800:#1e293b;--clr-slate-400:#94a3b8;--clr-slate-300:#cbd5e1;--clr-slate-100:#f1f5f9;--clr-sky-400:#38bdf8;--clr-primary-15:#3b82f626;--clr-primary-40:#3b82f666;--clr-black-7:#00000012;--clr-black-5:#0000000d;--clr-error:#b91c1c;--clr-error-bg:#fee2e2;--clr-error-border:#fca5a5;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-7:1.75rem;--spacing-8:2rem;--spacing-9:2.25rem;--spacing-10:2.5rem;--radius-sm:.25rem;--radius-md-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-base:1rem;--radius-xl:1.25rem;--radius-full:50%}*,:before,:after{box-sizing:border-box}:not(dialog){margin:0}@media (prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}body{-webkit-font-smoothing:antialiased;line-height:1.5}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}body{font-family:var(--ff-primary);font-size:var(--fs-400);background-color:var(--clr-background);color:var(--clr-text);font-weight:400}h1,h2,h3{line-height:1.1}.app-container{max-width:67.5rem;margin:0 auto;padding:2.625rem 1.5rem}