.popup_container .popup_body {
    align-items: center;
    background-color: #fff;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    left: 0;
    margin: 0 auto;
    padding: 32px 24px 24px;
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    visibility: hidden;
    width: 90%;
    z-index: 1000;
    box-sizing: border-box;
}
.popup_container .popup_body .popup_header {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-bottom: 37px
}

.popup_container .popup_body .header_title {
    align-items: center;
    display: flex;
    margin-bottom: 8px
}

.popup_container .popup_body .header_title img {
    width: 28px
}
.popup_container .popup_body .header_title span {
    color: #666;
    font-size: 25px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 33px
}

.popup_container .popup_body .install_az__header__msg {
    align-items: center;
    border: 1px solid #747475;
    border-radius: 3px;
    color: #666;
    display: flex;
    font-size: 18px;
    font-weight: 400;
    height: 25px;
    padding: 0 10px
}

.popup_container .popup_body .popup_main {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 108px;
    justify-content: center;
    width: 100%
}

.popup_container .popup_body .loading_section {
    align-items: center;
    color: var(--theme-color);
    display: none;
    height: 100px;
    justify-content: center;
    position: relative;
    width: 100px
}

.popup_container .popup_body .loading_section svg {
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%
}
.popup_container .popup_body .loading_section svg circle {
    stroke: currentColor;
    stroke-width: 3;
    stroke-linecap: round;
    animation: loading-circular 1s ease-in-out infinite
}

.popup_container .popup_body .loading_section p {
    align-items: center;
    color: var(--theme-color);
    display: flex;
    font-size: 16px;
    font-weight: 600
}

.popup_container .popup_body .loading_section p span {
    text-align: center;
    width: 9px
}

.popup_container .popup_body .activated_section {
    align-items: center;
    display: none;
    flex-direction: column;
    justify-content: center;
    width: 100%
}

.popup_container .popup_body .activated_tag {
    align-items: center;
    background: rgba(2,135,96,.1);
    border: 1px solid var(--theme-color);
    border-radius: 14px;
    display: flex;
    height: 28px;
    justify-content: center;
    margin-bottom: 34px;
    padding: 0 11px
}

.popup_container .popup_body .activated_tag img {
    height: 20px;
    width: 20px
}

.popup_container .popup_body .activated_tag span {
    color: var(--theme-color);
    font-size: 20px;
    font-weight: 600;
    line-height: 28px
}

.popup_container .popup_body .activated_btn {
    align-items: center;
    background: var(--theme-color);
    border-radius: 8px;
    color: #fff;
    display: flex;
    font-size: 15px;
    font-weight: 500;
    height: 45px;
    justify-content: center;
    width: 100%
}
.popup_container{
    display: flex!important;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    opacity: 1;

}
.overlay_container.overlay--visible .popup_body,.overlay_container.overlay--visible .overlay_mask {
    animation-name: fade-in
}

.overlay_container.overlay--hidden .popup_body {
    animation-duration: .15s
}

.overlay_container.overlay--hidden .popup_body,.overlay_container.overlay--hidden .overlay_mask {
    animation-name: fade-out
}

.overlay_mask {
    animation-duration: .35s;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in;
    background: rgba(0,0,0,.6);
    height: 100%;
    position: fixed;
    top: 0;
    visibility: hidden;
    width: 100%;
    z-index: 500
}
.popup_body {
    animation-duration: .5s;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in;
    opacity: 0;
    position: fixed;
    top: 50%;
    visibility: hidden;
    z-index: 1000
}
@keyframes fade-in {
    0% {
        opacity: 0;
        visibility: hidden
    }

    to {
        opacity: 1;
        visibility: visible
    }
}
@keyframes fade-out {
    0% {
        opacity: 1;
        visibility: visible
    }

    to {
        opacity: 0;
        visibility: hidden
    }
}
@keyframes loading-circular {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90,150;
        stroke-dashoffset: -40
    }

    to {
        stroke-dasharray: 90,150;
        stroke-dashoffset: -120
    }
}

.spacing_container {
    margin-left: 24px;
    margin-right: 24px;
}