.ribbon{font-size:0.875rem;letter-spacing:0.0625rem;line-height:1.5625rem;font-weight:800;padding:0.5rem 1.25rem 0.5rem 1.5rem;text-transform:uppercase;position:relative;display:inline-block;background-color:#3792d7;color:#fff}.ribbon:before{top:100%;left:0;border-top:0.625rem solid #2c75ac;border-left:0.625rem solid transparent}.ribbon:after,.ribbon:before{content:"";position:absolute;height:0;width:0}.ribbon:after{display:block;top:0;left:100%;border-width:1.3125rem 1rem 1.25rem 0;border-style:solid}.ribbon i{font-size:0.875rem;line-height:0.3125rem;padding-right:0.625rem}.ribbon--primary{background-color:#3792d7;color:#fff}.ribbon--primary:before{border-top-color:#2c75ac;border-left-color:transparent}.ribbon--primary:after{border-color:#3792d7 transparent #3792d7 #3792d7}.ribbon--primary.ribbon--flip:after{border-right-color:#3792d7;border-left-color:transparent}.ribbon--secondary{background-color:#68d579;color:#fff}.ribbon--secondary:before{border-top-color:#53aa61;border-left-color:transparent}.ribbon--secondary:after{border-color:#68d579 transparent #68d579 #68d579}.ribbon--secondary.ribbon--flip:after{border-right-color:#68d579;border-left-color:transparent}.ribbon--flip{padding:0.5rem 1.5rem}.ribbon--flip:before{right:0;border-right:0.625rem solid transparent;border-left:unset;left:unset}.ribbon--flip:after{right:0;left:-1rem;border-right-width:0;border-right-style:solid;border-left-width:1rem;border-left-style:solid}.ribbon--flip.ribbon--small{padding-left:0.1875rem;padding-right:0.75rem}.ribbon--flip-icon i{padding-right:0;padding-left:0.625rem}.ribbon--small{font-size:0.6875rem;line-height:0.625rem;font-weight:500;padding:0.5rem 0.5625rem 0.4375rem 0.75rem}.ribbon--small i{font-size:0.625rem;padding-right:0.3125rem;line-height:0.625rem}.ribbon--small:before{border-top-width:0.5rem;border-left-width:0.5rem;bottom:-0.5rem}.ribbon--small:after{border-width:0.8125rem 0.5625rem 0.75rem}.ribbon--small.ribbon--flip-icon i{padding-right:0;padding-left:0.3125rem}.ribbon--no-chevron:before{content:none!important}.ribbon--double-ended:before{display:block;top:0;left:-0.9375rem;border-color:#3792d7 #3792d7 #3792d7 transparent;border-style:solid;border-width:1.3125rem 0 1.25rem 1rem}
.ribbon {
  --ribbon-color: #3792d7;
  background-color: var(--ribbon-color);
}
.ribbon:before {
  border-top-color: var(--ribbon-color);
}
.ribbon:after {
  border-color: var(--ribbon-color) transparent var(--ribbon-color) var(--ribbon-color);
  height: 100%;
}
.ribbon--double-ended:before {
  display: block;
  top: 0;
  left: -0.9375rem;
  border-width: 1.3125rem 0 1.25rem 1rem;
  border-style: solid;
  border-color: var(--ribbon-color) var(--ribbon-color) var(--ribbon-color) transparent;
  height: 100%;
}
.ribbon--medium {
  font-size: 0.75rem;
  font-weight: 500;
  padding: 0.40625rem 0.75rem;
}
.ribbon--medium:after {
  border-width: 1.1875rem 0.9375rem 1.1875rem 0;
}
.ribbon--medium.ribbon--double-ended:before {
  border-width: 1.1875rem 0 1.1875rem 0.9375rem;
}
.ribbon--primary {
  --ribbon-color: #E63748;
}
@media print, screen and (min-width: 40em) {
  .ribbon--double-ended {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}
.ribbon {
  padding: 0.5rem 1rem 0.5rem 1rem;
}