  @layer base, base, base;
/* layer: properties, alias: base */
@layer base{
@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*, ::before, ::after, ::backdrop{--un-bg-opacity:100%;}}
@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}
}
/* layer: theme, alias: base */
@layer base{
:root, :host { --spacing: 0.25rem; --colors-black: #000; }
}
/* layer: default, alias: base */
@layer base{
.bg-black\/50{background-color:color-mix(in srgb, var(--colors-black) 50%, transparent);}
@supports (color: color-mix(in lab, red, red)){
.bg-black\/50{background-color:color-mix(in oklab, var(--colors-black) 50%, transparent);}
}
}