.js-success-0001,
.success-panel-0001 {
    color: var(--popup-success-text-color, rgba(0, 128, 0, 1));
    background-color: var(--popup-success-bg-color, rgba(240, 247, 250, 1));
    border: var(--popup-success-border, 2px solid rgba(0, 128, 0, 1));
} 

.js-danger-0001,
.danger-panel-0001 {
    color: var(--popup-danger-text-color, rgba(240, 164, 23, 1));
    background-color: var(--popup-danger-bg-color, rgba(240, 247, 250, 1));
    border: var(--popup-danger-border, 2px solid rgba(240, 164, 23, 1));
}

.js-errors-0001,
.error-panel-0001 {
    color: var(--popup-error-text-color, rgba(255, 0, 0, 1));
    background-color: var(--popup-error-bg-color, rgba(240, 247, 250, 1));
    border: var(--popup-error-border, 2px solid rgba(255, 0, 0, 1));
}

.js-info-0001,
.info-panel-0001 {
    color: var(--popup-info-text-color, rgba(0, 0, 255, 1));
    background-color: var(--popup-info-bg-color, rgba(240, 247, 250, 1));
    border: var(--popup-info-border, 2px solid rgba(0, 0, 255, 1));
}

.success-panel-0001, 
.danger-panel-0001,
.error-panel-0001,
.info-panel-0001,
.js-success-0001,
.js-danger-0001,
.js-errors-0001,
.js-info-0001 {
    display: flex;
    justify-content: center;
    text-align: center;
    font-size: var(--popups-font-size, 16px);
    padding: var(--popup-padding, 5px 10px 5px 10px);
    border-radius: var(--popup-radius, 8px 8px 8px 8px);
    box-shadow: var(--popups-box-shadow, -5px -5px 15px rgba(64, 75, 78, 0.2) , 5px 5px 15px rgba(0, 0, 0, 0.9) , inset -5px -5px 15px rgba(64, 75, 78, 0.2) , inset 5px 5px 15px rgba(0, 0, 0, 0.9));
    overflow: hidden;
    z-index: 100;
}

.js-success-0001,
.js-danger-0001,
.js-errors-0001,
.js-info-0001 {
    position: fixed;
    top: var(--popup-position-hide, -60px);
    left: 50%;
    transform: translate(-50%, -50%);
    width: 0px;
    height: 0px;
    transition: var(--popups-box-transition, 0.5s ease-in-out);
}

.js-success-0001.active-0001,
.js-danger-0001.active-0001,
.js-errors-0001.active-0001,
.js-info-0001.active-0001 {  
    top: var(--popup-position-show, 40px);
    left: 50%;
    transform: translate(-50%, -50%);
    width: var(--popup-width, 90%);
    height: var(--popup-height, 50px);
    transition: var(--popups-box-transition, 0.5s ease-in-out);
}

.main-preview-pop-0001 {
    position: fixed; 
    bottom: 110px;
    left: 10px;
    width: 260px;
    height: 50px;
    background-color: transparent;
    border: none;
    border-radius: 5px;
    cursor: move;
}

.success-panel-0001, 
.danger-panel-0001,
.error-panel-0001,
.info-panel-0001 {
    position: absolute; 
    top: 0px;
    left: 0px;
    width: 260px;
    height: 50px;
    opacity: 0;
    pointer-events: none;
}

.success-panel-0001.active-0001, 
.danger-panel-0001.active-0001,
.error-panel-0001.active-0001,
.info-panel-0001.active-0001 { 
    opacity: 1;
}

/* ********************************************************* */
.js-success-0002,
.success-panel-0002 {
    color: var(--popup-success-text-color, rgba(240, 247, 250, 1));
    background-color: var(--popup-success-bg-color, rgba(0, 128, 0, 1));
    border: var(--popup-success-border, 3px double rgba(240, 247, 250, 1));
} 

.js-danger-0002,
.danger-panel-0002 {
    color: var(--popup-danger-text-color, rgba(240, 247, 250, 1));
    background-color: var(--popup-danger-bg-color, rgba(240, 164, 23, 1));
    border: var(--popup-danger-border, 3px double rgba(240, 247, 250, 1));
}

.js-errors-0002,
.error-panel-0002 {
    color: var(--popup-error-text-color, rgba(240, 247, 250, 1));
    background-color: var(--popup-error-bg-color, rgba(255, 0, 0, 1));
    border: var(--popup-error-border, 3px double rgba(240, 247, 250, 1));
}

.js-info-0002,
.info-panel-0002 {
    color: var(--popup-info-text-color, rgba(240, 247, 250, 1));
    background-color: var(--popup-info-bg-color, rgba(0, 0, 255, 1));
    border: var(--popup-info-border, 3px double rgba(240, 247, 250, 1));
}

.success-panel-0002, 
.danger-panel-0002,
.error-panel-0002,
.info-panel-0002,
.js-success-0002,
.js-danger-0002,
.js-errors-0002,
.js-info-0002 {
    display: flex;
    justify-content: center;
    text-align: center;
    font-size: var(--popups-font-size, 16px);
    padding: var(--popup-padding, 5px 10px 5px 10px);
    border-radius: var(--popup-radius, 8px 8px 8px 8px);
    box-shadow: var(--popups-box-shadow, -5px -5px 15px rgba(64, 75, 78, 0.2) , 5px 5px 15px rgba(0, 0, 0, 0.9) , inset -5px -5px 15px rgba(64, 75, 78, 0.2) , inset 5px 5px 15px rgba(0, 0, 0, 0.9));
    overflow: hidden;
    z-index: 100;
}

.js-success-0002,
.js-danger-0002,
.js-errors-0002,
.js-info-0002 {
    position: fixed;
    top: var(--popup-position-top-hide, 10px);
    left: var(--popup-position-left-hide, -300px);
    width: var(--popup-width, 90%);
    height: var(--popup-height, 50px);
    transition: var(--popups-box-transition, 0.5s ease-in-out);
}

.js-success-0002.active-0002,
.js-danger-0002.active-0002,
.js-errors-0002.active-0002,
.js-info-0002.active-0002 {  
    top: var(--popup-position-top-show, 10px);
    left: var(--popup-position-left-show, 10px);
    width: var(--popup-width, 90%);
    height: var(--popup-height, 50px);
    transition: var(--popups-box-transition, 0.5s ease-in-out);
}

.main-preview-pop-0002 {
    position: fixed; 
    bottom: 110px;
    left: 10px;
    width: 260px;
    height: 50px;
    background-color: transparent;
    border: none;
    border-radius: 5px;
    cursor: move;
}

.success-panel-0002, 
.danger-panel-0002,
.error-panel-0002,
.info-panel-0002 {
    position: absolute; 
    top: 0px;
    left: 0px;
    width: 260px;
    height: 50px;
    opacity: 0;
    pointer-events: none;
}

.success-panel-0002.active-0002, 
.danger-panel-0002.active-0002,
.error-panel-0002.active-0002,
.info-panel-0002.active-0002 { 
    opacity: 1;
}
/* ********************************************************* */
.js-success-0003,
.success-panel-0003 {
    color: var(--popup-success-text-color, rgba(0, 128, 0, 1));
    background-color: var(--popup-success-bg-color, rgba(240, 247, 250, 1));
    border: var(--popup-success-border, 2px solid rgba(0, 128, 0, 1));
} 

.js-danger-0003,
.danger-panel-0003 {
    color: var(--popup-danger-text-color, rgba(240, 164, 23, 1));
    background-color: var(--popup-danger-bg-color, rgba(240, 247, 250, 1));
    border: var(--popup-danger-border, 2px solid rgba(240, 164, 23, 1));
}

.js-errors-0003,
.error-panel-0003 {
    color: var(--popup-error-text-color, rgba(255, 0, 0, 1));
    background-color: var(--popup-error-bg-color, rgba(240, 247, 250, 1));
    border: var(--popup-error-border, 2px solid rgba(255, 0, 0, 1));
}

.js-info-0003,
.info-panel-0003 {
    color: var(--popup-info-text-color, rgba(0, 0, 255, 1));
    background-color: var(--popup-info-bg-color, rgba(240, 247, 250, 1));
    border: var(--popup-info-border, 2px solid rgba(0, 0, 255, 1));
}

.success-panel-0003, 
.danger-panel-0003,
.error-panel-0003,
.info-panel-0003,
.js-success-0003,
.js-danger-0003,
.js-errors-0003,
.js-info-0003 {
    display: flex;
    justify-content: center;
    text-align: center;
    font-size: var(--popups-font-size, 16px);
    padding: var(--popup-padding, 5px 10px 5px 10px);
    border-radius: var(--popup-radius, 8px 8px 8px 8px);
    box-shadow: var(--popups-box-shadow, -5px -5px 15px rgba(64, 75, 78, 0.2) , 5px 5px 15px rgba(0, 0, 0, 0.9) , inset -5px -5px 15px rgba(64, 75, 78, 0.2) , inset 5px 5px 15px rgba(0, 0, 0, 0.9));
    overflow: hidden;
    z-index: 100;
}

.js-success-0003,
.js-danger-0003,
.js-errors-0003,
.js-info-0003 {
    position: fixed;
    top: var(--popup-position-hide, -60px);
    left: 50%;
    transform: translate(-50%, -50%);
    width: 0px;
    height: 0px;
    transition: var(--popups-box-transition, 0.5s ease-in-out);
}

.js-success-0003.active-0003,
.js-danger-0003.active-0003,
.js-errors-0003.active-0003,
.js-info-0003.active-0003 {  
    top: var(--popup-position-show, 40px);
    left: 50%;
    transform: translate(-50%, -50%);
    width: var(--popup-width, 90%);
    height: var(--popup-height, 50px);
    transition: var(--popups-box-transition, 0.5s ease-in-out);
}

.main-preview-pop-0003 {
    position: fixed; 
    bottom: 110px;
    left: 10px;
    width: 260px;
    height: 50px;
    background-color: transparent;
    border: none;
    border-radius: 5px;
    cursor: move;
}

.success-panel-0003, 
.danger-panel-0003,
.error-panel-0003,
.info-panel-0003 {
    position: absolute; 
    top: 0px;
    left: 0px;
    width: 260px;
    height: 50px;
    opacity: 0;
    pointer-events: none;
}

.success-panel-0003.active-0003, 
.danger-panel-0003.active-0003,
.error-panel-0003.active-0003,
.info-panel-0003.active-0003 { 
    opacity: 1;
}
/* ********************************************************* */
/* ********************************************************* */
.js-success-0005,
.success-panel-0005 {
    color: var(--popup-success-text-color, rgba(0, 128, 0, 1));
    background-color: var(--popup-success-bg-color, rgba(240, 247, 250, 1));
    border: var(--popup-success-border, 2px solid rgba(0, 128, 0, 1));
} 

.js-danger-0005,
.danger-panel-0005 {
    color: var(--popup-danger-text-color, rgba(240, 164, 23, 1));
    background-color: var(--popup-danger-bg-color, rgba(240, 247, 250, 1));
    border: var(--popup-danger-border, 2px solid rgba(240, 164, 23, 1));
}

.js-errors-0005,
.error-panel-0005 {
    color: var(--popup-error-text-color, rgba(255, 0, 0, 1));
    background-color: var(--popup-error-bg-color, rgba(240, 247, 250, 1));
    border: var(--popup-error-border, 2px solid rgba(255, 0, 0, 1));
}

.js-info-0005,
.info-panel-0005 {
    color: var(--popup-info-text-color, rgba(0, 0, 255, 1));
    background-color: var(--popup-info-bg-color, rgba(240, 247, 250, 1));
    border: var(--popup-info-border, 2px solid rgba(0, 0, 255, 1));
}

.success-panel-0005, 
.danger-panel-0005,
.error-panel-0005,
.info-panel-0005,
.js-success-0005,
.js-danger-0005,
.js-errors-0005,
.js-info-0005 {
    display: flex;
    justify-content: center;
    text-align: center;
    font-size: var(--popups-font-size, 16px);
    padding: var(--popup-padding, 5px 10px 5px 10px);
    border-radius: var(--popup-radius, 8px 8px 8px 8px);
    box-shadow: var(--popups-box-shadow, -5px -5px 15px rgba(64, 75, 78, 0.2) , 5px 5px 15px rgba(0, 0, 0, 0.9) , inset -5px -5px 15px rgba(64, 75, 78, 0.2) , inset 5px 5px 15px rgba(0, 0, 0, 0.9));
    overflow: hidden;
    z-index: 100;
}

.js-success-0005,
.js-danger-0005,
.js-errors-0005,
.js-info-0005 {
    position: fixed;
    top: var(--popup-position-hide, -60px);
    left: 50%;
    transform: translate(-50%, -50%);
    width: var(--popup-width, 90%);
    height: var(--popup-height, 50px);
    transition: var(--popups-box-transition, 0.5s ease-in-out);
}

.js-success-0005.active-0005,
.js-danger-0005.active-0005,
.js-errors-0005.active-0005,
.js-info-0005.active-0005 {  
    top: var(--popup-position-show, 40px);
    left: 50%;
    transform: translate(-50%, -50%);
    transition: var(--popups-box-transition, 0.5s ease-in-out);
}

.main-preview-pop-0005 {
    position: fixed; 
    bottom: 110px;
    left: 10px;
    width: 260px;
    height: 50px;
    background-color: transparent;
    border: none;
    border-radius: 5px;
    cursor: move;
}

.success-panel-0005, 
.danger-panel-0005,
.error-panel-0005,
.info-panel-0005 {
    position: absolute; 
    top: 0px;
    left: 0px;
    width: 260px;
    height: 50px;
    opacity: 0;
    pointer-events: none;
}

.success-panel-0005.active-0005, 
.danger-panel-0005.active-0005,
.error-panel-0005.active-0005,
.info-panel-0005.active-0005 { 
    opacity: 1;
}
/* ********************************************************* */
.js-success-0006,
.success-panel-0006 {
    color: var(--popup-success-text-color, rgba(0, 128, 0, 1));
    background-color: var(--popup-success-bg-color, rgba(240, 247, 250, 1));
    border: var(--popup-success-border, 2px solid rgba(0, 128, 0, 1));
} 

.js-danger-0006,
.danger-panel-0006 {
    color: var(--popup-danger-text-color, rgba(240, 164, 23, 1));
    background-color: var(--popup-danger-bg-color, rgba(240, 247, 250, 1));
    border: var(--popup-danger-border, 2px solid rgba(240, 164, 23, 1));
}

.js-errors-0006,
.error-panel-0006 {
    color: var(--popup-error-text-color, rgba(255, 0, 0, 1));
    background-color: var(--popup-error-bg-color, rgba(240, 247, 250, 1));
    border: var(--popup-error-border, 2px solid rgba(255, 0, 0, 1));
}

.js-info-0006,
.info-panel-0006 {
    color: var(--popup-info-text-color, rgba(0, 0, 255, 1));
    background-color: var(--popup-info-bg-color, rgba(240, 247, 250, 1));
    border: var(--popup-info-border, 2px solid rgba(0, 0, 255, 1));
}

.success-panel-0006, 
.danger-panel-0006,
.error-panel-0006,
.info-panel-0006,
.js-success-0006,
.js-danger-0006,
.js-errors-0006,
.js-info-0006 {
    display: flex;
    justify-content: center;
    text-align: center;
    font-size: var(--popups-font-size, 16px);
    padding: var(--popup-padding, 5px 10px 5px 10px);
    border-radius: var(--popup-radius, 8px 8px 8px 8px);
    box-shadow: var(--popups-box-shadow, -5px -5px 15px rgba(64, 75, 78, 0.2) , 5px 5px 15px rgba(0, 0, 0, 0.9) , inset -5px -5px 15px rgba(64, 75, 78, 0.2) , inset 5px 5px 15px rgba(0, 0, 0, 0.9));
    overflow: hidden;
    z-index: 100;
}

.js-success-0006,
.js-danger-0006,
.js-errors-0006,
.js-info-0006 {
    position: fixed;
    top: var(--popup-position-hide, -60px);
    left: 50%;
    transform: translate(-50%, -50%);
    width: var(--popup-width, 90%);
    height: var(--popup-height, 50px);
    transition: var(--popups-box-transition, 0.5s ease-in-out);
}

.js-success-0006.active-0006,
.js-danger-0006.active-0006,
.js-errors-0006.active-0006,
.js-info-0006.active-0006 {  
    top: var(--popup-position-show, 40px);
    left: 50%;
    transform: translate(-50%, -50%);
    transition: var(--popups-box-transition, 0.5s ease-in-out);
}

.main-preview-pop-0006 {
    position: fixed; 
    bottom: 110px;
    left: 10px;
    width: 260px;
    height: 50px;
    background-color: transparent;
    border: none;
    border-radius: 5px;
    cursor: move;
}

.success-panel-0006, 
.danger-panel-0006,
.error-panel-0006,
.info-panel-0006 {
    position: absolute; 
    top: 0px;
    left: 0px;
    width: 260px;
    height: 50px;
    opacity: 0;
    pointer-events: none;
}

.success-panel-0006.active-0006, 
.danger-panel-0006.active-0006,
.error-panel-0006.active-0006,
.info-panel-0006.active-0006 { 
    opacity: 1;
}

.js-success-content-box-0006,
.js-danger-content-box-0006,
.js-error-content-box-0006,
.js-info-content-box-0006,
.success-content-box-0006,
.danger-content-box-0006,
.error-content-box-0006,
.info-content-box-0006{
    position: relative;
    display: flex;
    justify-content: center;
    text-align: center;
    width: 100%;
}

.js-success-timer-0006,
.js-danger-timer-0006,
.js-error-timer-0006,
.js-info-timer-0006{
    position: absolute;
    bottom: 5px;
    width: 100%;
    height: 2px;
    transition: var(--popups-line-time, 2s ease-in-out);
}

.success-timer-0006,
.danger-timer-0006,
.error-timer-0006,
.info-timer-0006{
    position: absolute;
    bottom: 5px;
    width: 100%;
    height: 2px;
}

.js-success-timer-0006,
.success-timer-0006{
    border-bottom: var(--popup-success-time-line, 2px solid rgba(0, 128, 0, 1));
}

.js-danger-timer-0006,
.danger-timer-0006{
    border-bottom: var(--popup-danger-time-line, 2px solid rgba(255, 165, 0, 1));
}

.js-error-timer-0006,
.error-timer-0006{
    border-bottom: var(--popup-error-time-line, 2px solid rgba(255, 0, 0, 1));
}

.js-info-timer-0006,
.info-timer-0006{
    border-bottom: var(--popup-info-time-line, 2px solid rgba(0, 0, 255, 1));
}

.js-success-timer-0006.active-timer-0006,
.js-danger-timer-0006.active-timer-0006,
.js-error-timer-0006.active-timer-0006,
.js-info-timer-0006.active-timer-0006{
    bottom: 5px;
    width: 0%;
    opacity: 0.1;
}

/* ********************************************************* */
.js-success-0007,
.success-panel-0007 {
    color: var(--popup-success-text-color, rgba(0, 128, 0, 1));
    background-color: var(--popup-success-bg-color, rgba(240, 247, 250, 1));
    border: var(--popup-success-border, 2px solid rgba(0, 128, 0, 1));
} 

.js-danger-0007,
.danger-panel-0007 {
    color: var(--popup-danger-text-color, rgba(240, 164, 23, 1));
    background-color: var(--popup-danger-bg-color, rgba(240, 247, 250, 1));
    border: var(--popup-danger-border, 2px solid rgba(240, 164, 23, 1));
}

.js-errors-0007,
.error-panel-0007 {
    color: var(--popup-error-text-color, rgba(255, 0, 0, 1));
    background-color: var(--popup-error-bg-color, rgba(240, 247, 250, 1));
    border: var(--popup-error-border, 2px solid rgba(255, 0, 0, 1));
}

.js-info-0007,
.info-panel-0007 {
    color: var(--popup-info-text-color, rgba(0, 0, 255, 1));
    background-color: var(--popup-info-bg-color, rgba(240, 247, 250, 1));
    border: var(--popup-info-border, 2px solid rgba(0, 0, 255, 1));
}

.success-panel-0007, 
.danger-panel-0007,
.error-panel-0007,
.info-panel-0007,
.js-success-0007,
.js-danger-0007,
.js-errors-0007,
.js-info-0007 {
    display: flex;
    justify-content: center;
    text-align: center;
    font-size: var(--popups-font-size, 16px);
    padding: var(--popup-padding, 5px 10px 5px 10px);
    border-radius: var(--popup-radius, 8px 8px 8px 8px);
    box-shadow: var(--popups-box-shadow, -5px -5px 15px rgba(64, 75, 78, 0.2) , 5px 5px 15px rgba(0, 0, 0, 0.9) , inset -5px -5px 15px rgba(64, 75, 78, 0.2) , inset 5px 5px 15px rgba(0, 0, 0, 0.9));
    overflow: hidden;
    z-index: 100;
}

.js-success-0007,
.js-danger-0007,
.js-errors-0007,
.js-info-0007 {
    position: fixed;
    top: var(--popup-position-hide, -60px);
    left: 50%;
    transform: translate(-50%, -50%);
    width: var(--popup-width, 90%);
    height: var(--popup-height, 50px);
    transition: var(--popups-box-transition, 0.5s ease-in-out);
}

.js-success-0007.active-0007,
.js-danger-0007.active-0007,
.js-errors-0007.active-0007,
.js-info-0007.active-0007 {  
    top: var(--popup-position-show, 40px);
    left: 50%;
    transform: translate(-50%, -50%);
    transition: var(--popups-box-transition, 0.5s ease-in-out);
    animation: var(--popups-box-animation-name, gummy-anim) var(--popups-box-animation-transition, 1s ease-in-out);
}

.main-preview-pop-0007 {
    position: fixed; 
    bottom: 110px;
    left: 10px;
    width: 260px;
    height: 50px;
    background-color: transparent;
    border: none;
    border-radius: 5px;
    cursor: move;
}

.success-panel-0007, 
.danger-panel-0007,
.error-panel-0007,
.info-panel-0007 {
    position: absolute; 
    top: 0px;
    left: 0px;
    width: 260px;
    height: 50px;
    opacity: 0;
    pointer-events: none;
}

.success-panel-0007.active-0007, 
.danger-panel-0007.active-0007,
.error-panel-0007.active-0007,
.info-panel-0007.active-0007 { 
    opacity: 1;
}

.js-success-content-box-0007,
.js-danger-content-box-0007,
.js-error-content-box-0007,
.js-info-content-box-0007,
.success-content-box-0007,
.danger-content-box-0007,
.error-content-box-0007,
.info-content-box-0007{
    position: relative;
    display: flex;
    justify-content: center;
    text-align: center;
    width: 100%;
}

.js-success-timer-0007,
.js-danger-timer-0007,
.js-error-timer-0007,
.js-info-timer-0007{
    position: absolute;
    bottom: 5px;
    width: 100%;
    height: 2px;
    transition: var(--popups-line-time, 2s ease-in-out);
}

.success-timer-0007,
.danger-timer-0007,
.error-timer-0007,
.info-timer-0007{
    position: absolute;
    bottom: 5px;
    width: 100%;
    height: 2px;
}

.js-success-timer-0007,
.success-timer-0007{
    border-bottom: var(--popup-success-time-line, 2px solid rgba(0, 128, 0, 1));
}

.js-danger-timer-0007,
.danger-timer-0007{
    border-bottom: var(--popup-danger-time-line, 2px solid rgba(255, 165, 0, 1));
}

.js-error-timer-0007,
.error-timer-0007{
    border-bottom: var(--popup-error-time-line, 2px solid rgba(255, 0, 0, 1));
}

.js-info-timer-0007,
.info-timer-0007{
    border-bottom: var(--popup-info-time-line, 2px solid rgba(0, 0, 255, 1));
}

.js-success-timer-0007.active-timer-0007,
.js-danger-timer-0007.active-timer-0007,
.js-error-timer-0007.active-timer-0007,
.js-info-timer-0007.active-timer-0007{
    bottom: 5px;
    width: 0%;
    opacity: 0.1;
}

@keyframes gummy-anim {
    0%, 100%{
        width: var(--popup-width, 280px);
        height: var(--popup-height, 50px);
    }
    20%{
        width: var(--popup-width-minus-twenty, 260px);
        height: var(--popup-height-minus-ten, 40px);
    }
    40%{
        width: var(--popup-width-plus-ten, 290px);
        height: var(--popup-height-minus-twenty, 30px);
    }
    60%{
        width: var(--popup-width-minus-forty, 240px);
        height: var(--popup-height, 50px);
    }
    80%{
        width: var(--popup-width-plus-ten, 290px);
        height: var(--popup-height-plus-ten, 60px);
    }    
}
/* ********************************************************* */
.js-success-0008,
.success-panel-0008 {
    color: var(--popup-success-text-color, rgba(0, 128, 0, 1));
    background-color: var(--popup-success-bg-color, rgba(240, 247, 250, 1));
    border: var(--popup-success-border, 2px solid rgba(0, 128, 0, 1));
} 

.js-danger-0008,
.danger-panel-0008 {
    color: var(--popup-danger-text-color, rgba(240, 164, 23, 1));
    background-color: var(--popup-danger-bg-color, rgba(240, 247, 250, 1));
    border: var(--popup-danger-border, 2px solid rgba(240, 164, 23, 1));
}

.js-errors-0008,
.error-panel-0008 {
    color: var(--popup-error-text-color, rgba(255, 0, 0, 1));
    background-color: var(--popup-error-bg-color, rgba(240, 247, 250, 1));
    border: var(--popup-error-border, 2px solid rgba(255, 0, 0, 1));
}

.js-info-0008,
.info-panel-0008 {
    color: var(--popup-info-text-color, rgba(0, 0, 255, 1));
    background-color: var(--popup-info-bg-color, rgba(240, 247, 250, 1));
    border: var(--popup-info-border, 2px solid rgba(0, 0, 255, 1));
}

.success-panel-0008, 
.danger-panel-0008,
.error-panel-0008,
.info-panel-0008,
.js-success-0008,
.js-danger-0008,
.js-errors-0008,
.js-info-0008 {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: var(--popups-font-size, 16px);
    padding: var(--popup-padding, 5px 10px 5px 10px);
    border-radius: var(--popup-radius, 8px 8px 8px 8px);
    box-shadow: var(--popups-box-shadow, -5px -5px 15px rgba(64, 75, 78, 0.2) , 5px 5px 15px rgba(0, 0, 0, 0.9) , inset -5px -5px 15px rgba(64, 75, 78, 0.2) , inset 5px 5px 15px rgba(0, 0, 0, 0.9));
    overflow: hidden;
    z-index: 100;
}

.js-success-0008,
.js-danger-0008,
.js-errors-0008,
.js-info-0008 {
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: var(--popup-position-hide, -60px);
    left: 50%;
    transform: translate(-50%, -50%);
    width: var(--popup-width, 90%);
    height: var(--popup-height, 50px);
    transition: var(--popups-box-transition, 0.5s ease-in-out);
}

.js-success-0008.active-0008,
.js-danger-0008.active-0008,
.js-errors-0008.active-0008,
.js-info-0008.active-0008 {  
    bottom: var(--popup-position-show, 40px);
    left: 50%;
    transform: translate(-50%, -50%);
    transition: var(--popups-box-transition, 0.5s ease-in-out);
}

.main-preview-pop-0008 {
    position: fixed; 
    bottom: 110px;
    left: 10px;
    width: 260px;
    height: 50px;
    background-color: transparent;
    border: none;
    border-radius: 5px;
    cursor: move;
}

.success-panel-0008, 
.danger-panel-0008,
.error-panel-0008,
.info-panel-0008 {
    position: absolute; 
    top: 0px;
    left: 0px;
    width: 260px;
    height: 50px;
    opacity: 0;
    pointer-events: none;
}

