.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-PopoverContent{display:flex;flex-direction:column;grid-gap:var(--spacing-md);min-width:20rem}.greengage-PopoverSection{font-family:var(--labelsFontFamily),"sans-serif"}.greengage-PopoverSection-title{font-size:var(--font-size-sm);line-height:var(--line-height-sm);font-weight:600;color:var(--base600);text-transform:uppercase;margin-bottom:var(--spacing-xs);letter-spacing:.5px}.greengage-PopoverBox{display:flex;grid-gap:var(--spacing-xl);justify-content:space-between;align-items:center;background-color:var(--base50);border-radius:var(--border-radius-sm);padding:var(--spacing-sm);&.has-column-direction{flex-direction:column;grid-gap:var(--spacing-xs);align-items:flex-start}}.greengage-PopoverBoxSection{font-size:var(--font-size-sm);color:var(--base600);width:100%}.greengage-PopoverBoxSection:not(:last-child){border-bottom:1px solid var(--base0);padding-bottom:var(--spacing-xs)}.greengage-PopoverBoxTitle{font-size:var(--font-size-md);font-weight:700;color:var(--base950);&.is-small{font-size:var(--font-size-sm)}}.greengage-PopoverBoxDescription{color:var(--base600);font-size:var(--font-size-sm);line-height:var(--line-height-sm)}.greengage-MapLegendContainer{font-family:var(--labelsFontFamily),sans-serif;display:flex;flex-direction:column;gap:.15rem;min-width:23rem}.greengage-MapLegendTitle{font-size:var(--font-size-xs)}.greengage-IntervalLegend-colorScale{display:flex;flex-direction:column;gap:var(--spacing-2xs)}.greengage-LegendColorRamp{display:flex;flex-direction:row;align-items:center;height:.8rem}.greengage-LegendColorRamp-item{flex:1 1;height:100%;min-width:20px}.greengage-ColorRampLabels{display:flex;flex-direction:row;font-size:var(--font-size-xxs);color:var(--base600)}.greengage-ColorRampLabels-label{flex:1 1;text-align:center}.greengage-ColorRampLabels-label:first-child{flex:.5 1;text-align:left}.greengage-ColorRampLabels-label:last-child{flex:.5 1;text-align:right}.greengage-LayerControls{position:absolute;left:calc(var(--MapComponentsOffset) + var(--MapActionIconSize) + var(--MapComponentsGap));bottom:var(--MapComponentsOffset);width:var(--MapActionIconSize);&.display-right{right:var(--MapComponentsOffset);left:auto}}.greengage-LayerControls.no-legend:not(.display-right){left:var(--MapComponentsOffset)}.greengage-LayerControls-dropdown{padding:var(--spacing-sm)}.greengage-MapButton{box-shadow:var(--mantine-shadow-md)}.greengage-Attribution{color:var(--base500);font-size:.65rem}.greengage-Attribution a{color:var(--base500)}.greengage-MapImprintScaleContainer{max-width:calc(100% - var(--MapActionIconSize) - var(--MapComponentsGap) * 3);flex-wrap:wrap;position:absolute;right:var(--MapComponentsOffset);bottom:var(--MapComponentsOffset);display:flex;grid-gap:var(--spacing-md);align-items:center;justify-content:flex-end;&.display-left-offset{left:calc(var(--MapComponentsGap) + var(--MapActionIconSize) + var(--MapComponentsGap));right:auto;flex-direction:row-reverse}&.display-left-offset.double-left-offset{left:calc(var(--MapComponentsOffset) + (var(--MapActionIconSize) * 2) + (var(--MapComponentsGap) * 2))}&.display-right-offset{right:calc(var(--MapComponentsOffset) + (var(--MapActionIconSize) * 2) + (var(--MapComponentsGap) * 2))}}