html,
body {
    padding: 0;
    margin: 0;
}

#map {
    height: 100dvh;
    width: 100dvw;
}

li.printer-item span.printer-room {
    font-weight: bold;
}

ul.printers-list {
    padding-left: 0px;
    list-style-type: none;
}

#tools {
    --height: 4rem;
    position: fixed;
    z-index: 500;
    top: calc(100dvh - var(--height));
    left: 0px;
    width: 50dvw;
    height: var(--height);

    display: flex;
    gap: 1rem;
    padding: 10px;
}

#tools button {
    border-radius: 50%;
    aspect-ratio: 1;
    font-weight: bolder;
    font-size: x-large;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    transition: transform 80ms;
    display: flex;
    align-items: center;
    justify-content: center;
}

#tools button:hover {
    transform: scale(1.05);
}

#tools button:active {
    transform: scale(0.95);
}

@media (prefers-reduced-motion: reduce) {
    #tools button {
        transform: none;
    }
}

#header {
    position: fixed;
    z-index: 500;
    background-color: rgba(240, 248, 255, 0.7);
    font-size: smaller;
    padding: 0.5rem;
    max-width: 60ch;
    pointer-events: none;
}

#header h1 {
    font-size: large;
    display: inline;
}