:root{--expression-ribbon-bgc:red;--expression-ribbon-color:#fff;--expression-ribbon-padding:0.15em;--expression-ribbon-padding-slant:calc(var(--expression-ribbon-padding) + var(--expression-ribbon-slant));--expression-ribbon-slant:calc(tan(4deg)*1.6em)}@supports not (text-box-trim:trim-both){.expression-ribbon{line-height:1.3}}.expression-ribbon__line{background-color:var(--expression-ribbon-bgc);color:var(--expression-ribbon-color);display:inline;line-height:var(--expression-ribbon-line-height);margin-left:calc(var(--expression-ribbon-padding)*-1);margin-right:calc(var(--expression-ribbon-padding)*-1);padding:0 var(--expression-ribbon-padding);text-shadow:none}@supports (text-box-trim:trim-both){.expression-ribbon__line{display:inline-block;line-height:1;padding:var(--expression-ribbon-padding);text-box-edge:cap alphabetic;text-box-trim:trim-both;vertical-align:text-bottom}}.expression-ribbon__line--1{clip-path:polygon(0 0,100% 0,100% 100%,var(--expression-ribbon-slant) 100%)}.expression-ribbon__line--2{clip-path:polygon(var(--expression-ribbon-slant) 0,100% 0,100% 100%,0 100%)}.expression-ribbon__line--3{clip-path:polygon(0 0,100% 0,calc(100% - var(--expression-ribbon-slant)) 100%,0 100%)}.expression-ribbon__line--4{clip-path:polygon(0 0,calc(100% - var(--expression-ribbon-slant)) 0,100% 100%,0 100%)}.expression-ribbon__line--1,.expression-ribbon__line--2{margin-left:calc(var(--expression-ribbon-padding-slant)*-1);padding-left:var(--expression-ribbon-padding-slant)}.expression-ribbon__line--3,.expression-ribbon__line--4{margin-right:calc(var(--expression-ribbon-padding-slant)*-1);padding-right:var(--expression-ribbon-padding-slant)}