@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap);.ribbon-container.large {
  height: 132px;
  margin-top: var(--ribbon-top-margin, "0");
  margin-bottom: var(--ribbon-bottom-margin, "0"); }
  @media (max-width: 1199.98px) {
    .ribbon-container.large {
      height: 62px; } }
  .ribbon-container.large .ribbon {
    height: 124px;
    overflow: hidden;
    width: 100%;
    background-color: var(--ribbon-background, #32a660);
    transition: background-color 0.25s ease-in-out 0s;
    font-family: HummelPlate-ExtraboldItalic, sans-serif;
    font-size: 100px;
    text-transform: uppercase;
    letter-spacing: 0;
    line-height: 1.35em;
    color: var(--ribbon-color, #fff); }
    @media (max-width: 1199.98px) {
      .ribbon-container.large .ribbon {
        height: 54px; } }
    @media (max-width: 1199.98px) {
      .ribbon-container.large .ribbon {
        font-size: 40px; } }
    .ribbon-container.large .ribbon.inverse-direction {
      font-family: HummelPlate-ExtraboldBS, sans-serif; }
    .ribbon-container.large .ribbon .ribbon__inner {
      height: 100%;
      gap: 20px;
      display: -ms-inline-flexbox;
      display: inline-flex;
      position: relative;
      -ms-flex-align: center;
          align-items: center;
      white-space: nowrap;
      will-change: transform; }
      .ribbon-container.large .ribbon .ribbon__inner .ribbon__item {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        height: 100%; }
        .ribbon-container.large .ribbon .ribbon__inner .ribbon__item.win {
          padding-bottom: 0.12em; }
          @media (max-width: 991.98px) {
            .ribbon-container.large .ribbon .ribbon__inner .ribbon__item.win {
              padding-bottom: 0.11em; } }
      @media (max-width: 543.98px) {
        .ribbon-container.large .ribbon .ribbon__inner {
          gap: 5px; } }

.ribbon-container.small {
  margin-top: var(--ribbon-top-margin, "0");
  margin-bottom: var(--ribbon-bottom-margin, "0"); }
  .ribbon-container.small .ribbon {
    height: 25px;
    overflow: hidden;
    width: 100%;
    background-color: var(--ribbon-background, #000);
    transition: background-color 0.25s ease-in-out 0s;
    font-family: HummelPlate-ExtraboldItalic, sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0;
    line-height: 0.85em;
    color: var(--ribbon-color, #fff); }
    .ribbon-container.small .ribbon.inverse-direction {
      font-family: HummelPlate-ExtraboldBS, sans-serif; }
    .ribbon-container.small .ribbon .ribbon__inner {
      padding: 6.5px 0;
      height: 100%;
      gap: 20px;
      display: -ms-inline-flexbox;
      display: inline-flex;
      position: relative;
      -ms-flex-align: center;
          align-items: center;
      white-space: nowrap;
      will-change: transform; }
      .ribbon-container.small .ribbon .ribbon__inner .ribbon__item {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        height: 100%; }