/*
    to customise how maxbox looks per-image, just add any of these
    attributes to the element you put data-maxbox-src on

    maxbox background: data-maxbox-bg="#333333" (also supports rgba, url(''), etc.)
    close button color: data-maxbox-color="#eeeeee" (also supports rgba, etc.)
    close button font: data-maxbox-font="Helvetica, Arial, sans-serif"
*/
.maxbox__container {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    border: 0;
}

.maxbox__img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    height: auto;
    max-height: 90%;
    max-width: 90%;
    border: 0;
}

.maxbox__close {
    position: absolute;
    top: 1rem;
    right: 1rem;
    font-size: 30px;
    font-weight: bold;
    background: transparent;
    border: 0;
    cursor: pointer;
}