.interactive-map{color:rgba(0,0,0,0.87);cursor:pointer;height:100%;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.map-contents{-webkit-backface-visibility:hidden;backface-visibility:hidden;height:100%;overflow:hidden;position:relative;-ms-touch-action:pan;touch-action:pan;width:100%;opacity:0;transition:opacity 500ms}.map-area{left:50%;margin:auto;min-height:100%;min-width:100%;position:absolute;top:50%;-ms-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1);transition:all 200ms;will-change:width, height, top, left;z-index:10}.pins{bottom:0;font-size:1.2em;left:0;position:absolute;right:0;top:0}.pin{height:3em;position:absolute;width:2.5em;z-index:1000}.pin .text{background-color:#fff;border-radius:4px;box-shadow:0 0.1em 0.2em 0.1em rgba(0,0,0,0.2);left:50%;padding:.5em;position:absolute;top:0;-ms-transform:translate(-50%, -120%);transform:translate(-50%, -120%);white-space:nowrap;width:auto}.map-loading-space{background-color:#fff;border-radius:.15em;box-shadow:0 0.1em 0.2em 0.1em rgba(0,0,0,0.2);color:rgba(0,0,0,0.87);left:50%;padding:.5em;position:absolute;text-align:center;top:50%;-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:2000}.map-controls{bottom:5px;font-size:1em;left:5px;position:absolute;text-align:center;z-index:100}.map-controls .zoom-btn{background-color:#fff;border-radius:.1em;box-shadow:0 0.1em 0.2em 0.1em rgba(0,0,0,0.2);color:rgba(0,0,0,0.54);display:inline-block;min-width:.8em;padding:.3em .6em}.map-controls .zoom-btn:hover{background-color:rgba(255,255,255,0.8);color:rgba(0,0,0,0.54)}