/** Shopify CDN: Minification failed

Line 13:0 Unexpected "{"
Line 13:1 Expected identifier but found "%"
Line 198:0 Unexpected "{"
Line 198:1 Expected identifier but found "%"
Line 202:0 Unexpected "{"
Line 202:1 Expected identifier but found "%"
Line 292:0 Unexpected "{"
Line 292:1 Expected identifier but found "%"

**/
{% if request.path contains '/a/account' %}

.loyalty-card {
  background-color: #f1efe0 !important;
  border-color: #f1efe0 !important;
}

.loyalty-card div {
  color: black;
}

.loyalty-mobile-redeem-button {
  border: none !important;
  box-shadow: none !important;
}

.loyalty-mobile-redeem-text {
  color: black !important;
  text-transform: uppercase;
}

.loyalty-credit-reward-action {
  overflow: visible !important;
  height: unset !important;
  background-color: #FCB717 !important;
  border-radius: 4px !important;
  padding: 8px 12px !important;
}

.loyalty-redeem-button-text {
  color: black !important;
  line-height: 1 !important;
  font-size: 16px !important;
}

.loyalty-credit-reward-action svg > path {
  stroke: black !important;
}

.loyalty-credit-reward-action:has(> .loyalty-credit-reward-completed-text) {
  padding: 0 !important;
  background-color: transparent !important;
}

.loyalty-credit-reward-completed-icon > svg > path {
  stroke: green !important;
}

.loyalty-credit-reward-completed-text {
  color: green !important;
}

.loyalty-credit-reward-card {
  background-color: #f1efe0 !important;
  border: none !important;
  box-shadow: none !important;
}

.loyalty-card-container {
  padding: 0 !important;
  border: none !important;
  box-shadow: none !important;
}

.loyalty-credit-reward-icon-wrapper > div {
  border: none !important;
}

.loyalty-overview .qAopz {
  background-color: #f1efdf !important;
}

.loyalty-redeem-input  {
  color: black !important;
}

.Button_button__d5K7o,
.loyalty-redeem-button {
  background-color: #f9b228 !important;
  color: black !important;
  text-transform: uppercase !important;
  border: none !important;
  box-shadow: none !important;
}

.loyalty-point-slider-handle {
  border: none !important;
}

.loyalty-point-slider-handle > div {
  background-color: #f9b228 !important;
}

.loyalty-overview .qAopz div,
.loyalty-overview .qAopz span {
  color: black !important;
  display: block !important;
  line-height: 1.3 !important;
}

.loyalty-redeem-container {
  background-color: #f1efe0 !important;
}

.rewards-state-history {
  background-color: #f1efe0 !important;
}

.skio-bg-\[\#9574e0\] {
  background-color: black !important;
}

.loyaltyCardGradient {
  background: #f1efe0 !important;
  border: none !important;
}

.loyaltyCardGradient div,
.loyaltyCardGradient span,
.loyaltyCardGradient h1 {
  color: black !important;
  font-family: 'Dm Sans' !important;
}

.referral-share-card {
  background-color: #f1efe0 !important;
  border-color: #f1efe0 !important;
  box-shadow: none !important;
}

.referral-share-card > .skio-flex.skio-items-center {
  display: none !important;
}

.referral-share-card .skio-text-sm {
  line-height: 1.2;
}

.referral-invite-graphic,
img[alt="Referral graphic"] {
  display: none !important;
}

.loyalty-card-container {
  border: none !important;
}

.referral-invite-details-container {
  background-color: #f1efe0 !important;
  border-color: #f1efe0 !important;
}

.loyaltyButton {
  height: 100% !important;
}

.loyaltyButton path {
  stroke: black !important;
}

.loyaltyButton span {
  color: black !important;
}

#referral-input {
  margin-bottom: 0 !important;
  box-shadow: none !important;
}

.skio-rp .benefit-item {
  align-items: center !important;
}

.skio-rp .check-icon {
  margin-top: 0 !important;
}

.skio-rp .hero-image-container {
  margin-bottom: 8px !important;
  padding: 16px 0;

  img {
    border-radius: 16px;
  }
}
{% endif %}


/* Rewards Page */
{% if template.name == 'page' and template.suffix == 'rewards' %}

  .container {
    max-width: 1280px;
  }

  button {
    text-transform: uppercase;

    div {
      font-weight: 700 !important;
      letter-spacing: normal !important;
    }
  }

  .skio-grid {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }

  #skio-loyalty-balance-preact-root {
    .skio-loyalty-balance-expiration-text {
      display: none;
    }

    .skio-block-loyalty-heading-container + div {
      width: fit-content;
      flex-direction: column;
      padding: 0 !important;
    }
  }

  #skio-loyalty-how-it-works-preact-root {
    .skio-font-normal.skio-leading-snug {
      max-width: 250px;
    }
  }

  #skio-loyalty-redeem-credits-preact-root {
    margin-bottom: 4rem;

    .skio-w-full.skio-rounded-2xl {
      @media(min-width: 768px) {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
      }
    }

    .skio-items-start > div:first-child {
      background-color: #FAB228 !important;
      padding: 0.5rem;
      border-radius: 1rem;
      margin-bottom: 0.5rem;
    }

    .skio-items-start {
      .skio-font-bold {
        font-size: 1.8rem !important;
        text-align: center !important;

        @media(min-width: 768px) {
          font-size: 2.2rem !important;
        }
      }

      .skio-font-normal {
        text-align: center !important;
      }
    }
  }

  #skio-loyalty-ways-to-earn-preact-root {
    .skio-loyalty-credit-reward-item:nth-child(2) .loyalty-credit-reward-action {
      display: none !important;
    }

    .skio-grid {
      padding-top: 0 !important;
    }

    .skio-loyalty-credit-reward-icon-wrapper svg path {
      stroke: #000000 !important;
    }

    .skio-loyalty-credit-reward-item:nth-child(3) .skio-loyalty-credit-reward-icon-wrapper svg path,
    .skio-loyalty-credit-reward-item:nth-child(4) .skio-loyalty-credit-reward-icon-wrapper svg path {
      fill: #000000 !important;
    }
  }

{% endif %}