.forecast-field{position:relative;overflow:hidden;background:#718471;isolation:isolate}
.forecast-field>canvas,.forecast-field>.field-fallback{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover}
.forecast-field>.field-fallback{transition:opacity .6s;z-index:0}
.forecast-field>.field-surface{z-index:1;opacity:0;transition:opacity .6s}
.forecast-field.field-ready>.field-surface{opacity:1}
.forecast-field.field-ready>.field-fallback{opacity:0}
.forecast-field>.field-annotations{z-index:2;pointer-events:none}
.field-play{position:absolute;right:18px;bottom:18px;z-index:3;width:40px;height:40px;color:white;border:1px solid #ffffff70;background:#14251b12;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(8px)}
.field-play:hover{background:#14251b45}.field-play:focus-visible{outline:2px solid white;outline-offset:4px}.field-play svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.25}
.field-play[data-paused=true] .pause-symbol,.field-play[data-paused=false] .play-symbol{display:none}
@media(prefers-reduced-motion:reduce){.forecast-field>.field-surface,.forecast-field>.field-fallback{transition:none}}
.forecast-field>.field-input{position:absolute;width:1px;height:1px;left:0;top:0;opacity:.01;pointer-events:none;z-index:-1}