.rg-ribbon{isolation:isolate;white-space:nowrap;max-inline-size:100%;color:var(--rg-color-accent-ink);font-family:var(--rg-font-display);font-weight:var(--rg-font-weight-strong);font-size:calc(var(--rg-u) * 15);letter-spacing:.1em;text-transform:uppercase;justify-content:center;align-items:center;line-height:1;display:inline-flex;position:relative}.rg-ribbon__label{z-index:1;padding:calc(var(--rg-u) * 9) calc(var(--rg-u) * 20);border:var(--rg-line) solid var(--rg-color-outline);border-radius:var(--rg-radius-ribbon);background:var(--rg-nav-face);box-shadow:var(--rg-shadow-raised);position:relative}.rg-ribbon__wing{z-index:-1;background:var(--rg-color-outline);inline-size:.66em;position:absolute;inset-block:.28em}.rg-ribbon__wing:before{content:"";inset:var(--rg-line);background:linear-gradient(180deg, var(--rg-color-wing-light), var(--rg-color-wing-dark));clip-path:inherit;position:absolute}.rg-ribbon__wing--start:before{inset:var(--rg-line) 0 var(--rg-line) var(--rg-line)}.rg-ribbon__wing--end:before{inset:var(--rg-line) var(--rg-line) var(--rg-line) 0}.rg-ribbon__wing--start{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,50% 50%);inset-inline-start:-.62em}.rg-ribbon__wing--end{clip-path:polygon(0 0,100% 0,50% 50%,100% 100%,0 100%);inset-inline-end:-.62em}.rg-ribbon--small .rg-ribbon__label{padding:calc(var(--rg-u) * 6) calc(var(--rg-u) * 14)}.rg-ribbon--small{font-size:calc(var(--rg-u) * 11)}.rg-ribbon--compact{font-size:calc(var(--rg-u) * 13)}.rg-ribbon--compact .rg-ribbon__label{padding:calc(var(--rg-u) * 8) calc(var(--rg-u) * 14)}.rg-ribbon--screen{font-size:calc(var(--rg-u) * 13)}.rg-ribbon--screen .rg-ribbon__label{padding:calc(var(--rg-u) * 9) calc(var(--rg-u) * 20)}.rg-ribbon--large .rg-ribbon__label{padding:calc(var(--rg-u) * 11) calc(var(--rg-u) * 26);font-size:calc(var(--rg-u) * 19)}.rg-corner-ribbon .rg-ribbon--small .rg-ribbon__label{padding-inline:calc(var(--rg-u) * 12)}[data-rg-skin=gloss] .rg-ribbon__label{box-shadow:0 calc(var(--rg-u) * 4) 0 var(--rg-color-accent-dark), 0 calc(var(--rg-u) * 7) calc(var(--rg-u) * 10) rgb(var(--rg-rgb-shadow) / 45%), inset 0 calc(var(--rg-u) * 2) 0 rgb(var(--rg-rgb-white) / 35%);border:0}[data-rg-skin=gloss] .rg-ribbon__wing{background:linear-gradient(180deg, var(--rg-color-wing-light), var(--rg-color-wing-dark));filter:drop-shadow(0 calc(var(--rg-u) * 2) 0 var(--rg-color-wing-dark))}[data-rg-skin=gloss] .rg-ribbon__wing:before{content:none}