[data-v-70e6bf12]:root{--primary-color:$base-color!important;--highlight-text-color:$base-color!important}.box[data-v-70e6bf12]{background:#f2f4f5;box-shadow:0 4px 7px #00000008;display:block;height:100dvh;max-width:40%;padding:20px;position:fixed;right:-500px;transition:right .26s;width:500px}@media (max-width:599px){.box[data-v-70e6bf12]{max-width:80%}}.box.active[data-v-70e6bf12]{right:0}@media (max-width:900px){.box[data-v-70e6bf12]{grid-template-columns:80px 1fr}}@media (max-width:599px){.box[data-v-70e6bf12]{grid-template-columns:60px 1fr}}.box .notification-item[data-v-70e6bf12]{margin-bottom:8px}.box .notification-message[data-v-70e6bf12]{display:inline-block;line-height:1.4;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}@media (max-width:768px){.box .notification-message[data-v-70e6bf12]{white-space:normal;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}}.box .box-menu[data-v-70e6bf12]{background:#f8f8f8;border-radius:12px 0 0 12px;height:100%;padding-top:15px;position:relative}.box .box-menu .footer[data-v-70e6bf12]{border-top:2px solid #eee;bottom:15px;padding-top:15px;position:absolute;width:100%}.box .box-content[data-v-70e6bf12]{padding:30px}@media (max-width:599px){.box .box-content[data-v-70e6bf12]{padding-left:20px}}.notification-all[data-v-70e6bf12],.notification-new[data-v-70e6bf12]{background:#fff;border-radius:7px;padding:15px}.file-attachment-container[data-v-70e6bf12]{margin:5px 0 10px;width:100%}.file-attachment-link[data-v-70e6bf12]{border:1px solid #ccc;border-radius:8px;color:#008ba7;display:block;overflow:hidden;padding:8px 12px;text-align:center;text-overflow:ellipsis;white-space:nowrap;size:13px;text-decoration:none;transition:all .2s ease}.file-attachment-link[data-v-70e6bf12]:hover{background-color:#f5f5f5;border-color:#999}.notification-action-btn[data-v-70e6bf12]{background:#eee;border:1px solid #d1d1d1;border-radius:10px;color:#008ba7;cursor:pointer;font-size:12px;font-weight:500;margin:10px 0;padding:8px 12px;text-align:center;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.notification-action-btn.has-video[data-v-70e6bf12]{background:#eee}.notification-action-btn.has-video[data-v-70e6bf12]:hover{background:#f2f4f5}.notification-message-wrapper[data-v-70e6bf12]{margin-bottom:12px;position:relative}.notification-message[data-v-70e6bf12]{color:#555;cursor:pointer;font-size:14px;line-height:1.5;overflow-wrap:break-word;transition:all .3s ease;word-break:break-word}.notification-message.is-truncated[data-v-70e6bf12]{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.read-more-indicator[data-v-70e6bf12]{background:#fff;bottom:25px;color:#888;padding-left:5px;position:absolute;right:0}.read-more-btn[data-v-70e6bf12]{background:none;border:none;color:#008ba7;cursor:pointer;font-size:13px;font-weight:500;margin-top:5px;padding:2px 5px}.read-more-btn[data-v-70e6bf12]:hover{text-decoration:underline}