.wlc-popup__dialog {

    position: relative;

    max-width: 42rem;

    border-radius: 1.5rem;

    border-width: 0.2px;

    border-color: var(--wp--preset--color--primary);

    --tw-bg-opacity: 1;

    background-color: rgb(255 255 255 / var(--tw-bg-opacity));

    padding: 0px
}

@media not all and (min-width: 48.875rem) {

    .wlc-popup__dialog {

        margin-left: 1rem;

        margin-right: 1rem
    }
}

.wlc-popup__dialog:focus-visible {

    outline: 2px solid transparent;

    outline-offset: 2px
}

.wlc-popup__dialog::-ms-backdrop {

    background-color: #2E2E2E66;

    --tw-backdrop-blur: blur(8px);

    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);

    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.wlc-popup__dialog::backdrop {

    background-color: #2E2E2E66;

    --tw-backdrop-blur: blur(8px);

    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);

    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.wlc-popup__dialog .wlc-popup__wrapper {

    padding: 2rem
}

@media not all and (min-width: 48.875rem) {

    .wlc-popup__dialog .wlc-popup__wrapper p {

        font-size: 1rem !important
    }
}

@-webkit-keyframes fadeIn {

    from {

        opacity: 0
    }
}

@keyframes fadeIn {

    from {

        opacity: 0
    }
}

.wlc-popup__dialog[open] {

    -webkit-animation: fadeIn 0.3s linear;

            animation: fadeIn 0.3s linear
}

@keyframes fadeIn {

    from {

        opacity: 0
    }
}

.wlc-popup__dialog[open]::-ms-backdrop {

    animation: fadeIn 0.3s linear
}

.wlc-popup__dialog[open]::backdrop {

    -webkit-animation: fadeIn 0.3s linear;

            animation: fadeIn 0.3s linear
}

@-webkit-keyframes fadeOut {

    to {

        opacity: 0
    }
}

@keyframes fadeOut {

    to {

        opacity: 0
    }
}

.wlc-popup__dialog.fading {

    -webkit-animation: fadeOut 0.3s linear;

            animation: fadeOut 0.3s linear
}

@keyframes fadeOut {

    to {

        opacity: 0
    }
}

.wlc-popup__dialog.fading::-ms-backdrop {

    animation: fadeOut 0.3s linear
}

.wlc-popup__dialog.fading::backdrop {

    -webkit-animation: fadeOut 0.3s linear;

            animation: fadeOut 0.3s linear
}

.wlc-popup__dialog .wlc-popup__close {

    display: none
}

.no-scroll {

    overflow: hidden
}