.weather{width:400px;border-radius:0;box-shadow:10px -2px 20px 2px rgba(0,0,0,.4);color:white;background-color:rgba(0,0,0,.8);margin:10px 0;padding:10px}.bottom,.top{display:flex;justify-content:space-between;align-items:center}.city{font-weight:500;font-size:16px;line-height:1;margin:0;letter-spacing:1px;color:oklch(84.5% .143 164.978)}.weather-description{font-weight:400;font-size:14px;line-height:1;margin:0}.weather-icon{width:100px}.temperature{font-weight:520;font-size:60px;width:auto;letter-spacing:0;margin:10px 30px 10px 0}.details{width:100%;padding-left:20px}.parameter-row{display:flex;justify-content:space-between}.parameter-label{text-align:left;font-weight:400;font-size:12px}.parameter-value{text-align:right;font-weight:600;font-size:12px;color:oklch(84.5% .143 164.978)}.parameter-label.top{font-weight:500;font-size:14px;border-bottom:2px solid #fff;margin-bottom:10px}.title{font-size:23px;font-weight:700}.daily-item{background-color:hsla(0,0%,0%,.5);border-radius:0;height:40px;width:100%;margin:0 0 4px;display:flex;align-items:center;cursor:pointer;font-size:14px;line-height:15px;padding:10px 20px;color:oklch(84.5% .143 164.978);transition:background-color .2s ease}.daily-item[data-state=open]{background-color:hsla(0,0%,0%,.9)}.icon-small{width:40px}.day{color:#ffffff;flex:1 1;font-weight:600;margin-left:15px}.description{flex:1 1;margin-right:15px;text-align:right}.min-max{color:#989898}.daily-details-grid{background-color:hsla(0,0%,0%,.9);grid-row-gap:0;grid-column-gap:15px;row-gap:0;column-gap:15px;display:grid;flex:1 1;grid-template-columns:auto auto;padding:5px 15px;margin-bottom:5px}.daily-details-grid-item{display:flex;height:30px;justify-content:space-between;align-items:center}.daily-details-grid-item label:first-child{color:#ffffff}.daily-details-grid-item label:last-child{color:oklch(84.5% .143 164.978)}.accordion-chevron[data-state=open]{transform:rotate(180deg);transition:transform .2s ease}