.ribbon_frame{position:relative;height:3.2em;width:100%}.ribbon.base{background:linear-gradient(to right,#3498db,#1478db);color:var(--mono-abs-f);font-weight:bold;font-size:1.2em;padding-right:2.5em;padding-left:2.2em}.ribbon{position:absolute;top:.6em;right:-1.5em;padding:.5em;padding-right:.5em;padding-left:.5em}.ribbon.base.supporter{background:linear-gradient(to right,#57a039,#087706)}.ribbon.base:before{border-top:1.8em solid #3498db}.ribbon:before{top:0}.ribbon:before,.ribbon:after{content:"";position:absolute;left:-.6em;border-left:.7em solid transparent}.ribbon.base:after{border-bottom:1.8em solid #3498db}.ribbon:after{bottom:0}.ribbon.base.supporter{background:linear-gradient(to right,#57a039,#087706)}.ribbon.base.supporter:before{border-top:1.8em solid #57a039}.ribbon.base.supporter:after{border-bottom:1.8em solid #57a039}