/* Native Notify System */
.shion_native_notify_system {
    position: fixed;
    bottom: -500px;
    left: 0;
    z-index: 998;
    width: 100%;
    -webkit-box-shadow: 0px 0px 17px 0px rgba(0, 0, 0, 0.75);
}
.shion_native_notify_system.show {
    animation: linear .6s nativeNotifyToTop forwards;
}
.shion_native_notify_system.hide {
    animation: linear .6s nativeNotifyToDown forwards;
}
@keyframes nativeNotifyToTop {
    to {
        bottom: 0;
    }
}
@keyframes nativeNotifyToDown {
    from {
        bottom: 0;
    }
    to {
        bottom: -500px;
    }
}
.SNNS_header {
    position: absolute;
    top: -15px;
    left: 20px;
    background: var(--primary);
    padding: 5px 15px;
    font-weight: 600;
    font-size: 14px;
    -webkit-box-shadow: 0px 0px 17px 0px rgba(0, 0, 0, 0.5);
    border-radius: 50px;
    color: #fff;
}
.SNNS_content {
    padding: 30px 20px;
    background: var(--primary-hover);
    font-size: 14px;
    font-weight: 300;
    color: #fff;
}
.shion_native_notify_system.success .SNNS_header {
    background: #27ae60;
}
.shion_native_notify_system.success .SNNS_content {
    background: #2ecc71;
}
.shion_native_notify_system.alert .SNNS_header {
    background: #d35400;
}
.shion_native_notify_system.alert .SNNS_content {
    background: #e67e22;
}
.shion_native_notify_system.error .SNNS_header {
    background: #c0392b;
}
.shion_native_notify_system.error .SNNS_content {
    background: #e74c3c;
}