.cads-ntf-wrapper{max-width:360px;width:360px}.cads-ntf-bell{width:26px;height:26px}.cads-ntf-top{padding:12px 20px}.cads-ntf-top__title{display:flex;justify-content:space-between;align-items:center}.cads-ntf-top__title h6{margin:0px;font-size:1.1rem;font-weight:500}.cads-ntf-main{padding:8px 0px;max-height:350px;overflow:auto}.cads-ntf-main::-webkit-scrollbar{width:6px;height:6px}.cads-ntf-main::-webkit-scrollbar-track{background:var(--cads-palette-background-paper);border-radius:8px;margin:0px}.cads-ntf-main::-webkit-scrollbar-thumb{border-radius:8px;background:var(--cads-palette-grey-400)}.cads-ntf-main::-webkit-scrollbar-thumb:hover{background:var(--cads-palette-grey-500)}.cads-ntf-main::-webkit-scrollbar-corner{display:none}html.cads-dark-mode .cads-ntf-main::-webkit-scrollbar-track{background:var(--cads-palette-grey-600)}html.cads-dark-mode .cads-ntf-main::-webkit-scrollbar-thumb{background:var(--cads-palette-grey-500)}html.cads-dark-mode .cads-ntf-main::-webkit-scrollbar-thumb:hover{background:var(--cads-palette-grey-400)}.cads-ntf-main .cads-list-icon>*{border-radius:50px;width:32px;height:32px}.cads-ntf-bottom{padding:8px}.cads-ntf-time{display:flex;align-items:center;font-size:12px;color:var(--cads-palette-grey-500);margin-top:2px}.cads-ntf-time svg{width:18px;height:18px;margin-right:4px}.cads-ntf-dot{width:8px;height:8px;background-color:var(--cads-palette-secondary-main);border-radius:50px}.cads-ntf-empty{text-align:center;margin:16px auto;color:var(--cads-palette-grey-500)}.cads-ntf-default-icon{color:var(--cads-palette-grey-500)}.cads-ntf-item-action{display:flex;align-items:center}.cads-ntf-item-action span{width:8px}.cads-ntf-more-icon{width:30px;height:30px;color:var(--cads-palette-grey-600);opacity:0;visibility:hidden;transition:opacity 250ms,color 250ms;margin-right:4px}.cads-ntf-more-icon:hover{color:var(--cads-palette-grey-500)}.cads-ntf-main .cads-list-item:hover .cads-ntf-more-icon,.cads-ntf-more-icon.visible{opacity:1;visibility:visible}