.dark .layout-bg-highest[data-v-6a8a858b]{background:#202020}.dark .layout-bg-higher[data-v-6a8a858b]{background:#282828}.dark .layout-bg-high[data-v-6a8a858b]{background:#2b2b2b}.dark .layout-bg-normal[data-v-6a8a858b]{background:#2e2e2e}.dark .layout-bg-low[data-v-6a8a858b]{background:#32322f}.dark .layout-bg-lower[data-v-6a8a858b]{background:#363636}.dark .layout-bg-lowest[data-v-6a8a858b]{background:#393939}.layout-bg-highest[data-v-6a8a858b]{background:#eaeaea}.layout-bg-higher[data-v-6a8a858b]{background:#dfdfdf}.layout-bg-high[data-v-6a8a858b]{background:#cecece}.layout-bg-normal[data-v-6a8a858b]{background:#c1c1c1}.layout-bg-low[data-v-6a8a858b]{background:#a0a0a0}.layout-bg-lower[data-v-6a8a858b]{background:#898989}.layout-bg-lowest[data-v-6a8a858b]{background:#606060}.dark .layout-border-highest[data-v-6a8a858b]{border-color:#2a2a2a}.sub-border-black[data-v-6a8a858b]{border-color:#000}.sub-bg-black[data-v-6a8a858b]{background:#000}.sub-border-white[data-v-6a8a858b]{border-color:#fff}.sub-bg-white[data-v-6a8a858b]{background:#fff}.sub-border-purple[data-v-6a8a858b]{border-color:#7c0bbd}.sub-bg-purple[data-v-6a8a858b]{background:#7c0bbd}.sub-border-pink[data-v-6a8a858b]{border-color:#d557ea}.sub-bg-pink[data-v-6a8a858b]{background:#d557ea}.sub-border-darkblue[data-v-6a8a858b]{border-color:#0650b2}.sub-bg-darkblue[data-v-6a8a858b]{background:#0650b2}.sub-border-lightblue[data-v-6a8a858b]{border-color:#3b82f6}.sub-bg-lightblue[data-v-6a8a858b]{background:#3b82f6}.sub-border-green[data-v-6a8a858b]{border-color:#4db914}.sub-bg-green[data-v-6a8a858b]{background:#4db914}.sub-border-yellow[data-v-6a8a858b]{border-color:#ffd500}.sub-bg-yellow[data-v-6a8a858b]{background:#ffd500}.sub-border-orange[data-v-6a8a858b]{border-color:#f90}.sub-bg-orange[data-v-6a8a858b]{background:#f90}.sub-border-red[data-v-6a8a858b]{border-color:#d20505}.sub-bg-red[data-v-6a8a858b]{background:#d20505}.notification-item-wrapper[data-v-6a8a858b]{align-items:flex-start;-webkit-animation-duration:.2s;animation-duration:.2s;border-color:transparent;border-radius:1rem;border-width:1px;display:flex;gap:1rem;padding:1rem;position:relative;transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.notification-item-wrapper[data-v-6a8a858b]:is(.dark *){background-color:#18181d;background-color:#18181d80}.notification-item-wrapper[data-v-6a8a858b]:hover{--tw-bg-opacity:1;background-color:rgb(251 252 253/var(--tw-bg-opacity,1))}.notification-item-wrapper[data-v-6a8a858b]:hover:is(.dark *){background-color:#1f1f28;background-color:#18181d}.notification-item-wrapper[data-v-6a8a858b]:hover{border-color:#0000000d}.notification-item-wrapper[data-v-6a8a858b]:hover:is(.dark *){border-color:#ffffff0d}.notification-item-wrapper[data-v-6a8a858b]:hover{box-shadow:0 4px 12px #00000008;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.notification-item-wrapper.unread[data-v-6a8a858b]{background-color:#eff6ff80}.notification-item-wrapper.unread[data-v-6a8a858b]:is(.dark *){background-color:#1e3a8a1a}.notification-item-wrapper.unread .username-link[data-v-6a8a858b]{font-weight:700;--tw-text-opacity:1;color:rgb(24 24 27/var(--tw-text-opacity,1))}.notification-item-wrapper.unread .username-link[data-v-6a8a858b]:is(.dark *){--tw-text-opacity:1;color:rgb(244 244 245/var(--tw-text-opacity,1))}.notification-item-wrapper.unread .message-text[data-v-6a8a858b]{--tw-text-opacity:1;color:rgb(24 24 27/var(--tw-text-opacity,1))}.notification-item-wrapper.unread .message-text[data-v-6a8a858b]:is(.dark *){--tw-text-opacity:1;color:rgb(244 244 245/var(--tw-text-opacity,1))}.notification-item-wrapper.compact[data-v-6a8a858b]{gap:.75rem;padding:.75rem}.notification-avatar-area[data-v-6a8a858b]{flex-shrink:0;padding-top:.125rem}.avatar-container[data-v-6a8a858b]{display:inline-block;position:relative}.type-badge[data-v-6a8a858b]{align-items:center;border-radius:9999px;bottom:-.25rem;display:flex;height:1.25rem;justify-content:center;position:absolute;right:-.25rem;width:1.25rem;z-index:10;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(255 255 255/var(--tw-ring-opacity,1))}.type-badge[data-v-6a8a858b]:is(.dark *){--tw-ring-color:#18181d}.type-badge[data-v-6a8a858b]{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.type-badge .badge-icon[data-v-6a8a858b]{font-size:10px}.notification-content[data-v-6a8a858b]{display:flex;flex:1 1 0%;flex-direction:column;justify-content:center;min-width:0}.content-header[data-v-6a8a858b]{align-items:center;display:flex;gap:.5rem;justify-content:space-between;margin-bottom:.125rem}.username-link[data-v-6a8a858b]{font-size:.875rem;font-weight:600;line-height:1.25rem;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);--tw-text-opacity:1;color:rgb(24 24 27/var(--tw-text-opacity,1))}.username-link[data-v-6a8a858b]:is(.dark *){--tw-text-opacity:1;color:rgb(244 244 245/var(--tw-text-opacity,1))}.username-link[data-v-6a8a858b]:hover{color:hsl(var(--primary));text-decoration-line:underline;--tw-text-opacity:1;color:rgb(213 68 107/var(--tw-text-opacity,1))}.username-link[data-v-6a8a858b]:hover:is(.dark *){--tw-text-opacity:1;color:rgb(255 107 147/var(--tw-text-opacity,1))}.username-text[data-v-6a8a858b]{font-size:.875rem;font-weight:600;line-height:1.25rem;--tw-text-opacity:1;color:rgb(24 24 27/var(--tw-text-opacity,1))}.username-text[data-v-6a8a858b]:is(.dark *){--tw-text-opacity:1;color:rgb(244 244 245/var(--tw-text-opacity,1))}.time-stamp[data-v-6a8a858b]{color:hsl(var(--muted));font-size:.75rem;line-height:1rem;white-space:nowrap;--tw-text-opacity:1;color:rgb(82 82 91/var(--tw-text-opacity,1))}.time-stamp[data-v-6a8a858b]:is(.dark *){--tw-text-opacity:1;color:rgb(212 212 216/var(--tw-text-opacity,1))}.message-text[data-v-6a8a858b]{color:hsl(var(--muted));font-size:.875rem;line-height:1.25rem;line-height:1.375;--tw-text-opacity:1;color:rgb(82 82 91/var(--tw-text-opacity,1))}.message-text[data-v-6a8a858b]:is(.dark *){--tw-text-opacity:1;color:rgb(212 212 216/var(--tw-text-opacity,1))}.notification-actions[data-v-6a8a858b]{align-items:flex-end;align-self:center;display:flex;flex-direction:column;flex-shrink:0;gap:.5rem}.unread-dot[data-v-6a8a858b]{background-color:hsl(var(--primary));border-radius:9999px;height:.625rem;width:.625rem;--tw-bg-opacity:1;background-color:rgb(246 91 132/var(--tw-bg-opacity,1))}.unread-dot[data-v-6a8a858b]:is(.dark *){--tw-bg-opacity:1;background-color:rgb(213 68 107/var(--tw-bg-opacity,1))}.unread-dot[data-v-6a8a858b]{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);--tw-shadow-color:hsl(var(--primary)/.4);--tw-shadow:var(--tw-shadow-colored)}