.success-panel-0008.active-0008, 
.danger-panel-0008.active-0008,
.error-panel-0008.active-0008,
.info-panel-0008.active-0008 { 
    opacity: 1;
}

.js-success-content-box-0008,
.js-danger-content-box-0008,
.js-error-content-box-0008,
.js-info-content-box-0008,
.success-content-box-0008,
.danger-content-box-0008,
.error-content-box-0008,
.info-content-box-0008{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.js-success-timer-bottom-0008,
.js-danger-timer-bottom-0008,
.js-error-timer-bottom-0008,
.js-info-timer-bottom-0008{
    position: absolute;
    bottom: -5px;
    width: 100%;
    height: 2px;
    transition: var(--popups-line-time, 2s ease-in-out);
}

.success-timer-bottom-0008,
.danger-timer-bottom-0008,
.error-timer-bottom-0008,
.info-timer-bottom-0008{
    position: absolute;
    bottom: -5px;
    width: 100%;
    height: 2px;
}
.js-success-timer-top-0008,
.js-danger-timer-top-0008,
.js-error-timer-top-0008,
.js-info-timer-top-0008{
    position: absolute;
    top: -5px;
    width: 100%;
    height: 2px;
    transition: var(--popups-line-time, 2s ease-in-out);
}

.success-timer-top-0008,
.danger-timer-top-0008,
.error-timer-top-0008,
.info-timer-top-0008{
    position: absolute;
    top: -5px;
    width: 100%;
    height: 2px;
}

.js-success-timer-top-0008,
.success-timer-top-0008,
.js-success-timer-bottom-0008,
.success-timer-bottom-0008{
    border-bottom: var(--popup-success-time-line, 2px solid rgba(0, 128, 0, 1));
}

.js-danger-timer-top-0008,
.danger-timer-top-0008,
.js-danger-timer-bottom-0008,
.danger-timer-bottom-0008{
    border-bottom: var(--popup-danger-time-line, 2px solid rgba(255, 165, 0, 1));
}

.js-error-timer-top-0008,
.error-timer-top-0008,
.js-error-timer-bottom-0008,
.error-timer-bottom-0008{
    border-bottom: var(--popup-error-time-line, 2px solid rgba(255, 0, 0, 1));
}

.js-info-timer-top-0008,
.info-timer-top-0008,
.js-info-timer-bottom-0008,
.info-timer-bottom-0008{
    border-bottom: var(--popup-info-time-line, 2px solid rgba(0, 0, 255, 1));
}

.js-success-timer-top-0008.active-timer-0008,
.js-danger-timer-top-0008.active-timer-0008,
.js-error-timer-top-0008.active-timer-0008,
.js-info-timer-top-0008.active-timer-0008{
    top: -5px;
    width: 0%;
    opacity: 0.1;
}
.js-success-timer-bottom-0008.active-timer-0008,
.js-danger-timer-bottom-0008.active-timer-0008,
.js-error-timer-bottom-0008.active-timer-0008,
.js-info-timer-bottom-0008.active-timer-0008{
    bottom: -5px;
    width: 0%;
    opacity: 0.1;
}
/* ********************************************************* */
.js-success-0009,
.success-panel-0009 {
    color: var(--popup-success-text-color, rgba(241, 241, 241, 1));
    background: var(--popup-success-bg-color, rgba(0, 128, 0, 1));
    border-bottom: var(--popup-success-border, 2px solid rgba(0, 128, 0, 1));
} 

.js-danger-0009,
.danger-panel-0009 {
    color: var(--popup-danger-text-color, rgba(241, 241, 241, 1));
    background: var(--popup-danger-bg-color, rgba(240, 164, 23, 1));
    border-bottom: var(--popup-danger-border, 2px solid rgba(240, 164, 23, 1));
}

.js-errors-0009,
.error-panel-0009 {
    color: var(--popup-error-text-color, rgba(241, 241, 241, 1));
    background: var(--popup-error-bg-color, rgba(255, 0, 0, 1));
    border-bottom: var(--popup-error-border, 2px solid rgba(255, 0, 0, 1));
}

.js-info-0009,
.info-panel-0009 {
    color: var(--popup-info-text-color, rgba(241, 241, 241, 1));
    background: var(--popup-info-bg-color, rgba(0, 0, 255, 1));
    border-bottom: var(--popup-info-border, 2px solid rgba(0, 0, 255, 1));
}

.success-panel-0009, 
.danger-panel-0009,
.error-panel-0009,
.info-panel-0009,
.js-success-0009,
.js-danger-0009,
.js-errors-0009,
.js-info-0009 {
    display: flex;
    justify-content: center;
    text-align: center;
    font-size: var(--popups-font-size, 16px);
    padding: var(--popup-padding, 5px 10px 5px 10px);
    border-radius: var(--popup-radius, 8px 8px 8px 8px);
    box-shadow: -5px -5px 15px rgba(64, 75, 78, 0.2) , 5px 5px 15px rgba(0, 0, 0, 0.9) , inset -5px -5px 15px rgba(64, 75, 78, 0.2) , inset 5px 5px 15px rgba(0, 0, 0, 0.9);
    overflow: hidden;
    z-index: 100;
}

.js-success-content-box-0009,
.js-danger-content-box-0009,
.js-error-content-box-0009,
.js-info-content-box-0009,
.success-content-box-0009,
.danger-content-box-0009,
.error-content-box-0009,
.info-content-box-0009{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.js-success-0009,
.js-danger-0009,
.js-errors-0009,
.js-info-0009 {
    position: fixed;
    width: var(--popup-width, 90%);
    height: var(--popup-height, 50px);
    transition: var(--popups-box-transition, 0.5s ease-in-out);
    z-index: 200;
}

.js-success-0009.active-0009,
.js-danger-0009.active-0009,
.js-errors-0009.active-0009,
.js-info-0009.active-0009 {  
    transition: var(--popups-box-transition, 0.5s ease-in-out);
    animation: var(--popups-box-animation-name, gummy-anim) var(--popups-box-animation-transition, 1s ease-in-out);
}

.js-success-0009.top-0009,
.js-danger-0009.top-0009,
.js-errors-0009.top-0009,
.js-info-0009.top-0009 {
    top: var(--popup-position-top-hide, -60px);
    left: 50%;
    transform: translate(-50%, -50%);
}

.js-success-0009.active-0009.top-0009,
.js-danger-0009.active-0009.top-0009,
.js-errors-0009.active-0009.top-0009,
.js-info-0009.active-0009.top-0009 {  
    top: var(--popup-position-top-show, 40px);
    left: 50%;
    transform: translate(-50%, -50%);
}

.js-success-0009.bottom-0009,
.js-danger-0009.bottom-0009,
.js-errors-0009.bottom-0009,
.js-info-0009.bottom-0009 {
    bottom: var(--popup-position-bottom-hide, -100px);
    left: 50%;
    transform: translate(-50%, -50%);
}

.js-success-0009.active-0009.bottom-0009,
.js-danger-0009.active-0009.bottom-0009,
.js-errors-0009.active-0009.bottom-0009,
.js-info-0009.active-0009.bottom-0009 {  
    bottom: var(--popup-position-bottom-show, 0px);
    left: 50%;
    transform: translate(-50%, -50%);
}

.js-success-0009.left-top-0009,
.js-danger-0009.left-top-0009,
.js-errors-0009.left-top-0009,
.js-info-0009.left-top-0009 {
    top: 10px;
    left: var(--popup-position-top-left-hide, -300px);
}

.js-success-0009.active-0009.left-top-0009,
.js-danger-0009.active-0009.left-top-0009,
.js-errors-0009.active-0009.left-top-0009,
.js-info-0009.active-0009.left-top-0009 {  
    top: 10px;
    left: var(--popup-position-top-left-show, 10px);
}

.js-success-0009.left-bottom-0009,
.js-danger-0009.left-bottom-0009,
.js-errors-0009.left-bottom-0009,
.js-info-0009.left-bottom-0009 {
    bottom: 10px;
    left: var(--popup-position-bottom-left-hide, -300px);
}

.js-success-0009.active-0009.left-bottom-0009,
.js-danger-0009.active-0009.left-bottom-0009,
.js-errors-0009.active-0009.left-bottom-0009,
.js-info-0009.active-0009.left-bottom-0009 {  
    bottom: 10px;
    left: var(--popup-position-bottom-left-show, 10px);
}

.js-success-0009.right-top-0009,
.js-danger-0009.right-top-0009,
.js-errors-0009.right-top-0009,
.js-info-0009.right-top-0009 {
    top: 10px;
    right: var(--popup-position-top-right-hide, -300px);
}

.js-success-0009.active-0009.right-top-0009,
.js-danger-0009.active-0009.right-top-0009,
.js-errors-0009.active-0009.right-top-0009,
.js-info-0009.active-0009.right-top-0009 {  
    top: 10px;
    right: var(--popup-position-top-right-show, 10px);
}

.js-success-0009.right-bottom-0009,
.js-danger-0009.right-bottom-0009,
.js-errors-0009.right-bottom-0009,
.js-info-0009.right-bottom-0009 {
    bottom: 10px;
    right: var(--popup-position-bottom-right-hide, -300px);
}

.js-success-0009.active-0009.right-bottom-0009,
.js-danger-0009.active-0009.right-bottom-0009,
.js-errors-0009.active-0009.right-bottom-0009,
.js-info-0009.active-0009.right-bottom-0009 {  
    bottom: 10px;
    right: var(--popup-position-bottom-right-show, 10px);
}

.main-preview-pop-0009 {
    position: fixed; 
    bottom: 110px;
    left: 10px;
    width: 260px;
    height: 50px;
    background-color: transparent;
    border: none;
    border-radius: 5px;
    cursor: move;
}

.success-panel-0009, 
.danger-panel-0009,
.error-panel-0009,
.info-panel-0009 {
    position: absolute; 
    top: 0px;
    left: 0px;
    width: 260px;
    height: 50px;
    opacity: 0;
    pointer-events: none;
}

.success-panel-0009.active-0009, 
.danger-panel-0009.active-0009,
.error-panel-0009.active-0009,
.info-panel-0009.active-0009 { 
    opacity: 1;
}

@keyframes gummy-anim {
    0%, 100%{
        width: var(--popup-width, 280px);
        height: var(--popup-height, 50px);
    }
    20%{
        width: var(--popup-width-minus-twenty, 260px);
        height: var(--popup-height-minus-ten, 40px);
    }
    40%{
        width: var(--popup-width-plus-ten, 290px);
        height: var(--popup-height-minus-twenty, 30px);
    }
    60%{
        width: var(--popup-width-minus-forty, 240px);
        height: var(--popup-height, 50px);
    }
    80%{
        width: var(--popup-width-plus-ten, 290px);
        height: var(--popup-height-plus-ten, 60px);
    }    
}
/* ********************************************************* */
.js-success-0010,
.success-panel-0010 {
    color: var(--popup-success-text-color, rgba(241, 241, 241, 1));
    background-image: var(--popup-success-bg-color, linear-gradient(-180deg, rgba(0, 228, 0, 1) 0%, rgba(0, 128, 0, 1) 100%));
    border: var(--popup-success-border, 2px solid rgba(0, 128, 0, 1));
    box-shadow: var(--popup-success-shadow-color, 0 8px 6px 0 rgba(0, 0, 0, 0.2), 0 -3px 12px rgba(0, 128, 0, 1) inset, 0 5px 3px rgba(255 ,255, 255, 0.4) inset, 0 3px 4px 0 rgba(0, 228, 0, 1) inset);
} 

.js-danger-0010,
.danger-panel-0010 {
    color: var(--popup-danger-text-color, rgba(241, 241, 241, 1));
    background-image: var(--popup-danger-bg-color, linear-gradient(-180deg, rgba(255, 196, 0, 1) 0%, rgba(163, 125, 0, 1) 100%));
    border: var(--popup-danger-border, 2px solid rgba(240, 164, 23, 1));
    box-shadow: var(--popup-danger-shadow-color, 0 8px 6px 0 rgba(0, 0, 0, 0.2), 0 -3px 12px rgba(163, 125, 0, 1) inset, 0 5px 3px rgba(255 ,255, 255, 0.4) inset, 0 3px 4px 0 rgba(255, 196, 0, 1) inset);
}

.js-errors-0010,
.error-panel-0010 {
    color: var(--popup-error-text-color, rgba(241, 241, 241, 1));
    background-image: var(--popup-error-bg-color, linear-gradient(-180deg, rgba(255, 0, 0, 1) 0%, rgba(171, 0, 0, 1) 100%));
    border: var(--popup-error-border, 2px solid rgba(255, 0, 0, 1));
    box-shadow: var(--popup-error-shadow-color, 0 8px 6px 0 rgba(0, 0, 0, 0.2), 0 -3px 12px rgba(171, 0, 0, 1) inset, 0 5px 3px rgba(255 ,255, 255, 0.4) inset, 0 3px 4px 0 rgba(255, 0, 0, 1) inset);
}

.js-info-0010,
.info-panel-0010 {
    color: var(--popup-info-text-color, rgba(241, 241, 241, 1));
    background-image: var(--popup-info-bg-color, linear-gradient(-180deg, rgba(0, 0, 255, 1) 0%, rgba(0, 0, 138, 1) 100%));
    border: var(--popup-info-border, 2px solid rgba(0, 0, 255, 1));
    box-shadow: var(--popup-info-shadow-color, 0 8px 6px 0 rgba(0, 0, 0, 0.2), 0 -3px 12px rgba(0, 0, 138, 1) inset, 0 5px 3px rgba(255 ,255, 255, 0.4) inset, 0 3px 4px 0 rgba(0, 0, 255, 1) inset);
}

.success-panel-0010, 
.danger-panel-0010,
.error-panel-0010,
.info-panel-0010,
.js-success-0010,
.js-danger-0010,
.js-errors-0010,
.js-info-0010 {
    display: flex;
    justify-content: center;
    text-align: center;
    font-size: var(--popups-font-size, 16px);
    padding: var(--popup-padding, 5px 10px 5px 10px);
    border-radius: var(--popup-radius, 8px 8px 8px 8px);
    overflow: hidden;
    z-index: 100;
}

.js-success-content-box-0010,
.js-danger-content-box-0010,
.js-error-content-box-0010,
.js-info-content-box-0010,
.success-content-box-0010,
.danger-content-box-0010,
.error-content-box-0010,
.info-content-box-0010{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.js-success-0010,
.js-danger-0010,
.js-errors-0010,
.js-info-0010 {
    position: fixed;
    width: var(--popup-width, 90%);
    height: var(--popup-height, 50px);
    transition: var(--popups-box-transition, 0.5s ease-in-out);
    z-index: 200;
}

.js-success-0010.active-0010,
.js-danger-0010.active-0010,
.js-errors-0010.active-0010,
.js-info-0010.active-0010 {  
    transition: var(--popups-box-transition, 0.5s ease-in-out);
    animation: var(--popups-box-animation-name, gummy-anim) var(--popups-box-animation-transition, 1s ease-in-out);
}

.js-success-0010.top-0010,
.js-danger-0010.top-0010,
.js-errors-0010.top-0010,
.js-info-0010.top-0010 {
    top: var(--popup-position-top-hide, -60px);
    left: 50%;
    transform: translate(-50%, -50%);
}

.js-success-0010.active-0010.top-0010,
.js-danger-0010.active-0010.top-0010,
.js-errors-0010.active-0010.top-0010,
.js-info-0010.active-0010.top-0010 {  
    top: var(--popup-position-top-show, 40px);
    left: 50%;
    transform: translate(-50%, -50%);
}

.js-success-0010.bottom-0010,
.js-danger-0010.bottom-0010,
.js-errors-0010.bottom-0010,
.js-info-0010.bottom-0010 {
    bottom: var(--popup-position-bottom-hide, -100px);
    left: 50%;
    transform: translate(-50%, -50%);
}

.js-success-0010.active-0010.bottom-0010,
.js-danger-0010.active-0010.bottom-0010,
.js-errors-0010.active-0010.bottom-0010,
.js-info-0010.active-0010.bottom-0010 {  
    bottom: var(--popup-position-bottom-show, 0px);
    left: 50%;
    transform: translate(-50%, -50%);
}

.js-success-0010.left-top-0010,
.js-danger-0010.left-top-0010,
.js-errors-0010.left-top-0010,
.js-info-0010.left-top-0010 {
    top: 10px;
    left: var(--popup-position-top-left-hide, -300px);
}

.js-success-0010.active-0010.left-top-0010,
.js-danger-0010.active-0010.left-top-0010,
.js-errors-0010.active-0010.left-top-0010,
.js-info-0010.active-0010.left-top-0010 {  
    top: 10px;
    left: var(--popup-position-top-left-show, 10px);
}

.js-success-0010.left-bottom-0010,
.js-danger-0010.left-bottom-0010,
.js-errors-0010.left-bottom-0010,
.js-info-0010.left-bottom-0010 {
    bottom: 10px;
    left: var(--popup-position-bottom-left-hide, -300px);
}

.js-success-0010.active-0010.left-bottom-0010,
.js-danger-0010.active-0010.left-bottom-0010,
.js-errors-0010.active-0010.left-bottom-0010,
.js-info-0010.active-0010.left-bottom-0010 {  
    bottom: 10px;
    left: var(--popup-position-bottom-left-show, 10px);
}

.js-success-0010.right-top-0010,
.js-danger-0010.right-top-0010,
.js-errors-0010.right-top-0010,
.js-info-0010.right-top-0010 {
    top: 10px;
    right: var(--popup-position-top-right-hide, -300px);
}

.js-success-0010.active-0010.right-top-0010,
.js-danger-0010.active-0010.right-top-0010,
.js-errors-0010.active-0010.right-top-0010,
.js-info-0010.active-0010.right-top-0010 {  
    top: 10px;
    right: var(--popup-position-top-right-show, 10px);
}

.js-success-0010.right-bottom-0010,
.js-danger-0010.right-bottom-0010,
.js-errors-0010.right-bottom-0010,
.js-info-0010.right-bottom-0010 {
    bottom: 10px;
    right: var(--popup-position-bottom-right-hide, -300px);
}

.js-success-0010.active-0010.right-bottom-0010,
.js-danger-0010.active-0010.right-bottom-0010,
.js-errors-0010.active-0010.right-bottom-0010,
.js-info-0010.active-0010.right-bottom-0010 {  
    bottom: 10px;
    right: var(--popup-position-bottom-right-show, 10px);
}

.main-preview-pop-0010 {
    position: fixed; 
    bottom: 110px;
    left: 10px;
    width: 260px;
    height: 50px;
    background-color: transparent;
    border: none;
    border-radius: 5px;
    cursor: move;
}

.success-panel-0010, 
.danger-panel-0010,
.error-panel-0010,
.info-panel-0010 {
    position: absolute; 
    top: 0px;
    left: 0px;
    width: 260px;
    height: 50px;
    opacity: 0;
    pointer-events: none;
}

.success-panel-0010.active-0010, 
.danger-panel-0010.active-0010,
.error-panel-0010.active-0010,
.info-panel-0010.active-0010 { 
    opacity: 1;
}

@keyframes gummy-anim {
    0%, 100%{
        width: var(--popup-width, 280px);
        height: var(--popup-height, 50px);
    }
    20%{
        width: var(--popup-width-minus-twenty, 260px);
        height: var(--popup-height-minus-ten, 40px);
    }
    40%{
        width: var(--popup-width-plus-ten, 290px);
        height: var(--popup-height-minus-twenty, 30px);
    }
    60%{
        width: var(--popup-width-minus-forty, 240px);
        height: var(--popup-height, 50px);
    }
    80%{
        width: var(--popup-width-plus-ten, 290px);
        height: var(--popup-height-plus-ten, 60px);
    }    
}

/* ********************************************************* */
.js-success-0011,
.success-panel-0011 {
    color: var(--popup-success-text-color, rgba(241, 241, 241, 1));
    background: var(--popup-success-bg-color, rgba(0, 128, 0, 1));
    border: var(--popup-success-border, 2px solid rgba(0, 128, 0, 1));
} 

.js-danger-0011,
.danger-panel-0011 {
    color: var(--popup-danger-text-color, rgba(241, 241, 241, 1));
    background: var(--popup-danger-bg-color, rgba(240, 164, 23, 1));
    border: var(--popup-danger-border, 2px solid rgba(240, 164, 23, 1));
}

.js-errors-0011,
.error-panel-0011 {
    color: var(--popup-error-text-color, rgba(241, 241, 241, 1));
    background: var(--popup-error-bg-color, rgba(255, 0, 0, 1));
    border: var(--popup-error-border, 2px solid rgba(255, 0, 0, 1));
}

.js-info-0011,
.info-panel-0011 {
    color: var(--popup-info-text-color, rgba(241, 241, 241, 1));
    background: var(--popup-info-bg-color, rgba(0, 0, 255, 1));
    border: var(--popup-info-border, 2px solid rgba(0, 0, 255, 1));
}

.success-panel-0011, 
.danger-panel-0011,
.error-panel-0011,
.info-panel-0011,
.js-success-0011,
.js-danger-0011,
.js-errors-0011,
.js-info-0011 {
    display: flex;
    justify-content: center;
    text-align: center;
    font-size: var(--popups-font-size, 16px);
    padding: var(--popup-padding, 5px 10px 5px 10px);
    border-radius: var(--popup-radius, 8px 8px 8px 8px);
    box-shadow: -5px -5px 15px rgba(64, 75, 78, 0.2) , 5px 5px 15px rgba(0, 0, 0, 0.9) , inset -5px -5px 15px rgba(64, 75, 78, 0.2) , inset 5px 5px 15px rgba(0, 0, 0, 0.9);
    overflow: hidden;
    z-index: 100;
}

.js-success-content-box-0011,
.js-danger-content-box-0011,
.js-error-content-box-0011,
.js-info-content-box-0011,
.success-content-box-0011,
.danger-content-box-0011,
.error-content-box-0011,
.info-content-box-0011{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.js-success-0011,
.js-danger-0011,
.js-errors-0011,
.js-info-0011 {
    position: fixed;
    width: var(--popup-width, 90%);
    height: var(--popup-height, 50px);
    transition: var(--popups-box-transition, 0.5s ease-in-out);
    z-index: 200;
}

.js-success-0011.active-0011,
.js-danger-0011.active-0011,
.js-errors-0011.active-0011,
.js-info-0011.active-0011 {  
    transition: var(--popups-box-transition, 0.5s ease-in-out);
    animation: var(--popups-box-animation-name, gummy-anim) var(--popups-box-animation-transition, 1s ease-in-out);
}

.js-success-0011.top-0011,
.js-danger-0011.top-0011,
.js-errors-0011.top-0011,
.js-info-0011.top-0011 {
    top: var(--popup-position-top-hide, -60px);
    left: 50%;
    transform: translate(-50%, -50%);
}

.js-success-0011.active-0011.top-0011,
.js-danger-0011.active-0011.top-0011,
.js-errors-0011.active-0011.top-0011,
.js-info-0011.active-0011.top-0011 {  
    top: var(--popup-position-top-show, 40px);
    left: 50%;
    transform: translate(-50%, -50%);
}

.js-success-0011.bottom-0011,
.js-danger-0011.bottom-0011,
.js-errors-0011.bottom-0011,
.js-info-0011.bottom-0011 {
    bottom: var(--popup-position-bottom-hide, -100px);
    left: 50%;
    transform: translate(-50%, -50%);
}

.js-success-0011.active-0011.bottom-0011,
.js-danger-0011.active-0011.bottom-0011,
.js-errors-0011.active-0011.bottom-0011,
.js-info-0011.active-0011.bottom-0011 {  
    bottom: var(--popup-position-bottom-show, 0px);
    left: 50%;
    transform: translate(-50%, -50%);
}

.js-success-0011.left-top-0011,
.js-danger-0011.left-top-0011,
.js-errors-0011.left-top-0011,
.js-info-0011.left-top-0011 {
    top: 10px;
    left: var(--popup-position-top-left-hide, -300px);
}

.js-success-0011.active-0011.left-top-0011,
.js-danger-0011.active-0011.left-top-0011,
.js-errors-0011.active-0011.left-top-0011,
.js-info-0011.active-0011.left-top-0011 {  
    top: 10px;
    left: var(--popup-position-top-left-show, 10px);
}

.js-success-0011.left-bottom-0011,
.js-danger-0011.left-bottom-0011,
.js-errors-0011.left-bottom-0011,
.js-info-0011.left-bottom-0011 {
    bottom: 10px;
    left: var(--popup-position-bottom-left-hide, -300px);
}

.js-success-0011.active-0011.left-bottom-0011,
.js-danger-0011.active-0011.left-bottom-0011,
.js-errors-0011.active-0011.left-bottom-0011,
.js-info-0011.active-0011.left-bottom-0011 {  
    bottom: 10px;
    left: var(--popup-position-bottom-left-show, 10px);
}

.js-success-0011.right-top-0011,
.js-danger-0011.right-top-0011,
.js-errors-0011.right-top-0011,
.js-info-0011.right-top-0011 {
    top: 10px;
    right: var(--popup-position-top-right-hide, -300px);
}

.js-success-0011.active-0011.right-top-0011,
.js-danger-0011.active-0011.right-top-0011,
.js-errors-0011.active-0011.right-top-0011,
.js-info-0011.active-0011.right-top-0011 {  
    top: 10px;
    right: var(--popup-position-top-right-show, 10px);
}

.js-success-0011.right-bottom-0011,
.js-danger-0011.right-bottom-0011,
.js-errors-0011.right-bottom-0011,
.js-info-0011.right-bottom-0011 {
    bottom: 10px;
    right: var(--popup-position-bottom-right-hide, -300px);
}

.js-success-0011.active-0011.right-bottom-0011,
.js-danger-0011.active-0011.right-bottom-0011,
.js-errors-0011.active-0011.right-bottom-0011,
.js-info-0011.active-0011.right-bottom-0011 {  
    bottom: 10px;
    right: var(--popup-position-bottom-right-show, 10px);
}

.main-preview-pop-0011 {
    position: fixed; 
    bottom: 110px;
    left: 10px;
    width: 260px;
    height: 50px;
    background-color: transparent;
    border: none;
    border-radius: 5px;
    cursor: move;
}

.success-panel-0011, 
.danger-panel-0011,
.error-panel-0011,
.info-panel-0011 {
    position: absolute; 
    top: 0px;
    left: 0px;
    width: 260px;
    height: 50px;
    opacity: 0;
    pointer-events: none;
}

.success-panel-0011.active-0011, 
.danger-panel-0011.active-0011,
.error-panel-0011.active-0011,
.info-panel-0011.active-0011 { 
    opacity: 1;
}

@keyframes gummy-anim {
    0%, 100%{
        width: var(--popup-width, 280px);
        height: var(--popup-height, 50px);
    }
    20%{
        width: var(--popup-width-minus-twenty, 260px);
        height: var(--popup-height-minus-ten, 40px);
    }
    40%{
        width: var(--popup-width-plus-ten, 290px);
        height: var(--popup-height-minus-twenty, 30px);
    }
    60%{
        width: var(--popup-width-minus-forty, 240px);
        height: var(--popup-height, 50px);
    }
    80%{
        width: var(--popup-width-plus-ten, 290px);
        height: var(--popup-height-plus-ten, 60px);
    }    
}
/* ********************************************************* */
.js-success-0012,
.success-panel-0012 {
    color: var(--popup-success-text-color, rgba(241, 241, 241, 1));
    background-image: var(--popup-success-bg-color, linear-gradient(135deg, rgba(51, 255, 72, 1) 0%, rgba(115, 255, 136, 1) 50%, rgba(144, 255, 18, 1) 75%, rgba(178, 255, 0, 1) 100%));
    border: var(--popup-success-border, 2px solid rgba(0, 128, 0, 1));
} 

.js-danger-0012,
.danger-panel-0012 {
    color: var(--popup-danger-text-color, rgba(241, 241, 241, 1));
    background-image: var(--popup-danger-bg-color, linear-gradient(135deg, rgba(255, 134, 0, 1) 0%, rgba(255, 189, 0, 1) 50%, rgba(204, 85, 44, 1) 75%, rgba(255, 76, 30, 1) 100%));
    border: var(--popup-danger-border, 2px solid rgba(240, 164, 23, 1));
}

.js-errors-0012,
.error-panel-0012 {
    color: var(--popup-error-text-color, rgba(241, 241, 241, 1));
    background-image: var(--popup-error-bg-color, linear-gradient(135deg, rgba(255, 0, 0, 1) 0%, rgba(255, 101, 151, 1) 50%, rgba(158, 0, 18, 1) 75%, rgba(255, 0, 93, 1) 100%));
    border: var(--popup-error-border, 2px solid rgba(255, 0, 0, 1));
}

.js-info-0012,
.info-panel-0012 {
    color: var(--popup-info-text-color, rgba(241, 241, 241, 1));
    background-image: var(--popup-info-bg-color, linear-gradient(135deg, rgba(0, 0, 255, 1) 0%, rgba(132, 186, 255, 1) 50%, rgba(103, 85, 197, 1) 75%, rgba(0, 0, 255, 1) 100%));
    border: var(--popup-info-border, 2px solid rgba(0, 0, 255, 1));
}

.success-panel-0012, 
.danger-panel-0012,
.error-panel-0012,
.info-panel-0012,
.js-success-0012,
.js-danger-0012,
.js-errors-0012,
.js-info-0012 {
    display: flex;
    justify-content: center;
    text-align: center;
    font-size: var(--popups-font-size, 16px);
    padding: var(--popup-padding, 5px 10px 5px 10px);
    border-radius: var(--popup-radius, 8px 8px 8px 8px);
    box-shadow: var(--popups-box-shadow, -5px -5px 15px rgba(64, 75, 78, 0.2), 5px 5px 15px rgba(0, 0, 0, 0.9), inset -5px -5px 15px rgba(64, 75, 78, 0.2), inset 5px 5px 15px rgba(0, 0, 0, 0.9));
    overflow: hidden;
    z-index: 100;
}

.js-success-content-box-0012,
.js-danger-content-box-0012,
.js-error-content-box-0012,
.js-info-content-box-0012,
.success-content-box-0012,
.danger-content-box-0012,
.error-content-box-0012,
.info-content-box-0012{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.js-success-0012,
.js-danger-0012,
.js-errors-0012,
.js-info-0012 {
    position: fixed;
    width: var(--popup-width, 90%);
    height: var(--popup-height, 50px);
    transition: var(--popups-box-transition, 0.5s ease-in-out);
    z-index: 200;
}

.js-success-0012.active-0012,
.js-danger-0012.active-0012,
.js-errors-0012.active-0012,
.js-info-0012.active-0012 {  
    transition: var(--popups-box-transition, 0.5s ease-in-out);
    animation: var(--popups-box-animation-name, gummy-anim) var(--popups-box-animation-transition, 1s ease-in-out);
}

.js-success-0012.top-0012,
.js-danger-0012.top-0012,
.js-errors-0012.top-0012,
.js-info-0012.top-0012 {
    top: var(--popup-position-top-hide, -60px);
    left: 50%;
    transform: translate(-50%, -50%);
}

.js-success-0012.active-0012.top-0012,
.js-danger-0012.active-0012.top-0012,
.js-errors-0012.active-0012.top-0012,
.js-info-0012.active-0012.top-0012 {  
    top: var(--popup-position-top-show, 40px);
    left: 50%;
    transform: translate(-50%, -50%);
}

.js-success-0012.bottom-0012,
.js-danger-0012.bottom-0012,
.js-errors-0012.bottom-0012,
.js-info-0012.bottom-0012 {
    bottom: var(--popup-position-bottom-hide, -100px);
    left: 50%;
    transform: translate(-50%, -50%);
}

.js-success-0012.active-0012.bottom-0012,
.js-danger-0012.active-0012.bottom-0012,
.js-errors-0012.active-0012.bottom-0012,
.js-info-0012.active-0012.bottom-0012 {  
    bottom: var(--popup-position-bottom-show, 0px);
    left: 50%;
    transform: translate(-50%, -50%);
}

.js-success-0012.left-top-0012,
.js-danger-0012.left-top-0012,
.js-errors-0012.left-top-0012,
.js-info-0012.left-top-0012 {
    top: 10px;
    left: var(--popup-position-top-left-hide, -300px);
}

.js-success-0012.active-0012.left-top-0012,
.js-danger-0012.active-0012.left-top-0012,
.js-errors-0012.active-0012.left-top-0012,
.js-info-0012.active-0012.left-top-0012 {  
    top: 10px;
    left: var(--popup-position-top-left-show, 10px);
}

.js-success-0012.left-bottom-0012,
.js-danger-0012.left-bottom-0012,
.js-errors-0012.left-bottom-0012,
.js-info-0012.left-bottom-0012 {
    bottom: 10px;
    left: var(--popup-position-bottom-left-hide, -300px);
}

.js-success-0012.active-0012.left-bottom-0012,
.js-danger-0012.active-0012.left-bottom-0012,
.js-errors-0012.active-0012.left-bottom-0012,
.js-info-0012.active-0012.left-bottom-0012 {  
    bottom: 10px;
    left: var(--popup-position-bottom-left-show, 10px);
}

.js-success-0012.right-top-0012,
.js-danger-0012.right-top-0012,
.js-errors-0012.right-top-0012,
.js-info-0012.right-top-0012 {
    top: 10px;
    right: var(--popup-position-top-right-hide, -300px);
}

.js-success-0012.active-0012.right-top-0012,
.js-danger-0012.active-0012.right-top-0012,
.js-errors-0012.active-0012.right-top-0012,
.js-info-0012.active-0012.right-top-0012 {  
    top: 10px;
    right: var(--popup-position-top-right-show, 10px);
}

.js-success-0012.right-bottom-0012,
.js-danger-0012.right-bottom-0012,
.js-errors-0012.right-bottom-0012,
.js-info-0012.right-bottom-0012 {
    bottom: 10px;
    right: var(--popup-position-bottom-right-hide, -300px);
}

.js-success-0012.active-0012.right-bottom-0012,
.js-danger-0012.active-0012.right-bottom-0012,
.js-errors-0012.active-0012.right-bottom-0012,
.js-info-0012.active-0012.right-bottom-0012 {  
    bottom: 10px;
    right: var(--popup-position-bottom-right-show, 10px);
}

.main-preview-pop-0012 {
    position: fixed; 
    bottom: 110px;
    left: 10px;
    width: 260px;
    height: 50px;
    background-color: transparent;
    border: none;
    border-radius: 5px;
    cursor: move;
}

.success-panel-0012, 
.danger-panel-0012,
.error-panel-0012,
.info-panel-0012 {
    position: absolute; 
    top: 0px;
    left: 0px;
    width: 260px;
    height: 50px;
    opacity: 0;
    pointer-events: none;
}

.success-panel-0012.active-0012, 
.danger-panel-0012.active-0012,
.error-panel-0012.active-0012,
.info-panel-0012.active-0012 { 
    opacity: 1;
}

@keyframes gummy-anim {
    0%, 100%{
        width: var(--popup-width, 280px);
        height: var(--popup-height, 50px);
    }
    20%{
        width: var(--popup-width-minus-twenty, 260px);
        height: var(--popup-height-minus-ten, 40px);
    }
    40%{
        width: var(--popup-width-plus-ten, 290px);
        height: var(--popup-height-minus-twenty, 30px);
    }
    60%{
        width: var(--popup-width-minus-forty, 240px);
        height: var(--popup-height, 50px);
    }
    80%{
        width: var(--popup-width-plus-ten, 290px);
        height: var(--popup-height-plus-ten, 60px);
    }    
}
/* ********************************************************* */
.js-success-0013,
.success-panel-0013 {
    color: var(--popup-success-text-color, rgba(241, 241, 241, 1));
    background: var(--popup-success-bg-color, linear-gradient(-180deg, rgba(0, 228, 0, 1) 0%, rgba(0, 128, 0, 1) 100%));
    border: var(--popup-success-border, 2px solid rgba(0, 128, 0, 1));
    box-shadow: var(--popup-success-shadow-color, 0 8px 6px 0 rgba(0, 0, 0, 0.2), 0 -3px 12px rgba(0, 128, 0, 1) inset, 0 5px 3px rgba(255 ,255, 255, 0.4) inset, 0 3px 4px 0 rgba(0, 228, 0, 1) inset);
} 

.js-danger-0013,
.danger-panel-0013 {
    color: var(--popup-danger-text-color, rgba(241, 241, 241, 1));
    background: var(--popup-danger-bg-color, linear-gradient(-180deg, rgba(255, 196, 0, 1) 0%, rgba(163, 125, 0, 1) 100%));
    border: var(--popup-danger-border, 2px solid rgba(240, 164, 23, 1));
    box-shadow: var(--popup-danger-shadow-color, 0 8px 6px 0 rgba(0, 0, 0, 0.2), 0 -3px 12px rgba(163, 125, 0, 1) inset, 0 5px 3px rgba(255 ,255, 255, 0.4) inset, 0 3px 4px 0 rgba(255, 196, 0, 1) inset);
}

.js-errors-0013,
.error-panel-0013 {
    color: var(--popup-error-text-color, rgba(241, 241, 241, 1));
    background: var(--popup-error-bg-color, linear-gradient(-180deg, rgba(255, 0, 0, 1) 0%, rgba(171, 0, 0, 1) 100%));
    border: var(--popup-error-border, 2px solid rgba(255, 0, 0, 1));
    box-shadow: var(--popup-error-shadow-color, 0 8px 6px 0 rgba(0, 0, 0, 0.2), 0 -3px 12px rgba(171, 0, 0, 1) inset, 0 5px 3px rgba(255 ,255, 255, 0.4) inset, 0 3px 4px 0 rgba(255, 0, 0, 1) inset);
}

.js-info-0013,
.info-panel-0013 {
    color: var(--popup-info-text-color, rgba(241, 241, 241, 1));
    background: var(--popup-info-bg-color, linear-gradient(-180deg, rgba(0, 0, 255, 1) 0%, rgba(0, 0, 138, 1) 100%));
    border: var(--popup-info-border, 2px solid rgba(0, 0, 255, 1));
    box-shadow: var(--popup-info-shadow-color, 0 8px 6px 0 rgba(0, 0, 0, 0.2), 0 -3px 12px rgba(0, 0, 138, 1) inset, 0 5px 3px rgba(255 ,255, 255, 0.4) inset, 0 3px 4px 0 rgba(0, 0, 255, 1) inset);
}

.success-panel-0013, 
.danger-panel-0013,
.error-panel-0013,
.info-panel-0013,
.js-success-0013,
.js-danger-0013,
.js-errors-0013,
.js-info-0013 {
    display: flex;
    justify-content: center;
    text-align: center;
    font-size: var(--popups-font-size, 16px);
    padding: var(--popup-padding, 5px 10px 5px 10px);
    border-radius: var(--popup-radius, 8px 8px 8px 8px);
    overflow: hidden;
    z-index: 100;
}

.js-success-content-box-0013,
.js-danger-content-box-0013,
.js-error-content-box-0013,
.js-info-content-box-0013,
.success-content-box-0013,
.danger-content-box-0013,
.error-content-box-0013,
.info-content-box-0013{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.js-success-0013,
.js-danger-0013,
.js-errors-0013,
.js-info-0013 {
    position: fixed;
    width: var(--popup-width, 90%);
    height: var(--popup-height, 50px);
    transition: var(--popups-box-transition, 0.5s ease-in-out);
    z-index: 200;
}

.js-success-0013.active-0013,
.js-danger-0013.active-0013,
.js-errors-0013.active-0013,
.js-info-0013.active-0013 {  
    transition: var(--popups-box-transition, 0.5s ease-in-out);
    animation: var(--popups-box-animation-name, gummy-anim) var(--popups-box-animation-transition, 1s ease-in-out);
}

.js-success-0013.top-0013,
.js-danger-0013.top-0013,
.js-errors-0013.top-0013,
.js-info-0013.top-0013 {
    top: var(--popup-position-top-hide, -60px);
    left: 50%;
    transform: translate(-50%, -50%);
}

.js-success-0013.active-0013.top-0013,
.js-danger-0013.active-0013.top-0013,
.js-errors-0013.active-0013.top-0013,
.js-info-0013.active-0013.top-0013 {  
    top: var(--popup-position-top-show, 40px);
    left: 50%;
    transform: translate(-50%, -50%);
}

.js-success-0013.bottom-0013,
.js-danger-0013.bottom-0013,
.js-errors-0013.bottom-0013,
.js-info-0013.bottom-0013 {
    bottom: var(--popup-position-bottom-hide, -100px);
    left: 50%;
    transform: translate(-50%, -50%);
}

.js-success-0013.active-0013.bottom-0013,
.js-danger-0013.active-0013.bottom-0013,
.js-errors-0013.active-0013.bottom-0013,
.js-info-0013.active-0013.bottom-0013 {  
    bottom: var(--popup-position-bottom-show, 0px);
    left: 50%;
    transform: translate(-50%, -50%);
}

.js-success-0013.left-top-0013,
.js-danger-0013.left-top-0013,
.js-errors-0013.left-top-0013,
.js-info-0013.left-top-0013 {
    top: 10px;
    left: var(--popup-position-top-left-hide, -300px);
}

.js-success-0013.active-0013.left-top-0013,
.js-danger-0013.active-0013.left-top-0013,
.js-errors-0013.active-0013.left-top-0013,
.js-info-0013.active-0013.left-top-0013 {  
    top: 10px;
    left: var(--popup-position-top-left-show, 10px);
}

.js-success-0013.left-bottom-0013,
.js-danger-0013.left-bottom-0013,
.js-errors-0013.left-bottom-0013,
.js-info-0013.left-bottom-0013 {
    bottom: 10px;
    left: var(--popup-position-bottom-left-hide, -300px);
}

.js-success-0013.active-0013.left-bottom-0013,
.js-danger-0013.active-0013.left-bottom-0013,
.js-errors-0013.active-0013.left-bottom-0013,
.js-info-0013.active-0013.left-bottom-0013 {  
    bottom: 10px;
    left: var(--popup-position-bottom-left-show, 10px);
}

.js-success-0013.right-top-0013,
.js-danger-0013.right-top-0013,
.js-errors-0013.right-top-0013,
.js-info-0013.right-top-0013 {
    top: 10px;
    right: var(--popup-position-top-right-hide, -300px);
}

.js-success-0013.active-0013.right-top-0013,
.js-danger-0013.active-0013.right-top-0013,
.js-errors-0013.active-0013.right-top-0013,
.js-info-0013.active-0013.right-top-0013 {  
    top: 10px;
    right: var(--popup-position-top-right-show, 10px);
}

.js-success-0013.right-bottom-0013,
.js-danger-0013.right-bottom-0013,
.js-errors-0013.right-bottom-0013,
.js-info-0013.right-bottom-0013 {
    bottom: 10px;
    right: var(--popup-position-bottom-right-hide, -300px);
}

.js-success-0013.active-0013.right-bottom-0013,
.js-danger-0013.active-0013.right-bottom-0013,
.js-errors-0013.active-0013.right-bottom-0013,
.js-info-0013.active-0013.right-bottom-0013 {  
    bottom: 10px;
    right: var(--popup-position-bottom-right-show, 10px);
}

.main-preview-pop-0013 {
    position: fixed; 
    bottom: 110px;
    left: 10px;
    width: 260px;
    height: 50px;
    background-color: transparent;
    border: none;
    border-radius: 5px;
    cursor: move;
}

.success-panel-0013, 
.danger-panel-0013,
.error-panel-0013,
.info-panel-0013 {
    position: absolute; 
    top: 0px;
    left: 0px;
    width: 260px;
    height: 50px;
    opacity: 0;
    pointer-events: none;
}

.success-panel-0013.active-0013, 
.danger-panel-0013.active-0013,
.error-panel-0013.active-0013,
.info-panel-0013.active-0013 { 
    opacity: 1;
}

@keyframes gummy-anim {
    0%, 100%{
        width: var(--popup-width, 280px);
        height: var(--popup-height, 50px);
    }
    20%{
        width: var(--popup-width-minus-twenty, 260px);
        height: var(--popup-height-minus-ten, 40px);
    }
    40%{
        width: var(--popup-width-plus-ten, 290px);
        height: var(--popup-height-minus-twenty, 30px);
    }
    60%{
        width: var(--popup-width-minus-forty, 240px);
        height: var(--popup-height, 50px);
    }
    80%{
        width: var(--popup-width-plus-ten, 290px);
        height: var(--popup-height-plus-ten, 60px);
    }    
}
/* ********************************************************* */
.js-success-0014,
.success-panel-0014 {
    color: var(--popup-success-text-color, rgba(0, 128, 0, 1));
    background: var(--popup-success-bg-color, rgba(194, 251, 215, 1));
    box-shadow: var(--popup-success-shadow-color, rgba(44, 187, 99, 0.2) 0 -25px 18px -14px inset,rgba(44, 187, 99, 0.15) 0 1px 2px,rgba(44, 187, 99, 0.15) 0 2px 4px,rgba(44, 187, 99, 0.15) 0 4px 8px,rgba(44, 187, 99, 0.15) 0 8px 16px,rgba(44, 187, 99, 0.15) 0 16px 32px);
    border: var(--popup-success-border, 2px solid rgba(0, 128, 0, 1));
} 

.js-danger-0014,
.danger-panel-0014 {
    color: var(--popup-danger-text-color, rgba(255, 128, 0, 1));
    background: var(--popup-danger-bg-color, rgba(245, 255, 130, 1));
    box-shadow: var(--popup-danger-shadow-color, rgba(245, 255, 130, 0.2) 0 -25px 18px -14px inset,rgba(245, 255, 130, 0.15) 0 1px 2px,rgba(245, 255, 130, 0.15) 0 2px 4px,rgba(245, 255, 130, 0.15) 0 4px 8px,rgba(245, 255, 130, 0.15) 0 8px 16px,rgba(245, 255, 130, 0.15) 0 16px 32px);
    border: var(--popup-danger-border, 2px solid rgba(240, 164, 23, 1));
}

.js-errors-0014,
.error-panel-0014 {
    color: var(--popup-error-text-color, rgba(255, 0, 0, 1));
    background: var(--popup-error-bg-color, rgba(255, 191, 220, 1));
    box-shadow: var(--popup-error-shadow-color, rgba(255, 191, 220, 0.2) 0 -25px 18px -14px inset,rgba(255, 191, 220, 0.15) 0 1px 2px,rgba(255, 191, 220, 0.15) 0 2px 4px,rgba(255, 191, 220, 0.15) 0 4px 8px,rgba(255, 191, 220, 0.15) 0 8px 16px,rgba(255, 191, 220, 0.15) 0 16px 32px);
    border: var(--popup-error-border, 2px solid rgba(255, 0, 0, 1));
}

.js-info-0014,
.info-panel-0014 {
    color: var(--popup-info-text-color, rgba(0, 0, 255, 1));
    background: var(--popup-info-bg-color, rgba(168, 187, 255, 1));
    box-shadow: var(--popup-info-shadow-color, rgba(168, 187, 255, 0.2) 0 -25px 18px -14px inset,rgba(168, 187, 255, 0.15) 0 1px 2px,rgba(168, 187, 255, 0.15) 0 2px 4px,rgba(168, 187, 255, 0.15) 0 4px 8px,rgba(168, 187, 255, 0.15) 0 8px 16px,rgba(168, 187, 255, 0.15) 0 16px 32px);
    border: var(--popup-info-border, 2px solid rgba(0, 0, 255, 1));
}

.success-panel-0014{
    transform: var(--popup-success-rotation, rotate(1deg));
}

.danger-panel-0014{
    transform: var(--popup-danger-rotation, rotate(1deg));
}

.error-panel-0014{
    transform: var(--popup-error-rotation, rotate(1deg));
}

.info-panel-0014{
    transform: var(--popup-info-rotation, rotate(1deg));
}

.success-panel-0014, 
.danger-panel-0014,
.error-panel-0014,
.info-panel-0014,
.js-success-0014,
.js-danger-0014,
.js-errors-0014,
.js-info-0014 {
    display: flex;
    justify-content: center;
    text-align: center;
    font-size: var(--popups-font-size, 16px);
    padding: var(--popup-padding, 5px 10px 5px 10px);
    border-radius: var(--popup-radius, 8px 8px 8px 8px);
    overflow: hidden;
    z-index: 100;
}

.js-success-content-box-0014,
.js-danger-content-box-0014,
.js-error-content-box-0014,
.js-info-content-box-0014,
.success-content-box-0014,
.danger-content-box-0014,
.error-content-box-0014,
.info-content-box-0014{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.js-success-0014,
.js-danger-0014,
.js-errors-0014,
.js-info-0014 {
    position: fixed;
    width: var(--popup-width, 90%);
    height: var(--popup-height, 50px);
    transition: var(--popups-box-transition, 0.5s ease-in-out);
    z-index: 200;
}

.js-success-0014.active-0014,
.js-danger-0014.active-0014,
.js-errors-0014.active-0014,
.js-info-0014.active-0014 {  
    transition: var(--popups-box-transition, 0.5s ease-in-out);
    animation: var(--popups-box-animation-name, gummy-anim) var(--popups-box-animation-transition, 1s ease-in-out);
}

.js-success-0014.top-0014 {
    top: var(--popup-position-top-hide, -60px);
    left: 50%;
    transform: translate(-50%, -50%) var(--popup-success-rotation, rotate(-2deg));
}

.js-danger-0014.top-0014 {
    top: var(--popup-position-top-hide, -60px);
    left: 50%;
    transform: translate(-50%, -50%) var(--popup-danger-rotation, rotate(-2deg));
}


.js-errors-0014.top-0014 {
    top: var(--popup-position-top-hide, -60px);
    left: 50%;
    transform: translate(-50%, -50%) var(--popup-error-rotation, rotate(-2deg));
}


.js-info-0014.top-0014 {
    top: var(--popup-position-top-hide, -60px);
    left: 50%;
    transform: translate(-50%, -50%) var(--popup-info-rotation, rotate(-2deg));
}

.js-success-0014.active-0014.top-0014,
.js-danger-0014.active-0014.top-0014,
.js-errors-0014.active-0014.top-0014,
.js-info-0014.active-0014.top-0014 {  
    top: var(--popup-position-top-show, 40px);
    left: 50%;
}

.js-success-0014.bottom-0014 {
    bottom: var(--popup-position-bottom-hide, -100px);
    left: 50%;
    transform: translate(-50%, -50%) var(--popup-success-rotation, rotate(1deg));
}

.js-danger-0014.bottom-0014 {
    bottom: var(--popup-position-bottom-hide, -100px);
    left: 50%;
    transform: translate(-50%, -50%) var(--popup-danger-rotation, rotate(1deg));
}

.js-errors-0014.bottom-0014 {
    bottom: var(--popup-position-bottom-hide, -100px);
    left: 50%;
    transform: translate(-50%, -50%) var(--popup-error-rotation, rotate(1deg));
}


.js-info-0014.bottom-0014 {
    bottom: var(--popup-position-bottom-hide, -100px);
    left: 50%;
    transform: translate(-50%, -50%) var(--popup-info-rotation, rotate(1deg));
}

.js-success-0014.active-0014.bottom-0014,
.js-danger-0014.active-0014.bottom-0014,
.js-errors-0014.active-0014.bottom-0014,
.js-info-0014.active-0014.bottom-0014 {  
    bottom: var(--popup-position-bottom-show, 0px);
    left: 50%;
}

.js-success-0014.left-top-0014 {
    top: 10px;
    left: var(--popup-position-top-left-hide, -300px);
    transform: var(--popup-success-rotation, rotate(1deg));
}

.js-danger-0014.left-top-0014 {
    top: 10px;
    left: var(--popup-position-top-left-hide, -300px);
    transform: var(--popup-danger-rotation, rotate(1deg));
}


.js-errors-0014.left-top-0014 {
    top: 10px;
    left: var(--popup-position-top-left-hide, -300px);
    transform: var(--popup-error-rotation, rotate(1deg));
}

.js-info-0014.left-top-0014 {
    top: 10px;
    left: var(--popup-position-top-left-hide, -300px);
    transform: var(--popup-info-rotation, rotate(1deg));
}

.js-success-0014.active-0014.left-top-0014,
.js-danger-0014.active-0014.left-top-0014,
.js-errors-0014.active-0014.left-top-0014,
.js-info-0014.active-0014.left-top-0014 {  
    top: 10px;
    left: var(--popup-position-top-left-show, 10px);
}

.js-success-0014.left-bottom-0014 {
    bottom: 10px;
    left: var(--popup-position-bottom-left-hide, -300px);
    transform: var(--popup-success-rotation, rotate(1deg));
}

.js-danger-0014.left-bottom-0014 {
    bottom: 10px;
    left: var(--popup-position-bottom-left-hide, -300px);
    transform: var(--popup-danger-rotation, rotate(1deg));
}

.js-errors-0014.left-bottom-0014 {
    bottom: 10px;
    left: var(--popup-position-bottom-left-hide, -300px);
    transform: var(--popup-error-rotation, rotate(1deg));
}

.js-info-0014.left-bottom-0014 {
    bottom: 10px;
    left: var(--popup-position-bottom-left-hide, -300px);
    transform: var(--popup-info-rotation, rotate(1deg));
}

.js-success-0014.active-0014.left-bottom-0014,
.js-danger-0014.active-0014.left-bottom-0014,
.js-errors-0014.active-0014.left-bottom-0014,
.js-info-0014.active-0014.left-bottom-0014 {  
    bottom: 10px;
    left: var(--popup-position-bottom-left-show, 10px);
}

.js-success-0014.right-top-0014 {
    top: 10px;
    right: var(--popup-position-top-right-hide, -300px);
    transform: var(--popup-success-rotation, rotate(1deg));
}

.js-danger-0014.right-top-0014 {
    top: 10px;
    right: var(--popup-position-top-right-hide, -300px);
    transform: var(--popup-danger-rotation, rotate(1deg));
}

.js-errors-0014.right-top-0014 {
    top: 10px;
    right: var(--popup-position-top-right-hide, -300px);
    transform: var(--popup-error-rotation, rotate(1deg));
}

.js-info-0014.right-top-0014 {
    top: 10px;
    right: var(--popup-position-top-right-hide, -300px);
    transform: var(--popup-info-rotation, rotate(1deg));
}

.js-success-0014.active-0014.right-top-0014,
.js-danger-0014.active-0014.right-top-0014,
.js-errors-0014.active-0014.right-top-0014,
.js-info-0014.active-0014.right-top-0014 {  
    top: 10px;
    right: var(--popup-position-top-right-show, 10px);
}

.js-success-0014.right-bottom-0014 {
    bottom: 10px;
    right: var(--popup-position-bottom-right-hide, -300px);
    transform: var(--popup-success-rotation, rotate(1deg));
}

.js-danger-0014.right-bottom-0014 {
    bottom: 10px;
    right: var(--popup-position-bottom-right-hide, -300px);
    transform: var(--popup-danger-rotation, rotate(1deg));
}

.js-errors-0014.right-bottom-0014 {
    bottom: 10px;
    right: var(--popup-position-bottom-right-hide, -300px);
    transform: var(--popup-error-rotation, rotate(1deg));
}

.js-info-0014.right-bottom-0014 {
    bottom: 10px;
    right: var(--popup-position-bottom-right-hide, -300px);
    transform: var(--popup-info-rotation, rotate(1deg));
}

.js-success-0014.active-0014.right-bottom-0014,
.js-danger-0014.active-0014.right-bottom-0014,
.js-errors-0014.active-0014.right-bottom-0014,
.js-info-0014.active-0014.right-bottom-0014 {  
    bottom: 10px;
    right: var(--popup-position-bottom-right-show, 10px);
}

.main-preview-pop-0014 {
    position: fixed; 
    bottom: 110px;
    left: 10px;
    width: 260px;
    height: 50px;
    background-color: transparent;
    border: none;
    border-radius: 5px;
    cursor: move;
}

.success-panel-0014, 
.danger-panel-0014,
.error-panel-0014,
.info-panel-0014 {
    position: absolute; 
    top: 0px;
    left: 0px;
    width: 260px;
    height: 50px;
    opacity: 0;
    pointer-events: none;
}

.success-panel-0014.active-0014, 
.danger-panel-0014.active-0014,
.error-panel-0014.active-0014,
.info-panel-0014.active-0014 { 
    opacity: 1;
}

@keyframes gummy-anim {
    0%, 100%{
        width: var(--popup-width, 280px);
        height: var(--popup-height, 50px);
    }
    20%{
        width: var(--popup-width-minus-twenty, 260px);
        height: var(--popup-height-minus-ten, 40px);
    }
    40%{
        width: var(--popup-width-plus-ten, 290px);
        height: var(--popup-height-minus-twenty, 30px);
    }
    60%{
        width: var(--popup-width-minus-forty, 240px);
        height: var(--popup-height, 50px);
    }
    80%{
        width: var(--popup-width-plus-ten, 290px);
        height: var(--popup-height-plus-ten, 60px);
    }    
}
/* ********************************************************* */
.js-success-0015,
.success-panel-0015 {
    color: var(--popup-success-text-color, rgba(0, 128, 0, 1));
    background: var(--popup-success-bg-color, rgba(194, 251, 215, 1));
    box-shadow: var(--popup-success-shadow-color, rgba(44, 187, 99, 0.2) 0 -25px 18px -14px inset,rgba(44, 187, 99, 0.15) 0 1px 2px,rgba(44, 187, 99, 0.15) 0 2px 4px,rgba(44, 187, 99, 0.15) 0 4px 8px,rgba(44, 187, 99, 0.15) 0 8px 16px,rgba(44, 187, 99, 0.15) 0 16px 32px);
    border: var(--popup-success-border, 2px solid rgba(0, 128, 0, 1));
} 

.js-danger-0015,
.danger-panel-0015 {
    color: var(--popup-danger-text-color, rgba(255, 128, 0, 1));
    background: var(--popup-danger-bg-color, rgba(245, 255, 130, 1));
    box-shadow: var(--popup-danger-shadow-color, rgba(245, 255, 130, 0.2) 0 -25px 18px -14px inset,rgba(245, 255, 130, 0.15) 0 1px 2px,rgba(245, 255, 130, 0.15) 0 2px 4px,rgba(245, 255, 130, 0.15) 0 4px 8px,rgba(245, 255, 130, 0.15) 0 8px 16px,rgba(245, 255, 130, 0.15) 0 16px 32px);
    border: var(--popup-danger-border, 2px solid rgba(240, 164, 23, 1));
}

.js-errors-0015,
.error-panel-0015 {
    color: var(--popup-error-text-color, rgba(255, 0, 0, 1));
    background: var(--popup-error-bg-color, rgba(255, 191, 220, 1));
    box-shadow: var(--popup-error-shadow-color, rgba(255, 191, 220, 0.2) 0 -25px 18px -14px inset,rgba(255, 191, 220, 0.15) 0 1px 2px,rgba(255, 191, 220, 0.15) 0 2px 4px,rgba(255, 191, 220, 0.15) 0 4px 8px,rgba(255, 191, 220, 0.15) 0 8px 16px,rgba(255, 191, 220, 0.15) 0 16px 32px);
    border: var(--popup-error-border, 2px solid rgba(255, 0, 0, 1));
}

.js-info-0015,
.info-panel-0015 {
    color: var(--popup-info-text-color, rgba(0, 0, 255, 1));
    background: var(--popup-info-bg-color, rgba(168, 187, 255, 1));
    box-shadow: var(--popup-info-shadow-color, rgba(168, 187, 255, 0.2) 0 -25px 18px -14px inset,rgba(168, 187, 255, 0.15) 0 1px 2px,rgba(168, 187, 255, 0.15) 0 2px 4px,rgba(168, 187, 255, 0.15) 0 4px 8px,rgba(168, 187, 255, 0.15) 0 8px 16px,rgba(168, 187, 255, 0.15) 0 16px 32px);
    border: var(--popup-info-border, 2px solid rgba(0, 0, 255, 1));
}

.success-panel-0015{
    transform: var(--popup-success-rotation, rotate(1deg));
}

.danger-panel-0015{
    transform: var(--popup-danger-rotation, rotate(1deg));
}

.error-panel-0015{
    transform: var(--popup-error-rotation, rotate(1deg));
}

.info-panel-0015{
    transform: var(--popup-info-rotation, rotate(1deg));
}

.success-panel-0015, 
.danger-panel-0015,
.error-panel-0015,
.info-panel-0015,
.js-success-0015,
.js-danger-0015,
.js-errors-0015,
.js-info-0015 {
    display: flex;
    justify-content: center;
    text-align: center;
    font-size: var(--popups-font-size, 16px);
    padding: var(--popup-padding, 5px 10px 5px 10px);
    border-radius: var(--popup-radius, 8px 8px 8px 8px);
    overflow: hidden;
    z-index: 100;
}

.js-success-content-box-0015,
.js-danger-content-box-0015,
.js-error-content-box-0015,
.js-info-content-box-0015,
.success-content-box-0015,
.danger-content-box-0015,
.error-content-box-0015,
.info-content-box-0015{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.js-success-0015,
.js-danger-0015,
.js-errors-0015,
.js-info-0015 {
    position: fixed;
    width: var(--popup-width, 90%);
    height: var(--popup-height, 50px);
    transition: var(--popups-box-transition, 0.5s ease-in-out);
    z-index: 200;
}

.js-success-0015.active-0015,
.js-danger-0015.active-0015,
.js-errors-0015.active-0015,
.js-info-0015.active-0015 {  
    transition: var(--popups-box-transition, 0.5s ease-in-out);
    animation: var(--popups-box-animation-name, gummy-anim) var(--popups-box-animation-transition, 1s ease-in-out);
}

.js-success-0015.top-0015 {
    top: var(--popup-position-top-hide, -60px);
    left: 50%;
    transform: translate(-50%, -50%) var(--popup-success-rotation, rotate(-2deg));
}

.js-danger-0015.top-0015 {
    top: var(--popup-position-top-hide, -60px);
    left: 50%;
    transform: translate(-50%, -50%) var(--popup-danger-rotation, rotate(-2deg));
}


.js-errors-0015.top-0015 {
    top: var(--popup-position-top-hide, -60px);
    left: 50%;
    transform: translate(-50%, -50%) var(--popup-error-rotation, rotate(-2deg));
}


.js-info-0015.top-0015 {
    top: var(--popup-position-top-hide, -60px);
    left: 50%;
    transform: translate(-50%, -50%) var(--popup-info-rotation, rotate(-2deg));
}

.js-success-0015.active-0015.top-0015,
.js-danger-0015.active-0015.top-0015,
.js-errors-0015.active-0015.top-0015,
.js-info-0015.active-0015.top-0015 {  
    top: var(--popup-position-top-show, 40px);
    left: 50%;
}

.js-success-0015.bottom-0015 {
    bottom: var(--popup-position-bottom-hide, -100px);
    left: 50%;
    transform: translate(-50%, -50%) var(--popup-success-rotation, rotate(1deg));
}

.js-danger-0015.bottom-0015 {
    bottom: var(--popup-position-bottom-hide, -100px);
    left: 50%;
    transform: translate(-50%, -50%) var(--popup-danger-rotation, rotate(1deg));
}

.js-errors-0015.bottom-0015 {
    bottom: var(--popup-position-bottom-hide, -100px);
    left: 50%;
    transform: translate(-50%, -50%) var(--popup-error-rotation, rotate(1deg));
}


.js-info-0015.bottom-0015 {
    bottom: var(--popup-position-bottom-hide, -100px);
    left: 50%;
    transform: translate(-50%, -50%) var(--popup-info-rotation, rotate(1deg));
}

.js-success-0015.active-0015.bottom-0015,
.js-danger-0015.active-0015.bottom-0015,
.js-errors-0015.active-0015.bottom-0015,
.js-info-0015.active-0015.bottom-0015 {  
    bottom: var(--popup-position-bottom-show, 0px);
    left: 50%;
}

.js-success-0015.left-top-0015 {
    top: 10px;
    left: var(--popup-position-top-left-hide, -300px);
    transform: var(--popup-success-rotation, rotate(1deg));
}

.js-danger-0015.left-top-0015 {
    top: 10px;
    left: var(--popup-position-top-left-hide, -300px);
    transform: var(--popup-danger-rotation, rotate(1deg));
}


.js-errors-0015.left-top-0015 {
    top: 10px;
    left: var(--popup-position-top-left-hide, -300px);
    transform: var(--popup-error-rotation, rotate(1deg));
}

.js-info-0015.left-top-0015 {
    top: 10px;
    left: var(--popup-position-top-left-hide, -300px);
    transform: var(--popup-info-rotation, rotate(1deg));
}

.js-success-0015.active-0015.left-top-0015,
.js-danger-0015.active-0015.left-top-0015,
.js-errors-0015.active-0015.left-top-0015,
.js-info-0015.active-0015.left-top-0015 {  
    top: 10px;
    left: var(--popup-position-top-left-show, 10px);
}

.js-success-0015.left-bottom-0015 {
    bottom: 10px;
    left: var(--popup-position-bottom-left-hide, -300px);
    transform: var(--popup-success-rotation, rotate(1deg));
}

.js-danger-0015.left-bottom-0015 {
    bottom: 10px;
    left: var(--popup-position-bottom-left-hide, -300px);
    transform: var(--popup-danger-rotation, rotate(1deg));
}

.js-errors-0015.left-bottom-0015 {
    bottom: 10px;
    left: var(--popup-position-bottom-left-hide, -300px);
    transform: var(--popup-error-rotation, rotate(1deg));
}

.js-info-0015.left-bottom-0015 {
    bottom: 10px;
    left: var(--popup-position-bottom-left-hide, -300px);
    transform: var(--popup-info-rotation, rotate(1deg));
}

.js-success-0015.active-0015.left-bottom-0015,
.js-danger-0015.active-0015.left-bottom-0015,
.js-errors-0015.active-0015.left-bottom-0015,
.js-info-0015.active-0015.left-bottom-0015 {  
    bottom: 10px;
    left: var(--popup-position-bottom-left-show, 10px);
}

.js-success-0015.right-top-0015 {
    top: 10px;
    right: var(--popup-position-top-right-hide, -300px);
    transform: var(--popup-success-rotation, rotate(1deg));
}

.js-danger-0015.right-top-0015 {
    top: 10px;
    right: var(--popup-position-top-right-hide, -300px);
    transform: var(--popup-danger-rotation, rotate(1deg));
}

.js-errors-0015.right-top-0015 {
    top: 10px;
    right: var(--popup-position-top-right-hide, -300px);
    transform: var(--popup-error-rotation, rotate(1deg));
}

.js-info-0015.right-top-0015 {
    top: 10px;
    right: var(--popup-position-top-right-hide, -300px);
    transform: var(--popup-info-rotation, rotate(1deg));
}

.js-success-0015.active-0015.right-top-0015,
.js-danger-0015.active-0015.right-top-0015,
.js-errors-0015.active-0015.right-top-0015,
.js-info-0015.active-0015.right-top-0015 {  
    top: 10px;
    right: var(--popup-position-top-right-show, 10px);
}

.js-success-0015.right-bottom-0015 {
    bottom: 10px;
    right: var(--popup-position-bottom-right-hide, -300px);
    transform: var(--popup-success-rotation, rotate(1deg));
}

.js-danger-0015.right-bottom-0015 {
    bottom: 10px;
    right: var(--popup-position-bottom-right-hide, -300px);
    transform: var(--popup-danger-rotation, rotate(1deg));
}

.js-errors-0015.right-bottom-0015 {
    bottom: 10px;
    right: var(--popup-position-bottom-right-hide, -300px);
    transform: var(--popup-error-rotation, rotate(1deg));
}

.js-info-0015.right-bottom-0015 {
    bottom: 10px;
    right: var(--popup-position-bottom-right-hide, -300px);
    transform: var(--popup-info-rotation, rotate(1deg));
}

.js-success-0015.active-0015.right-bottom-0015,
.js-danger-0015.active-0015.right-bottom-0015,
.js-errors-0015.active-0015.right-bottom-0015,
.js-info-0015.active-0015.right-bottom-0015 {  
    bottom: 10px;
    right: var(--popup-position-bottom-right-show, 10px);
}

.main-preview-pop-0015 {
    position: fixed; 
    bottom: 110px;
    left: 10px;
    width: 260px;
    height: 50px;
    background-color: transparent;
    border: none;
    border-radius: 5px;
    cursor: move;
}

.success-panel-0015, 
.danger-panel-0015,
.error-panel-0015,
.info-panel-0015 {
    position: absolute; 
    top: 0px;
    left: 0px;
    width: 260px;
    height: 50px;
    opacity: 0;
    pointer-events: none;
}

.success-panel-0015.active-0015, 
.danger-panel-0015.active-0015,
.error-panel-0015.active-0015,
.info-panel-0015.active-0015 { 
    opacity: 1;
}

@keyframes gummy-anim {
    0%, 100%{
        width: var(--popup-width, 280px);
        height: var(--popup-height, 50px);
    }
    20%{
        width: var(--popup-width-minus-twenty, 260px);
        height: var(--popup-height-minus-ten, 40px);
    }
    40%{
        width: var(--popup-width-plus-ten, 290px);
        height: var(--popup-height-minus-twenty, 30px);
    }
    60%{
        width: var(--popup-width-minus-forty, 240px);
        height: var(--popup-height, 50px);
    }
    80%{
        width: var(--popup-width-plus-ten, 290px);
        height: var(--popup-height-plus-ten, 60px);
    }    
}
/* ********************************************************* */
.main-preview-pop-0016 {
    position: fixed; 
    bottom: 110px;
    left: 10px;
    width: 260px;
    height: 50px;
    background-color: transparent;
    border: none;
    border-radius: 5px;
    cursor: move;
}

.success-panel-0016-main, 
.danger-panel-0016-main,
.error-panel-0016-main,
.info-panel-0016-main {
    position: absolute; 
    top: 0px;
    left: 0px;
    width: 260px;
    height: 50px;
    opacity: 0;
    pointer-events: none;
}

.success-panel-0016-main.active-0016, 
.danger-panel-0016-main.active-0016,
.error-panel-0016-main.active-0016,
.info-panel-0016-main.active-0016 { 
    opacity: 1;
}

.js-success-0016-main,
.js-danger-0016-main,
.js-errors-0016-main,
.js-info-0016-main {
    position: fixed;
    width: var(--popup-width, 90%);
    height: var(--popup-height, 50px);
    transition: var(--popups-box-transition, 0.5s ease-in-out);
    border-radius: var(--popup-radius, 8px 8px 8px 8px);
    z-index: 200;
}

.js-success-0016
.js-danger-0016
.js-errors-0016
.js-info-0016,
.success-0016
.danger-0016
.error-0016
.info-0016 {
    position: relative;
    width: 100%;
    border-radius: var(--popup-radius, 8px 8px 8px 8px);
}

.js-success-0016-panel,
.success-panel-0016 {
    color: var(--popup-success-text-color, rgba(241, 241, 241, 1));
    background-image: var(--popup-success-bg-color, linear-gradient(135deg, rgba(51, 255, 72, 1) 0%, rgba(115, 255, 136, 1) 50%, rgba(144, 255, 18, 1) 75%, rgba(178, 255, 0, 1) 100%));
    border: var(--popup-success-border, 2px solid rgba(0, 128, 0, 1));
} 

.js-danger-0016-panel,
.danger-panel-0016 {
    color: var(--popup-danger-text-color, rgba(241, 241, 241, 1));
    background-image: var(--popup-danger-bg-color, linear-gradient(135deg, rgba(255, 134, 0, 1) 0%, rgba(255, 189, 0, 1) 50%, rgba(204, 85, 44, 1) 75%, rgba(255, 76, 30, 1) 100%));
    border: var(--popup-danger-border, 2px solid rgba(240, 164, 23, 1));
}

.js-errors-0016-panel,
.error-panel-0016 {
    color: var(--popup-error-text-color, rgba(241, 241, 241, 1));
    background-image: var(--popup-error-bg-color, linear-gradient(135deg, rgba(255, 0, 0, 1) 0%, rgba(255, 101, 151, 1) 50%, rgba(158, 0, 18, 1) 75%, rgba(255, 0, 93, 1) 100%));
    border: var(--popup-error-border, 2px solid rgba(255, 0, 0, 1));
}

.js-info-0016-panel,
.info-panel-0016 {
    color: var(--popup-info-text-color, rgba(241, 241, 241, 1));
    background-image: var(--popup-info-bg-color, linear-gradient(135deg, rgba(0, 0, 255, 1) 0%, rgba(132, 186, 255, 1) 50%, rgba(103, 85, 197, 1) 75%, rgba(0, 0, 255, 1) 100%));
    border: var(--popup-info-border, 2px solid rgba(0, 0, 255, 1));
}

.success-panel-0016,
.danger-panel-0016,
.error-panel-0016,
.info-panel-0016 {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 260px;
    height: 50px;
    font-size: var(--popups-font-size, 16px);
    top: 10px;
    left: 0px;
    padding: var(--popup-padding, 5px 10px 5px 10px);
    border-radius: var(--popup-radius, 8px 8px 8px 8px);
    box-shadow: var(--popups-box-shadow, -2px -2px 5px rgba(64, 75, 78, 0.2), 2px 2px 5px rgba(0, 0, 0, 0.9), inset -2px -2px 5px rgba(64, 75, 78, 0.2), inset 2px 2px 5px rgba(0, 0, 0, 0.9));
    box-sizing: border-box;
    overflow: hidden;
    z-index: 3;
} 

.js-success-0016-panel,
.js-danger-0016-panel,
.js-errors-0016-panel,
.js-info-0016-panel {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--popup-width, 90%);
    height: var(--popup-height, 50px);
    font-size: var(--popups-font-size, 16px);
    top: 10px;
    left: 0px;
    padding: var(--popup-padding, 5px 10px 5px 10px);
    border-radius: var(--popup-radius, 8px 8px 8px 8px);
    box-shadow: var(--popups-box-shadow, -2px -2px 5px rgba(64, 75, 78, 0.2), 2px 2px 5px rgba(0, 0, 0, 0.9), inset -2px -2px 5px rgba(64, 75, 78, 0.2), inset 2px 2px 5px rgba(0, 0, 0, 0.9));
    box-sizing: border-box;
    overflow: hidden;
    z-index: 3;
} 

.success-panel-under-0016,
.danger-panel-under-0016,
.error-panel-under-0016,
.info-panel-under-0016 {
    position: absolute;
    width: 260px;
    height: 50px;
    top: 5px;
    left: -5px;
    background-color: rgba(33, 33, 33, 1);
    border-radius: var(--popup-radius, 8px 8px 8px 8px);
    box-shadow: var(--popups-box-shadow, -2px -2px 5px rgba(64, 75, 78, 0.2), 2px 2px 5px rgba(0, 0, 0, 0.9), inset -2px -2px 5px rgba(64, 75, 78, 0.2), inset 2px 2px 5px rgba(0, 0, 0, 0.9));
    box-sizing: border-box;
    z-index: 2;
} 

.js-success-0016-panel-under,
.success-panel-under-0016 {
    background-color: var(--popup-success-under-box-bg-color, rgba(33, 33, 33, 1));
    border: var(--popup-under-box-success-border, 3px double rgba(0, 0, 0, 1));    
} 

.js-danger-0016-panel-under,
.danger-panel-under-0016 {
    background-color: var(--popup-danger-under-box-bg-color, rgba(33, 33, 33, 1));
    border: var(--popup-under-box-danger-border, 3px double rgba(0, 0, 0, 1));    
} 

.js-errors-0016-panel-under,
.error-panel-under-0016 {
    background-color: var(--popup-error-under-box-bg-color, rgba(33, 33, 33, 1));
    border: var(--popup-under-box-error-border, 3px double rgba(0, 0, 0, 1));    
} 

.js-info-0016-panel-under,
.info-panel-under-0016 {
    background-color: var(--popup-info-under-box-bg-color, rgba(33, 33, 33, 1));
    border: var(--popup-under-box-info-border, 3px double rgba(0, 0, 0, 1));    
} 

.js-success-0016-panel-under,
.js-danger-0016-panel-under,
.js-errors-0016-panel-under,
.js-info-0016-panel-under {
    position: absolute;
    width: var(--popup-width, 90%);
    height: var(--popup-height, 50px);
    top: 5px;
    left: -5px;
    border-radius: var(--popup-radius, 8px 8px 8px 8px);
    box-shadow: var(--popups-box-shadow, -2px -2px 5px rgba(64, 75, 78, 0.2), 2px 2px 5px rgba(0, 0, 0, 0.9), inset -2px -2px 5px rgba(64, 75, 78, 0.2), inset 2px 2px 5px rgba(0, 0, 0, 0.9));
    box-sizing: border-box;
    z-index: 2;
} 

.js-success-0016,
.js-danger-0016,
.js-error-0016,
.js-info-0016,
.success-0016,
.danger-0016,
.error-0016,
.info-0016{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--popup-width, 90%);
    height: var(--popup-height, 50px);
    transition: var(--popups-box-transition, 0.5s ease-in-out);
    z-index: 200;
}

.js-success-0016-main.active-0016,
.js-danger-0016-main.active-0016,
.js-errors-0016-main.active-0016,
.js-info-0016-main.active-0016 {  
    transition: var(--popups-box-transition, 0.5s ease-in-out);
}

.js-success-0016-main.top-0016,
.js-danger-0016-main.top-0016,
.js-errors-0016-main.top-0016,
.js-info-0016-main.top-0016 {
    top: var(--popup-position-top-hide, -60px);
    left: 50%;
    transform: translate(-50%, -50%);
}

.js-success-0016-main.active-0016.top-0016,
.js-danger-0016-main.active-0016.top-0016,
.js-errors-0016-main.active-0016.top-0016,
.js-info-0016-main.active-0016.top-0016 {  
    top: var(--popup-position-top-show, 40px);
    left: 50%;
    transform: translate(-50%, -50%);
}

.js-success-0016-main.bottom-0016,
.js-danger-0016-main.bottom-0016,
.js-errors-0016-main.bottom-0016,
.js-info-0016-main.bottom-0016 {
    bottom: var(--popup-position-bottom-hide, -100px);
    left: 50%;
    transform: translate(-50%, -50%);
}

.js-success-0016-main.active-0016.bottom-0016,
.js-danger-0016-main.active-0016.bottom-0016,
.js-errors-0016-main.active-0016.bottom-0016,
.js-info-0016-main.active-0016.bottom-0016 {  
    bottom: var(--popup-position-bottom-show, 0px);
    left: 50%;
    transform: translate(-50%, -50%);
}

.js-success-0016-main.left-top-0016,
.js-danger-0016-main.left-top-0016,
.js-errors-0016-main.left-top-0016,
.js-info-0016-main.left-top-0016 {
    top: 10px;
    left: var(--popup-position-top-left-hide, -300px);
}

.js-success-0016-main.active-0016.left-top-0016,
.js-danger-0016-main.active-0016.left-top-0016,
.js-errors-0016-main.active-0016.left-top-0016,
.js-info-0016-main.active-0016.left-top-0016 {  
    top: 10px;
    left: var(--popup-position-top-left-show, 10px);
}

.js-success-0016-main.left-bottom-0016,
.js-danger-0016-main.left-bottom-0016,
.js-errors-0016-main.left-bottom-0016,
.js-info-0016-main.left-bottom-0016 {
    bottom: 20px;
    left: var(--popup-position-bottom-left-hide, -300px);
}

.js-success-0016-main.active-0016.left-bottom-0016,
.js-danger-0016-main.active-0016.left-bottom-0016,
.js-errors-0016-main.active-0016.left-bottom-0016,
.js-info-0016-main.active-0016.left-bottom-0016 {  
    bottom: 20px;
    left: var(--popup-position-bottom-left-show, 10px);
}

.js-success-0016-main.right-top-0016,
.js-danger-0016-main.right-top-0016,
.js-errors-0016-main.right-top-0016,
.js-info-0016-main.right-top-0016 {
    top: 10px;
    right: var(--popup-position-top-right-hide, -300px);
}

.js-success-0016-main.active-0016.right-top-0016,
.js-danger-0016-main.active-0016.right-top-0016,
.js-errors-0016-main.active-0016.right-top-0016,
.js-info-0016-main.active-0016.right-top-0016 {  
    top: 10px;
    right: var(--popup-position-top-right-show, 10px);
}

.js-success-0016-main.right-bottom-0016,
.js-danger-0016-main.right-bottom-0016,
.js-errors-0016-main.right-bottom-0016,
.js-info-0016-main.right-bottom-0016 {
    bottom: 20px;
    right: var(--popup-position-bottom-right-hide, -300px);
}

.js-success-0016-main.active-0016.right-bottom-0016,
.js-danger-0016-main.active-0016.right-bottom-0016,
.js-errors-0016-main.active-0016.right-bottom-0016,
.js-info-0016-main.active-0016.right-bottom-0016 {  
    bottom: 20px;
    right: var(--popup-position-bottom-right-show, 10px);
}

/* ********************************************************* */
.main-preview-pop-0017 {
    position: fixed; 
    bottom: 110px;
    left: 10px;
    width: 260px;
    height: 50px;
    background-color: transparent;
    border: none;
    border-radius: 5px;
    cursor: move;
}

.success-panel-0017-main, 
.danger-panel-0017-main,
.error-panel-0017-main,
.info-panel-0017-main {
    position: absolute; 
    top: 0px;
    left: 0px;
    width: 260px;
    height: 50px;
    opacity: 0;
    pointer-events: none;
}

.success-panel-0017-main.active-0017, 
.danger-panel-0017-main.active-0017,
.error-panel-0017-main.active-0017,
.info-panel-0017-main.active-0017 { 
    opacity: 1;
}

.js-success-0017-main,
.js-danger-0017-main,
.js-errors-0017-main,
.js-info-0017-main {
    position: fixed;
    width: var(--popup-width, 90%);
    height: var(--popup-height, 50px);
    transition: var(--popups-box-transition, 0.5s ease-in-out);
    border-radius: var(--popup-radius, 8px 8px 8px 8px);
    z-index: 200;
}

.js-success-0017
.js-danger-0017
.js-errors-0017
.js-info-0017,
.success-0017
.danger-0017
.error-0017
.info-0017 {
    position: relative;
    width: 100%;
    border-radius: var(--popup-radius, 8px 8px 8px 8px);
}

.js-success-0017-panel,
.success-panel-0017 {
    color: var(--popup-success-text-color, rgba(241, 241, 241, 1));
    background: transparent;
    border: var(--popup-success-border, 2px solid rgba(0, 128, 0, 1));
} 

.js-danger-0017-panel,
.danger-panel-0017 {
    color: var(--popup-danger-text-color, rgba(241, 241, 241, 1));
    background: transparent;
    border: var(--popup-danger-border, 2px solid rgba(240, 164, 23, 1));
}

.js-errors-0017-panel,
.error-panel-0017 {
    color: var(--popup-error-text-color, rgba(241, 241, 241, 1));
    background: transparent;
    border: var(--popup-error-border, 2px solid rgba(255, 0, 0, 1));
}

.js-info-0017-panel,
.info-panel-0017 {
    color: var(--popup-info-text-color, rgba(241, 241, 241, 1));
    background: transparent;
    border: var(--popup-info-border, 2px solid rgba(0, 0, 255, 1));
}

.success-panel-0017,
.danger-panel-0017,
.error-panel-0017,
.info-panel-0017 {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 260px;
    height: 50px;
    font-size: var(--popups-font-size, 16px);
    top: 0px;
    left: 0px;
    padding: var(--popup-padding, 5px 10px 5px 10px);
    border-radius: var(--popup-radius, 8px 8px 8px 8px);
    box-shadow: var(--popups-box-shadow, -2px -2px 5px rgba(64, 75, 78, 0.2), 2px 2px 5px rgba(0, 0, 0, 0.9), inset -2px -2px 5px rgba(64, 75, 78, 0.2), inset 2px 2px 5px rgba(0, 0, 0, 0.9));
    box-sizing: border-box;
    overflow: hidden;
    z-index: 3;
} 

.js-success-0017-panel,
.js-danger-0017-panel,
.js-errors-0017-panel,
.js-info-0017-panel {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--popup-width, 90%);
    height: var(--popup-height, 50px);
    font-size: var(--popups-font-size, 16px);
    top: 0px;
    left: 0px;
    padding: var(--popup-padding, 5px 10px 5px 10px);
    border-radius: var(--popup-radius, 8px 8px 8px 8px);
    box-shadow: var(--popups-box-shadow, -2px -2px 5px rgba(64, 75, 78, 0.2), 2px 2px 5px rgba(0, 0, 0, 0.9), inset -2px -2px 5px rgba(64, 75, 78, 0.2), inset 2px 2px 5px rgba(0, 0, 0, 0.9));
    box-sizing: border-box;
    overflow: hidden;
    z-index: 3;
} 

.success-panel-under-0017,
.danger-panel-under-0017,
.error-panel-under-0017,
.info-panel-under-0017 {
    position: absolute;
    width: 260px;
    height: 50px;
    top: 5px;
    left: -5px;
    background-color: rgba(33, 33, 33, 1);
    border-radius: var(--popup-radius, 8px 8px 8px 8px);
    box-shadow: var(--popups-box-shadow, -2px -2px 5px rgba(64, 75, 78, 0.2), 2px 2px 5px rgba(0, 0, 0, 0.9), inset -2px -2px 5px rgba(64, 75, 78, 0.2), inset 2px 2px 5px rgba(0, 0, 0, 0.9));
    box-sizing: border-box;
    z-index: 2;
} 

.js-success-0017-panel-under,
.success-panel-under-0017 {
    background: var(--popup-success-bg-color, rgba(51, 255, 72, 1));
    border: var(--popup-under-box-success-border, 3px double rgba(0, 0, 0, 1));    
} 

.js-danger-0017-panel-under,
.danger-panel-under-0017 {
    background: var(--popup-danger-bg-color, rgba(255, 134, 0, 1));
    border: var(--popup-under-box-danger-border, 3px double rgba(0, 0, 0, 1));    
} 

.js-errors-0017-panel-under,
.error-panel-under-0017 {
    background: var(--popup-error-bg-color, rgba(255, 0, 0, 1));
    border: var(--popup-under-box-error-border, 3px double rgba(0, 0, 0, 1));    
} 

.js-info-0017-panel-under,
.info-panel-under-0017 {
    background: var(--popup-info-bg-color, rgba(0, 0, 255, 1));
    border: var(--popup-under-box-info-border, 3px double rgba(0, 0, 0, 1));    
} 

.js-success-0017-panel-under,
.js-danger-0017-panel-under,
.js-errors-0017-panel-under,
.js-info-0017-panel-under {
    position: absolute;
    width: var(--popup-width, 90%);
    height: var(--popup-height, 50px);
    top: 5px;
    left: -5px;
    border-radius: var(--popup-radius, 8px 8px 8px 8px);
    box-shadow: var(--popups-box-shadow, -2px -2px 5px rgba(64, 75, 78, 0.2), 2px 2px 5px rgba(0, 0, 0, 0.9), inset -2px -2px 5px rgba(64, 75, 78, 0.2), inset 2px 2px 5px rgba(0, 0, 0, 0.9));
    box-sizing: border-box;
    z-index: 2;
} 

.js-success-0017,
.js-danger-0017,
.js-error-0017,
.js-info-0017,
.success-0017,
.danger-0017,
.error-0017,
.info-0017{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--popup-width, 90%);
    height: var(--popup-height, 50px);
    transition: var(--popups-box-transition, 0.5s ease-in-out);
    z-index: 200;
}

.js-success-0017-main.active-0017,
.js-danger-0017-main.active-0017,
.js-errors-0017-main.active-0017,
.js-info-0017-main.active-0017 {  
    transition: var(--popups-box-transition, 0.5s ease-in-out);
}

.js-success-0017-main.top-0017,
.js-danger-0017-main.top-0017,
.js-errors-0017-main.top-0017,
.js-info-0017-main.top-0017 {
    top: var(--popup-position-top-hide, -60px);
    left: 50%;
    transform: translate(-50%, -50%);
}

.js-success-0017-main.active-0017.top-0017,
.js-danger-0017-main.active-0017.top-0017,
.js-errors-0017-main.active-0017.top-0017,
.js-info-0017-main.active-0017.top-0017 {  
    top: var(--popup-position-top-show, 40px);
    left: 50%;
    transform: translate(-50%, -50%);
}

.js-success-0017-main.bottom-0017,
.js-danger-0017-main.bottom-0017,
.js-errors-0017-main.bottom-0017,
.js-info-0017-main.bottom-0017 {
    bottom: var(--popup-position-bottom-hide, -100px);
    left: 50%;
    transform: translate(-50%, -50%);
}

.js-success-0017-main.active-0017.bottom-0017,
.js-danger-0017-main.active-0017.bottom-0017,
.js-errors-0017-main.active-0017.bottom-0017,
.js-info-0017-main.active-0017.bottom-0017 {  
    bottom: var(--popup-position-bottom-show, 0px);
    left: 50%;
    transform: translate(-50%, -50%);
}

.js-success-0017-main.left-top-0017,
.js-danger-0017-main.left-top-0017,
.js-errors-0017-main.left-top-0017,
.js-info-0017-main.left-top-0017 {
    top: 10px;
    left: var(--popup-position-top-left-hide, -300px);
}

.js-success-0017-main.active-0017.left-top-0017,
.js-danger-0017-main.active-0017.left-top-0017,
.js-errors-0017-main.active-0017.left-top-0017,
.js-info-0017-main.active-0017.left-top-0017 {  
    top: 10px;
    left: var(--popup-position-top-left-show, 10px);
}

.js-success-0017-main.left-bottom-0017,
.js-danger-0017-main.left-bottom-0017,
.js-errors-0017-main.left-bottom-0017,
.js-info-0017-main.left-bottom-0017 {
    bottom: 10px;
    left: var(--popup-position-bottom-left-hide, -300px);
}

.js-success-0017-main.active-0017.left-bottom-0017,
.js-danger-0017-main.active-0017.left-bottom-0017,
.js-errors-0017-main.active-0017.left-bottom-0017,
.js-info-0017-main.active-0017.left-bottom-0017 {  
    bottom: 10px;
    left: var(--popup-position-bottom-left-show, 10px);
}

.js-success-0017-main.right-top-0017,
.js-danger-0017-main.right-top-0017,
.js-errors-0017-main.right-top-0017,
.js-info-0017-main.right-top-0017 {
    top: 10px;
    right: var(--popup-position-top-right-hide, -300px);
}

.js-success-0017-main.active-0017.right-top-0017,
.js-danger-0017-main.active-0017.right-top-0017,
.js-errors-0017-main.active-0017.right-top-0017,
.js-info-0017-main.active-0017.right-top-0017 {  
    top: 10px;
    right: var(--popup-position-top-right-show, 10px);
}

.js-success-0017-main.right-bottom-0017,
.js-danger-0017-main.right-bottom-0017,
.js-errors-0017-main.right-bottom-0017,
.js-info-0017-main.right-bottom-0017 {
    bottom: 10px;
    right: var(--popup-position-bottom-right-hide, -300px);
}

.js-success-0017-main.active-0017.right-bottom-0017,
.js-danger-0017-main.active-0017.right-bottom-0017,
.js-errors-0017-main.active-0017.right-bottom-0017,
.js-info-0017-main.active-0017.right-bottom-0017 {  
    bottom: 10px;
    right: var(--popup-position-bottom-right-show, 10px);
}

/* ********************************************************* */
.main-preview-pop-0018 {
    position: fixed; 
    bottom: 110px;
    left: 10px;
    width: 260px;
    height: 50px;
    background-color: transparent;
    border: none;
    border-radius: 5px;
    cursor: move;
}

.success-panel-0018-main, 
.danger-panel-0018-main,
.error-panel-0018-main,
.info-panel-0018-main {
    position: absolute; 
    top: 0px;
    left: 0px;
    width: 260px;
    height: 50px;
    opacity: 0;
    pointer-events: none;
}

.success-panel-0018-main.active-0018, 
.danger-panel-0018-main.active-0018,
.error-panel-0018-main.active-0018,
.info-panel-0018-main.active-0018 { 
    opacity: 1;
}

.js-success-0018-main,
.js-danger-0018-main,
.js-errors-0018-main,
.js-info-0018-main {
    position: fixed;
    width: var(--popup-width, 90%);
    height: var(--popup-height, 50px);
    transition: var(--popups-box-transition, 0.5s ease-in-out);
    border-radius: var(--popup-radius, 8px 8px 8px 8px);
    z-index: 200;
}

.js-success-0018
.js-danger-0018
.js-errors-0018
.js-info-0018,
.success-0018
.danger-0018
.error-0018
.info-0018 {
    position: relative;
    width: 100%;
    border-radius: var(--popup-radius, 8px 8px 8px 8px);
}

.js-success-0018-panel,
.success-panel-0018 {
    color: var(--popup-success-text-color, rgba(241, 241, 241, 1));
    background: var(--popup-success-bg-color, rgba(51, 255, 72, 1));
    border: var(--popup-success-border, 2px solid rgba(0, 128, 0, 1));
} 

.js-danger-0018-panel,
.danger-panel-0018 {
    color: var(--popup-danger-text-color, rgba(241, 241, 241, 1));
    background: var(--popup-danger-bg-color, rgba(255, 134, 0, 1));
    border: var(--popup-danger-border, 2px solid rgba(240, 164, 23, 1));
}

.js-errors-0018-panel,
.error-panel-0018 {
    color: var(--popup-error-text-color, rgba(241, 241, 241, 1));
    background: var(--popup-error-bg-color, rgba(255, 0, 0, 1));
    border: var(--popup-error-border, 2px solid rgba(255, 0, 0, 1));
}

.js-info-0018-panel,
.info-panel-0018 {
    color: var(--popup-info-text-color, rgba(241, 241, 241, 1));
    background: var(--popup-info-bg-color, rgba(0, 0, 255, 1));
    border: var(--popup-info-border, 2px solid rgba(0, 0, 255, 1));
}

.success-panel-0018,
.danger-panel-0018,
.error-panel-0018,
.info-panel-0018 {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 260px;
    height: 50px;
    font-size: var(--popups-font-size, 16px);
    top: 0px;
    left: 0px;
    padding: var(--popup-padding, 5px 10px 5px 10px);
    border-radius: var(--popup-radius, 8px 8px 8px 8px);
    box-shadow: var(--popups-box-shadow, -2px -2px 5px rgba(64, 75, 78, 0.2), 2px 2px 5px rgba(0, 0, 0, 0.9), inset -2px -2px 5px rgba(64, 75, 78, 0.2), inset 2px 2px 5px rgba(0, 0, 0, 0.9));
    box-sizing: border-box;
    overflow: hidden;
    z-index: 3;
} 

.js-success-0018-panel,
.js-danger-0018-panel,
.js-errors-0018-panel,
.js-info-0018-panel {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--popup-width, 90%);
    height: var(--popup-height, 50px);
    font-size: var(--popups-font-size, 16px);
    top: 0px;
    left: 0px;
    padding: var(--popup-padding, 5px 10px 5px 10px);
    border-radius: var(--popup-radius, 8px 8px 8px 8px);
    box-shadow: var(--popups-box-shadow, -2px -2px 5px rgba(64, 75, 78, 0.2), 2px 2px 5px rgba(0, 0, 0, 0.9), inset -2px -2px 5px rgba(64, 75, 78, 0.2), inset 2px 2px 5px rgba(0, 0, 0, 0.9));
    box-sizing: border-box;
    overflow: hidden;
    z-index: 3;
} 

.success-panel-under-0018,
.danger-panel-under-0018,
.error-panel-under-0018,
.info-panel-under-0018 {
    position: absolute;
    width: 260px;
    height: 50px;
    top: 0px;
    left: 0px;
    background-color: transparent; 
    border-radius: var(--popup-radius, 8px 8px 8px 8px);
    border: 3px double rgba(0, 0, 0, 1);
    box-sizing: border-box;
    z-index: 2;
} 

.js-success-0018-panel-under,
.success-panel-under-0018 {
    box-shadow: var(--popup-success-big-shadow-bg-color, rgba(0, 128, 0, 1) 4px 4px 0 0,rgba(0, 47, 0, 1) 4px 4px 0 1px);
} 

.js-danger-0018-panel-under,
.danger-panel-under-0018 {
    box-shadow: var(--popup-danger-big-shadow-bg-color, rgba(255, 134, 0, 1) 4px 4px 0 0,rgba(155, 43, 17, 1) 4px 4px 0 1px);
} 

.js-errors-0018-panel-under,
.error-panel-under-0018 {
    box-shadow: var(--popup-error-big-shadow-bg-color, rgba(255, 0, 0, 1) 4px 4px 0 0,rgba(62, 0, 0, 1) 4px 4px 0 1px);
} 

.js-info-0018-panel-under,
.info-panel-under-0018 {
    box-shadow: var(--popup-info-big-shadow-bg-color, rgba(0, 0, 255, 1) 4px 4px 0 0,rgba(0, 0, 33, 1) 4px 4px 0 1px);
} 

.js-success-0018-panel-under,
.js-danger-0018-panel-under,
.js-errors-0018-panel-under,
.js-info-0018-panel-under {
    position: absolute;
    width: var(--popup-width, 90%);
    height: var(--popup-height, 50px);
    background-color: transparent; 
    top: 0px;
    left: 0px;
    border-radius: var(--popup-radius, 8px 8px 8px 8px);
    box-sizing: border-box;
    z-index: 2;
} 

.js-success-0018,
.js-danger-0018,
.js-error-0018,
.js-info-0018,
.success-0018,
.danger-0018,
.error-0018,
.info-0018{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--popup-width, 90%);
    height: var(--popup-height, 50px);
    transition: var(--popups-box-transition, 0.5s ease-in-out);
    z-index: 200;
}

.js-success-0018-main.active-0018,
.js-danger-0018-main.active-0018,
.js-errors-0018-main.active-0018,
.js-info-0018-main.active-0018 {  
    transition: var(--popups-box-transition, 0.5s ease-in-out);
}

.js-success-0018-main.top-0018,
.js-danger-0018-main.top-0018,
.js-errors-0018-main.top-0018,
.js-info-0018-main.top-0018 {
    top: var(--popup-position-top-hide, -60px);
    left: 50%;
    transform: translate(-50%, -50%);
}

.js-success-0018-main.active-0018.top-0018,
.js-danger-0018-main.active-0018.top-0018,
.js-errors-0018-main.active-0018.top-0018,
.js-info-0018-main.active-0018.top-0018 {  
    top: var(--popup-position-top-show, 40px);
    left: 50%;
    transform: translate(-50%, -50%);
}

.js-success-0018-main.bottom-0018,
.js-danger-0018-main.bottom-0018,
.js-errors-0018-main.bottom-0018,
.js-info-0018-main.bottom-0018 {
    bottom: var(--popup-position-bottom-hide, -100px);
    left: 50%;
    transform: translate(-50%, -50%);
}

.js-success-0018-main.active-0018.bottom-0018,
.js-danger-0018-main.active-0018.bottom-0018,
.js-errors-0018-main.active-0018.bottom-0018,
.js-info-0018-main.active-0018.bottom-0018 {  
    bottom: var(--popup-position-bottom-show, 0px);
    left: 50%;
    transform: translate(-50%, -50%);
}

.js-success-0018-main.left-top-0018,
.js-danger-0018-main.left-top-0018,
.js-errors-0018-main.left-top-0018,
.js-info-0018-main.left-top-0018 {
    top: 10px;
    left: var(--popup-position-top-left-hide, -300px);
}

.js-success-0018-main.active-0018.left-top-0018,
.js-danger-0018-main.active-0018.left-top-0018,
.js-errors-0018-main.active-0018.left-top-0018,
.js-info-0018-main.active-0018.left-top-0018 {  
    top: 10px;
    left: var(--popup-position-top-left-show, 10px);
}

.js-success-0018-main.left-bottom-0018,
.js-danger-0018-main.left-bottom-0018,
.js-errors-0018-main.left-bottom-0018,
.js-info-0018-main.left-bottom-0018 {
    bottom: 20px;
    left: var(--popup-position-bottom-left-hide, -300px);
}

.js-success-0018-main.active-0018.left-bottom-0018,
.js-danger-0018-main.active-0018.left-bottom-0018,
.js-errors-0018-main.active-0018.left-bottom-0018,
.js-info-0018-main.active-0018.left-bottom-0018 {  
    bottom: 20px;
    left: var(--popup-position-bottom-left-show, 10px);
}

.js-success-0018-main.right-top-0018,
.js-danger-0018-main.right-top-0018,
.js-errors-0018-main.right-top-0018,
.js-info-0018-main.right-top-0018 {
    top: 10px;
    right: var(--popup-position-top-right-hide, -300px);
}

.js-success-0018-main.active-0018.right-top-0018,
.js-danger-0018-main.active-0018.right-top-0018,
.js-errors-0018-main.active-0018.right-top-0018,
.js-info-0018-main.active-0018.right-top-0018 {  
    top: 10px;
    right: var(--popup-position-top-right-show, 10px);
}

.js-success-0018-main.right-bottom-0018,
.js-danger-0018-main.right-bottom-0018,
.js-errors-0018-main.right-bottom-0018,
.js-info-0018-main.right-bottom-0018 {
    bottom: 20px;
    right: var(--popup-position-bottom-right-hide, -300px);
}

.js-success-0018-main.active-0018.right-bottom-0018,
.js-danger-0018-main.active-0018.right-bottom-0018,
.js-errors-0018-main.active-0018.right-bottom-0018,
.js-info-0018-main.active-0018.right-bottom-0018 {  
    bottom: 20px;
    right: var(--popup-position-bottom-right-show, 10px);
}
/* ********************************************************* */

.js-success-0019,
.success-panel-0019 {
    color: var(--popup-success-text-color, rgba(241, 241, 241, 1));
    background: var(--popup-success-bg-color, linear-gradient(-180deg, rgba(0, 228, 0, 1) 0%, rgba(0, 128, 0, 1) 100%));
    border: var(--popup-success-border, 2px solid rgba(0, 128, 0, 1));
    box-shadow: var(--popup-success-shadow-color, inset 0 -12px 6px rgba(0, 48, 0, 1));
} 

.js-danger-0019,
.danger-panel-0019 {
    color: var(--popup-danger-text-color, rgba(241, 241, 241, 1));
    background: var(--popup-danger-bg-color, linear-gradient(-180deg, rgba(255, 196, 0, 1) 0%, rgba(163, 125, 0, 1) 100%));
    border: var(--popup-danger-border, 2px solid rgba(240, 164, 23, 1));
    box-shadow: var(--popup-danger-shadow-color, inset 0 -12px 6px rgba(135, 41, 0, 1));
}

.js-errors-0019,
.error-panel-0019 {
    color: var(--popup-error-text-color, rgba(241, 241, 241, 1));
    background: var(--popup-error-bg-color, linear-gradient(-180deg, rgba(255, 0, 0, 1) 0%, rgba(171, 0, 0, 1) 100%));
    border: var(--popup-error-border, 2px solid rgba(255, 0, 0, 1));
    box-shadow: var(--popup-error-shadow-color, inset 0 -12px 6px rgba(120, 0, 0, 1));
}

.js-info-0019,
.info-panel-0019 {
    color: var(--popup-info-text-color, rgba(241, 241, 241, 1));
    background: var(--popup-info-bg-color, linear-gradient(-180deg, rgba(0, 0, 255, 1) 0%, rgba(0, 0, 138, 1) 100%));
    border: var(--popup-info-border, 2px solid rgba(0, 0, 255, 1));
    box-shadow: var(--popup-info-shadow-color, inset 0 -12px 6px rgba(0, 0, 120, 1));
}

.success-panel-0019, 
.danger-panel-0019,
.error-panel-0019,
.info-panel-0019,
.js-success-0019,
.js-danger-0019,
.js-errors-0019,
.js-info-0019 {
    display: flex;
    justify-content: center;
    text-align: center;
    font-size: var(--popups-font-size, 16px);
    padding: var(--popup-padding, 5px 10px 5px 10px);
    border-radius: var(--popup-radius, 8px 8px 8px 8px);
    overflow: hidden;
    z-index: 100;
}

.js-success-content-box-0019,
.js-danger-content-box-0019,
.js-error-content-box-0019,
.js-info-content-box-0019,
.success-content-box-0019,
.danger-content-box-0019,
.error-content-box-0019,
.info-content-box-0019{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.js-success-0019,
.js-danger-0019,
.js-errors-0019,
.js-info-0019 {
    position: fixed;
    width: var(--popup-width, 90%);
    height: var(--popup-height, 50px);
    transition: var(--popups-box-transition, 0.5s ease-in-out);
    z-index: 200;
}

.js-success-0019.active-0019,
.js-danger-0019.active-0019,
.js-errors-0019.active-0019,
.js-info-0019.active-0019 {  
    transition: var(--popups-box-transition, 0.5s ease-in-out);
    animation: var(--popups-box-animation-name, gummy-anim) var(--popups-box-animation-transition, 1s ease-in-out);
}

.js-success-0019.top-0019,
.js-danger-0019.top-0019,
.js-errors-0019.top-0019,
.js-info-0019.top-0019 {
    top: var(--popup-position-top-hide, -60px);
    left: 50%;
    transform: translate(-50%, -50%);
}

.js-success-0019.active-0019.top-0019,
.js-danger-0019.active-0019.top-0019,
.js-errors-0019.active-0019.top-0019,
.js-info-0019.active-0019.top-0019 {  
    top: var(--popup-position-top-show, 40px);
    left: 50%;
    transform: translate(-50%, -50%);
}

.js-success-0019.bottom-0019,
.js-danger-0019.bottom-0019,
.js-errors-0019.bottom-0019,
.js-info-0019.bottom-0019 {
    bottom: var(--popup-position-bottom-hide, -100px);
    left: 50%;
    transform: translate(-50%, -50%);
}

.js-success-0019.active-0019.bottom-0019,
.js-danger-0019.active-0019.bottom-0019,
.js-errors-0019.active-0019.bottom-0019,
.js-info-0019.active-0019.bottom-0019 {  
    bottom: var(--popup-position-bottom-show, 0px);
    left: 50%;
    transform: translate(-50%, -50%);
}

.js-success-0019.left-top-0019,
.js-danger-0019.left-top-0019,
.js-errors-0019.left-top-0019,
.js-info-0019.left-top-0019 {
    top: 10px;
    left: var(--popup-position-top-left-hide, -300px);
}

.js-success-0019.active-0019.left-top-0019,
.js-danger-0019.active-0019.left-top-0019,
.js-errors-0019.active-0019.left-top-0019,
.js-info-0019.active-0019.left-top-0019 {  
    top: 10px;
    left: var(--popup-position-top-left-show, 10px);
}

.js-success-0019.left-bottom-0019,
.js-danger-0019.left-bottom-0019,
.js-errors-0019.left-bottom-0019,
.js-info-0019.left-bottom-0019 {
    bottom: 10px;
    left: var(--popup-position-bottom-left-hide, -300px);
}

.js-success-0019.active-0019.left-bottom-0019,
.js-danger-0019.active-0019.left-bottom-0019,
.js-errors-0019.active-0019.left-bottom-0019,
.js-info-0019.active-0019.left-bottom-0019 {  
    bottom: 10px;
    left: var(--popup-position-bottom-left-show, 10px);
}

.js-success-0019.right-top-0019,
.js-danger-0019.right-top-0019,
.js-errors-0019.right-top-0019,
.js-info-0019.right-top-0019 {
    top: 10px;
    right: var(--popup-position-top-right-hide, -300px);
}

.js-success-0019.active-0019.right-top-0019,
.js-danger-0019.active-0019.right-top-0019,
.js-errors-0019.active-0019.right-top-0019,
.js-info-0019.active-0019.right-top-0019 {  
    top: 10px;
    right: var(--popup-position-top-right-show, 10px);
}

.js-success-0019.right-bottom-0019,
.js-danger-0019.right-bottom-0019,
.js-errors-0019.right-bottom-0019,
.js-info-0019.right-bottom-0019 {
    bottom: 10px;
    right: var(--popup-position-bottom-right-hide, -300px);
}

.js-success-0019.active-0019.right-bottom-0019,
.js-danger-0019.active-0019.right-bottom-0019,
.js-errors-0019.active-0019.right-bottom-0019,
.js-info-0019.active-0019.right-bottom-0019 {  
    bottom: 10px;
    right: var(--popup-position-bottom-right-show, 10px);
}

.main-preview-pop-0019 {
    position: fixed; 
    bottom: 110px;
    left: 10px;
    width: 260px;
    height: 50px;
    background-color: transparent;
    border: none;
    border-radius: 5px;
    cursor: move;
}

.success-panel-0019, 
.danger-panel-0019,
.error-panel-0019,
.info-panel-0019 {
    position: absolute; 
    top: 0px;
    left: 0px;
    width: 260px;
    height: 50px;
    opacity: 0;
    pointer-events: none;
}

.success-panel-0019.active-0019, 
.danger-panel-0019.active-0019,
.error-panel-0019.active-0019,
.info-panel-0019.active-0019 { 
    opacity: 1;
}

@keyframes gummy-anim {
    0%, 100%{
        width: var(--popup-width, 280px);
        height: var(--popup-height, 50px);
    }
    20%{
        width: var(--popup-width-minus-twenty, 260px);
        height: var(--popup-height-minus-ten, 40px);
    }
    40%{
        width: var(--popup-width-plus-ten, 290px);
        height: var(--popup-height-minus-twenty, 30px);
    }
    60%{
        width: var(--popup-width-minus-forty, 240px);
        height: var(--popup-height, 50px);
    }
    80%{
        width: var(--popup-width-plus-ten, 290px);
        height: var(--popup-height-plus-ten, 60px);
    }    
}
/* ********************************************************* */
.main-preview-pop-0020 {
    position: fixed; 
    bottom: 110px;
    left: 10px;
    width: 260px;
    height: 50px;
    background-color: transparent;
    border: none;
    border-radius: 5px;
    cursor: move;
}

.success-panel-0020-main, 
.danger-panel-0020-main,
.error-panel-0020-main,
.info-panel-0020-main {
    position: absolute; 
    top: 0px;
    left: 0px;
    width: 260px;
    height: 50px;
    opacity: 0;
    pointer-events: none;
}

.success-panel-0020-main.active-0020, 
.danger-panel-0020-main.active-0020,
.error-panel-0020-main.active-0020,
.info-panel-0020-main.active-0020 { 
    opacity: 1;
}
.js-success-0020-main,
.js-danger-0020-main,
.js-errors-0020-main,
.js-info-0020-main {
    position: fixed;
    width: var(--popup-width, 90%);
    height: var(--popup-height, 50px);
    transition: var(--popups-box-transition, 0.5s ease-in-out);
    border-radius: var(--popup-radius, 8px 8px 8px 8px);
    z-index: 200;
}

.js-success-0020
.js-danger-0020
.js-errors-0020
.js-info-0020,
.success-0020
.danger-0020
.error-0020
.info-0020 {
    position: relative;
    width: 100%;
    border-radius: var(--popup-radius, 8px 8px 8px 8px);
}

.js-success-0020-panel,
.success-panel-0020 {
    color: var(--popup-success-text-color, rgba(241, 241, 241, 1));
    background: var(--popup-success-bg-color, rgba(51, 255, 72, 1));
    border: var(--popup-success-border, 2px solid rgba(0, 128, 0, 1));
} 

.js-danger-0020-panel,
.danger-panel-0020 {
    color: var(--popup-danger-text-color, rgba(241, 241, 241, 1));
    background: var(--popup-danger-bg-color, rgba(255, 134, 0, 1));
    border: var(--popup-danger-border, 2px solid rgba(240, 164, 23, 1));
}

.js-errors-0020-panel,
.error-panel-0020 {
    color: var(--popup-error-text-color, rgba(241, 241, 241, 1));
    background: var(--popup-error-bg-color, rgba(255, 0, 0, 1));
    border: var(--popup-error-border, 2px solid rgba(255, 0, 0, 1));
}

.js-info-0020-panel,
.info-panel-0020 {
    color: var(--popup-info-text-color, rgba(241, 241, 241, 1));
    background: var(--popup-info-bg-color, rgba(0, 0, 255, 1));
    border: var(--popup-info-border, 2px solid rgba(0, 0, 255, 1));
}

.success-panel-0020,
.danger-panel-0020,
.error-panel-0020,
.info-panel-0020 {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 260px;
    height: 50px;
    font-size: var(--popups-font-size, 16px);
    top: 0px;
    left: 0px;
    padding: var(--popup-padding, 5px 10px 5px 10px);
    border-radius: var(--popup-radius, 8px 8px 8px 8px);
    box-shadow: var(--popups-box-shadow, -2px -2px 5px rgba(64, 75, 78, 0.2), 2px 2px 5px rgba(0, 0, 0, 0.9), inset -2px -2px 5px rgba(64, 75, 78, 0.2), inset 2px 2px 5px rgba(0, 0, 0, 0.9));
    box-sizing: border-box;
    overflow: hidden;
    z-index: 3;
} 

.js-success-0020-panel,
.js-danger-0020-panel,
.js-errors-0020-panel,
.js-info-0020-panel {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--popup-width, 90%);
    height: var(--popup-height, 50px);
    font-size: var(--popups-font-size, 16px);
    top: 0px;
    left: 0px;
    padding: var(--popup-padding, 5px 10px 5px 10px);
    border-radius: var(--popup-radius, 8px 8px 8px 8px);
    box-shadow: var(--popups-box-shadow, -2px -2px 5px rgba(64, 75, 78, 0.2), 2px 2px 5px rgba(0, 0, 0, 0.9), inset -2px -2px 5px rgba(64, 75, 78, 0.2), inset 2px 2px 5px rgba(0, 0, 0, 0.9));
    box-sizing: border-box;
    overflow: hidden;
    z-index: 3;
} 

.success-panel-under-0020,
.danger-panel-under-0020,
.error-panel-under-0020,
.info-panel-under-0020 {
    position: absolute;
    width: 270px;
    height: 5px;
    bottom: -10px;
    left: -5px;
    border-radius: var(--popup-radius, 8px 8px 8px 8px);
    box-shadow: var(--popups-box-underline-shadow, -2px -2px 5px rgba(64, 75, 78, 0.2), 2px 2px 5px rgba(0, 0, 0, 0.9), inset -2px -2px 5px rgba(64, 75, 78, 0.2), inset 2px 2px 5px rgba(0, 0, 0, 0.9));
    box-sizing: border-box;
    z-index: 2;
} 

.js-success-0020-panel-under,
.success-panel-under-0020 {
    background-color: var(--popup-success-under-box-bg-color, rgba(33, 33, 33, 1));
    border: var(--popup-under-box-success-border, 3px double rgba(0, 0, 0, 1));    
} 

.js-danger-0020-panel-under,
.danger-panel-under-0020 {
    background-color: var(--popup-danger-under-box-bg-color, rgba(33, 33, 33, 1));
    border: var(--popup-under-box-danger-border, 3px double rgba(0, 0, 0, 1));    
} 

.js-errors-0020-panel-under,
.error-panel-under-0020 {
    background-color: var(--popup-error-under-box-bg-color, rgba(33, 33, 33, 1));
    border: var(--popup-under-box-error-border, 3px double rgba(0, 0, 0, 1));    
} 

.js-info-0020-panel-under,
.info-panel-under-0020 {
    background-color: var(--popup-info-under-box-bg-color, rgba(33, 33, 33, 1));
    border: var(--popup-under-box-info-border, 3px double rgba(0, 0, 0, 1));    
} 

.js-success-0020-panel-under,
.js-danger-0020-panel-under,
.js-errors-0020-panel-under,
.js-info-0020-panel-under {
    position: absolute;
    width: var(--popup-width-plus-ten, 290px);
    height: 5px;
    bottom: -10px;
    left: -5px;
    border-radius: var(--popup-radius, 8px 8px 8px 8px);
    box-shadow: var(--popups-box-underline-shadow, -2px -2px 5px rgba(64, 75, 78, 0.2), 2px 2px 5px rgba(0, 0, 0, 0.9), inset -2px -2px 5px rgba(64, 75, 78, 0.2), inset 2px 2px 5px rgba(0, 0, 0, 0.9));
    box-sizing: border-box;
    z-index: 2;
} 

.js-success-0020,
.js-danger-0020,
.js-error-0020,
.js-info-0020,
.success-0020,
.danger-0020,
.error-0020,
.info-0020{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--popup-width, 90%);
    height: var(--popup-height, 50px);
    transition: var(--popups-box-transition, 0.5s ease-in-out);
    z-index: 200;
}

.js-success-0020-main.active-0020,
.js-danger-0020-main.active-0020,
.js-errors-0020-main.active-0020,
.js-info-0020-main.active-0020 {  
    transition: var(--popups-box-transition, 0.5s ease-in-out);
}

.js-success-0020-main.top-0020,
.js-danger-0020-main.top-0020,
.js-errors-0020-main.top-0020,
.js-info-0020-main.top-0020 {
    top: var(--popup-position-top-hide, -60px);
    left: 50%;
    transform: translate(-50%, -50%);
}

.js-success-0020-main.active-0020.top-0020,
.js-danger-0020-main.active-0020.top-0020,
.js-errors-0020-main.active-0020.top-0020,
.js-info-0020-main.active-0020.top-0020 {  
    top: var(--popup-position-top-show, 40px);
    left: 50%;
    transform: translate(-50%, -50%);
}

.js-success-0020-main.bottom-0020,
.js-danger-0020-main.bottom-0020,
.js-errors-0020-main.bottom-0020,
.js-info-0020-main.bottom-0020 {
    bottom: var(--popup-position-bottom-hide, -100px);
    left: 50%;
    transform: translate(-50%, -50%);
}

.js-success-0020-main.active-0020.bottom-0020,
.js-danger-0020-main.active-0020.bottom-0020,
.js-errors-0020-main.active-0020.bottom-0020,
.js-info-0020-main.active-0020.bottom-0020 {  
    bottom: var(--popup-position-bottom-show, 0px);
    left: 50%;
    transform: translate(-50%, -50%);
}

.js-success-0020-main.left-top-0020,
.js-danger-0020-main.left-top-0020,
.js-errors-0020-main.left-top-0020,
.js-info-0020-main.left-top-0020 {
    top: 10px;
    left: var(--popup-position-top-left-hide, -300px);
}

.js-success-0020-main.active-0020.left-top-0020,
.js-danger-0020-main.active-0020.left-top-0020,
.js-errors-0020-main.active-0020.left-top-0020,
.js-info-0020-main.active-0020.left-top-0020 {  
    top: 10px;
    left: var(--popup-position-top-left-show, 10px);
}

.js-success-0020-main.left-bottom-0020,
.js-danger-0020-main.left-bottom-0020,
.js-errors-0020-main.left-bottom-0020,
.js-info-0020-main.left-bottom-0020 {
    bottom: 20px;
    left: var(--popup-position-bottom-left-hide, -300px);
}

.js-success-0020-main.active-0020.left-bottom-0020,
.js-danger-0020-main.active-0020.left-bottom-0020,
.js-errors-0020-main.active-0020.left-bottom-0020,
.js-info-0020-main.active-0020.left-bottom-0020 {  
    bottom: 20px;
    left: var(--popup-position-bottom-left-show, 10px);
}

.js-success-0020-main.right-top-0020,
.js-danger-0020-main.right-top-0020,
.js-errors-0020-main.right-top-0020,
.js-info-0020-main.right-top-0020 {
    top: 10px;
    right: var(--popup-position-top-right-hide, -300px);
}

.js-success-0020-main.active-0020.right-top-0020,
.js-danger-0020-main.active-0020.right-top-0020,
.js-errors-0020-main.active-0020.right-top-0020,
.js-info-0020-main.active-0020.right-top-0020 {  
    top: 10px;
    right: var(--popup-position-top-right-show, 10px);
}

.js-success-0020-main.right-bottom-0020,
.js-danger-0020-main.right-bottom-0020,
.js-errors-0020-main.right-bottom-0020,
.js-info-0020-main.right-bottom-0020 {
    bottom: 20px;
    right: var(--popup-position-bottom-right-hide, -300px);
}

.js-success-0020-main.active-0020.right-bottom-0020,
.js-danger-0020-main.active-0020.right-bottom-0020,
.js-errors-0020-main.active-0020.right-bottom-0020,
.js-info-0020-main.active-0020.right-bottom-0020 {  
    bottom: 20px;
    right: var(--popup-position-bottom-right-show, 10px);
}
/* ********************************************************* */
.js-success-0021,
.success-panel-0021 {
    color: var(--popup-success-text-color, rgba(241, 241, 241, 1));
    background: var(--popup-success-bg-color, linear-gradient(-180deg, rgba(0, 228, 0, 1) 0%, rgba(0, 128, 0, 1) 100%));
    border: var(--popup-success-border, 2px solid rgba(0, 128, 0, 1));
    box-shadow: var(--popup-success-shadow-color, 0 6px 2px -1px rgba(50, 57, 29, 1));
} 

.js-danger-0021,
.danger-panel-0021 {
    color: var(--popup-danger-text-color, rgba(241, 241, 241, 1));
    background: var(--popup-danger-bg-color, linear-gradient(-180deg, rgba(255, 196, 0, 1) 0%, rgba(163, 125, 0, 1) 100%));
    border: var(--popup-danger-border, 2px solid rgba(240, 164, 23, 1));
    box-shadow: var(--popup-danger-shadow-color, inset 0 -12px 6px rgba(135, 41, 0, 1));
}

.js-errors-0021,
.error-panel-0021 {
    color: var(--popup-error-text-color, rgba(241, 241, 241, 1));
    background: var(--popup-error-bg-color, linear-gradient(-180deg, rgba(255, 0, 0, 1) 0%, rgba(171, 0, 0, 1) 100%));
    border: var(--popup-error-border, 2px solid rgba(255, 0, 0, 1));
    box-shadow: var(--popup-error-shadow-color, inset 0 -12px 6px rgba(120, 0, 0, 1));
}

.js-info-0021,
.info-panel-0021 {
    color: var(--popup-info-text-color, rgba(241, 241, 241, 1));
    background: var(--popup-info-bg-color, linear-gradient(-180deg, rgba(0, 0, 255, 1) 0%, rgba(0, 0, 138, 1) 100%));
    border: var(--popup-info-border, 2px solid rgba(0, 0, 255, 1));
    box-shadow: var(--popup-info-shadow-color, inset 0 -12px 6px rgba(0, 0, 120, 1));
}

.success-panel-0021, 
.danger-panel-0021,
.error-panel-0021,
.info-panel-0021,
.js-success-0021,
.js-danger-0021,
.js-errors-0021,
.js-info-0021 {
    display: flex;
    justify-content: center;
    text-align: center;
    font-size: var(--popups-font-size, 16px);
    padding: var(--popup-padding, 5px 10px 5px 10px);
    border-radius: var(--popup-radius, 8px 8px 8px 8px);
    overflow: hidden;    
    z-index: 100;
}

.success-panel-0021, 
.danger-panel-0021,
.error-panel-0021,
.info-panel-0021 {
    transform: perspective(300px) rotateX(15deg);
}

.js-success-content-box-0021,
.js-danger-content-box-0021,
.js-error-content-box-0021,
.js-info-content-box-0021,
.success-content-box-0021,
.danger-content-box-0021,
.error-content-box-0021,
.info-content-box-0021{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.js-success-0021,
.js-danger-0021,
.js-errors-0021,
.js-info-0021 {
    position: fixed;
    width: var(--popup-width, 90%);
    height: var(--popup-height, 50px);
    transition: var(--popups-box-transition, 0.5s ease-in-out);
    z-index: 200;
}

.js-success-0021.active-0021,
.js-danger-0021.active-0021,
.js-errors-0021.active-0021,
.js-info-0021.active-0021 {  
    transition: var(--popups-box-transition, 0.5s ease-in-out);
    animation: var(--popups-box-animation-name, gummy-anim) var(--popups-box-animation-transition, 1s ease-in-out);
}

.js-success-0021.top-0021,
.js-danger-0021.top-0021,
.js-errors-0021.top-0021,
.js-info-0021.top-0021 {
    top: var(--popup-position-top-hide, -60px);
    left: 50%;
    transform: translate(-50%, -50%) perspective(300px) rotateX(15deg);
}

.js-success-0021.active-0021.top-0021,
.js-danger-0021.active-0021.top-0021,
.js-errors-0021.active-0021.top-0021,
.js-info-0021.active-0021.top-0021 {  
    top: var(--popup-position-top-show, 40px);
    left: 50%;
    transform: translate(-50%, -50%) perspective(300px) rotateX(15deg);
}

.js-success-0021.bottom-0021,
.js-danger-0021.bottom-0021,
.js-errors-0021.bottom-0021,
.js-info-0021.bottom-0021 {
    bottom: var(--popup-position-bottom-hide, -100px);
    left: 50%;
    transform: translate(-50%, -50%) perspective(300px) rotateX(15deg);
}

.js-success-0021.active-0021.bottom-0021,
.js-danger-0021.active-0021.bottom-0021,
.js-errors-0021.active-0021.bottom-0021,
.js-info-0021.active-0021.bottom-0021 {  
    bottom: var(--popup-position-bottom-show, 0px);
    left: 50%;
    transform: translate(-50%, -50%) perspective(300px) rotateX(15deg);
}

.js-success-0021.left-top-0021,
.js-danger-0021.left-top-0021,
.js-errors-0021.left-top-0021,
.js-info-0021.left-top-0021 {
    top: 10px;
    left: var(--popup-position-top-left-hide, -300px);
    transform: perspective(300px) rotateX(15deg);
}

.js-success-0021.active-0021.left-top-0021,
.js-danger-0021.active-0021.left-top-0021,
.js-errors-0021.active-0021.left-top-0021,
.js-info-0021.active-0021.left-top-0021 {  
    top: 10px;
    left: var(--popup-position-top-left-show, 10px);
    transform: perspective(300px) rotateX(15deg);
}

.js-success-0021.left-bottom-0021,
.js-danger-0021.left-bottom-0021,
.js-errors-0021.left-bottom-0021,
.js-info-0021.left-bottom-0021 {
    bottom: 10px;
    left: var(--popup-position-bottom-left-hide, -300px);
    transform: perspective(300px) rotateX(15deg);
}

.js-success-0021.active-0021.left-bottom-0021,
.js-danger-0021.active-0021.left-bottom-0021,
.js-errors-0021.active-0021.left-bottom-0021,
.js-info-0021.active-0021.left-bottom-0021 {  
    bottom: 10px;
    left: var(--popup-position-bottom-left-show, 10px);
    transform: perspective(300px) rotateX(15deg);
}

.js-success-0021.right-top-0021,
.js-danger-0021.right-top-0021,
.js-errors-0021.right-top-0021,
.js-info-0021.right-top-0021 {
    top: 10px;
    right: var(--popup-position-top-right-hide, -300px);
    transform: perspective(300px) rotateX(15deg);
}

.js-success-0021.active-0021.right-top-0021,
.js-danger-0021.active-0021.right-top-0021,
.js-errors-0021.active-0021.right-top-0021,
.js-info-0021.active-0021.right-top-0021 {  
    top: 10px;
    right: var(--popup-position-top-right-show, 10px);
    transform: perspective(300px) rotateX(15deg);
}

.js-success-0021.right-bottom-0021,
.js-danger-0021.right-bottom-0021,
.js-errors-0021.right-bottom-0021,
.js-info-0021.right-bottom-0021 {
    bottom: 10px;
    right: var(--popup-position-bottom-right-hide, -300px);
    transform: perspective(300px) rotateX(15deg);
}

.js-success-0021.active-0021.right-bottom-0021,
.js-danger-0021.active-0021.right-bottom-0021,
.js-errors-0021.active-0021.right-bottom-0021,
.js-info-0021.active-0021.right-bottom-0021 {  
    bottom: 10px;
    right: var(--popup-position-bottom-right-show, 10px);
    transform: perspective(300px) rotateX(15deg);
}

.main-preview-pop-0021 {
    position: fixed; 
    bottom: 110px;
    left: 10px;
    width: 260px;
    height: 50px;
    background-color: transparent;
    border: none;
    border-radius: 5px;
    cursor: move;
}

.success-panel-0021, 
.danger-panel-0021,
.error-panel-0021,
.info-panel-0021 {
    position: absolute; 
    top: 0px;
    left: 0px;
    width: 260px;
    height: 50px;
    opacity: 0;
    pointer-events: none;
}

.success-panel-0021.active-0021, 
.danger-panel-0021.active-0021,
.error-panel-0021.active-0021,
.info-panel-0021.active-0021 { 
    opacity: 1;
}

@keyframes gummy-anim {
    0%, 100%{
        width: var(--popup-width, 280px);
        height: var(--popup-height, 50px);
    }
    20%{
        width: var(--popup-width-minus-twenty, 260px);
        height: var(--popup-height-minus-ten, 40px);
    }
    40%{
        width: var(--popup-width-plus-ten, 290px);
        height: var(--popup-height-minus-twenty, 30px);
    }
    60%{
        width: var(--popup-width-minus-forty, 240px);
        height: var(--popup-height, 50px);
    }
    80%{
        width: var(--popup-width-plus-ten, 290px);
        height: var(--popup-height-plus-ten, 60px);
    }    
}
/* ********************************************************* */
.js-success-0022,
.success-panel-0022 {
    color: var(--popup-success-text-color, rgba(241, 241, 241, 1));
    background: var(--popup-success-bg-color, rgba(0, 128, 0, 1));
    border: var(--popup-success-border, 2px solid rgba(0, 128, 0, 1));
} 

.js-danger-0022,
.danger-panel-0022 {
    color: var(--popup-danger-text-color, rgba(241, 241, 241, 1));
    background: var(--popup-danger-bg-color, rgba(240, 164, 23, 1));
    border: var(--popup-danger-border, 2px solid rgba(240, 164, 23, 1));
}

.js-errors-0022,
.error-panel-0022 {
    color: var(--popup-error-text-color, rgba(241, 241, 241, 1));
    background: var(--popup-error-bg-color, rgba(255, 0, 0, 1));
    border: var(--popup-error-border, 2px solid rgba(255, 0, 0, 1));
}

.js-info-0022,
.info-panel-0022 {
    color: var(--popup-info-text-color, rgba(241, 241, 241, 1));
    background: var(--popup-info-bg-color, rgba(0, 0, 255, 1));
    border: var(--popup-info-border, 2px solid rgba(0, 0, 255, 1));
}

.success-panel-0022, 
.danger-panel-0022,
.error-panel-0022,
.info-panel-0022,
.js-success-0022,
.js-danger-0022,
.js-errors-0022,
.js-info-0022 {
    display: flex;
    justify-content: center;
    text-align: center;
    font-size: var(--popups-font-size, 16px);
    padding: var(--popup-padding, 5px 10px 5px 10px);
    border-radius: var(--popup-radius, 8px 8px 8px 8px);
    background-image: radial-gradient(76% 151% at 52% -52%, rgba(255, 255, 255, 0.5) 0%, transparent 100%);
    box-shadow: rgba(255, 255, 255, 0.2) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.9) 0px 0px 0px 1px;
    overflow: hidden;
    z-index: 100;
}

.js-success-content-box-0022,
.js-danger-content-box-0022,
.js-error-content-box-0022,
.js-info-content-box-0022,
.success-content-box-0022,
.danger-content-box-0022,
.error-content-box-0022,
.info-content-box-0022{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.js-success-0022,
.js-danger-0022,
.js-errors-0022,
.js-info-0022 {
    position: fixed;
    width: var(--popup-width, 90%);
    height: var(--popup-height, 50px);
    transition: var(--popups-box-transition, 0.5s ease-in-out);
    z-index: 200;
}

.js-success-0022.active-0022,
.js-danger-0022.active-0022,
.js-errors-0022.active-0022,
.js-info-0022.active-0022 {  
    transition: var(--popups-box-transition, 0.5s ease-in-out);
    animation: var(--popups-box-animation-name, gummy-anim) var(--popups-box-animation-transition, 1s ease-in-out);
}

.js-success-0022.top-0022,
.js-danger-0022.top-0022,
.js-errors-0022.top-0022,
.js-info-0022.top-0022 {
    top: var(--popup-position-top-hide, -60px);
    left: 50%;
    transform: translate(-50%, -50%);
}

.js-success-0022.active-0022.top-0022,
.js-danger-0022.active-0022.top-0022,
.js-errors-0022.active-0022.top-0022,
.js-info-0022.active-0022.top-0022 {  
    top: var(--popup-position-top-show, 40px);
    left: 50%;
    transform: translate(-50%, -50%);
}

.js-success-0022.bottom-0022,
.js-danger-0022.bottom-0022,
.js-errors-0022.bottom-0022,
.js-info-0022.bottom-0022 {
    bottom: var(--popup-position-bottom-hide, -100px);
    left: 50%;
    transform: translate(-50%, -50%);
}

.js-success-0022.active-0022.bottom-0022,
.js-danger-0022.active-0022.bottom-0022,
.js-errors-0022.active-0022.bottom-0022,
.js-info-0022.active-0022.bottom-0022 {  
    bottom: var(--popup-position-bottom-show, 0px);
    left: 50%;
    transform: translate(-50%, -50%);
}

.js-success-0022.left-top-0022,
.js-danger-0022.left-top-0022,
.js-errors-0022.left-top-0022,
.js-info-0022.left-top-0022 {
    top: 10px;
    left: var(--popup-position-top-left-hide, -300px);
}

.js-success-0022.active-0022.left-top-0022,
.js-danger-0022.active-0022.left-top-0022,
.js-errors-0022.active-0022.left-top-0022,
.js-info-0022.active-0022.left-top-0022 {  
    top: 10px;
    left: var(--popup-position-top-left-show, 10px);
}

.js-success-0022.left-bottom-0022,
.js-danger-0022.left-bottom-0022,
.js-errors-0022.left-bottom-0022,
.js-info-0022.left-bottom-0022 {
    bottom: 10px;
    left: var(--popup-position-bottom-left-hide, -300px);
}

.js-success-0022.active-0022.left-bottom-0022,
.js-danger-0022.active-0022.left-bottom-0022,
.js-errors-0022.active-0022.left-bottom-0022,
.js-info-0022.active-0022.left-bottom-0022 {  
    bottom: 10px;
    left: var(--popup-position-bottom-left-show, 10px);
}

.js-success-0022.right-top-0022,
.js-danger-0022.right-top-0022,
.js-errors-0022.right-top-0022,
.js-info-0022.right-top-0022 {
    top: 10px;
    right: var(--popup-position-top-right-hide, -300px);
}

.js-success-0022.active-0022.right-top-0022,
.js-danger-0022.active-0022.right-top-0022,
.js-errors-0022.active-0022.right-top-0022,
.js-info-0022.active-0022.right-top-0022 {  
    top: 10px;
    right: var(--popup-position-top-right-show, 10px);
}

.js-success-0022.right-bottom-0022,
.js-danger-0022.right-bottom-0022,
.js-errors-0022.right-bottom-0022,
.js-info-0022.right-bottom-0022 {
    bottom: 10px;
    right: var(--popup-position-bottom-right-hide, -300px);
}

.js-success-0022.active-0022.right-bottom-0022,
.js-danger-0022.active-0022.right-bottom-0022,
.js-errors-0022.active-0022.right-bottom-0022,
.js-info-0022.active-0022.right-bottom-0022 {  
    bottom: 10px;
    right: var(--popup-position-bottom-right-show, 10px);
}

.main-preview-pop-0022 {
    position: fixed; 
    bottom: 110px;
    left: 10px;
    width: 260px;
    height: 50px;
    background-color: transparent;
    border: none;
    border-radius: 5px;
    cursor: move;
}

.success-panel-0022, 
.danger-panel-0022,
.error-panel-0022,
.info-panel-0022 {
    position: absolute; 
    top: 0px;
    left: 0px;
    width: 260px;
    height: 50px;
    opacity: 0;
    pointer-events: none;
}

.success-panel-0022.active-0022, 
.danger-panel-0022.active-0022,
.error-panel-0022.active-0022,
.info-panel-0022.active-0022 { 
    opacity: 1;
}

@keyframes gummy-anim {
    0%, 100%{
        width: var(--popup-width, 280px);
        height: var(--popup-height, 50px);
    }
    20%{
        width: var(--popup-width-minus-twenty, 260px);
        height: var(--popup-height-minus-ten, 40px);
    }
    40%{
        width: var(--popup-width-plus-ten, 290px);
        height: var(--popup-height-minus-twenty, 30px);
    }
    60%{
        width: var(--popup-width-minus-forty, 240px);
        height: var(--popup-height, 50px);
    }
    80%{
        width: var(--popup-width-plus-ten, 290px);
        height: var(--popup-height-plus-ten, 60px);
    }    
}
/* ********************************************************* */
.js-success-0023,
.success-panel-0023 {
    color: var(--popup-success-text-color, rgba(241, 241, 241, 1));
    background: var(--popup-success-bg-color, rgba(0, 128, 0, 1));
    border: var(--popup-success-border, 2px solid rgba(0, 128, 0, 1));
} 

.js-danger-0023,
.danger-panel-0023 {
    color: var(--popup-danger-text-color, rgba(241, 241, 241, 1));
    background: var(--popup-danger-bg-color, rgba(240, 164, 23, 1));
    border: var(--popup-danger-border, 2px solid rgba(240, 164, 23, 1));
}

.js-errors-0023,
.error-panel-0023 {
    color: var(--popup-error-text-color, rgba(241, 241, 241, 1));
    background: var(--popup-error-bg-color, rgba(255, 0, 0, 1));
    border: var(--popup-error-border, 2px solid rgba(255, 0, 0, 1));
}

.js-info-0023,
.info-panel-0023 {
    color: var(--popup-info-text-color, rgba(241, 241, 241, 1));
    background: var(--popup-info-bg-color, rgba(0, 0, 255, 1));
    border: var(--popup-info-border, 2px solid rgba(0, 0, 255, 1));
}

.success-panel-0023, 
.danger-panel-0023,
.error-panel-0023,
.info-panel-0023,
.js-success-0023,
.js-danger-0023,
.js-errors-0023,
.js-info-0023 {
    display: flex;
    justify-content: center;
    text-align: center;
    font-size: var(--popups-font-size, 16px);
    padding: var(--popup-padding, 5px 10px 5px 10px);
    border-radius: var(--popup-radius, 8px 8px 8px 8px);
    box-shadow: inset 0 0px 5px 0px rgba(255, 255, 255, 0.15), inset 0px 3px 5px 0px rgba(255, 255, 255, 0.1), inset 0px 1px 3px 0px rgba(255, 255, 255, 0.4), inset 0px 2px 10px 0px rgba(0, 0, 0, 0.25);
    overflow: hidden;
    z-index: 100;
}

.js-success-content-box-0023,
.js-danger-content-box-0023,
.js-error-content-box-0023,
.js-info-content-box-0023,
.success-content-box-0023,
.danger-content-box-0023,
.error-content-box-0023,
.info-content-box-0023{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.js-success-0023,
.js-danger-0023,
.js-errors-0023,
.js-info-0023 {
    position: fixed;
    width: var(--popup-width, 90%);
    height: var(--popup-height, 50px);
    transition: var(--popups-box-transition, 0.5s ease-in-out);
    z-index: 200;
}

.js-success-0023.active-0023,
.js-danger-0023.active-0023,
.js-errors-0023.active-0023,
.js-info-0023.active-0023 {  
    transition: var(--popups-box-transition, 0.5s ease-in-out);
    animation: var(--popups-box-animation-name, gummy-anim) var(--popups-box-animation-transition, 1s ease-in-out);
}

.js-success-0023.top-0023,
.js-danger-0023.top-0023,
.js-errors-0023.top-0023,
.js-info-0023.top-0023 {
    top: var(--popup-position-top-hide, -60px);
    left: 50%;
    transform: translate(-50%, -50%);
}

.js-success-0023.active-0023.top-0023,
.js-danger-0023.active-0023.top-0023,
.js-errors-0023.active-0023.top-0023,
.js-info-0023.active-0023.top-0023 {  
    top: var(--popup-position-top-show, 40px);
    left: 50%;
    transform: translate(-50%, -50%);
}

.js-success-0023.bottom-0023,
.js-danger-0023.bottom-0023,
.js-errors-0023.bottom-0023,
.js-info-0023.bottom-0023 {
    bottom: var(--popup-position-bottom-hide, -100px);
    left: 50%;
    transform: translate(-50%, -50%);
}

.js-success-0023.active-0023.bottom-0023,
.js-danger-0023.active-0023.bottom-0023,
.js-errors-0023.active-0023.bottom-0023,
.js-info-0023.active-0023.bottom-0023 {  
    bottom: var(--popup-position-bottom-show, 0px);
    left: 50%;
    transform: translate(-50%, -50%);
}

.js-success-0023.left-top-0023,
.js-danger-0023.left-top-0023,
.js-errors-0023.left-top-0023,
.js-info-0023.left-top-0023 {
    top: 10px;
    left: var(--popup-position-top-left-hide, -300px);
}

.js-success-0023.active-0023.left-top-0023,
.js-danger-0023.active-0023.left-top-0023,
.js-errors-0023.active-0023.left-top-0023,
.js-info-0023.active-0023.left-top-0023 {  
    top: 10px;
    left: var(--popup-position-top-left-show, 10px);
}

.js-success-0023.left-bottom-0023,
.js-danger-0023.left-bottom-0023,
.js-errors-0023.left-bottom-0023,
.js-info-0023.left-bottom-0023 {
    bottom: 10px;
    left: var(--popup-position-bottom-left-hide, -300px);
}

.js-success-0023.active-0023.left-bottom-0023,
.js-danger-0023.active-0023.left-bottom-0023,
.js-errors-0023.active-0023.left-bottom-0023,
.js-info-0023.active-0023.left-bottom-0023 {  
    bottom: 10px;
    left: var(--popup-position-bottom-left-show, 10px);
}

.js-success-0023.right-top-0023,
.js-danger-0023.right-top-0023,
.js-errors-0023.right-top-0023,
.js-info-0023.right-top-0023 {
    top: 10px;
    right: var(--popup-position-top-right-hide, -300px);
}

.js-success-0023.active-0023.right-top-0023,
.js-danger-0023.active-0023.right-top-0023,
.js-errors-0023.active-0023.right-top-0023,
.js-info-0023.active-0023.right-top-0023 {  
    top: 10px;
    right: var(--popup-position-top-right-show, 10px);
}

.js-success-0023.right-bottom-0023,
.js-danger-0023.right-bottom-0023,
.js-errors-0023.right-bottom-0023,
.js-info-0023.right-bottom-0023 {
    bottom: 10px;
    right: var(--popup-position-bottom-right-hide, -300px);
}

.js-success-0023.active-0023.right-bottom-0023,
.js-danger-0023.active-0023.right-bottom-0023,
.js-errors-0023.active-0023.right-bottom-0023,
.js-info-0023.active-0023.right-bottom-0023 {  
    bottom: 10px;
    right: var(--popup-position-bottom-right-show, 10px);
}

.main-preview-pop-0023 {
    position: fixed; 
    bottom: 110px;
    left: 10px;
    width: 260px;
    height: 50px;
    background-color: transparent;
    border: none;
    border-radius: 5px;
    cursor: move;
}

.success-panel-0023, 
.danger-panel-0023,
.error-panel-0023,
.info-panel-0023 {
    position: absolute; 
    top: 0px;
    left: 0px;
    width: 260px;
    height: 50px;
    opacity: 0;
    pointer-events: none;
}

.success-panel-0023.active-0023, 
.danger-panel-0023.active-0023,
.error-panel-0023.active-0023,
.info-panel-0023.active-0023 { 
    opacity: 1;
}

@keyframes gummy-anim {
    0%, 100%{
        width: var(--popup-width, 280px);
        height: var(--popup-height, 50px);
    }
    20%{
        width: var(--popup-width-minus-twenty, 260px);
        height: var(--popup-height-minus-ten, 40px);
    }
    40%{
        width: var(--popup-width-plus-ten, 290px);
        height: var(--popup-height-minus-twenty, 30px);
    }
    60%{
        width: var(--popup-width-minus-forty, 240px);
        height: var(--popup-height, 50px);
    }
    80%{
        width: var(--popup-width-plus-ten, 290px);
        height: var(--popup-height-plus-ten, 60px);
    }    
}
/* ********************************************************* */
.js-success-0024,
.success-panel-0024 {
    color: var(--popup-success-text-color, rgba(241, 241, 241, 1));
    background-image: var(--popup-success-bg-color, linear-gradient(135deg, rgba(51, 255, 72, 1) 0%, rgba(115, 255, 136, 1) 50%, rgba(144, 255, 18, 1) 75%, rgba(178, 255, 0, 1) 100%));
    border: var(--popup-success-border, 2px solid rgba(0, 128, 0, 1));
} 

.js-danger-0024,
.danger-panel-0024 {
    color: var(--popup-danger-text-color, rgba(241, 241, 241, 1));
    background-image: var(--popup-danger-bg-color, linear-gradient(135deg, rgba(255, 134, 0, 1) 0%, rgba(255, 189, 0, 1) 50%, rgba(204, 85, 44, 1) 75%, rgba(255, 76, 30, 1) 100%));
    border: var(--popup-danger-border, 2px solid rgba(240, 164, 23, 1));
}

.js-errors-0024,
.error-panel-0024 {
    color: var(--popup-error-text-color, rgba(241, 241, 241, 1));
    background-image: var(--popup-error-bg-color, linear-gradient(135deg, rgba(255, 0, 0, 1) 0%, rgba(255, 101, 151, 1) 50%, rgba(158, 0, 18, 1) 75%, rgba(255, 0, 93, 1) 100%));
    border: var(--popup-error-border, 2px solid rgba(255, 0, 0, 1));
}

.js-info-0024,
.info-panel-0024 {
    color: var(--popup-info-text-color, rgba(241, 241, 241, 1));
    background-image: var(--popup-info-bg-color, linear-gradient(135deg, rgba(0, 0, 255, 1) 0%, rgba(132, 186, 255, 1) 50%, rgba(103, 85, 197, 1) 75%, rgba(0, 0, 255, 1) 100%));
    border: var(--popup-info-border, 2px solid rgba(0, 0, 255, 1));
}

.success-panel-0024, 
.danger-panel-0024,
.error-panel-0024,
.info-panel-0024,
.js-success-0024,
.js-danger-0024,
.js-errors-0024,
.js-info-0024 {
    display: flex;
    justify-content: center;
    text-align: center;
    font-size: var(--popups-font-size, 16px);
    padding: var(--popup-padding, 5px 10px 5px 10px);
    border-radius: var(--popup-radius, 8px 8px 8px 8px);
    box-shadow: var(--popups-box-shadow, inset 0 0px 5px 0px rgba(255, 255, 255, 0.15), inset 0px 3px 5px 0px rgba(255, 255, 255, 0.1), inset 0px 1px 3px 0px rgba(255, 255, 255, 0.4), inset 0px 2px 10px 0px rgba(0, 0, 0, 0.25));
    overflow: hidden;
    z-index: 100;
}

.js-success-content-box-0024,
.js-danger-content-box-0024,
.js-error-content-box-0024,
.js-info-content-box-0024,
.success-content-box-0024,
.danger-content-box-0024,
.error-content-box-0024,
.info-content-box-0024{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.js-success-0024,
.js-danger-0024,
.js-errors-0024,
.js-info-0024 {
    position: fixed;
    width: var(--popup-width, 90%);
    height: var(--popup-height, 50px);
    transition: var(--popups-box-transition, 0.5s ease-in-out);
    z-index: 200;
}

.js-success-0024.active-0024,
.js-danger-0024.active-0024,
.js-errors-0024.active-0024,
.js-info-0024.active-0024 {  
    transition: var(--popups-box-transition, 0.5s ease-in-out);
    animation: var(--popups-box-animation-name, gummy-anim) var(--popups-box-animation-transition, 1s ease-in-out);
}

.js-success-0024.top-0024,
.js-danger-0024.top-0024,
.js-errors-0024.top-0024,
.js-info-0024.top-0024 {
    top: var(--popup-position-top-hide, -60px);
    left: 50%;
    transform: translate(-50%, -50%);
}

.js-success-0024.active-0024.top-0024,
.js-danger-0024.active-0024.top-0024,
.js-errors-0024.active-0024.top-0024,
.js-info-0024.active-0024.top-0024 {  
    top: var(--popup-position-top-show, 40px);
    left: 50%;
    transform: translate(-50%, -50%);
}

.js-success-0024.bottom-0024,
.js-danger-0024.bottom-0024,
.js-errors-0024.bottom-0024,
.js-info-0024.bottom-0024 {
    bottom: var(--popup-position-bottom-hide, -100px);
    left: 50%;
    transform: translate(-50%, -50%);
}

.js-success-0024.active-0024.bottom-0024,
.js-danger-0024.active-0024.bottom-0024,
.js-errors-0024.active-0024.bottom-0024,
.js-info-0024.active-0024.bottom-0024 {  
    bottom: var(--popup-position-bottom-show, 0px);
    left: 50%;
    transform: translate(-50%, -50%);
}

.js-success-0024.left-top-0024,
.js-danger-0024.left-top-0024,
.js-errors-0024.left-top-0024,
.js-info-0024.left-top-0024 {
    top: 10px;
    left: var(--popup-position-top-left-hide, -300px);
}

.js-success-0024.active-0024.left-top-0024,
.js-danger-0024.active-0024.left-top-0024,
.js-errors-0024.active-0024.left-top-0024,
.js-info-0024.active-0024.left-top-0024 {  
    top: 10px;
    left: var(--popup-position-top-left-show, 10px);
}

.js-success-0024.left-bottom-0024,
.js-danger-0024.left-bottom-0024,
.js-errors-0024.left-bottom-0024,
.js-info-0024.left-bottom-0024 {
    bottom: 10px;
    left: var(--popup-position-bottom-left-hide, -300px);
}

.js-success-0024.active-0024.left-bottom-0024,
.js-danger-0024.active-0024.left-bottom-0024,
.js-errors-0024.active-0024.left-bottom-0024,
.js-info-0024.active-0024.left-bottom-0024 {  
    bottom: 10px;
    left: var(--popup-position-bottom-left-show, 10px);
}

.js-success-0024.right-top-0024,
.js-danger-0024.right-top-0024,
.js-errors-0024.right-top-0024,
.js-info-0024.right-top-0024 {
    top: 10px;
    right: var(--popup-position-top-right-hide, -300px);
}

.js-success-0024.active-0024.right-top-0024,
.js-danger-0024.active-0024.right-top-0024,
.js-errors-0024.active-0024.right-top-0024,
.js-info-0024.active-0024.right-top-0024 {  
    top: 10px;
    right: var(--popup-position-top-right-show, 10px);
}

.js-success-0024.right-bottom-0024,
.js-danger-0024.right-bottom-0024,
.js-errors-0024.right-bottom-0024,
.js-info-0024.right-bottom-0024 {
    bottom: 10px;
    right: var(--popup-position-bottom-right-hide, -300px);
}

.js-success-0024.active-0024.right-bottom-0024,
.js-danger-0024.active-0024.right-bottom-0024,
.js-errors-0024.active-0024.right-bottom-0024,
.js-info-0024.active-0024.right-bottom-0024 {  
    bottom: 10px;
    right: var(--popup-position-bottom-right-show, 10px);
}

.main-preview-pop-0024 {
    position: fixed; 
    bottom: 110px;
    left: 10px;
    width: 260px;
    height: 50px;
    background-color: transparent;
    border: none;
    border-radius: 5px;
    cursor: move;
}

.success-panel-0024, 
.danger-panel-0024,
.error-panel-0024,
.info-panel-0024 {
    position: absolute; 
    top: 0px;
    left: 0px;
    width: 260px;
    height: 50px;
    opacity: 0;
    pointer-events: none;
}

.success-panel-0024.active-0024, 
.danger-panel-0024.active-0024,
.error-panel-0024.active-0024,
.info-panel-0024.active-0024 { 
    opacity: 1;
}

@keyframes gummy-anim {
    0%, 100%{
        width: var(--popup-width, 280px);
        height: var(--popup-height, 50px);
    }
    20%{
        width: var(--popup-width-minus-twenty, 260px);
        height: var(--popup-height-minus-ten, 40px);
    }
    40%{
        width: var(--popup-width-plus-ten, 290px);
        height: var(--popup-height-minus-twenty, 30px);
    }
    60%{
        width: var(--popup-width-minus-forty, 240px);
        height: var(--popup-height, 50px);
    }
    80%{
        width: var(--popup-width-plus-ten, 290px);
        height: var(--popup-height-plus-ten, 60px);
    }    
}
/* ********************************************************* */
/* ********************************************************* */
.main-preview-pop-0025 {
    position: fixed; 
    bottom: 110px;
    left: 10px;
    width: 260px;
    height: 50px;
    background-color: transparent;
    border: none;
    border-radius: 5px;
    cursor: move;
}

.success-panel-0025-main, 
.danger-panel-0025-main,
.error-panel-0025-main,
.info-panel-0025-main {
    position: absolute; 
    top: 0px;
    left: 0px;
    width: 260px;
    height: 50px;
    opacity: 0;
    pointer-events: none;
}

.success-panel-0025-main.active-0025, 
.danger-panel-0025-main.active-0025,
.error-panel-0025-main.active-0025,
.info-panel-0025-main.active-0025 { 
    opacity: 1;
}

.js-success-0025-main,
.js-danger-0025-main,
.js-errors-0025-main,
.js-info-0025-main {
    position: fixed;
    width: var(--popup-width, 90%);
    height: var(--popup-height, 50px);
    transition: var(--popups-box-transition, 0.5s ease-in-out);
    border-radius: var(--popup-radius, 8px 8px 8px 8px);
    z-index: 200;
}

.js-success-0025
.js-danger-0025
.js-errors-0025
.js-info-0025,
.success-0025
.danger-0025
.error-0025
.info-0025 {
    position: relative;
    width: 100%;
    border-radius: var(--popup-radius, 8px 8px 8px 8px);
}

.js-success-0025-panel,
.success-panel-0025 {
    color: var(--popup-success-text-color, rgba(241, 241, 241, 1));
    background: var(--popup-success-bg-color, rgba(51, 255, 72, 1));
    border: var(--popup-success-border, 2px solid rgba(0, 128, 0, 1));
} 

.js-danger-0025-panel,
.danger-panel-0025 {
    color: var(--popup-danger-text-color, rgba(241, 241, 241, 1));
    background: var(--popup-danger-bg-color, rgba(255, 134, 0, 1));
    border: var(--popup-danger-border, 2px solid rgba(240, 164, 23, 1));
}

.js-errors-0025-panel,
.error-panel-0025 {
    color: var(--popup-error-text-color, rgba(241, 241, 241, 1));
    background: var(--popup-error-bg-color, rgba(255, 0, 0, 1));
    border: var(--popup-error-border, 2px solid rgba(255, 0, 0, 1));
}

.js-info-0025-panel,
.info-panel-0025 {
    color: var(--popup-info-text-color, rgba(241, 241, 241, 1));
    background: var(--popup-info-bg-color, rgba(0, 0, 255, 1));
    border: var(--popup-info-border, 2px solid rgba(0, 0, 255, 1));
}

.success-panel-0025,
.danger-panel-0025,
.error-panel-0025,
.info-panel-0025 {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 260px;
    height: 50px;
    font-size: var(--popups-font-size, 16px);
    top: 10px;
    left: 0px;
    padding: var(--popup-padding, 5px 10px 5px 10px);
    border-radius: var(--popup-radius, 8px 8px 8px 8px);
    box-shadow: var(--popups-box-shadow, -2px -2px 5px rgba(64, 75, 78, 0.2), 2px 2px 5px rgba(0, 0, 0, 0.9), inset -2px -2px 5px rgba(64, 75, 78, 0.2), inset 2px 2px 5px rgba(0, 0, 0, 0.9));
    box-sizing: border-box;
    overflow: hidden;
    z-index: 3;
} 

.js-success-0025-panel,
.js-danger-0025-panel,
.js-errors-0025-panel,
.js-info-0025-panel {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--popup-width, 90%);
    height: var(--popup-height, 50px);
    font-size: var(--popups-font-size, 16px);
    top: 10px;
    left: 0px;
    padding: var(--popup-padding, 5px 10px 5px 10px);
    border-radius: var(--popup-radius, 8px 8px 8px 8px);
    box-shadow: var(--popups-box-shadow, -2px -2px 5px rgba(64, 75, 78, 0.2), 2px 2px 5px rgba(0, 0, 0, 0.9), inset -2px -2px 5px rgba(64, 75, 78, 0.2), inset 2px 2px 5px rgba(0, 0, 0, 0.9));
    box-sizing: border-box;
    overflow: hidden;
    z-index: 3;
} 

.success-panel-under-0025,
.danger-panel-under-0025,
.error-panel-under-0025,
.info-panel-under-0025 {
    position: absolute;
    width: 260px;
    height: 50px;
    top: 5px;
    left: -5px;
    border-radius: var(--popup-radius, 8px 8px 8px 8px);
    box-shadow: var(--popups-box-shadow, -2px -2px 5px rgba(64, 75, 78, 0.2), 2px 2px 5px rgba(0, 0, 0, 0.9), inset -2px -2px 5px rgba(64, 75, 78, 0.2), inset 2px 2px 5px rgba(0, 0, 0, 0.9));
    box-sizing: border-box;
    z-index: 2;
} 

.js-success-0025-panel-under,
.success-panel-under-0025 {
    background-color: var(--popup-success-under-box-bg-color, rgba(33, 33, 33, 1));
    border: var(--popup-under-box-success-border, 3px double rgba(0, 0, 0, 1));    
} 

.js-danger-0025-panel-under,
.danger-panel-under-0025 {
    background-color: var(--popup-danger-under-box-bg-color, rgba(33, 33, 33, 1));
    border: var(--popup-under-box-danger-border, 3px double rgba(0, 0, 0, 1));    
} 

.js-errors-0025-panel-under,
.error-panel-under-0025 {
    background-color: var(--popup-error-under-box-bg-color, rgba(33, 33, 33, 1));
    border: var(--popup-under-box-error-border, 3px double rgba(0, 0, 0, 1));    
} 

.js-info-0025-panel-under,
.info-panel-under-0025 {
    background-color: var(--popup-info-under-box-bg-color, rgba(33, 33, 33, 1));
    border: var(--popup-under-box-info-border, 3px double rgba(0, 0, 0, 1));    
} 

.js-success-0025-panel-under,
.js-danger-0025-panel-under,
.js-errors-0025-panel-under,
.js-info-0025-panel-under {
    position: absolute;
    width: var(--popup-width, 90%);
    height: var(--popup-height, 50px);
    top: 5px;
    left: -5px;
    border-radius: var(--popup-radius, 8px 8px 8px 8px);
    box-shadow: var(--popups-box-shadow, -2px -2px 5px rgba(64, 75, 78, 0.2), 2px 2px 5px rgba(0, 0, 0, 0.9), inset -2px -2px 5px rgba(64, 75, 78, 0.2), inset 2px 2px 5px rgba(0, 0, 0, 0.9));
    box-sizing: border-box;
    z-index: 2;
} 

.js-success-0025,
.js-danger-0025,
.js-error-0025,
.js-info-0025,
.success-0025,
.danger-0025,
.error-0025,
.info-0025{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--popup-width, 90%);
    height: var(--popup-height, 50px);
    transition: var(--popups-box-transition, 0.5s ease-in-out);
    z-index: 200;
}

.js-success-0025-main.active-0025,
.js-danger-0025-main.active-0025,
.js-errors-0025-main.active-0025,
.js-info-0025-main.active-0025 {  
    transition: var(--popups-box-transition, 0.5s ease-in-out);
}

.js-success-0025-main.top-0025,
.js-danger-0025-main.top-0025,
.js-errors-0025-main.top-0025,
.js-info-0025-main.top-0025 {
    top: var(--popup-position-top-hide, -60px);
    left: 50%;
    transform: translate(-50%, -50%);
}

.js-success-0025-main.active-0025.top-0025,
.js-danger-0025-main.active-0025.top-0025,
.js-errors-0025-main.active-0025.top-0025,
.js-info-0025-main.active-0025.top-0025 {  
    top: var(--popup-position-top-show, 40px);
    left: 50%;
    transform: translate(-50%, -50%);
}

.js-success-0025-main.bottom-0025,
.js-danger-0025-main.bottom-0025,
.js-errors-0025-main.bottom-0025,
.js-info-0025-main.bottom-0025 {
    bottom: var(--popup-position-bottom-hide, -100px);
    left: 50%;
    transform: translate(-50%, -50%);
}

.js-success-0025-main.active-0025.bottom-0025,
.js-danger-0025-main.active-0025.bottom-0025,
.js-errors-0025-main.active-0025.bottom-0025,
.js-info-0025-main.active-0025.bottom-0025 {  
    bottom: var(--popup-position-bottom-show, 0px);
    left: 50%;
    transform: translate(-50%, -50%);
}

.js-success-0025-main.left-top-0025,
.js-danger-0025-main.left-top-0025,
.js-errors-0025-main.left-top-0025,
.js-info-0025-main.left-top-0025 {
    top: 10px;
    left: var(--popup-position-top-left-hide, -300px);
}

.js-success-0025-main.active-0025.left-top-0025,
.js-danger-0025-main.active-0025.left-top-0025,
.js-errors-0025-main.active-0025.left-top-0025,
.js-info-0025-main.active-0025.left-top-0025 {  
    top: 10px;
    left: var(--popup-position-top-left-show, 10px);
}

.js-success-0025-main.left-bottom-0025,
.js-danger-0025-main.left-bottom-0025,
.js-errors-0025-main.left-bottom-0025,
.js-info-0025-main.left-bottom-0025 {
    bottom: 20px;
    left: var(--popup-position-bottom-left-hide, -300px);
}

.js-success-0025-main.active-0025.left-bottom-0025,
.js-danger-0025-main.active-0025.left-bottom-0025,
.js-errors-0025-main.active-0025.left-bottom-0025,
.js-info-0025-main.active-0025.left-bottom-0025 {  
    bottom: 20px;
    left: var(--popup-position-bottom-left-show, 10px);
}

.js-success-0025-main.right-top-0025,
.js-danger-0025-main.right-top-0025,
.js-errors-0025-main.right-top-0025,
.js-info-0025-main.right-top-0025 {
    top: 10px;
    right: var(--popup-position-top-right-hide, -300px);
}

.js-success-0025-main.active-0025.right-top-0025,
.js-danger-0025-main.active-0025.right-top-0025,
.js-errors-0025-main.active-0025.right-top-0025,
.js-info-0025-main.active-0025.right-top-0025 {  
    top: 10px;
    right: var(--popup-position-top-right-show, 10px);
}

.js-success-0025-main.right-bottom-0025,
.js-danger-0025-main.right-bottom-0025,
.js-errors-0025-main.right-bottom-0025,
.js-info-0025-main.right-bottom-0025 {
    bottom: 20px;
    right: var(--popup-position-bottom-right-hide, -300px);
}

.js-success-0025-main.active-0025.right-bottom-0025,
.js-danger-0025-main.active-0025.right-bottom-0025,
.js-errors-0025-main.active-0025.right-bottom-0025,
.js-info-0025-main.active-0025.right-bottom-0025 {  
    bottom: 20px;
    right: var(--popup-position-bottom-right-show, 10px);
}

/* ********************************************************* */
.main-preview-pop-0026 {
    position: fixed; 
    bottom: 110px;
    left: 10px;
    width: 260px;
    height: 50px;
    background-color: transparent;
    border: none;
    border-radius: 5px;
    cursor: move;
}

.success-panel-0026-main, 
.danger-panel-0026-main,
.error-panel-0026-main,
.info-panel-0026-main {
    position: absolute; 
    top: 0px;
    left: 0px;
    width: 260px;
    height: 50px;
    opacity: 0;
    pointer-events: none;
}

.success-panel-0026-main.active-0026, 
.danger-panel-0026-main.active-0026,
.error-panel-0026-main.active-0026,
.info-panel-0026-main.active-0026 { 
    opacity: 1;
}

.js-success-0026-main,
.js-danger-0026-main,
.js-errors-0026-main,
.js-info-0026-main {
    position: fixed;
    width: var(--popup-width, 90%);
    height: var(--popup-height, 50px);
    transition: var(--popups-box-transition, 0.5s ease-in-out);
    border-radius: var(--popup-radius, 8px 8px 8px 8px);
    z-index: 200;
}

.success-0026,
.danger-0026,
.error-0026,
.info-0026{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    transition: var(--popups-box-transition, 0.5s ease-in-out);
    border-radius: var(--popup-radius, 8px 8px 8px 8px);
    z-index: 200;
}

.js-success-0026,
.js-danger-0026,
.js-error-0026,
.js-info-0026{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--popup-width, 90%);
    height: var(--popup-height, 50px);
    border-radius: var(--popup-radius, 8px 8px 8px 8px);
    transition: var(--popups-box-transition, 0.5s ease-in-out);
    z-index: 200;
}

.js-success-0026-panel,
.success-panel-0026 {
    color: var(--popup-success-text-color, rgba(241, 241, 241, 1));
    background: var(--popup-success-bg-color, rgba(51, 255, 72, 1));
    border: var(--popup-success-border, 2px solid rgba(0, 128, 0, 1));
} 

.js-danger-0026-panel,
.danger-panel-0026 {
    color: var(--popup-danger-text-color, rgba(241, 241, 241, 1));
    background: var(--popup-danger-bg-color, rgba(255, 134, 0, 1));
    border: var(--popup-danger-border, 2px solid rgba(240, 164, 23, 1));
}

.js-errors-0026-panel,
.error-panel-0026 {
    color: var(--popup-error-text-color, rgba(241, 241, 241, 1));
    background: var(--popup-error-bg-color, rgba(255, 0, 0, 1));
    border: var(--popup-error-border, 2px solid rgba(255, 0, 0, 1));
}

.js-info-0026-panel,
.info-panel-0026 {
    color: var(--popup-info-text-color, rgba(241, 241, 241, 1));
    background: var(--popup-info-bg-color, rgba(0, 0, 255, 1));
    border: var(--popup-info-border, 2px solid rgba(0, 0, 255, 1));
}

.success-panel-0026,
.danger-panel-0026,
.error-panel-0026,
.info-panel-0026 {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 260px;
    height: 50px;
    font-size: var(--popups-font-size, 16px);
    top: -5px;
    left: 0px;
    padding: var(--popup-padding, 5px 10px 5px 10px);
    border-radius: var(--popup-radius, 8px 8px 8px 8px);
    box-shadow: var(--popups-box-shadow, -2px -2px 5px rgba(64, 75, 78, 0.2), 2px 2px 5px rgba(0, 0, 0, 0.9), inset -2px -2px 5px rgba(64, 75, 78, 0.2), inset 2px 2px 5px rgba(0, 0, 0, 0.9));
    box-sizing: border-box;
    overflow: hidden;
    z-index: 3;
} 

.js-success-0026-panel,
.js-danger-0026-panel,
.js-errors-0026-panel,
.js-info-0026-panel {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--popup-width, 260px);
    height: var(--popup-height, 50px);
    font-size: var(--popups-font-size, 16px);
    top: -5px;
    left: 0px;
    padding: var(--popup-padding, 5px 10px 5px 10px);
    border-radius: var(--popup-radius, 8px 8px 8px 8px);
    box-shadow: var(--popups-box-shadow, -2px -2px 5px rgba(64, 75, 78, 0.2), 2px 2px 5px rgba(0, 0, 0, 0.9), inset -2px -2px 5px rgba(64, 75, 78, 0.2), inset 2px 2px 5px rgba(0, 0, 0, 0.9));
    box-sizing: border-box;
    overflow: hidden;
    z-index: 3;
} 

