.map-overlay{display:none;opacity:0;transition-behavior:allow-discrete;transition-duration:.5s;transition-property:display opacity}.map-overlay-active{background-color:var(--black);display:block;height:100%;left:0;opacity:.7;position:fixed;top:0;width:100%;z-index:11}@starting-style{.map-overlay-active{opacity:0}}.map-preview{align-items:center;display:none;flex-direction:column;height:90%;justify-content:center;left:50%;opacity:0;position:fixed;row-gap:1rem;top:50%;transform:translate(-50%,-50%);transition-behavior:allow-discrete;transition-duration:.8s;transition-property:display opacity;width:90%;z-index:11}.map-preview .wrapper{align-items:center;color:var(--white);-moz-column-gap:1rem;column-gap:1rem;display:flex}.map-preview .wrapper h4{margin:0}.map-preview .wrapper button{background:none;border:0;color:var(--white);font-size:1.5rem;padding:.3rem}.map-preview .wrapper button:is(:hover,:active){border-radius:2px;cursor:pointer;outline:2px solid}.map-preview .image-container{height:80%;position:relative}.map-preview .image-container .loading-spinner{color:var(--white);left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.map-preview .image-container .loading-spinner i{font-size:2rem;margin-bottom:1rem}.map-preview .image-container img{display:block;font-style:italic;height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain;position:relative}.map-preview .source{color:var(--white);font-size:.8rem;margin:0;text-align:center}.map-preview .source a{color:var(--white);text-decoration:underline}.map-preview .source a:is(:hover,:active){color:var(--orange)}.map-preview .read-more{background-color:var(--orange);border-radius:.3rem;color:var(--white);padding:1rem;text-align:center;transition:background-color .2s ease-in-out;width:-moz-fit-content;width:fit-content}.map-preview .read-more:is(:hover,:active){background-color:var(--dark-orange);transition:background-color .2s ease-in-out}.map-preview-active{display:flex;opacity:1}@starting-style{.map-preview-active{opacity:0}}@media screen and (min-width:700px){.map-preview{width:70%}}@media screen and (min-width:900px){.map-preview{width:60%}}