.notification-popup-in[data-v-8d9e537e]{box-sizing:border-box;margin:0 auto;max-width:500px;padding:10px;width:90%}#noti_popopu_panel_button[data-v-8d9e537e]{cursor:pointer}.bottom-notification-popup[data-v-8d9e537e]{animation:slideUp-8d9e537e .3s ease-out;background-color:#333;border:1px solid #222;border-radius:10px;bottom:5%;box-shadow:0 0 10px #00000080;color:#fff;left:50%;max-width:600px;padding:15px 20px;position:fixed;transform:translate(-50%);width:90%;z-index:9999}.bottom-notification-content[data-v-8d9e537e],.bottom-notification-popup[data-v-8d9e537e]{align-items:center;display:flex;justify-content:space-between}.bottom-notification-content[data-v-8d9e537e]{width:100%}.close-button[data-v-8d9e537e]{background:none;border:none;color:#fff;cursor:pointer;font-size:16px;margin-left:10px}@keyframes slideUp-8d9e537e{0%{opacity:0;transform:translate(-50%,100%)}to{opacity:1;transform:translate(-50%)}}@media(max-width:768px){.bottom-notification-popup[data-v-8d9e537e]{font-size:14px;max-width:500px;padding:10px;width:95%}.close-button[data-v-8d9e537e]{font-size:14px}}.expand-enter-active[data-v-fbaa503f],.expand-leave-active[data-v-fbaa503f]{transition:max-height .5s ease}.expand-enter-from[data-v-fbaa503f],.expand-leave-to[data-v-fbaa503f]{max-height:0;overflow:hidden}.expand-enter-to[data-v-fbaa503f],.expand-leave-from[data-v-fbaa503f]{max-height:500px}