.success-line-bottom-0026,
.danger-line-bottom-0026,
.error-line-bottom-0026,
.info-line-bottom-0026 {
    position: absolute;
    width: 290px;
    height: 5px;
    bottom: -50px;
    left: -15px;
    border-radius: var(--popup-radius, 8px 8px 8px 8px);
    box-shadow: var(--popups-box-underline-shadow, -2px -2px 5px rgba(64, 75, 78, 0.2), 2px 2px 5px rgba(0, 0, 0, 0.9), inset -2px -2px 5px rgba(64, 75, 78, 0.2), inset 2px 2px 5px rgba(0, 0, 0, 0.9));
    box-sizing: border-box;
    z-index: 3;
} 

.success-line-top-0026,
.danger-line-top-0026,
.error-line-top-0026,
.info-line-top-0026 {
    position: absolute;
    width: 290px;
    height: 5px;
    top: -10px;
    left: -15px;
    border-radius: var(--popup-radius, 8px 8px 8px 8px);
    box-shadow: var(--popups-box-underline-shadow, -2px -2px 5px rgba(64, 75, 78, 0.2), 2px 2px 5px rgba(0, 0, 0, 0.9), inset -2px -2px 5px rgba(64, 75, 78, 0.2), inset 2px 2px 5px rgba(0, 0, 0, 0.9));
    box-sizing: border-box;
    z-index: 3;
} 

