.notificationItem{margin-bottom:24px}@media (max-width:640px){.notificationItem{margin-bottom:16px}}.notificationItem:last-child{margin-bottom:0}.notificationItem__header{justify-content:flex-start;align-items:center;gap:20px;display:flex}@media (max-width:640px){.notificationItem__header{gap:15px}}.notificationItem__header-btn{cursor:pointer;flex:1;justify-content:flex-start;align-items:center;gap:20px;display:flex}@media (max-width:640px){.notificationItem__header-btn{gap:15px}}.notificationItem-avatar{flex:0 0 64px;min-width:64px;height:64px;overflow:hidden}.notificationItem-avatar,.notificationItem-avatar figure{border-radius:100%;display:block}.notificationItem-avatar img{width:100%;height:auto;display:block}@media (max-width:640px){.notificationItem-avatar{flex-basis:40px;min-width:40px;height:40px}}.notificationItem-category{border:3px solid;border-radius:8px;flex:0 0 64px;justify-content:center;align-items:center;min-width:64px;height:64px;display:flex;overflow:hidden}.notificationItem-category figure{width:100%;height:100%;display:block}.notificationItem-category img{width:auto;height:auto}@media (max-width:640px){.notificationItem-category{flex-basis:40px;min-width:40px;height:40px}}.notificationItem-shop{flex:0 0 64px;min-width:64px;height:64px;display:block}.notificationItem-shop figure{border-radius:8px;display:block}.notificationItem-shop img{width:100%;height:auto;display:block}@media (max-width:640px){.notificationItem-shop{flex-basis:40px;min-width:40px;height:40px}}.notificationItem-post{flex:0 0 64px;min-width:64px;height:64px;display:block}.notificationItem-post figure{border-radius:8px;display:block}.notificationItem-post img{width:100%;height:auto;display:block}@media (max-width:640px){.notificationItem-post{flex-basis:40px;min-width:40px;height:40px}}.notificationItem-info{color:var(--color_black_60);font-size:14px;line-height:1.4}@media (max-width:640px){.notificationItem-info{font-size:12px}}.notificationItem-info__text{margin-bottom:3px}@media (max-width:640px){.notificationItem-info__text{margin-bottom:0}}.notificationItem-info__text a,.notificationItem-info__text span{color:var(--color_black_main)}.notificationItem-info__text b{color:var(--color_black_main);font-weight:500}@media (max-width:640px){.notificationItem-info__text b{font-size:14px}}.notificationItem-info__time{padding-left:14px;display:block;position:relative}@media (max-width:640px){.notificationItem-info__time{font-size:12px}}.notificationItem-info__time:before{background:var(--color_red_main);content:"";border-radius:100%;width:6px;height:6px;margin-top:-3px;display:block;position:absolute;top:50%;left:0}.notificationItem-info__time--viewed{padding-left:0}.notificationItem-info__time--viewed:before{display:none}.notificationItem-funcs{margin-left:auto;margin-right:0}.notificationItem--mini{margin-bottom:12px}.notificationItem--mini:last-child{margin-bottom:0}.notificationItem--mini .notificationItem__header-btn{align-items:flex-start;gap:8px}.notificationItem--mini .notificationItem-avatar{flex:0 0 32px;min-width:32px;height:32px}@media (max-width:767px){.notificationItem--mini .notificationItem-avatar{flex:0 0 36px;min-width:36px;height:36px}}.notificationItem--mini .notificationItem-category{border-radius:6px;flex:0 0 32px;min-width:32px;height:32px}@media (max-width:767px){.notificationItem--mini .notificationItem-category{flex:0 0 36px;min-width:36px;height:36px}}.notificationItem--mini .notificationItem-category figure{max-width:26px;max-height:26px}@media (max-width:767px){.notificationItem--mini .notificationItem-category figure{max-width:30px;max-height:30px}}.notificationItem--mini .notificationItem-shop{border-radius:6px;flex:0 0 32px;min-width:32px;height:32px}@media (max-width:767px){.notificationItem--mini .notificationItem-shop{flex:0 0 36px;min-width:36px;height:36px}}.notificationItem--mini .notificationItem-post{border-radius:6px;flex:0 0 32px;min-width:32px;height:32px}@media (max-width:767px){.notificationItem--mini .notificationItem-post{flex:0 0 36px;min-width:36px;height:36px}}.notificationItem--mini .notificationItem-info{font-size:13px}@media (max-width:640px){.notificationItem--mini .notificationItem-info{font-size:12px}.notificationItem--mini .notificationItem-info b{font-size:13px}}.notificationItem--mini .notificationItem-info__time{padding-left:12px;font-size:12px}.notificationItem--mini .notificationItem-info__time:before{width:4px;height:4px;margin-top:-2px}.notificationItem--mini .notificationItem-info__time--viewed{padding-left:0}.notificationItem--mini .notificationItem-info__time--viewed:before{display:none}