/*.maps_iframe*/
.maps_iframe> :is(iframe, img) {
    height: min(max(80vh, 20svw), 80svw);
    width: 100%;
}

.maps_iframe>img {
    -o-object-fit: cover;
    -o-object-position: center;
    object-fit: cover;
    object-position: center;
}

.maps_iframe>input {
    -moz-appearance: none;
    -webkit-appearance: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    align-items: center;
    appearance: none;
    background-color: var(--main-te-color);
    border: max(2px, 0.2em) solid var(--main-te-color-inverted);
    border-radius: 2em;
    cursor: pointer;
    display: inline-flex;
    height: 1.25em;
    justify-content: center;
    transform: translateY(-0.05em);
    transition-duration: var(--transDur);
    transition-duration: var(--transDur);
    user-select: none;
    vertical-align: middle;
    width: 1.25em;
}

.maps_iframe>input::before {
    -webkit-clip-path: polygon(28% 38%,
            41% 53%,
            75% 24%,
            86% 38%,
            40% 78%,
            15% 50%);
    -webkit-clip-path: polygon(28% 38%, 41% 53%, 75% 24%, 86% 38%, 40% 78%, 15% 50%);
    box-shadow: 0 0 0 10em var(--main-te-color-inverted) inset;
    clip-path: polygon(28% 38%, 41% 53%, 75% 24%, 86% 38%, 40% 78%, 15% 50%);
    content: "";
    display: inline-block;
    height: 100%;
    transform: scale(0);
    transform-origin: center;
    transition: transform var(--transDur) ease-in-out;
    width: 100%;
}

.maps_iframe>input:not(:checked):is(:hover, :focus)::before {
    -webkit-animation: calc(32 * var(--transDur)) linear infinite wiggle;
    animation: calc(32 * var(--transDur)) linear infinite wiggle;
}

.maps_iframe>input:is(:hover, :focus, :checked)::before {
    transform: scale(1);
}

.maps_iframe>label[for="accept_maps"] {
    cursor: pointer;
}

@-webkit-keyframes wiggle {
    38% {
        rotate: 0deg;
    }

    40% {
        rotate: 15deg;
    }

    42% {
        rotate: -15deg;
    }

    44% {
        rotate: 15deg;
    }

    46% {
        rotate: -15deg;
    }

    48% {
        rotate: 15deg;
    }

    50%,
    88% {
        rotate: 0deg;
    }

    90% {
        rotate: 15deg;
    }

    92% {
        rotate: -15deg;
    }

    94% {
        rotate: 15deg;
    }

    96% {
        rotate: -15deg;
    }

    98% {
        rotate: 15deg;
    }

    100% {
        rotate: 0;
    }
}

@keyframes wiggle {
    38% {
        rotate: 0deg;
    }

    40% {
        rotate: 15deg;
    }

    42% {
        rotate: -15deg;
    }

    44% {
        rotate: 15deg;
    }

    46% {
        rotate: -15deg;
    }

    48% {
        rotate: 15deg;
    }

    50%,
    88% {
        rotate: 0deg;
    }

    90% {
        rotate: 15deg;
    }

    92% {
        rotate: -15deg;
    }

    94% {
        rotate: 15deg;
    }

    96% {
        rotate: -15deg;
    }

    98% {
        rotate: 15deg;
    }

    100% {
        rotate: 0;
    }
}