.demo-ribbon{position:fixed;top:0;left:0;z-index:var(--z-toast);width:52px;height:52px;overflow:hidden;pointer-events:none}.demo-ribbon span{position:absolute;top:9px;left:-21px;width:76px;padding:1px 0;transform:rotate(-45deg);background:var(--color-accent);color:var(--color-on-accent);border-top:1px solid rgba(253,249,245,.45);border-bottom:1px solid rgba(23,19,15,.18);text-align:center;font:var(--weight-semibold) .52rem/1.5 var(--font-sans);letter-spacing:var(--tracking-caps-wide);text-transform:uppercase;box-shadow:var(--shadow-subtle)}