.success-line-left-0026,
.danger-line-left-0026,
.error-line-left-0026,
.info-line-left-0026 {
    position: absolute;
    width: 5px;
    height: 80px;
    top: -20px;
    left: -5px;
    border-radius: var(--popup-radius, 8px 8px 8px 8px);
    box-shadow: var(--popups-box-underline-shadow, -2px -2px 5px rgba(64, 75, 78, 0.2), 2px 2px 5px rgba(0, 0, 0, 0.9), inset -2px -2px 5px rgba(64, 75, 78, 0.2), inset 2px 2px 5px rgba(0, 0, 0, 0.9));
    box-sizing: border-box;
    z-index: 4;
} 
.success-line-right-0026,
.danger-line-right-0026,
.error-line-right-0026,
.info-line-right-0026 {
    position: absolute;
    width: 5px;
    height: 80px;
    top: -20px;
    right: -5px;
    border-radius: var(--popup-radius, 8px 8px 8px 8px);
    box-shadow: var(--popups-box-underline-shadow, -2px -2px 5px rgba(64, 75, 78, 0.2), 2px 2px 5px rgba(0, 0, 0, 0.9), inset -2px -2px 5px rgba(64, 75, 78, 0.2), inset 2px 2px 5px rgba(0, 0, 0, 0.9));
    box-sizing: border-box;
    z-index: 4;
} 

