.leaflet-layer-viewbox {
    position: absolute;
    z-index: 800;
    box-sizing: border-box;
    overflow: hidden;
    border: 3px solid #fff;
    border-radius: 4px;
    background: transparent;
    box-shadow: 0 1px 8px rgba(0, 0, 0, .65);
    pointer-events: none;
}
.leaflet-layer-viewbox-header {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    min-height: 26px;
    box-sizing: border-box;
    padding: 5px 28px 5px 8px;
    background: rgba(255, 255, 255, .9);
    color: #222;
    font: 600 12px/16px sans-serif;
    cursor: move;
    pointer-events: auto;
    user-select: none;
}
.leaflet-layer-viewbox-resize {
    position: absolute;
    z-index: 3;
    right: 0;
    bottom: 0;
    width: 24px;
    height: 24px;
    cursor: nwse-resize;
    pointer-events: auto;
    background: linear-gradient(135deg, transparent 45%, rgba(255,255,255,.95) 46% 58%, #333 59% 65%, rgba(255,255,255,.95) 66% 76%, #333 77% 83%, rgba(255,255,255,.95) 84%);
}
.leaflet-layer-viewbox-header:focus,
.leaflet-layer-viewbox-resize:focus { outline: 3px solid #1261a0; outline-offset: -3px; }
@media (max-width: 600px) {
    .leaflet-layer-viewbox { max-width: calc(100% - 12px); }
}