.greengage-BasemapGroup{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);align-items:flex-start}.greengage-BasemapBox{position:relative;width:100px;height:100px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;cursor:pointer;background:var(--base50);border-radius:var(--border-radius-md);overflow:hidden;opacity:.8}.greengage-BasemapBox.selected{border:3px solid var(--base600);background:var(--base0);opacity:1}.greengage-BasemapBox input{display:none}.greengage-BasemapBox img{border-radius:var(--border-radius-sm)}.greengage-BasemapBox:hover{box-shadow:var(--mantine-shadow-sm);opacity:1}.greengage-BasemapBox-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.greengage-BasemapBox-overlay{position:absolute;left:0;right:0;bottom:0;width:100%;background:var(--base0);z-index:2;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;padding:2px 6px}.greengage-BasemapBox-title{font-size:12px;color:var(--base950);font-weight:700;line-height:1.4;margin:0;text-align:center}.greengage-BasemapBox-desc{font-size:10px;line-height:1.1;margin:0;text-align:center;padding-bottom:2px}.greengage-LayerOpacityControl{display:flex;max-width:8.75rem;width:100%}.greengage-LayerOpacityControl .mantine-Slider-bar{background-color:var(--base600)}.greengage-LayerOpacityControl .mantine-Slider-thumb{border-color:var(--base600)}.greengage-LayerOpacityControl-content{display:flex;justify-content:space-between;align-items:center;width:100%;gap:1.5rem}.greengage-LayerOpacityControl-content span{white-space:nowrap}.greengage-WmsLayerControl{display:flex;flex-direction:column}.greengage-WmsLayerControl-toggle{display:flex;align-items:center;gap:var(--spacing-xs)}.greengage-WmsLayerControl-toggleLabel{-webkit-user-select:none;-moz-user-select:none;user-select:none;font-weight:700;font-size:var(--font-size-sm);color:var(--base950)}.greengage-WmsLayerControl-row{display:flex;align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-xs);.mantine-Select-option{font-size:var(--font-size-sm)}}.greengage-WmsLayerControl-select{min-width:110px;max-width:100%;flex:1 1}.greengage-WmsLayerControl-label{min-width:48px;font-size:var(--mantine-font-size-sm)}.greengage-WmsLayerControl-select .mantine-Input-input{padding-top:4px;padding-bottom:4px;font-size:var(--font-size-xs)}.greengage-WmsLayerControl-info{align-self:flex-start;margin:auto 0}.greengage-WmsLayerControl-collapseContent>:not(:last-child){border-bottom:1px solid var(--base0);padding-bottom:var(--spacing-xs)}.greengage-WmsLayerControl-opacity{margin-top:var(--spacing-xs)}.greengage-WmsLayerControl-collapseContent{margin-top:var(--spacing-sm)}