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

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

    .p9YlnW_innerContainer {
      height: 56px;
      display: flex;
    }

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

    .p9YlnW_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);
    }

    .p9YlnW_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;
    }

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

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

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

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

    .p9YlnW_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;
    }

    .p9YlnW_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;
    }

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

    .p9YlnW_clubcardIconFg {
      fill: #fff;
    }
  }
}


/*# sourceMappingURL=60718580b7f09f7e5ba7.css.map*/