@layer ddsweb-molecules {
  @layer ddsweb-value-bar {
    a.Jr-TcG_container {
      text-decoration: none;
    }

    :is(a.Jr-TcG_container:hover .ddsweb-text, a.Jr-TcG_container:focus .ddsweb-text) {
      text-decoration: underline;
    }

    .Jr-TcG_innerContainer {
      height: 56px;
      display: flex;
    }

    .Jr-TcG_roundedCorners {
      border-radius: 12px;
      overflow: hidden;
    }

    .Jr-TcG_roundedCorners .ddsweb-value-bar__clubcard-logo {
      border-right: var(--dds-spacing-space-4) solid var(--dds-background-colour-background-1);
      background-color: var(--dds-background-colour-background-dark-primary);
    }

    .Jr-TcG_contentContainer {
      width: calc(100% - 100px);
      padding: 0px var(--dds-spacing-space-8);
      background-color: var(--dds-retain-colour-in-dark-mode-retain-value-yellow);
      flex-direction: column;
      flex-grow: 1;
      justify-content: center;
      display: flex;
    }

    .Jr-TcG_singleLineEllipse {
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
    }

    .Jr-TcG_multilineEllipse {
      -webkit-line-clamp: 2;
      white-space: initial;
      -webkit-box-orient: vertical;
      display: -webkit-box;
      overflow: hidden;
    }

    .Jr-TcG_contentText {
      color: var(--dds-value-colour-value-black);
      font-weight: 700;
    }

    .Jr-TcG_subText {
      color: var(--dds-value-colour-value-black);
    }

    .Jr-TcG_iconContainer {
      padding-right: var(--dds-spacing-space-12);
      background-color: var(--dds-value-colour-value-yellow);
      color: var(--dds-typography-colour-text-header-secondary);
      align-items: center;
      display: flex;
    }

    .Jr-TcG_termsText {
      margin-top: var(--dds-spacing-space-8);
      color: var(--dds-typography-colour-text-body);
      font-size: var(--dds-typography-tokens-size-fontsize-12);
      text-align: right;
    }

    .Jr-TcG_clubcardIconBg {
      fill: var(--dds-retain-colour-in-dark-mode-retain-interactive-default);
    }

    .Jr-TcG_clubcardIconFg {
      fill: #fff;
    }
  }
}


/*# sourceMappingURL=4e753c464241bc3d49ea.css.map*/