.notice[data-v-ab6965d4]{border-bottom:1px solid var(--vv-line);align-items:flex-start;display:flex}.notice--unread[data-v-ab6965d4]{background:var(--vv-hover)}.notice[data-v-ab6965d4]:hover{background:rgba(var(--v-theme-on-surface),.06)}.notice-main[data-v-ab6965d4]{min-width:0;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:auto;align-items:flex-start;gap:12px;padding:14px 8px 14px 16px;display:flex}.notice-main[data-v-ab6965d4]:focus-visible{outline:2px solid var(--vv-green);outline-offset:-2px}.notice-menu[data-v-ab6965d4]{flex:none;margin:10px 8px 0 0}.notice-icon[data-v-ab6965d4]{background:var(--vv-soft);width:36px;height:36px;color:var(--vv-text);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.notice-icon--high[data-v-ab6965d4]{background:var(--vv-danger-soft);color:var(--vv-danger)}.notice-text[data-v-ab6965d4]{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.notice-top[data-v-ab6965d4]{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.notice-title[data-v-ab6965d4]{min-width:0}.notice-time[data-v-ab6965d4]{white-space:nowrap;flex:none;align-items:center;gap:6px;display:inline-flex}.notice-dot[data-v-ab6965d4]{border-radius:50%;width:8px;height:8px}.notice-dot--on[data-v-ab6965d4]{background:var(--vv-green)}.notice-action[data-v-ab6965d4]{border:1px solid var(--vv-line);background:var(--vv-white);border-radius:8px;align-self:flex-start;margin-top:6px;padding:4px 10px;font-size:12px;font-weight:600}