body{margin:0;padding:0;font-size:16px;font-family:Roboto,sans-serif}.page{max-width:1440px;margin:0 auto}.background{background-color:#eaeefe;min-height:100vh}.container{display:flex;flex-direction:row;width:100%;height:100%}.container .map{flex-grow:1}.area{padding:8px 12px;font-size:14px;font-style:normal;line-height:20px;color:#fff;border-radius:12px;background-color:#212326;box-shadow:0 0 2px #5f698314,0 2px 4px #5f698333}.edit-mode-control{display:flex;flex-direction:row;align-items:center;padding:10px 16px;font-size:16px;font-style:normal;line-height:22px;-webkit-user-select:none;user-select:none;color:#000;border-radius:12px;background:#fff;box-shadow:0 4px 12px #5f69831a,0 4px 24px #5f69830a;gap:12px}.edit-mode-control input+label.toggle-control{position:relative;display:inline-block;width:34px;height:20px;cursor:pointer;border-radius:10px;background-color:#5c5e6624;transition:.3s}.edit-mode-control input:checked+label.toggle-control{background-color:var(--interact-action-color)}.edit-mode-control input+label.toggle-control:after{position:absolute;top:2px;left:2px;width:16px;height:16px;content:"";border-radius:50%;background-color:#fff;box-shadow:0 0 2px #5f698314,0 2px 4px #5f698333;transition:.3s}.edit-mode-control input:checked+label.toggle-control:after{transform:translate(14px)}.geojson-editor{position:relative;width:25%}.geojson-editor button{position:absolute;z-index:1000;bottom:8px;left:calc(50% - 66.5px);width:133px;padding:8px 12px;font-size:14px;font-weight:700;font-style:normal;line-height:16px;cursor:pointer;color:#4d4d4d;border:none;border-radius:8px;outline:none;background:#fff;box-shadow:0 0 2px #5f698314,0 2px 4px #5f698333}.geojson-editor button:hover{box-shadow:0 4px 12px #5f69831a,0 4px 24px #5f69830a}.geometry-editor-marker{position:absolute;width:8px;height:8px;cursor:pointer;border:1.5px solid var(--editor-point-color);border-radius:8px;background-color:#fff;transform:translate(-50%,-50%)}.geometry-editor-marker:hover{width:16px;height:16px;border:none;border-radius:8px;background-color:var(--editor-point-color)}.geometry-editor-marker.preview{cursor:copy;opacity:0}.geometry-editor-marker.preview:hover{opacity:1}:root{--editor-point-color: #196dff;--interact-action-color: #313133}