.badge{position:relative;width:-moz-fit-content;width:fit-content}.badge__content{--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;background-color:rgb(10 51 255/var(--tw-bg-opacity));border-radius:100%;color:rgb(255 255 255/var(--tw-text-opacity));display:flex;font-size:12px;font-weight:400;height:20px;justify-content:center;line-height:12px;padding:4px;position:absolute;right:0;top:0;width:20px;z-index:10}:is(.dark .badge__content){--tw-bg-opacity:1;background-color:rgb(144 174 244/var(--tw-bg-opacity))}.badge__content{--tw-border-opacity:1;border-color:rgb(218 219 225/var(--tw-border-opacity))}.badge__withoutContent{--tw-bg-opacity:1;background-color:rgb(10 51 255/var(--tw-bg-opacity));border-radius:100%;height:12px;position:absolute;right:-4px;top:-4px;width:12px}:is(.dark .badge__withoutContent){--tw-bg-opacity:1;background-color:rgb(144 174 244/var(--tw-bg-opacity))}.user-card{padding:8px;width:280px}.referral-item i{--tw-rotate:270deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.notification[data-v-a63814b8]{align-items:flex-end;display:flex;flex-direction:column;justify-content:center}.notification__header[data-v-a63814b8]{--tw-text-opacity:1;color:rgb(116 116 129/var(--tw-text-opacity));font-size:12px;font-weight:400;line-height:20px;padding-bottom:16px;padding-top:16px}.notification__item[data-v-a63814b8]{display:flex;flex-direction:row-reverse;gap:8px;justify-content:flex-end}[data-v-a63814b8] .notification a{--tw-text-opacity:1;color:rgb(10 51 255/var(--tw-text-opacity))}