@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){[data-v-c5111815],[data-v-c5111815]::backdrop,[data-v-c5111815]:after,[data-v-c5111815]:before{--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial}}}.demo-badge[data-v-c5111815]{align-items:center;gap:var(--spacing,.25rem);background-color:var(--ui-primary);padding-inline:calc(var(--spacing,.25rem)*2.5);padding-block:var(--spacing,.25rem);--tw-leading:1;--tw-font-weight:var(--font-weight-semibold,600);font-size:.625rem;line-height:1;font-weight:var(--font-weight-semibold,600);--tw-tracking:.14em;letter-spacing:.14em;color:var(--ui-text-inverted);text-transform:uppercase;border-radius:3.40282e+38px;flex-shrink:0;display:inline-flex}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}