*,
::before,
::after {
  -moz-box-sizing: inherit;
       box-sizing: inherit; }

a {
  color: inherit;
  text-decoration: none; }

p {
  color: var(--detail-text-color, #465280); }

.native-card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: var(--corner-radius, 0.35rem);
  border: var(--border-width, 1px) solid;
  border-color: var(--border-color-neutral, #c7c7c7);
  overflow: hidden;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  font-family: var(--font, "Centra No1", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif); }
  .native-card figure {
    background-position: center center;
    background-size: cover;
    border-bottom-left-radius: 0;
    margin: 0;
    -o-object-fit: contain;
       object-fit: contain;
    padding: var(--card-padding, 0.75rem); }
  .native-card .sponsored-text {
    background: var(--pill-bg-color, var(--color-white, #fff));
    border-radius: var(--pill-corner-radius, 2500rem);
    color: var(--badge-txt-color #465280);
    font-size: var(--badge-font-size, small);
    font-weight: var(--badge-font-weight, 500);
    min-height: var(--badge-min-height, 1.5rem);
    min-width: var(--badge-min-width, 1.5rem);
    padding: 0.085rem 0.5rem 0.075rem 0.5rem; }
  .native-card .content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: var(--card-padding, 0.75rem);
    background: var(--color-white, #fff); }
  .native-card .logo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-self: center;
        -ms-flex-item-align: center;
            align-self: center;
    max-height: 50px; }
  @media screen and (max-width: 525px) {
    .native-card .logo {
      -webkit-align-self: start;
          -ms-flex-item-align: start;
              align-self: start; } }
  .native-card .heading {
    color: var(--header-text-color, #001959);
    font-size: var(--header-font-size, 1.125rem);
    font-weight: var(--header-font-weight, 500);
    line-height: var(--header-line-height, -webkit-calc(26 / 22));
    line-height: var(--header-line-height, -moz-calc(26 / 22));
    line-height: var(--header-line-height, calc(26 / 22));
    -webkit-margin-before: var(--spacing-three, 12px);
            margin-block-start: var(--spacing-three, 12px);
    -webkit-margin-after: var(--spacing-three, 12px);
            margin-block-end: var(--spacing-three, 12px); }
  .native-card .details {
    font-size: var(--detail-font-size, 0.875rem); }
    .native-card .details .offer-text {
      font-weight: var(--detail-font-weight, 400);
      font-size: var(--detail-font-size, 0.875rem);
      line-height: var(--detail-line-height, -webkit-calc(18 / 14));
      line-height: var(--detail-line-height, -moz-calc(18 / 14));
      line-height: var(--detail-line-height, calc(18 / 14));
      height: 36px;
      -webkit-margin-before: var(--spacing-three, 12px);
              margin-block-start: var(--spacing-three, 12px);
      -webkit-margin-after: var(--spacing-three, 12px);
              margin-block-end: var(--spacing-three, 12px);
      height: auto;
      display: block;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical; }
  .native-card .call-to-action {
    color: var(--link-color-default, #005aeb);
    font-size: var(--link-size, 0.875rem);
    font-weight: var(--link-weight, 400);
    line-height: var(--link-line-height, -webkit-calc(18 / 14));
    line-height: var(--link-line-height, -moz-calc(18 / 14));
    line-height: var(--link-line-height, calc(18 / 14)); }
  .native-card.marquee-center-stage, .native-card.marquee-full-bleed {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
       -moz-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    background-color: var(--color-white, #fff);
    border-radius: var(--corner-radius, 0.35rem);
    width: auto; }
    .native-card.marquee-center-stage .content, .native-card.marquee-full-bleed .content {
      margin-top: auto;
      margin-bottom: auto;
      -webkit-box-flex: 1;
         -moz-box-flex: 1;
              flex: 1 1 auto;
      -webkit-flex: 1 0 auto;
      -ms-flex: 1 1 auto; }
      .native-card.marquee-center-stage .content .logo, .native-card.marquee-full-bleed .content .logo {
        padding-right: var(--spacing-three, 12px); }
      .native-card.marquee-center-stage .content.wideLogo .logo, .native-card.marquee-full-bleed .content.wideLogo .logo {
        -webkit-align-self: flex-start;
            -ms-flex-item-align: start;
                align-self: flex-start;
        max-height: 30px; }
    .native-card.marquee-center-stage.details, .native-card.marquee-full-bleed.details {
      -webkit-box-flex: 0;
      -webkit-flex: 0 1 auto;
         -moz-box-flex: 0;
          -ms-flex: 0 1 auto;
              flex: 0 1 auto; }
  .native-card.marquee-center-stage {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    height: 316px; }
    .native-card.marquee-center-stage figure {
      -webkit-flex-basis: 70%;
          -ms-flex-preferred-size: 70%;
              flex-basis: 70%;
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
         -moz-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      -webkit-flex-shrink: 1;
          -ms-flex-negative: 1;
              flex-shrink: 1;
      min-height: 100px;
      height: 100%; }
    .native-card.marquee-center-stage .content {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
         -moz-box-orient: horizontal;
         -moz-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row; }
      .native-card.marquee-center-stage .content.wideLogo {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
           -moz-box-orient: vertical;
           -moz-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; }
    @media screen and (max-width: 525px) {
      .native-card.marquee-center-stage .content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
           -moz-box-orient: vertical;
           -moz-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }
  .native-card.marquee-collection, .native-card.marquee-full-bleed {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap; }
    .native-card.marquee-collection .content, .native-card.marquee-full-bleed .content {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .native-card.marquee-collection .content .heading, .native-card.marquee-full-bleed .content .heading {
        margin-top: 0; }
  .native-card.marquee-collection {
    height: 152px; }
    .native-card.marquee-collection .content {
      border-top-right-radius: var(--corner-radius, 0.35rem);
      border-bottom-right-radius: var(--corner-radius, 0.35rem); }
      .native-card.marquee-collection .content .offer-text {
        margin-bottom: 0; }
    .native-card.marquee-collection .logo {
      display: none; }
  .native-card.marquee-full-bleed {
    min-height: 185px; }
    .native-card.marquee-full-bleed figure {
      min-width: 56%; }
    .native-card.marquee-full-bleed .content {
      padding: 12px;
      max-height: 100%;
      min-height: 0%;
      max-width: 44%; }
      .native-card.marquee-full-bleed .content .heading {
        -webkit-margin-after: 8px;
                margin-block-end: 8px; }
      .native-card.marquee-full-bleed .content .logo {
        -webkit-align-self: flex-start;
            -ms-flex-item-align: start;
                align-self: flex-start;
        margin-bottom: 12px; }
      .native-card.marquee-full-bleed .content button {
        background-color: var(--color-white, #fff);
        border: 1px solid #CCCFDB;
        border-radius: 8px;
        color: #005AEB;
        padding: 6px 15px;
        display: inline-block;
        font-size: 16px;
        cursor: pointer;
        line-height: 20px;
        letter-spacing: 0em;
        text-align: center;
        margin-top: 12px; }
      .native-card.marquee-full-bleed .content .call-to-action {
        margin: 12px 0 0 0; }
      .native-card.marquee-full-bleed .content .details .offer-text {
        -webkit-line-clamp: 2;
        margin: 0; }
      .native-card.marquee-full-bleed .content.wideLogo .details .offer-text {
        -webkit-line-clamp: 3; }
      .native-card.marquee-full-bleed .content.wideLogo .logo {
        max-height: 30px; }
    @media screen and (max-width: 527px) {
      .native-card.marquee-full-bleed {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-flow: column nowrap;
           -moz-box-orient: vertical;
           -moz-box-direction: normal;
            -ms-flex-flow: column nowrap;
                flex-flow: column nowrap; }
        .native-card.marquee-full-bleed figure {
          min-height: 45%;
          min-width: inherit;
          padding-top: 56.25%;
          padding-bottom: 0; }
        .native-card.marquee-full-bleed .sponsored-text {
          position: absolute;
          top: 12px;
          left: 12px; }
        .native-card.marquee-full-bleed .content {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-flex-direction: column;
             -moz-box-orient: vertical;
             -moz-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          max-width: inherit; } }
  @media screen and (min-width: 541px) {
    .native-card .marquee-tile {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
         -moz-box-orient: horizontal;
         -moz-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      height: var(--card-height, 18rem); }
      .native-card .marquee-tile figure {
        border-bottom-left-radius: var(--corner-radius, 0.35rem);
        border-top-left-radius: var(--corner-radius, 0.35rem);
        border-top-right-radius: 0;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 50%;
           -moz-box-flex: 1;
            -ms-flex: 1 1 50%;
                flex: 1 1 50%;
        height: auto; }
      .native-card .marquee-tile .content {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 50%;
           -moz-box-flex: 1;
            -ms-flex: 1 1 50%;
                flex: 1 1 50%;
        padding: -webkit-calc(var(--card-padding, 0.75rem) + var(--card-padding, 0.75rem));
        padding: -moz-calc(var(--card-padding, 0.75rem) + var(--card-padding, 0.75rem));
        padding: calc(var(--card-padding, 0.75rem) + var(--card-padding, 0.75rem)); }
      .native-card .marquee-tile .heading {
        line-height: 2rem; }
      .native-card .marquee-tile .offer-text {
        height: auto; } }
  @media screen and (max-width: 991px) {
    .native-card figure {
      -webkit-flex-basis: 80px;
          -ms-flex-preferred-size: 80px;
              flex-basis: 80px;
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
         -moz-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; }
    .native-card .content {
      -webkit-flex-basis: 66.6%;
          -ms-flex-preferred-size: 66.6%;
              flex-basis: 66.6%;
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
         -moz-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; } }