#notiST1{
    position: fixed;
    z-index: 1;
    top: 0;
    bottom: 0;
    display: none;
    align-items: center;
    justify-content: center;
    float: left;
    width: 100%;
    height: 100%;
    background-color: #00000054;
    transition: all 1000ms ease;
    z-index: 1001;
}
    #notiST1 .notiST1__pnl{
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 15px;
        float: left;
        width: 320px;
        height: 200px;
        border-radius: 15px;
        background-color: #fff;
    }
        #notiST1 .notiST1__pnl .notiST1__pnl-ico{
            width: 80px;
            height: auto;
        }
        #notiST1 .notiST1__pnl .notiST1__pnl-content{
            width: auto;
            height: auto;
            padding: 0  15px;
            text-align: center;
        }
        #notiST1 .notiST1__pnl .notiST1__pnl-btn{
            width: auto;
            height: auto;
            padding: 12px 25px;
            border-radius: 5px;
            background-color: var(--color-primary-1);
            color: #fff;
            cursor: pointer;
        }
        #notiST1 .notiST1__pnl .notiST1__pnl-btn:hover{
            background-color: var(--color-primary-2);
        }

/* Loading */
#loadingST1{
    position: fixed;
    z-index: 21;
    top: 0;
    bottom: 0;
    display: none;
    align-items: center;
    justify-content: center;
    float: left;
    width: 100%;
    height: 100%;
    /* background-color: #00000054; */
    transition: all 1000ms ease;
}
    #loadingST1 .loadingST1__pnl{
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 15px;
        float: left;
        width: 320px;
        height: 200px;
        border-radius: 15px;
        background-color: #fff;
        box-shadow: rgba(0, 0, 0, 0.56) 0px 22px 70px 4px;
    }
        #loadingST1 .loadingST1__pnl .loadingST1__pnl-ico{
            width: 80px;
            height: auto;
        }
        #loadingST1 .loadingST1__pnl .loadingST1__pnl-content{
            width: auto;
            height: auto;
            padding: 0  15px;
            text-align: center;
        }
        #loadingST1 .loadingST1__pnl .loadingST1__pnl-btn{
            width: auto;
            height: auto;
            padding: 12px 25px;
            border-radius: 5px;
            background-color: var(--color-btn-act);
            color: #fff;
            cursor: pointer;
        }
        #loadingST1 .loadingST1__pnl .loadingST1__pnl-btn:hover{
            background-color: var(--color-btn-actBlur);
        }


/* Nortification 1A*/
#notiST1A{
    position: absolute;
    z-index: 1;
    top: 0;
    display: none;
    align-items: center;
    justify-content: center;
    float: left;
    width: 100%;
    height: 100%;
    background-color: #00000054;
    transition: all 1000ms ease;
    z-index: 1001;
}
    #notiST1A .notiST1A__pnl{
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 15px;
        float: left;
        width: 320px;
        height: 200px;
        border-radius: 15px;
        background-color: #fff;
    }
        #notiST1A .notiST1A__pnl .notiST1A__pnl-ico{
            width: 80px;
            height: auto;
        }
        #notiST1A .notiST1A__pnl .notiST1A__pnl-content{
            width: auto;
            height: auto;
            padding: 0  15px;
            text-align: center;
        }
        #notiST1A .notiST1A__pnl .notiST1A__pnl-btn{
            width: auto;
            height: auto;
            padding: 12px 25px;
            border-radius: 5px;
            background-color: var(--color-btn-act);
            color: #fff;
            cursor: pointer;
        }
        #notiST1A .notiST1A__pnl .notiST1A__pnl-btn:hover{
            background-color: var(--color-btn-actBlur);
        }

/* Loading */
#loadingST1A{
    position: absolute;
    z-index: 21;
    top: 0;
    display: none;
    align-items: center;
    justify-content: center;
    float: left;
    width: 100%;
    height: 100%;
    /* background-color: #00000054; */
    transition: all 1000ms ease;
}
    #loadingST1A .loadingST1A__pnl{
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 15px;
        float: left;
        width: 320px;
        height: 200px;
        border-radius: 15px;
        background-color: #fff;
        box-shadow: rgba(0, 0, 0, 0.56) 0px 22px 70px 4px;
    }
        #loadingST1A .loadingST1A__pnl .loadingST1A__pnl-ico{
            width: 80px;
            height: auto;
        }
        #loadingST1A .loadingST1A__pnl .loadingST1A__pnl-content{
            width: auto;
            height: auto;
            padding: 0  15px;
            text-align: center;
        }
        #loadingST1A .loadingST1A__pnl .loadingST1A__pnl-btn{
            width: auto;
            height: auto;
            padding: 12px 25px;
            border-radius: 5px;
            background-color: var(--color-btn-act);
            color: #fff;
            cursor: pointer;
        }
        #loadingST1A .loadingST1A__pnl .loadingST1A__pnl-btn:hover{
            background-color: var(--color-btn-actBlur);
        }


#choiceST1{
    position: absolute;
    z-index: 1;
    top: 0;
    display: none;
    align-items: center;
    justify-content: center;
    float: left;
    width: 100%;
    height: 100%;
    background-color: #00000054;
    transition: all 1000ms ease;
    z-index: 1001;
}
    #choiceST1 .choiceST1__pnl{
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 15px;
        float: left;
        width: 320px;
        height: 200px;
        border-radius: 15px;
        background-color: #fff;
    }
        #choiceST1 .choiceST1__pnl .choiceST1__pnl-ico{
            width: 80px;
            height: auto;
        }
        #choiceST1 .choiceST1__pnl .choiceST1__pnl-content{
            width: auto;
            height: auto;
            padding: 0  15px;
            text-align: center;
        }
        #choiceST1 .choiceST1__pnl .choiceST1__pnl-btn{
            width: 80px;
            height: 40px;
            border-radius: 5px;
            background-color: var(--color-btn-act);
            color: #fff;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        #choiceST1 .choiceST1__pnl .choiceST1__pnl-btn:hover{
            background-color: var(--color-btn-actBlur);
        }
        #choiceST1 .choiceST1__pnl .choiceST1__pnl-space{
            width: 20px;
        }