.ol-box {box-sizing: border-box;border-radius: 2px;border: 2px solid #00f;}
.ol-mouse-position {top: 8px;right: 8px;position: absolute;}
.ol-scale-line {background: rgba(0,60,136,.3);border-radius: 4px;bottom: 8px;left: 8px;padding: 2px;position: absolute;}
.ol-scale-line-inner {border: 1px solid #eee;border-top: none;color: #eee;font-size: 10px;text-align: center;margin: 1px;will-change: contents,width;}
.ol-overlay-container {will-change: left,right,top,bottom;}
.ol-unsupported {display: none;}
.ol-unselectable, .ol-viewport {-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: transparent;}
.ol-selectable {-webkit-touch-callout: default;-webkit-user-select: auto;-moz-user-select: auto;-ms-user-select: auto;user-select: auto;}
.ol-grabbing {cursor: -webkit-grabbing;cursor: -moz-grabbing;cursor: grabbing;}
.ol-grab {cursor: move;cursor: -webkit-grab;cursor: -moz-grab;cursor: grab;}
.ol-control {position: absolute;background-color: rgba(255,255,255,.4);border-radius: 4px;padding: 2px;}
.ol-control:hover {background-color: rgba(255,255,255,.6);}
.ol-zoom {top: .5em;left: .5em;}
.ol-rotate {top: .5em;right: .5em;transition: opacity .25s linear,visibility 0s linear;}
.ol-rotate.ol-hidden {opacity: 0;visibility: hidden;transition: opacity .25s linear,visibility 0s linear .25s;}
.ol-zoom-extent {top: 4.643em;left: .5em;}
.ol-full-screen {right: .5em;top: .5em;}
@media print {.ol-control {display: none;}}
.ol-control button {display: block;margin: 1px;padding: 0;color: #fff;font-size: 1.14em;font-weight: 700;text-decoration: none;text-align: center;height: 1.375em;width: 1.375em;line-height: .4em;background-color: rgba(0,60,136,.5);border: none;border-radius: 2px;}
.ol-control button::-moz-focus-inner {border: none;padding: 0;}
.ol-zoom-extent button {line-height: 1.4em;}
.ol-compass {display: block;font-weight: 400;font-size: 1.2em;will-change: transform;}
.ol-touch .ol-control button {font-size: 1.5em;}
.ol-touch .ol-zoom-extent {top: 5.5em;}
.ol-control button:focus, .ol-control button:hover {text-decoration: none;background-color: rgba(0,60,136,.7);}
.ol-zoom .ol-zoom-in {border-radius: 2px 2px 0 0;}
.ol-zoom .ol-zoom-out {border-radius: 0 0 2px 2px;}
.ol-attribution {text-align: right;bottom: .5em;right: .5em;max-width: calc(100% - 1.3em);}
.ol-attribution ul {margin: 0;padding: 0 .5em;font-size: .7rem;line-height: 1.375em;color: #000;text-shadow: 0 0 2px #fff;}
.ol-attribution li {display: inline;list-style: none;line-height: inherit;}
.ol-attribution li:not(:last-child):after {content: " ";}
.ol-attribution img {max-height: 2em;max-width: inherit;vertical-align: middle;}
.ol-attribution button, .ol-attribution ul {display: inline-block;}
.ol-attribution.ol-collapsed ul {display: none;}
.ol-attribution.ol-logo-only ul {display: block;}
.ol-attribution:not(.ol-collapsed) {background: rgba(255,255,255,.8);}
.ol-attribution.ol-uncollapsible {bottom: 0;right: 0;border-radius: 4px 0 0;height: 1.1em;line-height: 1em;}
.ol-attribution.ol-logo-only {background: 0 0;bottom: .4em;height: 1.1em;line-height: 1em;}
.ol-attribution.ol-uncollapsible img {margin-top: -.2em;max-height: 1.6em;}
.ol-attribution.ol-logo-only button, .ol-attribution.ol-uncollapsible button {display: none;}
.ol-zoomslider {top: 4.5em;left: .5em;height: 200px;}
.ol-zoomslider button {position: relative;height: 10px;}
.ol-touch .ol-zoomslider {top: 5.5em;}
.ol-overviewmap {left: .5em;bottom: .5em;}
.ol-overviewmap.ol-uncollapsible {bottom: 0;left: 0;border-radius: 0 4px 0 0;}
.ol-overviewmap .ol-overviewmap-map, .ol-overviewmap button {display: inline-block;}
.ol-overviewmap .ol-overviewmap-map {border: 1px solid #7b98bc;height: 150px;margin: 2px;width: 150px;}
.ol-overviewmap:not(.ol-collapsed) button {bottom: 1px;left: 2px;position: absolute;}
.ol-overviewmap.ol-collapsed .ol-overviewmap-map, .ol-overviewmap.ol-uncollapsible button {display: none;}
.ol-overviewmap:not(.ol-collapsed) {background: rgba(255,255,255,.8);}
.ol-overviewmap-box {border: 2px dotted rgba(0,60,136,.7);}
.ol-overviewmap .ol-overviewmap-box:hover {cursor: move;}