.outermapcontainer {
	--minimized-width: 20vmin;
        --minimized-height: 20vmin;
        width: calc(var(--minimized-width) + 5vmin);
        height: calc(var(--minimized-height) + 5vmin);
        justify-self: center;
        display: grid;
        .mapcontainer {
                width: var(--minimized-width);
                height: var(--minimized-height);
                position: relative;
                justify-self: center;
                align-self: center;
                .resizebutton {
                        position: absolute;
                        right:-4vmin;
                        top:-4vmin;

                        width:4vmin;
                        height:4vmin;
                        border: none;
                        border-radius: 50%;
                        padding: 4px;
                        .resizeicon {
                                width: 100%;
                                height: 100%;
                                background-repeat: no-repeat;
                                background-position: center;
                                background-size: contain;
                        }

                        background-color: rgba(255,255,255,0.5);
                        cursor: pointer;
                }
		.maximized {
		        background-image: url("../images/minimize.fd2a0b39ce81.svg")
		}
		.minimized {
		        background-image: url("../images/maximize.86f3ce4a9806.svg")
		}
        }
}