:root{--font-family-default: "Raleway";--font-size-current-weather-temp: 144px;--font-size-current-weather-unit: 48px;--font-size-current-condition: 36px;--font-size-current-date: 18px;--font-size-current-location: 18px;--font-size-highlights-header: 26px;--font-size-highlight-main: 64px;--font-size-highlight-name: 20px;--font-size-forecast: 16px;--font-size-search-input-button: 16px;--font-size-search-history-ul: 16px;--font-size-icon: 18px;--font-size-footer: 14px;--font-weight-default: 500;--font-weight-semi-bold: 600;--font-weight-bold: 700;--color-white: #e7e7eb;--color-light-gray: #a09fb1;--color-gray-violet: #88869d;--color-gray: #6e707a;--color-dark-gray-violet: #585676;--color-yellow: #ffec65;--color-red: #f44336;--color-blue: #3c47e9;--color-dark-blue: #1e213a;--color-black: #100e1d}*{box-sizing:border-box}body{margin:0;background-color:var(--color-dark-blue)}.page{min-width:100vw;min-height:100vh;display:grid;grid-template-columns:1fr 3fr}.top-button{width:40px;height:40px;color:var(--color-white);background-color:var(--color-dark-gray-violet);cursor:pointer;border:solid 1px transparent;border-radius:54px;display:grid;justify-content:center;align-content:center}.top-button.active{color:var(--color-dark-blue);background-color:var(--color-white)}.spinner-container{position:absolute;top:50%;left:45%}.highlight-additional{width:100%;display:flex;flex-wrap:wrap;justify-content:center;gap:3%;font-family:var(--font-family-default);font-weight:var(--font-weight-default);font-size:16px;color:var(--color-white)}.hidden{display:none}@media (max-width: 700px){.page{display:flex;flex-direction:column}}.footer{width:80%;position:absolute;bottom:15px;text-align:center;font-family:var(--font-family-default);font-size:var(--font-size-footer);font-weight:var(--font-weight-default);color:var(--color-light-gray)}.link{font-weight:var(--font-weight-bold);color:var(--color-white)}.unit-buttons{width:100%;display:flex;justify-content:flex-end;gap:12px}@media (max-width: 700px){.unit-buttons{justify-content:center}}.forecast-image{width:100%;height:50%;object-fit:contain}.forecast{width:10vw;height:20vh;padding:1% 0%;font-family:var(--font-family-default);font-weight:var(--font-weight-default);font-size:var(--font-size-forecast);display:flex;flex-direction:column;align-items:center;gap:5%;background-color:var(--color-dark-blue)}.forecast-date{margin:0;color:var(--color-white)}.forecast-temp-container{width:80%;display:flex;justify-content:space-between}.forecast-max-temp{color:var(--color-white)}.forecast-min-temp{color:var(--color-light-gray)}@media (max-width: 910px){.forecast{font-size:14px}}@media (max-width: 800px){.forecast{font-size:12px}}@media (max-width: 700px){.forecast{width:120px;height:150px;padding:2%;margin-bottom:5%}}.forecast-container{width:100%;margin:6vh auto 8vh;display:flex;justify-content:space-between}@media (max-width: 700px){.forecast-container{flex-wrap:wrap;justify-content:center;gap:5%}}.highlight{padding:3%;display:flex;flex-direction:column;justify-content:space-around;align-items:center;background-color:var(--color-dark-blue)}.highlight-main{margin:0;display:flex;flex-direction:column;align-items:center;font-family:var(--font-family-default);font-weight:var(--font-weight-bold);font-size:var(--font-size-highlight-main);gap:10px;color:var(--color-white)}.highlight-name{margin:0;font-family:var(--font-family-default);font-weight:var(--font-weight-default);font-size:var(--font-size-highlight-name);color:var(--color-white)}.highlight-value{margin:0}@media (max-width: 320px){.highlight-main{font-size:48px}}.wind-direction-icon{font-size:var(--font-size-icon);vertical-align:text-bottom;background-color:#ffffff4d;border-radius:10px}.slider{height:8px;width:70%;background-color:var(--color-white);border-radius:80px}.slider-value{height:100%;background-color:var(--color-yellow);border-radius:inherit}.slider-numbers{display:flex;width:70%;justify-content:space-between}.slider-number{margin:0}.slider-percent-char{width:70%;margin:0;text-align:right}.hightlights-container{height:40vh;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:3fr 2fr;gap:3vh 2vw}@media (max-width: 700px){.hightlights-container{height:47rem;display:flex;flex-direction:column}}@media (max-width: 300px){.hightlights-container{height:54rem}}.error-alert{font-family:var(--font-family-default);font-weight:var(--font-weight-default);text-align:center;margin:50px 0;padding:15px;border-radius:4px;color:var(--color-white);background-color:var(--color-red)}.right-side{position:relative;height:100%;padding:5vh 7vw 1vh 7vw;color:var(--color-white);background-color:var(--color-black)}.highlights-header{font-family:var(--font-family-default);font-weight:var(--font-weight-bold);font-size:var(--font-size-highlights-header);color:var(--color-white)}@media (max-width: 700px){.highlights-header{text-align:center}}.search-params{width:100%;height:100%}.close-button-container{margin:5% 5% 0;display:flex;justify-content:flex-end}.close-button{color:var(--color-white);background-color:transparent;cursor:pointer;border:none}.search-input-flex{height:50px;display:flex;justify-content:space-between;margin:5% 5% 50px}.search-input-container{width:70%;display:flex;align-items:center;justify-content:flex-start;background-color:var(--color-dark-blue);border:1px solid var(--color-white);padding-left:5px}.search-icon{font-size:var(--font-size-icon);vertical-align:text-bottom}.search-input{width:85%;height:40px;color:var(--color-white);background-color:transparent;outline:none;border:none}.search-input-button{width:25%;overflow:hidden;font-family:var(--font-family-default);font-weight:var(--font-weight-semi-bold);font-size:var(--font-size-search-input-button);border-style:none;cursor:pointer;color:var(--color-white);background-color:var(--color-blue)}.search-history-div{font-family:var(--font-family-default);color:var(--color-white);margin:5% 5% 50px}.search-history-ul{list-style:none;padding:0}.search-history-ul-item{position:relative;padding:0}.search-history-ul-item:hover{border:1px solid var(--color-dark-gray-violet)}.search-history-ul-item-button{width:100%;height:100%;padding:20px 10px;font-size:var(--font-size-search-history-ul);font-family:var(--font-family-default);text-align:left;text-transform:capitalize;cursor:pointer;color:var(--color-white);background-color:transparent;border:none}.search-history-ul-item-button:hover:before{content:"\2b9e  ";position:absolute;right:10px;color:var(--color-dark-gray-violet)}.weather-image-container{height:400px;display:flex;justify-content:center;align-items:center;background:linear-gradient(rgba(30,33,58,.95) 100%,rgba(30,33,58,.95) 100%),url(/assets/Cloud-background.b123e245.png);background-position:center;background-repeat:no-repeat;background-size:145%}.weather-image{width:80%;height:100%;object-fit:contain}.current-weather-container{font-family:var(--font-family-default);text-align:center}.current-weather{margin:0;font-weight:var(--font-weight-default);font-size:var(--font-size-current-weather-temp);color:var(--color-white)}.current-weather-unit{font-weight:100;font-size:var(--font-size-current-weather-unit);color:var(--color-light-gray)}.current-condition{font-weight:var(--font-weight-semi-bold);font-size:var(--font-size-current-condition);text-align:center;margin-bottom:10vh;color:var(--color-light-gray)}.current-date{font-weight:var(--font-weight-default);font-size:var(--font-size-current-date);color:var(--color-gray-violet)}.current-location{font-weight:var(--font-weight-semi-bold);font-size:var(--font-size-current-location);color:var(--color-gray-violet)}.location-icon{font-size:var(--font-size-icon);vertical-align:text-bottom}.searchbar{color:var(--color-white);background-color:var(--color-dark-blue)}.location-search-div{display:flex;justify-content:space-between;margin:25px}.search-button{width:160px;height:40px;cursor:pointer;color:var(--color-white);background-color:var(--color-gray);border-style:none;box-shadow:0 4px 4px #00000040}