/* Preview: place the three collapsible map information panels at the top right and make them draggable. */
html[data-view-options="2"] body .map-stage[data-grid-shell] .grid-condition-float,
html[data-view-options="2"][data-final-display-revisions="1"] body .map-stage[data-grid-shell] .grid-condition-float{
  top:14px!important;
  right:14px!important;
  left:auto!important;
  bottom:auto!important;
  transform:none!important;
  width:348px!important;
  max-width:calc(100% - 28px)!important;
  max-height:none!important;
  gap:9px!important;
  overflow:visible!important;
  overflow-x:visible!important;
  overflow-y:visible!important;
  padding-right:0!important;
  z-index:30!important;
}
html[data-view-options="2"] body .map-stage[data-grid-shell] [data-map-draggable-panel]{
  position:relative!important;
  isolation:isolate;
  overflow:visible!important;
  will-change:transform;
  transform:translate3d(var(--map-panel-drag-x,0px),var(--map-panel-drag-y,0px),0)!important;
}
html[data-view-options="2"] body .map-stage[data-grid-shell] [data-map-draggable-panel].map-panel-is-dragging{
  z-index:70!important;
}
html[data-view-options="2"] body .map-stage[data-grid-shell] .map-panel-drag-grip{
  position:absolute;
  top:4px;
  right:37px;
  z-index:2147483000!important;
  width:36px;
  height:20px;
  margin:0;
  padding:0;
  border:0;
  border-radius:8px;
  background:transparent;
  cursor:grab;
  touch-action:none;
  pointer-events:auto!important;
  user-select:none;
}
html[data-view-options="2"] body .map-stage[data-grid-shell] .map-panel-drag-grip::before{
  content:"";
  position:absolute;
  left:8px;
  right:8px;
  top:7px;
  height:5px;
  border-top:2px solid #8492a6;
  border-bottom:2px solid #8492a6;
  opacity:.82;
}
html[data-view-options="2"] body .map-stage[data-grid-shell] .map-panel-drag-grip:hover,
html[data-view-options="2"] body .map-stage[data-grid-shell] .map-panel-drag-grip:focus-visible{
  background:#edf2f8;
  outline:2px solid rgba(23,57,103,.18);
  outline-offset:1px;
}
html[data-view-options="2"] body .map-stage[data-grid-shell] .map-panel-is-dragging>.map-panel-drag-grip{
  cursor:grabbing;
  background:#edf2f8;
}
html[data-view-options="2"] body .map-stage[data-grid-shell] .grid-panel-slot.is-collapsed>.map-panel-drag-grip{
  display:none;
}
@media(max-width:980px){
  html[data-view-options="2"] body .map-stage[data-grid-shell] .grid-condition-float,
  html[data-view-options="2"][data-final-display-revisions="1"] body .map-stage[data-grid-shell] .grid-condition-float{
    top:10px!important;
    right:10px!important;
    max-height:none!important;
    overflow:visible!important;
    overflow-x:visible!important;
    overflow-y:visible!important;
    padding-right:0!important;
  }
}
@media(max-width:560px){
  html[data-view-options="2"] body .map-stage[data-grid-shell] .grid-condition-float,
  html[data-view-options="2"][data-final-display-revisions="1"] body .map-stage[data-grid-shell] .grid-condition-float{
    top:8px!important;
    right:8px!important;
    width:calc(100% - 16px)!important;
    max-width:360px!important;
  }
}