/*!******************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./cartridges/app_custom_site/cartridge/client/default/scss/experience/components/assets/membershipTile.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable */
/* stylelint-enable */
/* stylelint-disable */
/* stylelint-enable */
/* stylelint-disable */
/* stylelint-enable */
.membership-tile {
  cursor: pointer; }
  .membership-tile.active .membership-tile__description--infoText {
    max-height: 31.25rem;
    transition: max-height 0.5s cubic-bezier(0, 1.05, 0, 1); }
  .membership-tile.active .membership-tile__description--title::after {
    transform: translateY(-50%) rotate(90deg); }
  .membership-tile__description {
    margin-bottom: 1.25rem;
    padding-bottom: 1.25rem;
    position: relative; }
    .membership-tile__description::after {
      background: #861723;
      bottom: 0;
      content: '';
      height: 0.0625rem;
      left: 0;
      position: absolute;
      width: 100%; }
    .membership-tile__description--title {
      color: #861723;
      font-family: "Work Sans", sans-serif;
      font-size: 0.875rem;
      font-weight: 300;
      letter-spacing: 0.10938rem;
      line-height: 1.3125rem;
      padding-right: 3.125rem;
      position: relative; }
      .membership-tile__description--title::after {
        position: absolute;
        top: 50%;
        transform: translate(0, -50%);
        background: #861723;
        content: '';
        height: 1.3125rem;
        position: absolute;
        right: 0.59375rem;
        transition: transform 0.4s cubic-bezier(0, 3, 0, 1);
        width: 0.1875rem; }
      .membership-tile__description--title::before {
        position: absolute;
        top: 50%;
        transform: translate(0, -50%);
        background: #861723;
        content: '';
        height: 0.1875rem;
        position: absolute;
        right: 0;
        width: 1.3125rem; }
      .membership-tile__description--title.techsheet::after, .membership-tile__description--title.techsheet::before {
        content: none; }
      @media (min-width: 1025px) {
        .membership-tile__description--title {
          font-size: 1rem;
          letter-spacing: 0.125rem;
          line-height: 1.5rem;
          padding-right: 0; }
          .membership-tile__description--title::after, .membership-tile__description--title::before {
            content: none; } }
    .membership-tile__description--infoText {
      color: #aeaeae;
      font-family: "Work Sans", sans-serif;
      font-size: 0.875rem;
      font-weight: 200;
      letter-spacing: 0.04625rem;
      line-height: 1.75rem;
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.5s cubic-bezier(0, 1.05, 0, 1); }
      @media (min-width: 1025px) {
        .membership-tile__description--infoText {
          max-height: none; } }
      @media (min-width: 1366px) {
        .membership-tile__description--infoText {
          font-size: 1rem;
          letter-spacing: 0.0525rem; } }
  @media (min-width: 1025px) {
    .membership-tile {
      opacity: 0;
      position: relative;
      transition: transform 0.25s ease, opacity 0.25s ease; } }
  @media (min-width: 1025px) and (max-width: 1365.98px) {
    .membership-tile.animate-from-left {
      left: -100%; }
    .membership-tile.animate-from-right {
      left: 100%; } }
  @media (min-width: 1366px) {
    .membership-tile {
      cursor: auto;
      left: 100%;
      padding: 0 3.125rem 0 0; } }


/*# sourceMappingURL=membershipTile.css.map*/