.maplibre-gl-colorbar-gui-control{--maplibre-gl-gui-border-color:#e5e7eb;--maplibre-gl-gui-focus-color:#3b82f6;--maplibre-gl-gui-input-background:#fff;--maplibre-gl-gui-input-color:#374151;--maplibre-gl-gui-muted-color:currentColor;--maplibre-gl-gui-placeholder-color:#9ca3af;--maplibre-gl-gui-hover-background:#f3f4f6;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.maplibre-gl-colorbar-gui-control .colorbar-gui-button{cursor:pointer;background:#fff;border:none;border-radius:4px;justify-content:center;align-items:center;width:29px;height:29px;padding:0;transition:background-color .15s;display:flex;box-shadow:0 0 0 2px #0000001a}.maplibre-gl-colorbar-gui-control .colorbar-gui-button:hover{background-color:#f3f4f6}.maplibre-gl-colorbar-gui-control .colorbar-gui-button.active{color:#fff;background-color:#3b82f6}.maplibre-gl-colorbar-gui-control .colorbar-gui-button.active:hover{color:#fff;background-color:#2563eb}.maplibre-gl-colorbar-gui-control .colorbar-gui-button svg{width:18px;height:18px}.maplibre-gl-colorbar-gui-control .colorbar-gui-panel{z-index:1;background:#fffffff2;border-radius:4px;position:absolute;top:0;overflow:hidden;box-shadow:0 2px 8px #00000026}.maplibre-gl-colorbar-gui-control .colorbar-gui-panel.left{right:calc(100% + 8px)}.maplibre-gl-colorbar-gui-control .colorbar-gui-panel.right{left:calc(100% + 8px)}.maplibre-gl-colorbar-gui-control .colorbar-gui-header{border-bottom:1px solid var(--maplibre-gl-gui-border-color);color:inherit;justify-content:space-between;align-items:center;padding:8px 10px;font-size:13px;font-weight:600;display:flex}.maplibre-gl-colorbar-gui-control .colorbar-gui-close{cursor:pointer;width:20px;height:20px;color:var(--maplibre-gl-gui-muted-color);background-color:#0000;border:none;border-radius:3px;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}.maplibre-gl-colorbar-gui-control .colorbar-gui-close:hover{background-color:var(--maplibre-gl-gui-hover-background);color:inherit}.maplibre-gl-colorbar-gui-control .colorbar-gui-close svg{width:14px;height:14px}.maplibre-gl-colorbar-gui-control .colorbar-gui-content{padding:10px}.maplibre-gl-colorbar-gui-control .colorbar-gui-field{margin-bottom:10px}.maplibre-gl-colorbar-gui-control .colorbar-gui-field label{color:var(--maplibre-gl-gui-muted-color);text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px;font-size:11px;font-weight:600;display:block}.maplibre-gl-colorbar-gui-control .colorbar-gui-input{border:1px solid var(--maplibre-gl-gui-border-color);width:100%;color:var(--maplibre-gl-gui-input-color);background:var(--maplibre-gl-gui-input-background);box-sizing:border-box;border-radius:4px;padding:8px 10px;font-size:12px;transition:border-color .15s}.maplibre-gl-colorbar-gui-control .colorbar-gui-input:focus{border-color:var(--maplibre-gl-gui-focus-color);outline:none;box-shadow:0 0 0 2px #3b82f633}.maplibre-gl-colorbar-gui-control .colorbar-gui-input::placeholder{color:var(--maplibre-gl-gui-placeholder-color)}.maplibre-gl-colorbar-gui-control .colorbar-gui-input[type=number]{appearance:auto;height:36px;padding-top:7px;padding-bottom:7px;padding-right:6px;line-height:20px}.maplibre-gl-colorbar-gui-control .colorbar-gui-input[type=number]::-webkit-inner-spin-button{opacity:1;width:18px;height:28px;margin:0}.maplibre-gl-colorbar-gui-control .colorbar-gui-input[type=number]::-webkit-outer-spin-button{opacity:1;width:18px;height:28px;margin:0}.maplibre-gl-colorbar-gui-control .colorbar-gui-select{border:1px solid var(--maplibre-gl-gui-border-color);width:100%;color:var(--maplibre-gl-gui-input-color);background:var(--maplibre-gl-gui-input-background);box-sizing:border-box;cursor:pointer;border-radius:4px;padding:8px 10px;font-size:12px;transition:border-color .15s}.maplibre-gl-colorbar-gui-control .colorbar-gui-select:focus{border-color:var(--maplibre-gl-gui-focus-color);outline:none;box-shadow:0 0 0 2px #3b82f633}.maplibre-gl-colorbar-gui-control .colorbar-gui-row{gap:10px;display:flex}.maplibre-gl-colorbar-gui-control .colorbar-gui-row .colorbar-gui-field{flex:1}.maplibre-gl-colorbar-gui-control .colorbar-gui-preview{border:1px solid #00000026;border-radius:3px;height:16px;margin-bottom:10px}.maplibre-gl-colorbar-gui-control .colorbar-gui-mode-row{gap:12px;margin-bottom:10px;display:flex}.maplibre-gl-colorbar-gui-control .colorbar-gui-radio-label{color:inherit;cursor:pointer;text-transform:none;letter-spacing:normal;align-items:center;gap:4px;font-size:12px;font-weight:400;display:flex}.maplibre-gl-colorbar-gui-control .colorbar-gui-radio-label input[type=radio]{accent-color:#3b82f6}.maplibre-gl-colorbar-gui-control .colorbar-gui-textarea{border:1px solid var(--maplibre-gl-gui-border-color);width:100%;color:var(--maplibre-gl-gui-input-color);background:var(--maplibre-gl-gui-input-background);box-sizing:border-box;resize:vertical;border-radius:4px;min-height:50px;padding:8px 10px;font-family:SF Mono,Menlo,Monaco,Consolas,monospace;font-size:11px;transition:border-color .15s}.maplibre-gl-colorbar-gui-control .colorbar-gui-textarea:focus{border-color:var(--maplibre-gl-gui-focus-color);outline:none;box-shadow:0 0 0 2px #3b82f633}.maplibre-gl-colorbar-gui-control .colorbar-gui-textarea::placeholder{color:var(--maplibre-gl-gui-placeholder-color)}.maplibre-gl-colorbar-gui-control .colorbar-gui-panel .colorbar-gui-add-btn{color:#fff;cursor:pointer;background-color:#3b82f6;border:none;border-radius:4px;justify-content:center;align-items:center;width:100%;margin-bottom:6px;padding:10px;font-size:13px;font-weight:600;transition:background-color .15s;display:flex}.maplibre-gl-colorbar-gui-control .colorbar-gui-panel .colorbar-gui-add-btn:hover{color:#fff;background-color:#2563eb}.maplibre-gl-colorbar-gui-control .colorbar-gui-panel .colorbar-gui-remove-btn{color:#dc2626;cursor:pointer;background-color:#0000;border:1px solid #fca5a5;border-radius:4px;justify-content:center;align-items:center;width:100%;padding:8px;font-size:12px;transition:all .15s;display:flex}.maplibre-gl-colorbar-gui-control .colorbar-gui-panel .colorbar-gui-remove-btn:hover{background-color:#fef2f2;border-color:#ef4444}
