#root,body,html{box-sizing:border-box;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;height:100%;margin:0;overflow:hidden;padding:0;width:100%}*,:after,:before{box-sizing:inherit}body{background:#f5f5f7}:root{--topbar-height:60px;--map-attribution-right:10px;--legend-height:120px;--legend-width:100px;--panel-bg:#fff;--panel-border:#d0d4da;--panel-shadow:0 4px 14px #00000026;--muted-bg:#f8f9fb;--muted-border:#d0d4da;--text:#202534;--text-muted:#5b6472;--control-height:30px;--distance-slider-width:450px;--distance-slider-option-width:80px;--distance-slider-range-margin-left:32px;--fit-zone-button-height:32px}.App{height:100%;position:relative;width:100%}.map-container{bottom:0;left:0;position:absolute;right:0;top:60px;top:var(--topbar-height);z-index:1}.map-container canvas{display:block;height:100%;width:100%}.panel{border:1px solid #d0d4da;border:1px solid var(--panel-border);color:#202534;color:var(--text)}.panel,.top-panel{background:#fff;background:var(--panel-bg);box-shadow:0 4px 14px #00000026;box-shadow:var(--panel-shadow)}.top-panel{align-items:center;border-bottom:1px solid #d0d4da;border-bottom:1px solid var(--panel-border);display:flex;height:60px;height:var(--topbar-height);left:0;padding:6px 10px;position:absolute;right:0;top:0;z-index:100}.topbar-distance-controls,.topbar-fitzone-controls,.topbar-year-controls{align-items:center;display:flex;flex:1 1}.topbar-year-controls{gap:10px;justify-content:start}.topbar-distance-controls{gap:10px;justify-content:center}.topbar-fitzone-controls{justify-content:end}.label{font-size:16px;font-weight:600;white-space:nowrap}.label,.year-select{color:#202534;color:var(--text)}.year-select{background:#f8f9fb;background:var(--muted-bg);border:1px solid #cbd1dd;border-radius:7px;font-size:.92rem;padding:2px 10px;width:100px}.distance-group{align-items:center;display:flex;gap:10px}.distance-checkbox-wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:8px 10px;min-width:0;width:450px;width:var(--distance-slider-width)}.distance-checkbox-item{--item-color:#666;align-items:center;cursor:pointer;display:inline-flex;gap:6px;min-width:0;-webkit-user-select:none;user-select:none}.distance-checkbox-item input[type=checkbox]{flex:0 0 auto;margin:0}.distance-checkbox-item .color-box{background-color:var(--item-color);border:1px solid #000;border-radius:2px;flex:0 0 auto;height:14px;width:14px}.distance-checkbox-item span{color:#000;font-size:14px;line-height:1.2;white-space:nowrap}.fit-zone-button{align-items:center;background:#fff;border:1px solid #ccc;border-radius:7px;cursor:pointer;display:inline-flex;flex:0 0 auto;font-size:.9rem;height:32px;height:var(--fit-zone-button-height);justify-content:center;line-height:1;padding:0 10px;white-space:nowrap}.fit-zone-button:hover{background:#f2f2f2}.legend-panel{grid-column-gap:10px;grid-row-gap:6px;background:#fff;background:var(--panel-bg);border:1px solid #d0d4da;border:1px solid var(--panel-border);border-radius:10px;bottom:10px;box-shadow:0 4px 14px #00000026;box-shadow:var(--panel-shadow);column-gap:10px;display:grid;font-size:.85rem;left:10px;overflow:hidden;padding:10px 12px;position:absolute;row-gap:6px;width:100px;width:var(--legend-width);z-index:900}.legend-title{color:#202534;color:var(--text);font-size:1rem;font-weight:600;grid-column:1/-1;text-align:center}.legend-item{align-items:center;display:flex;gap:8px;margin-bottom:0}.legend-color{border:1px solid #000;border-radius:3px;flex-shrink:0;height:14px;width:14px}.legend-label{white-space:nowrap}.map-attribution{background:#ffffffd9;border-radius:4px;bottom:8px;font-size:11px;line-height:1.2;padding:4px 6px;pointer-events:auto;position:absolute;right:10px;right:var(--map-attribution-right);z-index:10}.map-attribution a{color:inherit;text-decoration:none}.map-attribution a:hover{text-decoration:underline}
/*# sourceMappingURL=main.1adf3d55.css.map*/