.dmi-demo{margin-top:1rem;display:flex;flex-direction:column;gap:1.5rem;border-width:1px;padding:1.5rem}[data-theme=retro] .dmi-demo{--tw-border-opacity: 1;border-color:rgb(34 197 94 / var(--tw-border-opacity, 1));background-color:#22c55e05}[data-theme=modern] .dmi-demo{border-radius:.5rem;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.dmi-demo__header{text-align:center}.dmi-demo__title{margin-bottom:.5rem;font-size:1.5rem;line-height:2rem;font-weight:700}[data-theme=retro] .dmi-demo__title{--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}[data-theme=modern] .dmi-demo__title{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.dmi-demo__subtitle{font-size:.875rem;line-height:1.25rem}[data-theme=retro] .dmi-demo__subtitle{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))}[data-theme=modern] .dmi-demo__subtitle{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.dmi-demo__controls{display:flex;flex-direction:column;gap:1rem}.dmi-demo__input-group{display:flex;flex-direction:column;gap:.75rem}.dmi-demo__input{width:100%;border-width:1px;padding:.5rem 1rem;font-size:1rem;line-height:1.5rem}.dmi-demo__input:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}[data-theme=retro] .dmi-demo__input{--tw-border-opacity: 1;border-color:rgb(34 197 94 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))}[data-theme=retro] .dmi-demo__input:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(34 197 94 / var(--tw-ring-opacity, 1))}[data-theme=retro] .dmi-demo__input::-moz-placeholder{--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity, 1))}[data-theme=retro] .dmi-demo__input::placeholder{--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity, 1))}[data-theme=modern] .dmi-demo__input{border-radius:.375rem;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}[data-theme=modern] .dmi-demo__input:focus{--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity, 1));--tw-ring-opacity: 1;--tw-ring-color: rgb(156 163 175 / var(--tw-ring-opacity, 1))}[data-theme=modern] .dmi-demo__input::-moz-placeholder{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}[data-theme=modern] .dmi-demo__input::placeholder{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.dmi-demo__quick-cities{display:flex;flex-wrap:wrap;gap:.5rem}.dmi-demo__city-btn{border-width:1px;padding:.25rem .75rem;font-size:.875rem;line-height:1.25rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}[data-theme=retro] .dmi-demo__city-btn{--tw-border-opacity: 1;border-color:rgb(34 197 94 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))}[data-theme=retro] .dmi-demo__city-btn:hover{--tw-bg-opacity: 1;background-color:rgb(20 83 45 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}[data-theme=modern] .dmi-demo__city-btn{border-radius:.25rem;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}[data-theme=modern] .dmi-demo__city-btn:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.dmi-demo__buttons{display:flex;flex-wrap:wrap;gap:.75rem}.dmi-demo__button{padding:.625rem 1.25rem;font-size:.875rem;line-height:1.25rem;font-weight:500;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.dmi-demo__button:focus-visible{outline-style:solid;outline-width:2px;outline-offset:2px}[data-theme=retro] .dmi-demo__button--primary{border-width:1px;--tw-border-opacity: 1;border-color:rgb(34 197 94 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(21 128 61 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(220 252 231 / var(--tw-text-opacity, 1))}[data-theme=retro] .dmi-demo__button--primary:hover{--tw-bg-opacity: 1;background-color:rgb(22 101 52 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}[data-theme=retro] .dmi-demo__button--primary:focus-visible{outline-color:#22c55e}[data-theme=modern] .dmi-demo__button--primary{border-radius:.375rem;--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}[data-theme=modern] .dmi-demo__button--primary:hover{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}[data-theme=modern] .dmi-demo__button--primary:focus-visible{outline-color:#4b5563}[data-theme=modern] .dmi-demo__button--primary{box-shadow:0 1px 2px #0000000d}[data-theme=modern] .dmi-demo__button--primary:hover{box-shadow:0 4px 6px -1px #0000001a}[data-theme=retro] .dmi-demo__button--secondary{border-width:1px;--tw-border-opacity: 1;border-color:rgb(34 197 94 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))}[data-theme=retro] .dmi-demo__button--secondary:hover{--tw-bg-opacity: 1;background-color:rgb(20 83 45 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}[data-theme=retro] .dmi-demo__button--secondary:focus-visible{outline-color:#22c55e}[data-theme=modern] .dmi-demo__button--secondary{border-radius:.375rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}[data-theme=modern] .dmi-demo__button--secondary:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}[data-theme=modern] .dmi-demo__button--secondary:focus-visible{outline-color:#4b5563}[data-theme=modern] .dmi-demo__button--secondary{box-shadow:0 1px 2px #0000000d}.dmi-demo__loading{padding-top:2rem;padding-bottom:2rem;text-align:center;font-size:.875rem;line-height:1.25rem;font-weight:500}[data-theme=retro] .dmi-demo__loading{--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}[data-theme=modern] .dmi-demo__loading{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.dmi-demo__error{border-width:1px;padding:1rem;font-size:.875rem;line-height:1.25rem}[data-theme=retro] .dmi-demo__error{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(69 10 10 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}[data-theme=modern] .dmi-demo__error{border-radius:.375rem;--tw-border-opacity: 1;border-color:rgb(252 165 165 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.dmi-demo__results{min-height:200px}.dmi-demo__api-info{border-top-width:1px;padding-top:.75rem;font-size:.75rem;line-height:1rem}[data-theme=retro] .dmi-demo__api-info{--tw-border-opacity: 1;border-color:rgb(34 197 94 / var(--tw-border-opacity, 1))}[data-theme=modern] .dmi-demo__api-info{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.dmi-demo__endpoint{font-size:.75rem;line-height:1rem}[data-theme=retro] .dmi-demo__endpoint{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}[data-theme=modern] .dmi-demo__endpoint{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.dmi-demo__endpoint code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}[data-theme=retro] .dmi-demo__endpoint code{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))}[data-theme=modern] .dmi-demo__endpoint code{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.weather-card{border-width:1px;padding:1rem}[data-theme=retro] .weather-card{--tw-border-opacity: 1;border-color:rgb(34 197 94 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}[data-theme=modern] .weather-card{border-radius:.5rem;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.weather-card__header{margin-bottom:1rem;border-bottom-width:1px;padding-bottom:.75rem}[data-theme=retro] .weather-card__header{--tw-border-opacity: 1;border-color:rgb(34 197 94 / var(--tw-border-opacity, 1))}[data-theme=modern] .weather-card__header{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.weather-card__location{font-size:1.25rem;line-height:1.75rem;font-weight:700}[data-theme=retro] .weather-card__location{--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}[data-theme=modern] .weather-card__location{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.weather-card__time{margin-top:.25rem;font-size:.875rem;line-height:1.25rem}[data-theme=retro] .weather-card__time{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}[data-theme=modern] .weather-card__time{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.weather-card__main{display:flex;flex-direction:column;gap:1rem}@media (min-width: 768px){.weather-card__main{flex-direction:row}}.weather-card__temp{display:flex;flex-direction:column}@media (min-width: 768px){.weather-card__temp{flex-basis:50%}}.weather-card__temp-value{font-size:3rem;line-height:1;font-weight:700}[data-theme=retro] .weather-card__temp-value{--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}[data-theme=modern] .weather-card__temp-value{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.weather-card__wind-chill{margin-top:.5rem;font-size:.875rem;line-height:1.25rem}[data-theme=retro] .weather-card__wind-chill{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}[data-theme=modern] .weather-card__wind-chill{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.weather-card__details{display:flex;flex-direction:column;gap:.5rem}@media (min-width: 768px){.weather-card__details{flex-basis:50%}}.weather-card__detail{display:flex;justify-content:space-between;font-size:.875rem;line-height:1.25rem}.weather-card__label{font-weight:500}[data-theme=retro] .weather-card__label{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))}[data-theme=modern] .weather-card__label{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}[data-theme=retro] .weather-card__value{--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}[data-theme=modern] .weather-card__value{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.forecast-card{border-width:1px;padding:1rem}[data-theme=retro] .forecast-card{--tw-border-opacity: 1;border-color:rgb(34 197 94 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}[data-theme=modern] .forecast-card{border-radius:.5rem;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.forecast-card__header{margin-bottom:1rem;border-bottom-width:1px;padding-bottom:.75rem}[data-theme=retro] .forecast-card__header{--tw-border-opacity: 1;border-color:rgb(34 197 94 / var(--tw-border-opacity, 1))}[data-theme=modern] .forecast-card__header{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.forecast-card__location{font-size:1.25rem;line-height:1.75rem;font-weight:700}[data-theme=retro] .forecast-card__location{--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}[data-theme=modern] .forecast-card__location{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.forecast-card__subtitle{margin-top:.25rem;font-size:.875rem;line-height:1.25rem}[data-theme=retro] .forecast-card__subtitle{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}[data-theme=modern] .forecast-card__subtitle{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.forecast-card__timeline{display:flex;gap:.75rem;overflow-x:auto;padding-bottom:.5rem}.forecast-card__period{display:flex;min-width:80px;flex-shrink:0;flex-direction:column;align-items:center;gap:.25rem;border-width:1px;padding:.5rem}[data-theme=retro] .forecast-card__period{--tw-border-opacity: 1;border-color:rgb(34 197 94 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}[data-theme=modern] .forecast-card__period{border-radius:.25rem;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.forecast-card__time{font-size:.75rem;line-height:1rem;font-weight:500}[data-theme=retro] .forecast-card__time{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))}[data-theme=modern] .forecast-card__time{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.forecast-card__temp{font-size:1.125rem;line-height:1.75rem;font-weight:700}[data-theme=retro] .forecast-card__temp{--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}[data-theme=modern] .forecast-card__temp{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.forecast-card__precip,.forecast-card__wind{font-size:.75rem;line-height:1rem}[data-theme=retro] .forecast-card__precip,[data-theme=retro] .forecast-card__wind{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}[data-theme=modern] .forecast-card__precip,[data-theme=modern] .forecast-card__wind{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}