.ribbon{border-radius:0 0 2px 2px;box-shadow:0 2px 5px rgba(0,0,0,.1);cursor:default;display:inline-block;font-size:11px;font-weight:700;height:24px;line-height:24px;padding:0 10px;position:relative;text-transform:uppercase;top:-8px}.ribbon::after,.ribbon::before{border-style:solid;content:"";display:block;position:absolute;top:0}.ribbon::after{border-width:8px 0 0 8px;right:-8px}.ribbon::before{border-width:0 0 8px 8px;left:-8px}.ribbon .svg{position:relative;top:2px}.body--ltr .ribbon .svg{margin-right:3px}.body--rtl .ribbon .svg{margin-left:3px}.ribbon--info{background:#37659a}.ribbon--info::after{border-color:transparent transparent transparent #2c507b}.ribbon--info::before{border-color:transparent transparent #2c507b transparent}.ribbon--infosecondary{background:#ad5b50}.ribbon--infosecondary::after{border-color:transparent transparent transparent #8a4840}.ribbon--infosecondary::before{border-color:transparent transparent #8a4840 transparent}.ribbon--important{background:#eec213}.ribbon--important::after{border-color:transparent transparent transparent #be9b0f}.ribbon--important::before{border-color:transparent transparent #be9b0f transparent}.ribbon--success{background:#849644}.ribbon--success::after{border-color:transparent transparent transparent #5c682f}.ribbon--success::before{border-color:transparent transparent #5c682f transparent}