.dot-indicator{position:relative}.dot-indicator:after{content:"";background-color:var(--destructive);border:2px solid var(--bg-color03);z-index:50;pointer-events:none;border-radius:50%;width:8px;height:8px;display:block;position:absolute;top:0;right:0;transform:translate(25%,-25%)}.dot-indicator-top-left:after{top:0;left:0;right:auto;transform:translate(-25%,-25%)}.dot-indicator-bottom-right:after{top:auto;bottom:0;left:auto;right:0;transform:translate(25%,25%)}.dot-indicator-bottom-left:after{top:auto;bottom:0;left:0;right:auto;transform:translate(-25%,25%)}.dot-indicator-top-center:after{top:0;left:50%;right:auto;transform:translate(-50%,-50%)}.dot-indicator-bottom-center:after{top:auto;bottom:0;left:50%;right:auto;transform:translate(-50%,50%)}.dot-indicator-left-center:after{top:50%;bottom:auto;left:0;right:auto;transform:translate(-50%,-50%)}.dot-indicator-right-center:after{top:50%;bottom:auto;left:auto;right:0;transform:translate(50%,-50%)}.dot-indicator-center:after{top:50%;bottom:auto;left:50%;right:auto;transform:translate(-50%,-50%)}.dot-indicator[data-count]:not([data-count="0"]):after{content:attr(data-count);color:#fff;z-index:50;pointer-events:none;justify-content:center;align-items:center;width:auto;min-width:18px;height:18px;padding:0 6px;font-size:11px;font-weight:600;line-height:1;display:flex;transform:translate(25%,-25%)}.dot-indicator-top-left[data-count]:not([data-count="0"]):after{transform:translate(-25%,-25%)}.dot-indicator-bottom-right[data-count]:not([data-count="0"]):after{transform:translate(25%,25%)}.dot-indicator-bottom-left[data-count]:not([data-count="0"]):after{transform:translate(-25%,25%)}.dot-indicator-top-center[data-count]:not([data-count="0"]):after{transform:translate(-50%,-50%)}.dot-indicator-bottom-center[data-count]:not([data-count="0"]):after{transform:translate(-50%,50%)}.dot-indicator-left-center[data-count]:not([data-count="0"]):after{transform:translate(-50%,-50%)}.dot-indicator-right-center[data-count]:not([data-count="0"]):after{transform:translate(50%,-50%)}.dot-indicator-center[data-count]:not([data-count="0"]):after{transform:translate(-50%,-50%)}.dot-indicator[data-count]:not([data-count="0"])[data-count^="9"]:not([data-count^="9"][data-count*="0"]):not([data-count^="99"]):after,.dot-indicator[data-count]:not([data-count="0"])[data-count^="1"]:not([data-count="1"]):not([data-count="10"]):not([data-count="11"]):not([data-count="12"]):not([data-count="13"]):not([data-count="14"]):not([data-count="15"]):not([data-count="16"]):not([data-count="17"]):not([data-count="18"]):not([data-count="19"]):not([data-count="100"]):after{content:"99+";padding:0 4px}