.js-success-line-right-0026,
.success-line-right-0026,
.js-success-line-left-0026,
.success-line-left-0026,
.js-success-line-top-0026,
.success-line-top-0026,
.js-success-line-bottom-0026,
.success-line-bottom-0026 {
    background-color: var(--popup-success-under-box-bg-color, rgba(33, 33, 33, 1));
    border: var(--popup-under-box-success-border, 3px double rgba(0, 0, 0, 1));    
} 

.js-danger-line-right-0026,
.danger-line-right-0026,
.js-danger-line-left-0026,
.danger-line-left-0026,
.js-danger-line-top-0026,
.danger-line-top-0026,
.js-danger-line-bottom-0026,
.danger-line-bottom-0026 {
    background-color: var(--popup-danger-under-box-bg-color, rgba(33, 33, 33, 1));
    border: var(--popup-under-box-danger-border, 3px double rgba(0, 0, 0, 1));    
} 

.js-errors-line-right-0026,
.error-line-right-0026,
.js-errors-line-left-0026,
.error-line-left-0026,
.js-errors-line-top-0026,
.error-line-top-0026,
.js-errors-line-bottom-0026,
.error-line-bottom-0026 {
    background-color: var(--popup-error-under-box-bg-color, rgba(33, 33, 33, 1));
    border: var(--popup-under-box-error-border, 3px double rgba(0, 0, 0, 1));    
} 

