.map-product-controls{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,auto);gap:4px;border:1px solid rgb(10 34 30 / .12);border-radius:8px;background:#ffffffe6;box-shadow:0 10px 30px #152c271f;padding:4px}.map-product-controls button{min-height:34px;border:0;border-radius:6px;background:transparent;color:#4f615c;cursor:pointer;font-size:.8rem;font-weight:800;padding:0 10px}.map-product-controls button.active{background:#fff;color:#0f5f59;box-shadow:0 4px 14px #152c271a}.label-mobile{display:none}.run-controls{display:flex;gap:6px}.wind-level-control{min-width:118px}.cloud-layer-control{min-width:206px}.map-view-control{min-width:142px}.run-control{display:grid;gap:3px;border:1px solid rgb(10 34 30 / .12);border-radius:8px;background:#ffffffe6;box-shadow:0 10px 30px #152c271f;padding:5px 7px 7px}.run-control span{color:#52635e;font-size:.64rem;font-weight:800;line-height:1;text-transform:uppercase}.run-control select{min-width:126px;border:0;background:transparent;color:#26423c;cursor:pointer;font-size:.82rem;font-weight:800;outline:none}.time-slider{display:grid;flex:0 0 auto;gap:9px;border:1px solid #dce7e3;border-radius:8px;background:#fff;padding:12px}.time-slider>span{color:#21342f;font-weight:800}.step-range-shell{--slider-thumb-size: 16px;--slider-track-height: 4px;position:relative;display:grid;height:28px;align-items:center;min-width:0;width:100%}.step-range-visual-track{position:absolute;right:calc(var(--slider-thumb-size) / 2);left:calc(var(--slider-thumb-size) / 2);height:var(--slider-track-height, 4px);border:1px solid rgb(13 42 36 / .24);border-radius:999px;background:#eef2f0;pointer-events:none}.step-range-visual-thumb{position:absolute;top:50%;left:var(--range-position);width:var(--slider-thumb-size, 16px);height:var(--slider-thumb-size, 16px);border-radius:999px;background:#0f766e;box-shadow:0 0 0 2px #ffffffe6;transform:translate(-50%,-50%)}.step-range-timeline-marker{position:absolute;z-index:2;top:50%;left:var(--timeline-marker-position);width:14px;height:14px;border:2px solid #0f766e;border-radius:999px;background:#fff;box-shadow:0 0 0 2px #ffffffe6;cursor:pointer;padding:0;pointer-events:auto;transform:translate(-50%,-50%)}.step-range-timeline-marker:hover,.step-range-timeline-marker:focus-visible{background:#dff4ef}.step-range-timeline-marker:focus-visible{outline:2px solid rgb(15 118 110 / .42);outline-offset:3px}.step-range-timeline-marker-label{position:absolute;bottom:calc(100% + 3px);left:50%;color:#0f5f59;font-size:.55rem;font-weight:900;line-height:1;text-transform:uppercase;transform:translate(-50%);white-space:nowrap}.step-range-shell:focus-within .step-range-visual-track{outline:2px solid rgb(15 118 110 / .38);outline-offset:4px}.step-range-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;z-index:1;height:28px;margin:0;padding:0;width:100%;cursor:pointer;opacity:0;touch-action:none}.step-range-input:disabled{cursor:default}.step-range-shell--vertical{width:28px;height:100%;min-height:48px}.step-range-shell--vertical .step-range-visual-track{top:calc(var(--slider-thumb-size) / 2);right:auto;bottom:calc(var(--slider-thumb-size) / 2);left:50%;width:var(--slider-track-height, 4px);height:auto;transform:translate(-50%)}.step-range-shell--vertical .step-range-visual-thumb{top:var(--range-position);bottom:auto;left:50%;transform:translate(-50%,-50%)}.step-range-shell--vertical .step-range-timeline-marker{top:var(--timeline-marker-position);left:50%}.step-range-shell--vertical .step-range-timeline-marker-label{top:50%;bottom:auto;left:calc(100% + 5px);transform:translateY(-50%)}.step-range-input--vertical{width:28px;height:100%;direction:ltr;writing-mode:vertical-lr}.step-range-shell--vertical .step-range-day-tick{position:absolute;top:var(--tick-position);left:calc(100% + 6px);width:10px;height:1px;border-radius:999px;background:#183d3775;transform:translateY(-50%)}.time-slider-row{display:grid;grid-template-columns:64px minmax(0,1fr) 64px;gap:12px;align-items:center}.time-slider-row--with-action{grid-template-columns:64px minmax(0,1fr) 64px minmax(78px,auto)}.step-button{display:grid;width:64px;height:52px;place-items:center;border:1px solid rgb(13 42 36 / .14);border-radius:8px;background:#fff;color:#183d37;cursor:pointer;font-size:1.08rem;font-weight:900;line-height:1}.step-button:hover:not(:disabled),.step-action-button:hover:not(:disabled){background:#eef6f3}.step-action-button{min-width:78px;height:52px;border:1px solid rgb(15 118 110 / .28);border-radius:8px;background:#fff;color:#0f5f59;cursor:pointer;font-size:.78rem;font-weight:900;letter-spacing:0;line-height:1;padding:0 10px;text-transform:uppercase}.step-button:disabled,.step-action-button:disabled{cursor:default;opacity:.38}.step-labels{display:grid;grid-template-columns:64px minmax(0,1fr) 64px;gap:12px;color:#65736f;font-size:.72rem;font-weight:800}.step-label-track{position:relative;grid-column:2;height:24px;min-width:0;overflow:visible;padding-inline:calc(var(--slider-thumb-size, 16px) / 2)}.step-label-track-inner{position:relative;height:100%;min-width:0}.day-boundary-tick{position:absolute;top:0;left:var(--marker-left);height:7px;border-left:1px solid rgb(15 118 110 / .5);content:""}.day-span-label{position:absolute;top:3px;left:var(--label-left);max-width:min(74px,32%);overflow:hidden;height:18px;border:1px solid rgb(13 42 36 / .16);border-radius:999px;background:#ffffffe6;box-shadow:0 1px 4px #152c2714;color:#183d37;cursor:pointer;font:inherit;line-height:16px;padding:0 7px;text-align:center;text-overflow:ellipsis;white-space:nowrap;transform:translate(-50%)}.day-span-label--start-edge{left:0;max-width:68px;transform:translate(-50%)}.day-span-label--end-edge{right:0;left:auto;max-width:68px;transform:translate(50%)}.day-span-label:hover,.day-span-label:focus-visible{border-color:#0f766e61;background:#eef6f3;color:#0f5f59}.day-span-label:focus-visible{outline:2px solid rgb(15 118 110 / .38);outline-offset:0}.day-span-label[aria-current=date]{border-color:#0f766e5c;background:#0f766e1f;color:#0f5f59}.step-day-list{display:grid;min-width:0;align-content:start;gap:2px;grid-auto-rows:19px}.day-list-button{min-width:0;overflow:hidden;border:1px solid rgb(13 42 36 / .14);border-radius:5px;background:#ffffffeb;color:#183d37;cursor:pointer;font:inherit;font-size:.56rem;font-weight:800;line-height:17px;padding:0 3px;text-align:left;text-overflow:ellipsis;white-space:nowrap}.day-list-button:hover,.day-list-button:focus-visible{border-color:#0f766e61;background:#eef6f3;color:#0f5f59}.day-list-button[aria-current=date]{border-color:#0f766e5c;background:#0f766e24;color:#0f5f59}@media(max-width:720px){.time-slider,.raster-time-control{--mobile-step-button-size: 50px;--mobile-step-gap: 2px;--mobile-range-inset: 4px;--mobile-axis-inset: calc( var(--mobile-step-button-size) + var(--mobile-step-gap) + var(--mobile-range-inset) + 8px )}.map-product-controls{display:flex;flex:0 0 min(30vw,148px);gap:5px;min-width:0;border:0;background:transparent;box-shadow:none;padding:0}.top-bar.raster-active .map-product-controls{grid-column:1 / -1;grid-row:2;width:100%;max-width:100%}.map-product-controls button{min-height:28px;border:1px solid rgb(10 34 30 / .13);border-radius:8px;flex:1 1 0;min-width:0;background:#ffffffe6;box-shadow:0 7px 18px #152c271a;font-size:.64rem;padding:0 4px}.map-product-controls button.active{border-color:#0f766e6b;background:#0f766e;color:#fff;box-shadow:0 9px 20px #0f766e38}.label-desktop{display:none}.label-mobile{display:inline}.run-controls{flex:1 1 auto;flex-direction:row;gap:5px}.top-bar.raster-active .run-controls{display:grid;grid-column:1 / -1;grid-row:1;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.run-control{min-width:0;flex:1 1 0;overflow:hidden;padding:4px 6px 5px}.run-controls .run-control{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:4px;min-height:32px;padding-block:3px}.run-controls .run-control span{color:#38554f;font-size:.62rem}.run-controls .run-control select{font-size:.7rem}.run-control select{min-width:0;width:100%;font-size:.76rem}.wind-level-control{flex:0 0 min(24vw,132px)}.cloud-layer-control,.map-view-control{flex:1 1 0}.top-bar.raster-active .map-view-control{grid-column:1;grid-row:3;width:100%}.top-bar.raster-active .wind-level-control,.top-bar.raster-active .cloud-layer-control{grid-column:2;grid-row:3;width:100%}.time-slider-row{grid-template-columns:var(--mobile-step-button-size) minmax(0,1fr) var(--mobile-step-button-size);gap:var(--mobile-step-gap)}.time-slider-row--with-action{grid-template-columns:var(--mobile-step-button-size) minmax(0,1fr) var(--mobile-step-button-size) 64px}.step-button{width:var(--mobile-step-button-size);height:48px}.step-action-button{min-width:64px;height:48px;font-size:.64rem;padding:0 6px}.step-range-shell{margin-inline:var(--mobile-range-inset);width:auto}.step-labels{grid-template-columns:var(--mobile-step-button-size) minmax(0,1fr) var(--mobile-step-button-size);gap:var(--mobile-step-gap);font-size:.64rem}.step-label-track{grid-column:1 / -1;height:26px;overflow:visible;padding-inline:0}.step-label-track-inner{position:absolute;top:0;right:var(--mobile-axis-inset);bottom:0;left:var(--mobile-axis-inset);height:100%;min-width:0}.raster-time-control .step-range-shell{--slider-thumb-size: 22px;--slider-track-height: 6px;height:34px}.raster-time-control .step-range-timeline-marker{width:22px;height:22px;border-width:3px}.raster-time-control .step-range-timeline-marker-label{bottom:calc(100% + 4px);border-radius:999px;background:#fffffff0;box-shadow:0 1px 4px #152c271f;font-size:.62rem;padding:2px 5px}.day-span-label{position:absolute;width:min(48px,calc(var(--day-width) - 2px));max-width:none;height:24px;border-radius:5px;font-size:.6rem;line-height:22px;padding-inline:1px}.day-span-label--start-edge,.day-span-label--end-edge{max-width:none}}@media(max-width:430px){.top-bar.raster-active .map-product-controls button{flex-basis:0}}.app-shell--short-landscape .run-controls{display:grid;grid-column:1 / -1;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.app-shell--short-landscape .run-control{min-width:0;overflow:hidden;padding:2px 4px 3px}.app-shell--short-landscape .run-controls .run-control,.app-shell--tablet .run-controls .run-control{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:4px}.app-shell--short-landscape .run-control span{font-size:.52rem}.app-shell--short-landscape .run-control select{min-width:0;width:100%;font-size:.61rem}.app-shell--short-landscape .map-product-controls,.app-shell--short-landscape .top-bar.raster-active .map-product-controls{display:grid;grid-column:1 / -1;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row;grid-auto-columns:auto;gap:3px;width:100%;border:0;background:transparent;box-shadow:none;padding:0}.app-shell--short-landscape .map-product-controls button{min-width:0;min-height:24px;border:1px solid rgb(10 34 30 / .13);background:#ffffffeb;font-size:.56rem;padding:0 2px}.app-shell--short-landscape .map-product-controls button.active{border-color:#0f766e6b;background:#0f766e;color:#fff}.app-shell--short-landscape .map-product-controls button:last-child:nth-child(odd){grid-column:1 / -1}.app-shell--short-landscape .label-desktop{display:none}.app-shell--short-landscape .label-mobile{display:inline}.app-shell--short-landscape .wind-level-control,.app-shell--short-landscape .cloud-layer-control,.app-shell--short-landscape .map-view-control{width:100%;min-width:0}.app-shell--tablet .top-bar.raster-active .run-controls{display:grid;grid-column:1 / -1;grid-row:1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:5px}.app-shell--tablet .top-bar.raster-active .run-control{min-width:0;overflow:hidden;padding:4px 6px 5px}.app-shell--tablet .top-bar.raster-active .run-control select{min-width:0;width:100%;font-size:.76rem}.app-shell--tablet .top-bar.raster-active .map-product-controls{display:flex;grid-column:1 / -1;grid-row:2;gap:5px;width:100%;max-width:100%;min-width:0;border:0;background:transparent;box-shadow:none;padding:0}.app-shell--tablet .top-bar.raster-active .map-product-controls button{min-width:0;min-height:28px;flex:1 1 0;border:1px solid rgb(10 34 30 / .13);border-radius:8px;background:#ffffffe6;box-shadow:0 7px 18px #152c271a;font-size:.64rem;padding:0 4px}.app-shell--tablet .top-bar.raster-active .map-product-controls button.active{border-color:#0f766e6b;background:#0f766e;color:#fff;box-shadow:0 9px 20px #0f766e38}.app-shell--tablet .label-desktop{display:none}.app-shell--tablet .label-mobile{display:inline}.app-shell--tablet .top-bar.raster-active .map-view-control{grid-column:1;grid-row:3;width:100%;min-width:0}.app-shell--tablet .top-bar.raster-active .wind-level-control,.app-shell--tablet .top-bar.raster-active .cloud-layer-control{grid-column:2;grid-row:3;width:100%;min-width:0}.step-range-loading{position:absolute;left:8px;right:8px;bottom:0;height:3px;overflow:hidden;border-radius:2px;background:#dce7e3;pointer-events:none}.step-range-loading i{position:absolute;left:var(--loaded-position);width:var(--loaded-span);min-width:2px;height:100%;background:#249f8d}.step-range-shell--vertical .step-range-loading{top:8px;bottom:8px;left:auto;right:-3px;height:auto;width:3px}.step-range-shell--vertical .step-range-loading i{top:var(--loaded-position);left:0;height:var(--loaded-span);min-height:2px;width:100%}