[data-v-5ab06262]:root{--bar-width:224px}.content-wrap[data-v-5ab06262]{padding:16px 40px}.notification-content[data-v-5ab06262]{background-color:#fff;padding:16px 24px;min-height:calc(100vh - 140px);border-radius:20px}.notification-content .read-all[data-v-5ab06262]{color:#7d849b;background:#f7f8fa;padding:7px 10px 6px;border-radius:10px;position:relative;left:100%;transform:translateX(-100%);transition:all .2s;border:none}.notification-content .read-all[data-v-5ab06262]:hover{color:#fff;background:#fa6300}.notification-content .notifications-list[data-v-5ab06262]{padding-left:15px;border-left:1px solid #e5e7eb}.notification-content .notifications-list .time-container[data-v-5ab06262]{line-height:24px;font-size:16px;font-weight:500;height:30px;line-height:30px;position:relative}@media(max-width:888px){.notification-content .notifications-list .time-container[data-v-5ab06262]{font-size:1rem}}.notification-content .notifications-list .time-container[data-v-5ab06262]:before{content:"";display:block;width:8px;height:8px;border-radius:50%;background:#fa6300;position:absolute;z-index:2;left:-20px;top:50%;transform:translateY(-50%)}.notification-content .notifications-list .half-border[data-v-5ab06262]:after{content:"";display:block;width:8px;height:80%;background:#fff;position:absolute;z-index:1;left:-20px;top:0;transform:translateY(-50%)}.notification-content .notifications-list .list-container[data-v-5ab06262]{padding-bottom:16px}.empty[data-v-5ab06262]{text-align:center;padding:64px}.empty .text[data-v-5ab06262]{margin-top:16px;font-size:14px;color:#7d849b}