.js-info-line-right-0026,
.info-line-right-0026,
.js-info-line-left-0026,
.info-line-left-0026,
.js-info-line-top-0026,
.info-line-top-0026,
.js-info-line-bottom-0026,
.info-line-bottom-0026 {
    background-color: var(--popup-info-under-box-bg-color, rgba(33, 33, 33, 1));
    border: var(--popup-under-box-info-border, 3px double rgba(0, 0, 0, 1));    
} 

.js-success-line-bottom-0026,
.js-danger-line-bottom-0026,
.js-errors-line-bottom-0026,
.js-info-line-bottom-0026 {
    position: absolute;
    width: var(--popup-width-plus-thirty, 290px);
    height: 5px;
    bottom: 0px;
    left: -15px;
    border-radius: var(--popup-radius, 8px 8px 8px 8px);
    box-shadow: var(--popups-box-underline-shadow, -2px -2px 5px rgba(64, 75, 78, 0.2), 2px 2px 5px rgba(0, 0, 0, 0.9), inset -2px -2px 5px rgba(64, 75, 78, 0.2), inset 2px 2px 5px rgba(0, 0, 0, 0.9));
    box-sizing: border-box;
    z-index: 3;
} 
.js-success-line-top-0026,
.js-danger-line-top-0026,
.js-errors-line-top-0026,
.js-info-line-top-0026 {
    position: absolute;
    width: var(--popup-width-plus-thirty, 290px);
    height: 5px;
    top: -10px;
    left: -15px;
    border-radius: var(--popup-radius, 8px 8px 8px 8px);
    box-shadow: var(--popups-box-underline-shadow, -2px -2px 5px rgba(64, 75, 78, 0.2), 2px 2px 5px rgba(0, 0, 0, 0.9), inset -2px -2px 5px rgba(64, 75, 78, 0.2), inset 2px 2px 5px rgba(0, 0, 0, 0.9));
    box-sizing: border-box;
    z-index: 3;
} 
.js-success-line-left-0026,
.js-danger-line-left-0026,
.js-errors-line-left-0026,
.js-info-line-left-0026 {
    position: absolute;
    width: 5px;
    height: var(--popup-height-plus-thirty, 90px);
    top: -20px;
    left: -5px;
    border-radius: var(--popup-radius, 8px 8px 8px 8px);
    box-shadow: var(--popups-box-underline-shadow, -2px -2px 5px rgba(64, 75, 78, 0.2), 2px 2px 5px rgba(0, 0, 0, 0.9), inset -2px -2px 5px rgba(64, 75, 78, 0.2), inset 2px 2px 5px rgba(0, 0, 0, 0.9));
    box-sizing: border-box;
    z-index: 4;
} 
.js-success-line-right-0026,
.js-danger-line-right-0026,
.js-errors-line-right-0026,
.js-info-line-right-0026 {
    position: absolute;
    width: 5px;
    height: var(--popup-height-plus-thirty, 90px);
    top: -20px;
    right: -5px;
    border-radius: var(--popup-radius, 8px 8px 8px 8px);
    box-shadow: var(--popups-box-underline-shadow, -2px -2px 5px rgba(64, 75, 78, 0.2), 2px 2px 5px rgba(0, 0, 0, 0.9), inset -2px -2px 5px rgba(64, 75, 78, 0.2), inset 2px 2px 5px rgba(0, 0, 0, 0.9));
    box-sizing: border-box;
    z-index: 4;
} 

