:root{--weather-card-bg: #fff;--weather-card-radius: 20px;--weather-card-shadow: 0px 6px 16px rgba(0, 0, 0, .15);--weather-card-color: #1e293b;--weather-card-font: system-ui, sans-serif;--weather-icon-color: #7b8fad}.weather-card{max-width:400px;background:var(--weather-card-bg);border-radius:var(--weather-card-radius);box-shadow:var(--weather-card-shadow);font-family:var(--weather-card-font);color:var(--weather-card-color);overflow:hidden}.weather-card .today{display:flex;justify-content:space-between;align-items:center;padding:16px 16px 0;margin-bottom:0}.weather-card .today p{margin:0}.weather-card .today .today-label{font-size:1rem;font-weight:500;color:#031b3f;margin-bottom:4px}.weather-card .today .today-location{font-size:.5em;color:#031b3f;margin-left:4px;vertical-align:middle}.weather-card .today .today-temp{font-size:2.5rem;font-weight:700}.weather-card .today .today-desc{font-size:.875rem;font-weight:500;color:#031b3f96;text-align:right}.weather-card .today .today-icon{text-align:right}.weather-card .today .today-icon svg{margin:0 0 0 auto;width:4.375rem;height:4.375rem;color:var(--weather-icon-color);fill:var(--weather-icon-color);stroke:var(--weather-icon-color)}.weather-card .forecast-wrapper{display:flex;align-items:center;position:relative}.weather-card .forecast-wrapper:after{content:"";position:absolute;top:0;right:0;width:5.625rem;height:100%;pointer-events:none;z-index:1;background:linear-gradient(to left,#fff 40%,#fff0)}.weather-card .forecast{display:flex;gap:.5rem;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;flex:1;white-space:nowrap}.weather-card .forecast::-webkit-scrollbar{display:none}.weather-card .forecast .forecast-item{flex:0 0 calc(33.33% - 8px);text-align:center;background:#f9fafb;border-radius:.75rem;padding:.5rem}.weather-card .forecast .forecast-item .forecast-date{font-size:1rem;font-weight:600;margin-bottom:4px}.weather-card .forecast .forecast-item .forecast-desc{font-size:.625rem;font-weight:500;color:#6b7280;margin-bottom:0}.weather-card .forecast .forecast-item .forecast-icon svg{margin:0 auto;height:1.5rem;padding-bottom:.25rem;color:var(--weather-icon-color);fill:var(--weather-icon-color);stroke:var(--weather-icon-color)}.weather-card .forecast-nav{background:none;border:none;color:#6b7280;cursor:pointer}.weather-card .forecast-nav.prev{position:absolute;left:.5rem;z-index:2}.weather-card .forecast-nav.next{position:absolute;right:.5rem;z-index:2}.weather-card .forecast-nav svg{width:.625rem;height:.875rem}
/*# sourceMappingURL=/cdn/shop/t/12/assets/snippet-weather-widget.css.map */