@layer components{.v-badge{--v-badge-color:var(--fg-base);--v-icon-size:1.1em;--v-loader-size:1.1em;appearance:none;white-space:nowrap;background-color:color-mix(in oklab, var(--v-badge-color) 10%, transparent);color:var(--v-badge-color);border-radius:.3em;align-items:center;padding:.2em .36em;font-size:.9em;line-height:1;display:inline-flex;position:relative}.v-badge>.v-icon:first-child,.v-badge>.v-loader:first-child{margin-right:.16em}.v-badge--clickable{cursor:pointer}.v-badge--default.v-badge--clickable:hover{background-color:color-mix(in oklab, var(--v-badge-color) 20%, transparent)}.v-badge--solid{color:var(--white);background-color:var(--v-badge-color)}.v-badge--solid .icon{opacity:var(--v-icon-opacity-semantic)}.v-badge--solid.v-badge--clickable:hover{background-color:color-mix(in oklab, var(--v-badge-color) 80%, var(--black))}.v-badge--outline{box-shadow:inset 0 0 0 1px color-mix(var(--v-badge-color), transparent 50%);background-color:#0000}.v-badge--outline.v-badge--clickable:hover{background-color:color-mix(in oklab, var(--v-badge-color) 10%, transparent)}.v-badge--disabled{pointer-events:none;--v-badge-color:var(--fg-disabled)!important}}