.js-success-0026-main.active-0026,
.js-danger-0026-main.active-0026,
.js-errors-0026-main.active-0026,
.js-info-0026-main.active-0026 {  
    transition: var(--popups-box-transition, 0.5s ease-in-out);
}

.js-success-0026-main.top-0026,
.js-danger-0026-main.top-0026,
.js-errors-0026-main.top-0026,
.js-info-0026-main.top-0026 {
    top: var(--popup-position-top-hide, -60px);
    left: 50%;
    transform: translate(-50%, -50%);
}

.js-success-0026-main.active-0026.top-0026,
.js-danger-0026-main.active-0026.top-0026,
.js-errors-0026-main.active-0026.top-0026,
.js-info-0026-main.active-0026.top-0026 {  
    top: var(--popup-position-top-show, 40px);
    left: 50%;
    transform: translate(-50%, -50%);
}

.js-success-0026-main.bottom-0026,
.js-danger-0026-main.bottom-0026,
.js-errors-0026-main.bottom-0026,
.js-info-0026-main.bottom-0026 {
    bottom: var(--popup-position-bottom-hide, -100px);
    left: 50%;
    transform: translate(-50%, -50%);
}

.js-success-0026-main.active-0026.bottom-0026,
.js-danger-0026-main.active-0026.bottom-0026,
.js-errors-0026-main.active-0026.bottom-0026,
.js-info-0026-main.active-0026.bottom-0026 {  
    bottom: var(--popup-position-bottom-show, 0px);
    left: 50%;
    transform: translate(-50%, -50%);
}

