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

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

    a.obT2Na_container:focus-visible {
      outline: 3px solid var(--dds-interaction-colour-interactive-default);
      outline-offset: 1px;
    }

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

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

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

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

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

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

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

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

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

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

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

    .obT2Na_clubcardIconFg {
      fill: #fff;
    }
  }
}


/*# sourceMappingURL=82377258b91bb91d2bea.css.map*/