.weather-widget{position:relative}.weather-widget__toggle{--icon-height:40px;color:#fff;font-family:"MeltowSan300-Rust",sans-serif;font-size:20px;line-height:20px;letter-spacing:-.02em;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out}@media(prefers-reduced-motion:reduce){.weather-widget__toggle{-webkit-transition:none;transition:none}}.weather-widget__toggle:hover,.weather-widget__toggle:focus{color:#fff}@media(min-width:1280px){.weather-widget__toggle:hover,.weather-widget__toggle:focus{color:#cd0e2c}}.weather-widget .forecast{background-color:#fff;-webkit-box-shadow:rgba(213,209,196,.2) 0 4px 16px;box-shadow:rgba(213,209,196,.2) 0 4px 16px;inset:auto auto -8px 0;opacity:0;padding:24px;position:absolute;translate:0 100%;visibility:hidden;width:255px;z-index:2;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out}@media(prefers-reduced-motion:reduce){.weather-widget .forecast{-webkit-transition:none;transition:none}}@media(min-width:1280px){.weather-widget .forecast{inset:auto 0 -8px auto}}.weather-widget .forecast[data-expanded=true]{opacity:1;visibility:visible}.weather-widget .forecast:before{inset:0 auto auto 16px;translate:0 -100%;width:0;height:0;-webkit-border-after:10px solid #fff;border-block-end:10px solid #fff;-webkit-border-before:none;border-block-start:none;border-inline:8px solid rgba(0,0,0,0);content:"";display:block;position:absolute}@media(min-width:1280px){.weather-widget .forecast:before{inset:0 16px auto auto}}.weather-widget .forecast__content{display:grid;gap:16px;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto;place-items:center stretch}.weather-widget .forecast__temperatures{gap:16px;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:stretch;-ms-flex-pack:stretch;justify-content:stretch}.weather-widget .forecast__close{inset:8px 8px auto auto;position:absolute;height:20px;width:20px}.weather-widget .forecast__close:before,.weather-widget .forecast__close:after{background-color:#60514f;height:1px;inset:50% 0 auto 0;content:"";display:block;position:absolute}.weather-widget .forecast__close:before{rotate:45deg}.weather-widget .forecast__close:after{rotate:-45deg}.weather-widget .forecast__icon{--icon-height:52px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.weather-widget .forecast span{font-family:"ClarendonLTStd-Light",sans-serif;font-size:16px;line-height:24px;letter-spacing:.02em;text-transform:uppercase}.weather-widget .forecast span span{font-size:24px}