.rn-notification-area[data-v-a894f23e]{height:100%;overflow-y:auto}.notice-heading[data-v-a894f23e]{align-items:center;border-bottom:1px solid #30363d;display:flex;justify-content:space-between;padding:20px}.notice-heading h4[data-v-a894f23e]{color:#fff;font-size:18px;font-weight:600;margin:0}.rn-notification-wrapper[data-v-a894f23e]{max-height:600px;overflow-y:auto}.single-notice[data-v-a894f23e]{align-items:flex-start;border-bottom:1px solid #30363d;display:flex;padding:15px 20px;transition:background-color .3s ease}.single-notice[data-v-a894f23e]:hover{background-color:#ffffff0d}.single-notice .thumbnail[data-v-a894f23e]{flex-shrink:0;margin-right:15px}.single-notice .thumbnail img[data-v-a894f23e]{border-radius:6px;height:50px;-o-object-fit:cover;object-fit:cover;width:50px}.content-wrapper[data-v-a894f23e]{flex:1;min-width:0}.content-wrapper .title[data-v-a894f23e]{color:#fff;display:-webkit-box;font-size:14px;font-weight:500;margin:0 0 5px;text-decoration:none;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.content-wrapper .title[data-v-a894f23e]:hover{color:#007bff}.content-wrapper p[data-v-a894f23e]{color:#8d949e;display:-webkit-box;font-size:12px;margin:0 0 8px;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notice-time[data-v-a894f23e]{display:flex;gap:10px;margin-bottom:10px}.notice-time span[data-v-a894f23e]{color:#6c757d;font-size:11px}.btn-primary-alta[data-v-a894f23e]{background-color:transparent;border:1px solid #007bff;border-radius:4px;color:#007bff;font-size:12px;padding:6px 12px;text-decoration:none;transition:all .3s ease}.btn-primary-alta[data-v-a894f23e]:hover{background-color:#007bff;color:#fff;text-decoration:none}.rn-notification-wrapper[data-v-a894f23e]::-webkit-scrollbar{width:6px}.rn-notification-wrapper[data-v-a894f23e]::-webkit-scrollbar-track{background:#1a1e27}.rn-notification-wrapper[data-v-a894f23e]::-webkit-scrollbar-thumb{background:#30363d;border-radius:3px}.rn-notification-wrapper[data-v-a894f23e]::-webkit-scrollbar-thumb:hover{background:#424954}@media (max-width:768px){.notice-heading[data-v-a894f23e]{align-items:flex-start;flex-direction:column;gap:10px}.single-notice[data-v-a894f23e]{padding:12px 15px}.single-notice .thumbnail[data-v-a894f23e]{margin-right:12px}.single-notice .thumbnail img[data-v-a894f23e]{height:40px;width:40px}}