.player-rank-up-container[data-v-abee0ff8]{align-items:center;background:#333;bottom:0;display:flex;height:100vh;left:0;margin:0 auto;overflow:hidden;position:absolute;right:0;text-align:center;top:0;width:600px;z-index:3000000}.player-rank-up-container .inner[data-v-abee0ff8]{text-align:center;width:100%}.player-rank-up-container .inner .rank-image-box[data-v-abee0ff8]{margin-top:20px}@media (max-width:599px){.player-rank-up-container[data-v-abee0ff8]{width:100%}.player-rank-up-container .inner[data-v-abee0ff8]{text-align:center;width:100%}.player-rank-up-container .inner .msg-image[data-v-abee0ff8],.player-rank-up-container .inner .rank-image[data-v-abee0ff8]{width:80%}}.player-rank-up-container[data-v-c62f7ce5]{align-items:center;background:#333;bottom:0;display:flex;height:100vh;left:0;margin:0 auto;overflow:hidden;position:absolute;right:0;text-align:center;top:0;width:600px;z-index:3000000}.player-rank-up-container .inner[data-v-c62f7ce5]{text-align:center;width:100%}.player-rank-up-container .inner .rank-image-box[data-v-c62f7ce5]{margin-top:20px}@media (max-width:599px){.player-rank-up-container[data-v-c62f7ce5]{width:100%}.player-rank-up-container .inner[data-v-c62f7ce5]{text-align:center;width:100%}.player-rank-up-container .inner .msg-image[data-v-c62f7ce5],.player-rank-up-container .inner .rank-image[data-v-c62f7ce5]{width:80%}}.familiar-rank-up-container[data-v-ccedfbea]{align-items:center;background:#333;bottom:0;display:flex;height:100vh;left:0;margin:0 auto;overflow:hidden;position:absolute;right:0;text-align:center;top:0;width:600px;z-index:3000000}.familiar-rank-up-container .inner[data-v-ccedfbea]{text-align:center;width:100%}.familiar-rank-up-container .inner .rank-image[data-v-ccedfbea]{margin-top:20px}@media (max-width:599px){.familiar-rank-up-container[data-v-ccedfbea]{width:100%}.familiar-rank-up-container .inner[data-v-ccedfbea]{text-align:center;width:100%}.familiar-rank-up-container .inner .msg-image[data-v-ccedfbea],.familiar-rank-up-container .inner .rank-image[data-v-ccedfbea]{width:80%}}.notification-message[data-v-674c83fd]{word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap;word-break:break-word}.overlay-background[data-v-674c83fd]{background:#000000b3;height:100%;left:0;position:absolute;top:0;width:100%;z-index:20000}.footer-adjuster[data-v-674c83fd]{height:40px}.notification-container[data-v-674c83fd]{position:relative}.notification-container .close-button[data-v-674c83fd]{cursor:pointer;padding:5px;position:absolute;right:0;top:0}.notification-container .close-button[data-v-674c83fd]:hover{opacity:.7}.notification-bottom-container[data-v-674c83fd],.notification-bottom-container-unread[data-v-674c83fd],.notification-open-container[data-v-674c83fd],.notification-open-container-unread[data-v-674c83fd]{background:#000000b3;border-radius:8px 8px 0 0;bottom:0;left:0;margin:0 auto;max-height:90%;overflow-y:auto;padding:5px 0;position:fixed;right:0;width:500px;z-index:20001}.notification-bottom-container .close-container[data-v-674c83fd],.notification-bottom-container-unread .close-container[data-v-674c83fd]{align-items:center;cursor:pointer;display:flex;justify-content:center;min-height:35px}.notification-bottom-container .close-container .is-active[data-v-674c83fd],.notification-bottom-container-unread .close-container .is-active[data-v-674c83fd]{color:#00fce8}.notification-bottom-container .close-container .icon[data-v-674c83fd],.notification-bottom-container-unread .close-container .icon[data-v-674c83fd]{font-size:18px}.notification-bottom-container .close-container .message[data-v-674c83fd],.notification-bottom-container-unread .close-container .message[data-v-674c83fd]{font-size:12px;white-space:pre-wrap;word-break:break-word}.notification-bottom-container .close-container[data-v-674c83fd]:hover,.notification-bottom-container-unread .close-container[data-v-674c83fd]:hover{opacity:.7}.notification-bottom-container .blinking[data-v-674c83fd],.notification-bottom-container-unread .blinking[data-v-674c83fd]{animation:fade-blink-674c83fd 4s infinite;font-size:24px;font-weight:700}.notification-bottom-container-unread[data-v-674c83fd],.notification-open-container-unread[data-v-674c83fd]{border-left:1px solid #00fce8;border-right:1px solid #00fce8;border-top:1px solid #00fce8}.notification-bottom-container[data-v-674c83fd],.notification-open-container[data-v-674c83fd]{border-left:1px solid #ddd;border-right:1px solid #ddd;border-top:1px solid #ddd}.notification-open-container[data-v-674c83fd],.notification-open-container-unread[data-v-674c83fd]{padding:20px}.notice-list-container[data-v-674c83fd]{max-height:100%;overflow-y:scroll}.notice-list-container .notice-info[data-v-674c83fd]{border-bottom:1px solid #eee;display:flex}.notice-list-container .notice-info .no-read[data-v-674c83fd]{background:#222;color:#ddd}.notice-list-container .notice-info .mark[data-v-674c83fd]{align-items:center;color:#00fce8;display:flex;font-size:18px;justify-content:center;width:20px}.notice-list-container .notice-info .left[data-v-674c83fd]{flex:1;font-size:15px;padding:5px 10px}.notice-list-container .notice-info .left .message[data-v-674c83fd]{white-space:pre;word-break:break-word}.notice-list-container .notice-info .right[data-v-674c83fd]{align-items:center;display:flex;font-size:30px;justify-content:center;width:25px}@keyframes fade-blink-674c83fd{0%{opacity:1}50%{opacity:.6}to{opacity:1}}.fade-enter-active[data-v-674c83fd],.fade-leave-active[data-v-674c83fd]{transition:opacity 1s}.fade-enter-from[data-v-674c83fd],.fade-leave-to[data-v-674c83fd]{opacity:0}@media (max-width:599px){.notification-bottom-container[data-v-674c83fd],.notification-bottom-container-unread[data-v-674c83fd],.notification-open-container[data-v-674c83fd],.notification-open-container-unread[data-v-674c83fd]{width:95%}.notice-list-container .notice-info .mark[data-v-674c83fd]{font-size:16px}.notice-list-container .notice-info .left[data-v-674c83fd]{font-size:14px}.notice-list-container .notice-info .right[data-v-674c83fd]{width:20px}}@media (min-width:600px){.footer-container[data-v-6b5da99f]{border-top:1px solid #888;color:#fff;font-size:13px;margin-top:20px;padding:8px;text-align:center}}@media (max-width:599px){.footer-container[data-v-6b5da99f]{color:#fff;font-size:12px;margin-top:20px;padding:2px;text-align:center}}