<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.ribbon{height:75px;left:-5px;overflow:hidden;position:absolute;text-align:right;top:-5px;width:75px;z-index:900}.ribbon span{box-shadow:0 3px 10px -5px #000;color:#fff;display:block;font-size:10px;font-weight:700;left:-21px;line-height:20px;position:absolute;text-align:center;text-transform:uppercase;top:19px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);width:100px}.ribbon-red span{background:linear-gradient(#f70505,#8f0808)}.ribbon-orange span{background:linear-gradient(#ffde17,#c74a20)}.ribbon span:before{border-bottom:3px solid transparent;border-right:3px solid transparent;content:"";left:0;position:absolute;top:100%;z-index:-1}.ribbon-red span:before{border-left:3px solid #8f0808;border-top:3px solid #8f0808}.ribbon-orange span:before{border-left:3px solid #c74a20;border-top:3px solid #c74a20}.ribbon span:after{border-bottom:3px solid transparent;border-left:3px solid transparent;content:"";position:absolute;right:0;top:100%;z-index:-1}.ribbon-red span:after{border-right:3px solid #8f0808;border-top:3px solid #8f0808}.ribbon-orange span:after{border-right:3px solid #c74a20;border-top:3px solid #c74a20}
</pre></body></html>