style.css

@font-face {
    font-family: 'mapskin';
    src: url('https://mapskincdn.appspot.com/1.0/fonts/mapskin.woff') format('woff'), url('https://mapskincdn.appspot.com/1.0/fonts/mapskin.ttf') format('truetype'), url('https://mapskincdn.appspot.com/1.0/fonts/mapskin.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

#mapa {
    height: 100%;
}

#basemaps, #layers {
    position: absolute;
    top: auto;
    bottom: 5.5rem;
    width: calc(min(20rem, 50vw));
    left: calc(50vw - calc(min(20rem, 50vw) / 2));
    background-color: black;
    border-radius: 0.3rem;
}

#basemaps h2, #layers h2 {
    display: none;
}

#toggles {
    position: absolute;
    bottom: 2rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10100;
    display: flex;
    gap: 1rem;
}

#toggles button {
    border: none;
    background-color: transparent;
    color: #999999;
    text-shadow: black 0.1rem 0.1rem;
    font-size: 3rem;
    bottom: 2rem;
    z-index: 10100;
    width: 3rem;
    height: 3rem;
}

#basemaps-toggle:before {
    font-family: mapskin;
    content: "\e071";
}

#layers-toggle:before {
    font-family: mapskin;
    content: "\e072";
}

#search-button:before {
    font-family: mapskin;
    content: "\e003";
}

.tc-map .tc-ctl.lo-hidden {
    display: none;
}