.chart-tooltip{background-color:var(--background);border:1px solid var(--border);border-radius:.5rem;box-shadow:var(--shadow-md)}.hourly-forecast-item{display:flex;flex-direction:column;align-items:center;padding:.5rem;min-width:80px;border-radius:.5rem;transition:background-color .2s}.hourly-forecast-item:hover{background-color:var(--accent)}.hourly-forecast-container{position:relative;overflow:hidden}.scroll-button{transform:translateY(-50%);background:var(--background);border:1px solid var(--border);box-shadow:var(--shadow-md)}.scroll-button--left{left:0}.scroll-button--right{right:0}.hour-card{min-width:160px;padding:1rem;border:1px solid var(--border);transition:all .2s ease}.hour-card--current{background:var(--primary);color:var(--primary-foreground)}.hour-card--next{background:var(--secondary)}.hour-card--past{opacity:.7}.weather-card{border-radius:var(--radius);padding:1rem}@media (min-width:640px){.weather-card{padding:1.5rem}}.weather-card{border-width:1px;background-color:hsl(var(--card)/.95);--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.weather-card,.weather-card:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.weather-card:hover{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.weather-card{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;animation-duration:.2s}.scroll-button{position:absolute;top:50%;z-index:10;--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));background-color:hsl(var(--background)/.95);--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);border-radius:9999px;border-width:1px;--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.scroll-button,.scroll-button:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.scroll-button:hover{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.scroll-button{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;animation-duration:.2s}.scroll-button--left{left:-.75rem}.scroll-button--right{right:-.75rem}.hour-time{font-size:1rem;line-height:1.5rem;font-weight:500}.hour-time--current{color:hsl(var(--primary))}.scroll-container{position:relative;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none}.scroll-container::-webkit-scrollbar{display:none}.scroll-content{display:flex}.scroll-content>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.scroll-content{padding-bottom:1rem;min-width:-moz-max-content;min-width:max-content}.image-container{position:relative;display:flex;align-items:center;justify-content:center;&>img{height:100%;width:100%;-o-object-fit:contain;object-fit:contain}}.chart-container{position:relative;height:300px;width:100%}@media (min-width:768px){.chart-container{height:400px}}.chart-legend-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;line-height:1.25rem;color:hsl(var(--muted-foreground))}.chart-legend-color{height:.75rem;width:.75rem;border-radius:calc(var(--radius) - 4px)}.chart-tooltip{border-radius:var(--radius);border-width:1px;background-color:hsl(var(--background));padding:1rem;--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.chart-tooltip-content{overflow:hidden;font-size:.875rem;transition:all}.chart-tooltip-value{padding-bottom:1rem;padding-top:0}[data-theme=dark] .chart-container,[data-theme=light] .chart-container{background-color:var(--color-background)}