.osm-fullscreen-control {
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
}

.osm-fullscreen-control a {
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    color: #112839;
    text-decoration: none;
    border-bottom: none;
}

.osm-fullscreen-control.is-active a {
    background: #112839;
    color: #ffffff;
}

.osm-fullscreen-icon {
    position: relative;
    width: 16px;
    height: 16px;
    display: block;
    box-sizing: border-box;
    color: currentColor;
}

.osm-fullscreen-icon::before,
.osm-fullscreen-icon::after {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    border: 2px solid currentColor;
}

.osm-fullscreen-icon::before {
    top: -1px;
    left: -1px;
    border-right: none;
    border-bottom: none;
}

.osm-fullscreen-icon::after {
    bottom: -1px;
    right: -1px;
    border-left: none;
    border-top: none;
}

.osm-fullscreen-target:fullscreen,
.osm-fullscreen-target:-webkit-full-screen,
.osm-fullscreen-target:-moz-full-screen,
.osm-fullscreen-target:-ms-fullscreen {
    width: 100% !important;
    height: 100% !important;
    border-radius: 0 !important;
    border: none !important;
}

.osm-fullscreen-fallback {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    z-index: 10000 !important;
    border-radius: 0 !important;
    border: none !important;
}

body.osm-fullscreen-body {
    overflow: hidden;
}