.at-media-screen-container { 
    opacity: 0;
    line-height: 0;
    position: absolute;
    /* top: 10px;
    right: 10px; */
    background: #222;
    transition: opacity 0.75s;
    width: 400px;
}

.at-media-screen-container.topLeft {
    top: 10px;
    left: 10px;
}

.at-media-screen-container.topRight {
    top: 10px;
    right: 10px;
}

.at-media-screen-container.bottomLeft {
    bottom: 10px;
    left: 10px;
}

.at-media-screen-container.bottomRight {
    bottom: 10px;
    right: 10px;
}

/* Display Minimap -- this class is removed in scenarios where it should not be displayed */
body.media-screen .at-media-screen-container {
opacity: 1;
}

#at-media-screen {
z-index: 99;
/* width: var(--map-width); */
background: rgba(0, 0, 0, 0.5);
transition: width 0.5s;
}

/* #at-media-screen:hover {
width: var(--map-hover-width);
} */
#at-media-screen img {
width: 100%;
-webkit-user-drag: none;
-khtml-user-drag: none;
-moz-user-drag: none;
-o-user-drag: none;
}