.my-notifs-page{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;gap:1rem;overflow-y:auto}.my-notifs-page *{flex-shrink:0}.my-notifs-page header{width:100%;display:flex;align-items:center;justify-content:center;margin-top:1em;margin-bottom:.5em;gap:1.5em}.my-notifs-page header svg{width:1em;height:1em;color:var(--redish)}.my-notifs-page header svg:nth-child(1){rotate:15deg}.my-notifs-page header svg:nth-child(2){rotate:-15deg}.my-notifs-page .enable-notif-banner{width:100%;display:flex;align-items:center;justify-content:center;padding:1rem}.my-notifs-page .enable-notif-banner .notif-banner{background-image:var(--notif-enable-linear);border-radius:2rem;background-color:var(--thirty-percent)}.my-notifs-page .enable-notif-banner .notif-banner .event-wrapper{padding:1rem 1.5rem;color:#fff}.my-notifs-page .enable-notif-banner .notif-banner .img-wrapper{transform:rotate(-10deg) translate(1rem)}.my-notifs-page .enable-notif-banner .notif-banner .texts .sub-head{text-wrap:pretty;font-size:14px;line-height:1.8}@media screen and (max-width:768px){.my-notifs-page .enable-notif-banner .notif-banner .img-wrapper{transform:rotate(-10deg) translate(0)}.my-notifs-page .enable-notif-banner .notif-banner .event-wrapper{padding-right:.5rem}}.my-notifs-page .notifs-wrapper{display:flex;flex-direction:column;gap:1rem;width:100%;padding-inline:.75rem}.my-notifs-page .notifs-wrapper .no-notifs-cmp{display:flex;flex-direction:column;align-items:center;padding:1.5rem 1rem;width:clamp(0px,100%,450px);border-radius:2rem;background-color:var(--thirty-percent);text-align:center;margin-inline:auto}.my-notifs-page .notifs-wrapper .no-notifs-cmp img{width:100px;height:100px;margin-bottom:.5rem}.my-notifs-page .notifs-wrapper .no-notifs-cmp .title{margin-bottom:.5rem}.my-notifs-page .notifs-wrapper .notifs-column{display:flex;flex-direction:column;gap:1rem;margin:auto;width:clamp(0px,100%,500px)}.my-notifs-page .notifs-wrapper .notifs-column .col-title{display:flex;align-items:center;gap:1rem}.my-notifs-page .notifs-wrapper .notifs-column .col-title.old:after{opacity:.2}.my-notifs-page .notifs-wrapper .notifs-column .col-title:after{content:"";width:100%;height:1px;background-color:var(--accent-color);opacity:.5}.my-notifs-page .notifs-wrapper .notifs-column .col-title span{padding-right:.5rem;white-space:nowrap}.my-notifs-page .notifs-wrapper .notifs-column .col-title .circle-live{width:10px;height:10px;border-radius:100vmax;margin-left:-.5rem;background-color:red;animation:pulse-animation 2s infinite}@keyframes pulse-animation{0%{box-shadow:0 0 #f003}to{box-shadow:0 0 0 20px #f000}}.my-notifs-page .notifs-wrapper .notifs-column .col-notifs{width:100%;display:flex;flex-direction:column;align-items:center;gap:1rem}.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container{--main-padding: 1rem;width:100%;display:flex;justify-content:space-between;background-color:var(--primary-color);border-radius:2rem;box-shadow:var(--notif-cmp-shadow);padding:var(--main-padding);padding-bottom:35px;position:relative;z-index:1}.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container.topic-kick-container:hover .notif-avatar>svg,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container.topic-add-container:hover .notif-avatar>svg{scale:1.05;animation:bell-ring 1.5s ease}.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-timeago{position:absolute;bottom:0;left:0;padding:1rem 1rem 1rem 1.5rem;opacity:.7}.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side{width:100%;display:flex;gap:.75rem}.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:100vmax;background-color:var(--thirty-percent);position:relative;z-index:1}.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.ticket{color:#fff;background-color:var(--alert-info)}.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.reward{background-image:var(--notif-reward-icon-linear)}.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.reward svg{color:#fff}.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.gift .rob-img{position:absolute;bottom:0;right:0;width:20px;height:20px;object-fit:cover;z-index:2;transition:.15s ease scale}.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.gift svg{opacity:.7}.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.suggest>svg{opacity:.5}.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.suggest .suggest-type-icon{--color: var(--thirty-percent);display:flex;align-items:center;justify-content:center;position:absolute;bottom:0;right:0;border-radius:100vmax;transform:translate(20%,20%);padding:5px;z-index:2;transition:.15s ease scale}.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.suggest .suggest-type-icon:before{content:"";position:absolute;border-radius:inherit;background-color:var(--thirty-percent);width:100%;height:100%;z-index:-1}.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.suggest .suggest-type-icon svg{width:18px;height:18px;scale:.9;color:var(--color)}.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.suggest .suggest-type-icon.add{--color: var(--alert-success)}.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.suggest .suggest-type-icon.add:before{background-color:var(--notif-add-icon-bg)}.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.suggest .suggest-type-icon.edit{--color: var(--popup-warning-color)}.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.suggest .suggest-type-icon.edit:before{background-color:var(--notif-edit-icon-bg)}.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.suggest .suggest-type-icon.removal{--color: var(--alert-error)}.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.suggest .suggest-type-icon.removal:before{background-color:var(--notif-removal-icon-bg)}.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.ticket .topic-type-icon,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.ticket .tip-status-icon,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.ticket .ticket-status-icon,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.ticket .verify-type-icon,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.tip .topic-type-icon,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.tip .tip-status-icon,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.tip .ticket-status-icon,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.tip .verify-type-icon,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.topic-add .topic-type-icon,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.topic-add .tip-status-icon,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.topic-add .ticket-status-icon,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.topic-add .verify-type-icon,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.topic-kick .topic-type-icon,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.topic-kick .tip-status-icon,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.topic-kick .ticket-status-icon,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.topic-kick .verify-type-icon,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.verify .topic-type-icon,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.verify .tip-status-icon,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.verify .ticket-status-icon,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.verify .verify-type-icon{--color: var(--thirty-percent);display:flex;align-items:center;justify-content:center;position:absolute;bottom:0;right:0;border-radius:100vmax;transform:translate(20%,20%);padding:4px;z-index:2;transition:.15s ease scale}.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.ticket .topic-type-icon.resolved,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.ticket .tip-status-icon.resolved,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.ticket .ticket-status-icon.resolved,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.ticket .verify-type-icon.resolved,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.tip .topic-type-icon.resolved,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.tip .tip-status-icon.resolved,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.tip .ticket-status-icon.resolved,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.tip .verify-type-icon.resolved,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.topic-add .topic-type-icon.resolved,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.topic-add .tip-status-icon.resolved,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.topic-add .ticket-status-icon.resolved,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.topic-add .verify-type-icon.resolved,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.topic-kick .topic-type-icon.resolved,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.topic-kick .tip-status-icon.resolved,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.topic-kick .ticket-status-icon.resolved,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.topic-kick .verify-type-icon.resolved,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.verify .topic-type-icon.resolved,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.verify .tip-status-icon.resolved,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.verify .ticket-status-icon.resolved,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.verify .verify-type-icon.resolved{--color: var(--alert-success)}.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.ticket .topic-type-icon.rejected,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.ticket .tip-status-icon.rejected,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.ticket .ticket-status-icon.rejected,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.ticket .verify-type-icon.rejected,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.tip .topic-type-icon.rejected,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.tip .tip-status-icon.rejected,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.tip .ticket-status-icon.rejected,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.tip .verify-type-icon.rejected,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.topic-add .topic-type-icon.rejected,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.topic-add .tip-status-icon.rejected,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.topic-add .ticket-status-icon.rejected,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.topic-add .verify-type-icon.rejected,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.topic-kick .topic-type-icon.rejected,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.topic-kick .tip-status-icon.rejected,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.topic-kick .ticket-status-icon.rejected,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.topic-kick .verify-type-icon.rejected,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.verify .topic-type-icon.rejected,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.verify .tip-status-icon.rejected,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.verify .ticket-status-icon.rejected,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.verify .verify-type-icon.rejected{--color: var(--alert-error)}.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.ticket .topic-type-icon.pending svg,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.ticket .tip-status-icon.pending svg,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.ticket .ticket-status-icon.pending svg,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.ticket .verify-type-icon.pending svg,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.tip .topic-type-icon.pending svg,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.tip .tip-status-icon.pending svg,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.tip .ticket-status-icon.pending svg,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.tip .verify-type-icon.pending svg,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.topic-add .topic-type-icon.pending svg,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.topic-add .tip-status-icon.pending svg,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.topic-add .ticket-status-icon.pending svg,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.topic-add .verify-type-icon.pending svg,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.topic-kick .topic-type-icon.pending svg,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.topic-kick .tip-status-icon.pending svg,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.topic-kick .ticket-status-icon.pending svg,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.topic-kick .verify-type-icon.pending svg,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.verify .topic-type-icon.pending svg,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.verify .tip-status-icon.pending svg,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.verify .ticket-status-icon.pending svg,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.verify .verify-type-icon.pending svg{color:var(--border-color);animation:loading-spinner-anim 1s ease infinite}@keyframes loading-spinner-anim{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.ticket .topic-type-icon:before,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.ticket .tip-status-icon:before,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.ticket .ticket-status-icon:before,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.ticket .verify-type-icon:before,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.tip .topic-type-icon:before,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.tip .tip-status-icon:before,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.tip .ticket-status-icon:before,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.tip .verify-type-icon:before,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.topic-add .topic-type-icon:before,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.topic-add .tip-status-icon:before,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.topic-add .ticket-status-icon:before,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.topic-add .verify-type-icon:before,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.topic-kick .topic-type-icon:before,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.topic-kick .tip-status-icon:before,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.topic-kick .ticket-status-icon:before,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.topic-kick .verify-type-icon:before,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.verify .topic-type-icon:before,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.verify .tip-status-icon:before,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.verify .ticket-status-icon:before,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.verify .verify-type-icon:before{content:"";position:absolute;background-color:var(--thirty-percent);border-radius:inherit;width:100%;height:100%;z-index:-1}.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.ticket .topic-type-icon svg,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.ticket .tip-status-icon svg,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.ticket .ticket-status-icon svg,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.ticket .verify-type-icon svg,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.tip .topic-type-icon svg,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.tip .tip-status-icon svg,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.tip .ticket-status-icon svg,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.tip .verify-type-icon svg,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.topic-add .topic-type-icon svg,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.topic-add .tip-status-icon svg,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.topic-add .ticket-status-icon svg,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.topic-add .verify-type-icon svg,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.topic-kick .topic-type-icon svg,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.topic-kick .tip-status-icon svg,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.topic-kick .ticket-status-icon svg,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.topic-kick .verify-type-icon svg,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.verify .topic-type-icon svg,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.verify .tip-status-icon svg,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.verify .ticket-status-icon svg,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.verify .verify-type-icon svg{width:18px;height:18px;scale:.9;color:var(--color)}.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.ticket .tip-status-icon svg,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.tip .tip-status-icon svg,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.topic-add .tip-status-icon svg,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.topic-kick .tip-status-icon svg,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.verify .tip-status-icon svg{color:var(--accent-color);scale:.8}.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.verify>svg{opacity:.5}.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.transaction-failed:before{content:"";position:absolute;width:100%;height:100%;background-color:var(--alert-error);border-radius:inherit;opacity:.2;z-index:-1}.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.transaction-failed svg{color:var(--alert-error)}.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.topic-add{background-color:#ff7600}.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.topic-add>svg{color:#fff}.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.topic-add .topic-type-icon{--color: var(--alert-success)}.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.crime-pardoned{background-color:var(--alert-success);color:#fff}.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.topic-kick{background-color:#ff7600}.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.topic-kick>svg{color:#fff}.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-avatar.topic-kick .topic-type-icon{--color: var(--alert-error)}.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-info-container{flex:1 0 0;display:flex;flex-direction:column;gap:.5rem;padding-top:.3rem}.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-info-container .notif-title{font-family:yekanBold}.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-info-container .notif-title.gift{display:flex;align-items:center;gap:.5vmin}.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-info-container .notif-title.loading-elem-cmp{opacity:.7;width:100px;height:.8rem;border-radius:100vmax}.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-info-container .notif-title .user-name{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-info-container .notif-desc{line-height:1.8}.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-info-container .notif-desc.loading-elem-cmp{opacity:.7;width:150px;height:.7rem;border-radius:100vmax}.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-info-container .notif-desc .chat-users{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;margin-right:-.5rem}.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-info-container .notif-desc .chat-users .more-users,.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-info-container .notif-desc .chat-users .user-profile{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:100vmax;background-color:var(--thirty-percent);object-fit:cover}.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container .notif-main-side .notif-info-container .notif-desc .chat-users .more-users{direction:ltr;letter-spacing:1px}.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container.loading{border-radius:100vmax;padding-bottom:var(--main-padding);opacity:var(--opacity)}.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container.loading .loading-elem-cmp:after{animation-delay:var(--delay)}.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container.loading .notif-info-container{padding-top:.5rem;gap:1rem}.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container.loading:nth-child(0){--delay: 0s }.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container.loading:nth-child(1){--delay: .1s }.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container.loading:nth-child(2){--delay: .2s }.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container.loading:nth-child(3){--delay: calc(3 * .1s)}.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container.loading:nth-child(4){--delay: .4s }.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container.loading:nth-child(5){--delay: .5s }.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container.loading:nth-child(6){--delay: calc(6 * .1s)}.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container.loading:nth-child(7){--delay: calc(7 * .1s)}.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container.loading:nth-child(8){--delay: .8s }.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container.loading:nth-child(9){--delay: .9s }.my-notifs-page .notifs-wrapper .notifs-column .notif-cmp-container.loading:nth-child(10){--delay: 1s }