*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body{background-color:#000;background-position:top center;background-size:cover;background-repeat:no-repeat;color:#fff;font-family:"Sarabun",sans-serif;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;min-height:100vh;margin:0}.container{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}
.widget__section{background-color:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:15px 30px;border-radius:15px;height:580px;max-height:95vh;min-height:520px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:stretch;-moz-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;width:420px}@media(max-width: 500px){.widget__section{width:90%;padding:10px}}.widget__section>*{-webkit-box-flex:1;-moz-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;min-height:0}
.widget__header{text-align:center;margin-bottom:30px}.widget__header .widget__header--city{font-size:2em;font-weight:300;margin:0;margin-top:30px}.widget__header .widget__header--temp{font-size:5.5em;font-weight:400;line-height:1.3em;margin:0}.widget__header .widget__header--state{font-size:1.8em;font-weight:300}
.widget__header--menu{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.widget__header--menu .widget__header--menu-item{color:#fff;font-family:inherit;font-size:1em;border:none;border-radius:5px;background:rgba(0,0,0,0);cursor:pointer;padding:8px 12px}.widget__header--menu .widget__header--menu-item:hover{background-color:hsla(0,0%,100%,.2)}.widget__header--menu .widget__header--menu-item:active{color:hsla(0,0%,100%,.7)}
.hourly__forecast{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.hourly__forecast .hourly__forecast--item{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:.5em;text-align:center}.hourly__forecast .hourly__forecast--item img{width:2em;padding:.5em}
.widget__details .widget__details__sun{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-moz-box-align:end;-ms-flex-align:end;align-items:flex-end;gap:1em}.widget__details .widget__details__sun img{width:100%}.widget__details .widget__details__sun .widget__details__sun--sunrise,.widget__details .widget__details__sun .widget__details__sun--sunset{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:10%;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.widget__details .widget__details__data{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:20px}
.widget__details__data--item{text-align:center;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.widget__details__data--item .widget__details__data--title{color:#b7b7b7}

/*# sourceMappingURL=style.9e0a502707636e899602.css.map*/