.js-success-0026-main.left-top-0026,
.js-danger-0026-main.left-top-0026,
.js-errors-0026-main.left-top-0026,
.js-info-0026-main.left-top-0026 {
    top: 30px;
    left: var(--popup-position-top-left-hide, -300px);
}

.js-success-0026-main.active-0026.left-top-0026,
.js-danger-0026-main.active-0026.left-top-0026,
.js-errors-0026-main.active-0026.left-top-0026,
.js-info-0026-main.active-0026.left-top-0026 {  
    top: 30px;
    left: var(--popup-position-top-left-show, 10px);
}

.js-success-0026-main.left-bottom-0026,
.js-danger-0026-main.left-bottom-0026,
.js-errors-0026-main.left-bottom-0026,
.js-info-0026-main.left-bottom-0026 {
    bottom: 20px;
    left: var(--popup-position-bottom-left-hide, -300px);
}

.js-success-0026-main.active-0026.left-bottom-0026,
.js-danger-0026-main.active-0026.left-bottom-0026,
.js-errors-0026-main.active-0026.left-bottom-0026,
.js-info-0026-main.active-0026.left-bottom-0026 {  
    bottom: 20px;
    left: var(--popup-position-bottom-left-show, 10px);
}

.js-success-0026-main.right-top-0026,
.js-danger-0026-main.right-top-0026,
.js-errors-0026-main.right-top-0026,
.js-info-0026-main.right-top-0026 {
    top: 30px;
    right: var(--popup-position-top-right-hide, -300px);
}

.js-success-0026-main.active-0026.right-top-0026,
.js-danger-0026-main.active-0026.right-top-0026,
.js-errors-0026-main.active-0026.right-top-0026,
.js-info-0026-main.active-0026.right-top-0026 {  
    top: 30px;
    right: var(--popup-position-top-right-show, 10px);
}

.js-success-0026-main.right-bottom-0026,
.js-danger-0026-main.right-bottom-0026,
.js-errors-0026-main.right-bottom-0026,
.js-info-0026-main.right-bottom-0026 {
    bottom: 20px;
    right: var(--popup-position-bottom-right-hide, -300px);
}

.js-success-0026-main.active-0026.right-bottom-0026,
.js-danger-0026-main.active-0026.right-bottom-0026,
.js-errors-0026-main.active-0026.right-bottom-0026,
.js-info-0026-main.active-0026.right-bottom-0026 {  
    bottom: 20px;
    right: var(--popup-position-bottom-right-show, 10px);
}
/* ********************************************************* */
.js-success-0027,
.success-panel-0027 {
    color: var(--popup-success-text-color, rgba(241, 241, 241, 1));
    background-image: var(--popup-success-bg-color, linear-gradient(135deg, rgba(51, 255, 72, 1) 0%, rgba(115, 255, 136, 1) 50%, rgba(144, 255, 18, 1) 75%, rgba(178, 255, 0, 1) 100%));
    border: var(--popup-success-border, 2px solid rgba(0, 128, 0, 1));
    box-shadow: var(--popup-success-shadow-color, 0 4px 3px 0 rgba(0, 0, 0, 0.2), 0 -1px 6px rgba(192, 31, 158, 1) inset, 0 3px 1px rgba(255 ,255, 255, 0.4) inset, 0 1px 2px 0 rgba(254, 137, 214, 1) inset);

} 

.js-danger-0027,
.danger-panel-0027 {
    color: var(--popup-danger-text-color, rgba(241, 241, 241, 1));
    background-image: var(--popup-danger-bg-color, linear-gradient(135deg, rgba(255, 134, 0, 1) 0%, rgba(255, 189, 0, 1) 50%, rgba(204, 85, 44, 1) 75%, rgba(255, 76, 30, 1) 100%));
    border: var(--popup-danger-border, 2px solid rgba(240, 164, 23, 1));
    box-shadow: var(--popup-danger-shadow-color, 0 4px 3px 0 rgba(0, 0, 0, 0.2), 0 -1px 6px rgba(192, 31, 158, 1) inset, 0 3px 1px rgba(255 ,255, 255, 0.4) inset, 0 1px 2px 0 rgba(254, 137, 214, 1) inset);

}

.js-errors-0027,
.error-panel-0027 {
    color: var(--popup-error-text-color, rgba(241, 241, 241, 1));
    background-image: var(--popup-error-bg-color, linear-gradient(135deg, rgba(255, 0, 0, 1) 0%, rgba(255, 101, 151, 1) 50%, rgba(158, 0, 18, 1) 75%, rgba(255, 0, 93, 1) 100%));
    border: var(--popup-error-border, 2px solid rgba(255, 0, 0, 1));
    box-shadow: var(--popup-error-shadow-color, 0 4px 3px 0 rgba(0, 0, 0, 0.2), 0 -1px 6px rgba(192, 31, 158, 1) inset, 0 3px 1px rgba(255 ,255, 255, 0.4) inset, 0 1px 2px 0 rgba(254, 137, 214, 1) inset);
}

.js-info-0027,
.info-panel-0027 {
    color: var(--popup-info-text-color, rgba(241, 241, 241, 1));
    background-image: var(--popup-info-bg-color, linear-gradient(135deg, rgba(0, 0, 255, 1) 0%, rgba(132, 186, 255, 1) 50%, rgba(103, 85, 197, 1) 75%, rgba(0, 0, 255, 1) 100%));
    border: var(--popup-info-border, 2px solid rgba(0, 0, 255, 1));
    box-shadow: var(--popup-info-shadow-color, 0 4px 3px 0 rgba(0, 0, 0, 0.2), 0 -1px 6px rgba(192, 31, 158, 1) inset, 0 3px 1px rgba(255 ,255, 255, 0.4) inset, 0 1px 2px 0 rgba(254, 137, 214, 1) inset);

}

.success-panel-0027, 
.danger-panel-0027,
.error-panel-0027,
.info-panel-0027,
.js-success-0027,
.js-danger-0027,
.js-errors-0027,
.js-info-0027 {
    display: flex;
    justify-content: center;
    text-align: center;
    font-size: var(--popups-font-size, 16px);
    padding: var(--popup-padding, 5px 10px 5px 10px);
    border-radius: var(--popup-radius, 8px 8px 8px 8px);
    overflow: hidden;
    z-index: 100;
}

.js-success-content-box-0027,
.js-danger-content-box-0027,
.js-error-content-box-0027,
.js-info-content-box-0027,
.success-content-box-0027,
.danger-content-box-0027,
.error-content-box-0027,
.info-content-box-0027{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.js-success-0027,
.js-danger-0027,
.js-errors-0027,
.js-info-0027 {
    position: fixed;
    width: var(--popup-width, 90%);
    height: var(--popup-height, 50px);
    transition: var(--popups-box-transition, 0.5s ease-in-out);
    z-index: 200;
}

.js-success-0027.active-0027,
.js-danger-0027.active-0027,
.js-errors-0027.active-0027,
.js-info-0027.active-0027 {  
    transition: var(--popups-box-transition, 0.5s ease-in-out);
    animation: var(--popups-box-animation-name, gummy-anim) var(--popups-box-animation-transition, 1s ease-in-out);
}

.js-success-0027.top-0027,
.js-danger-0027.top-0027,
.js-errors-0027.top-0027,
.js-info-0027.top-0027 {
    top: var(--popup-position-0027-top-hide, -60px);
    left: 50%;
    transform: translate(-50%, -50%);
}

.js-success-0027.active-0027.top-0027,
.js-danger-0027.active-0027.top-0027,
.js-errors-0027.active-0027.top-0027,
.js-info-0027.active-0027.top-0027 {  
    top: var(--popup-position-0027-top-show, 40px);
    left: 50%;
    transform: translate(-50%, -50%);
}

.js-success-0027.bottom-0027,
.js-danger-0027.bottom-0027,
.js-errors-0027.bottom-0027,
.js-info-0027.bottom-0027 {
    bottom: var(--popup-position-0027-bottom-hide, -100px);
    left: 50%;
    transform: translate(-50%, -50%);
}

.js-success-0027.active-0027.bottom-0027,
.js-danger-0027.active-0027.bottom-0027,
.js-errors-0027.active-0027.bottom-0027,
.js-info-0027.active-0027.bottom-0027 {  
    bottom: var(--popup-position-0027-bottom-show, 0px);
    left: 50%;
    transform: translate(-50%, -50%);
}

.js-success-0027.left-top-0027,
.js-danger-0027.left-top-0027,
.js-errors-0027.left-top-0027,
.js-info-0027.left-top-0027 {
    top: 10px;
    left: var(--popup-position-0027-top-left-hide, -300px);
}

.js-success-0027.active-0027.left-top-0027,
.js-danger-0027.active-0027.left-top-0027,
.js-errors-0027.active-0027.left-top-0027,
.js-info-0027.active-0027.left-top-0027 {  
    top: 10px;
    left: var(--popup-position-0027-top-left-show, 10px);
}

.js-success-0027.left-bottom-0027,
.js-danger-0027.left-bottom-0027,
.js-errors-0027.left-bottom-0027,
.js-info-0027.left-bottom-0027 {
    bottom: 10px;
    left: var(--popup-position-0027-bottom-left-hide, -300px);
}

.js-success-0027.active-0027.left-bottom-0027,
.js-danger-0027.active-0027.left-bottom-0027,
.js-errors-0027.active-0027.left-bottom-0027,
.js-info-0027.active-0027.left-bottom-0027 {  
    bottom: 10px;
    left: var(--popup-position-0027-bottom-left-show, 10px);
}

.js-success-0027.right-top-0027,
.js-danger-0027.right-top-0027,
.js-errors-0027.right-top-0027,
.js-info-0027.right-top-0027 {
    top: 10px;
    right: var(--popup-position-0027-top-right-hide, -300px);
}

.js-success-0027.active-0027.right-top-0027,
.js-danger-0027.active-0027.right-top-0027,
.js-errors-0027.active-0027.right-top-0027,
.js-info-0027.active-0027.right-top-0027 {  
    top: 10px;
    right: var(--popup-position-0027-top-right-show, 10px);
}

.js-success-0027.right-bottom-0027,
.js-danger-0027.right-bottom-0027,
.js-errors-0027.right-bottom-0027,
.js-info-0027.right-bottom-0027 {
    bottom: 10px;
    right: var(--popup-position-0027-bottom-right-hide, -300px);
}

.js-success-0027.active-0027.right-bottom-0027,
.js-danger-0027.active-0027.right-bottom-0027,
.js-errors-0027.active-0027.right-bottom-0027,
.js-info-0027.active-0027.right-bottom-0027 {  
    bottom: 10px;
    right: var(--popup-position-0027-bottom-right-show, 10px);
}

.main-preview-pop-0027 {
    position: fixed; 
    bottom: 110px;
    left: 10px;
    width: 260px;
    height: 50px;
    background-color: transparent;
    border: none;
    border-radius: 5px;
    cursor: move;
}

.success-panel-0027, 
.danger-panel-0027,
.error-panel-0027,
.info-panel-0027 {
    position: absolute; 
    top: 0px;
    left: 0px;
    width: 260px;
    height: 50px;
    opacity: 0;
    pointer-events: none;
}

.success-panel-0027.active-0027, 
.danger-panel-0027.active-0027,
.error-panel-0027.active-0027,
.info-panel-0027.active-0027 { 
    opacity: 1;
}

@keyframes gummy-anim {
    0%, 100%{
        width: var(--popup-width, 280px);
        height: var(--popup-height, 50px);
    }
    20%{
        width: var(--popup-width-minus-twenty, 260px);
        height: var(--popup-height-minus-ten, 40px);
    }
    40%{
        width: var(--popup-width-plus-ten, 290px);
        height: var(--popup-height-minus-twenty, 30px);
    }
    60%{
        width: var(--popup-width-minus-forty, 240px);
        height: var(--popup-height, 50px);
    }
    80%{
        width: var(--popup-width-plus-ten, 290px);
        height: var(--popup-height-plus-ten, 60px);
    }    
}
/* ********************************************************* */
/* ********************************************************* */
.js-success-2001,
.success-panel-2001 {
    color: rgba(0, 128, 0, 1);
    font-size: var(--popups-font-size, 16px);
    background-color: rgba(240, 247, 250, 1);
    border: 2px solid rgba(0, 128, 0, 1);
    z-index: 100;
} 

.js-danger-2001,
.danger-panel-2001 {
    color: rgba(240, 164, 23, 1);
    font-size: var(--popups-font-size, 16px);
    background-color: rgba(240, 247, 250, 1);
    border: 2px solid rgba(240, 164, 23, 1);
    z-index: 100;
}

.js-errors-2001,
.error-panel-2001 {
    color: rgba(255, 0, 0, 1);
    font-size: var(--popups-font-size, 16px);
    background-color: rgba(240, 247, 250, 1);
    border: 2px solid rgba(255, 0, 0, 1);
    z-index: 100;
}

.js-info-2001,
.info-panel-2001 {
    color: rgba(0, 0, 255, 1);
    font-size: var(--popups-font-size, 16px);
    background-color: rgba(240, 247, 250, 1);
    border: 2px solid rgba(0, 0, 255, 1);
    z-index: 100;
}

.success-panel-2001, 
.danger-panel-2001,
.error-panel-2001,
.info-panel-2001 {
    display: flex;
    width: 250px;
    height: 100px;
    margin-top: 5px;
    padding: var(--popup-padding, 5px 10px 5px 10px);
    border-radius: 8px 8px 8px 8px;
    box-shadow: -5px -5px 15px rgba(64, 75, 78, 0.2) , 5px 5px 15px rgba(0, 0, 0, 0.9) , inset -5px -5px 15px rgba(64, 75, 78, 0.2) , inset 5px 5px 15px rgba(0, 0, 0, 0.9);
    overflow: hidden;
}

.js-success-2001,
.js-danger-2001,
.js-errors-2001,
.js-info-2001 {
    display: flex;
    justify-content: center;
    text-align: center;
    margin-top: 5px;
    padding: var(--popup-padding, 5px 10px 5px 10px);
    border-radius: 8px 8px 8px 8px;
    box-shadow: -5px -5px 15px rgba(64, 75, 78, 0.2) , 5px 5px 15px rgba(0, 0, 0, 0.9) , inset -5px -5px 15px rgba(64, 75, 78, 0.2) , inset 5px 5px 15px rgba(0, 0, 0, 0.9);
    overflow: hidden;
    transition: 0.01s ease-in-out;
}

.js-success-2001,
.js-danger-2001,
.js-errors-2001,
.js-info-2001 {
    position: fixed;
    top: -60px;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 0px;
    height: 0px;
    transition: 0.01s ease-in-out;
}

.js-success-2001.active-2001,
.js-danger-2001.active-2001,
.js-errors-2001.active-2001,
.js-info-2001.active-2001 {  
    top: 40px;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    height: 50px;
    transition: 0.01s ease-in-out;
}

.js-success-2001::-webkit-scrollbar,
.js-danger-2001::-webkit-scrollbar, 
.js-errors-2001::-webkit-scrollbar, 
.js-info-2001::-webkit-scrollbar,
.success-panel-2001::-webkit-scrollbar,
.danger-panel-2001::-webkit-scrollbar, 
.error-panel-2001::-webkit-scrollbar, 
.info-panel-2001::-webkit-scrollbar {
    width: 10px;
}

.js-success-2001::-webkit-scrollbar-thumb,
.js-danger-2001::-webkit-scrollbar-thumb,
.js-errors-2001::-webkit-scrollbar-thumb,
.js-info-2001::-webkit-scrollbar-thumb,
.success-panel-2001::-webkit-scrollbar-thumb,
.danger-panel-2001::-webkit-scrollbar-thumb,
.error-panel-2001::-webkit-scrollbar-thumb,
.info-panel-2001::-webkit-scrollbar-thumb {
    background-color: rgba(240, 247, 250, 1);
    border-radius: 5px 5px 5px 5px;
    border: 1px solid rgba(82, 63, 63, 1);
    cursor: default;
}

.js-success-2001::-webkit-scrollbar-thumb:hover,
.js-danger-2001::-webkit-scrollbar-thumb:hover,
.js-errors-2001::-webkit-scrollbar-thumb:hover,
.js-info-2001::-webkit-scrollbar-thumb:hover,
.success-panel-2001::-webkit-scrollbar-thumb:hover,
.danger-panel-2001::-webkit-scrollbar-thumb:hover,
.error-panel-2001::-webkit-scrollbar-thumb:hover,
.info-panel-2001::-webkit-scrollbar-thumb:hover {
    background-color: rgba(158, 158, 158, 1);
    border-radius: 5px 5px 5px 5px;
    border: 1px solid rgba(82, 63, 63, 1);
    cursor: default;
}

/* ********************************************************* */