.notification-item[data-v-9ba73f1e]{cursor:pointer;-moz-column-gap:.5rem;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));word-break:break-word;border-radius:.5rem;align-items:center;column-gap:.5rem;width:100%;padding:.625rem .5rem .625rem 1.5rem;display:flex;position:relative}.notification-item[data-v-9ba73f1e]:before{--tw-translate-y:-50%;width:.5rem;height:.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-content:"";content:var(--tw-content);border-radius:50%;position:absolute;top:50%;left:.5rem}.notification-item.not-read[data-v-9ba73f1e]:before{--tw-bg-opacity:1;background-color:rgb(255 53 56/var(--tw-bg-opacity,1))}@media (width>=1024px){.notification-item[data-v-9ba73f1e]:not(.in-sheet):hover{background-color:#f5f5f5}}.notification-item__icon[data-v-9ba73f1e]{justify-content:center;align-items:center;width:2rem;min-width:2rem;height:2rem;display:flex}.notification-item__icon img[data-v-9ba73f1e]{width:2rem;height:2rem}.title[data-v-9ba73f1e]{--tw-text-opacity:1;color:rgb(32 32 32/var(--tw-text-opacity,1));font-size:.875rem;font-weight:600;line-height:1.25rem}.content[data-v-9ba73f1e]{margin-bottom:.125rem;font-size:.75rem;font-weight:400;line-height:1rem}.content[data-v-9ba73f1e],.date-time[data-v-9ba73f1e]{--tw-text-opacity:1;color:rgb(101 101 101/var(--tw-text-opacity,1))}.date-time[data-v-9ba73f1e]{font-size:.625rem;font-weight:600;line-height:.875rem}.date-time[data-v-9ba73f1e]:first-letter{text-transform:uppercase}.notification-item.read[data-v-9ba73f1e]{--tw-bg-opacity:1;background-color:rgb(245 245 245/var(--tw-bg-opacity,1));opacity:.6}@media (width>=1024px){.notification-item.read[data-v-9ba73f1e]{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}}.notification-item.read .title[data-v-9ba73f1e]{--tw-text-opacity:1;color:rgb(101 101 101/var(--tw-text-opacity,1))}.notification-item.in-sheet[data-v-9ba73f1e]{padding-left:.5rem;padding-right:.5rem}.notification-item.in-sheet[data-v-9ba73f1e]:before{--tw-translate-y:0px;width:.5rem;height:.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));flex-shrink:0;position:static}.notification-item.in-sheet.read[data-v-9ba73f1e]{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.notification-item.in-sheet .notification-item__icon[data-v-9ba73f1e]{border-radius:6px}.notification-item.in-sheet .notification-item__icon img[data-v-9ba73f1e]{width:22px;height:22px}.notification-item.in-sheet .title[data-v-9ba73f1e]{line-height:1.25rem}.notification-item.in-sheet .content[data-v-9ba73f1e]{margin-bottom:0;line-height:1rem}.notification-item.in-sheet .notification-item__content[data-v-9ba73f1e]{flex-direction:column;flex:1;gap:2px;display:flex}.notification[data-v-3db3a571]{z-index:10;--tw-text-opacity:1;height:100%;color:rgb(32 32 32/var(--tw-text-opacity,1));position:relative}.notification-title[data-v-3db3a571]{justify-content:space-between;align-items:center;width:100%;display:flex}.notification-title p[data-v-3db3a571]{text-transform:uppercase;margin-bottom:.25rem;font-size:20px;font-weight:700;line-height:28px}.notification-title__tick-all[data-v-3db3a571]{cursor:pointer;-moz-column-gap:.25rem;--tw-text-opacity:1;color:rgb(32 32 32/var(--tw-text-opacity,1));align-items:center;column-gap:.25rem;font-size:.75rem;font-weight:400;line-height:1rem;display:flex}.notification-title__tick-all img[data-v-3db3a571]{width:1.25rem;height:1.25rem}.notification-list[data-v-3db3a571]>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.notification-list[data-v-3db3a571]{overflow-y:auto}.notification-list[data-v-3db3a571]::-webkit-scrollbar{background-color:#0000;width:.375rem;height:.125rem}.notification-list[data-v-3db3a571]::-webkit-scrollbar-track{background-color:#0000}.notification-list[data-v-3db3a571]::-webkit-scrollbar-thumb{--tw-bg-opacity:1;background-color:rgb(187 190 192/var(--tw-bg-opacity,1));border-radius:.375rem}.no-notification[data-v-3db3a571]{border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;width:100%;padding-left:.75rem;padding-right:.75rem;display:flex}.no-notification img[data-v-3db3a571]{width:100px;height:100px}.no-notification p[data-v-3db3a571]{margin-top:10px;font-size:.875rem;font-weight:400;line-height:1.25rem}.small-layout[data-v-3db3a571]{max-height:37rem}.page[data-v-3db3a571]{--tw-bg-opacity:1;background-color:rgb(245 245 245/var(--tw-bg-opacity,1))}@media (width>=1024px){.page[data-v-3db3a571]{max-height:50.625rem}}.page .notification-title[data-v-3db3a571]{z-index:2;padding:2rem 1.5rem 1rem;position:sticky;top:0}.page .notification-title.empty[data-v-3db3a571]{height:.25rem;padding:0}.page .notification-list[data-v-3db3a571]{max-height:30.5rem;padding-bottom:4.5rem;padding-left:.5rem;padding-right:.5rem}.page .no-notification[data-v-3db3a571]{height:29.375rem}.dropdown[data-v-3db3a571]{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-radius:10px}.dropdown .notification-title[data-v-3db3a571]{border-radius:10px;padding:1.5rem 1.5rem 1rem}.dropdown .notification-list[data-v-3db3a571]{height:408px;margin-bottom:1.5rem;padding-left:.5rem;padding-right:.5rem}.dropdown .no-notification[data-v-3db3a571]{height:31.75rem;margin-bottom:1.5rem}.dropdown .no-notification p[data-v-3db3a571]{--tw-text-opacity:1;color:rgb(101 101 101/var(--tw-text-opacity,1))}.sheet[data-v-3db3a571]{--tw-bg-opacity:1;background-color:rgb(245 245 245/var(--tw-bg-opacity,1));flex-direction:column;display:flex}.sheet .notification-title[data-v-3db3a571]{padding:6px 1rem}.sheet .notification-title.empty[data-v-3db3a571]{display:none}.sheet .notification-title__tick-all[data-v-3db3a571]{--tw-text-opacity:1;color:rgb(42 42 42/var(--tw-text-opacity,1));gap:.5rem}.sheet .notification-list[data-v-3db3a571]{flex:1;padding-bottom:1rem;padding-left:.75rem;padding-right:.75rem}.sheet .no-notification[data-v-3db3a571]{flex:1}.sheet .no-notification p[data-v-3db3a571]{--tw-text-opacity:1;color:rgb(101 101 101/var(--tw-text-opacity,1));margin-top:0}