#googleMapEmbed
{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    backdrop-filter: blur(2px);
    background-color: color-mix(in srgb, var(--c-background), transparent 15%);
    z-index: 9999;

    .btnClose
    {
        width: 48px;
        height: 48px;
        background-color: var(--c-black);
        mask-image: var(--icon-close);
        mask-position: center;
        mask-repeat: no-repeat;
        mask-size: 40px;
        margin: 0 0 0 auto;
    }

    .wrapper
    {
        padding: 46px;
    }

    .embedContent
    {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow:hidden;
        box-shadow: 0 16px 20px -3px color-mix(in srgb, var(--c-black), transparent 45%);
    }

    iframe
    {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
}