/** Shopify CDN: Minification failed

Line 71:4 Unexpected "{"
Line 71:5 Expected identifier but found "%"
Line 72:19 Expected identifier but found whitespace
Line 72:21 Unexpected "{"
Line 72:30 Expected ":"
Line 74:4 Unexpected "{"
Line 74:5 Expected identifier but found "%"
Line 76:2 Unexpected "#"
Line 76:4 Unexpected "{"
Line 76:13 Expected ":"
... and 7 more hidden warnings

**/


/* CSS from section stylesheet tags */
.section-fabric {
    background:#f7f7f7;
    padding: 35px 0;
    margin-bottom: 35px;
  }
  @keyframes textFade {
    0% { opacity: 0; }
    1% { opacity: 1; }
    32% { opacity: 1; }
    33% { opacity: 0; }
    100% { opacity: 0; }
  }
  .text-rotator {
    width: 420px;
    height: 80px;
    text-align: center;
  }
  .text-rotator span {
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    animation: textFade 9s infinite steps(1, end);
  }
  .text-rotator span:nth-child(1) {
    animation-delay: 0s;
  }
  .text-rotator span:nth-child(2) {
    animation-delay: 3s;
  }
  .text-rotator span:nth-child(3) {
    animation-delay: 6s;
  }
  .certified-logo {
    width:200px;
    height: auto;
    margin-right: 30px;
  }
  @media screen and (max-width:769px) {
    .certified-logo {
      width:120px;
      height: auto;
      margin-right:10px;
    }
    .text-rotator {
      width:250px
    }
  }
.color-white {
    color:#ffffff;
  }
  .section-membership .banner {
    {% if section.settings.banner %}
      aspect-ratio: {{ section.settings.banner.aspect-ratio}};
      background-image: url("{{ section.settings.banner | image_url }}");
    {% endif %}
  }
  #{{ section.id }} .banner .content-not-login {
    flex-direction:column;
    height:100%;
    padding: 50px 7vw;
  }
  .content-not-login .vip-logo {
    margin-bottom:20px;
  }
  .content-not-login .btn-box {
    margin-top: 30px;
  }
  .content-not-login .title {
    font-weight:bold;
  }
  .banner .banner-button {
    min-width: 134px;
    font-weight: 650;
    padding: 8px 12px;
    cursor: pointer;
  }
  .banner .join-btn {
    background-image: linear-gradient(269deg, 
		#fff6e2 0%, 
		#f5e6c1 28%, 
		#ead6a0 56%, 
		#fff8e5 100%);
    margin-right:10px;
  }
   .banner .sign-btn {
     background:#ffffff;
   }
  .banner .content-is-login {
    /* height: 100%; */
    padding: 0 7vw;
  }
  .banner .customer-info {
    /* height:100%; */
    flex-direction:column;
    padding:3vw 0;
    font-size:.8vw;
  }
  .customer-info .customer-name {
    font-size:1.2vw;
    margin-bottom:10px;
  }
  .banner .vip-rules {
    /* background-image:url('/cdn/shop/files/0___VIP_1.png?v=1750149525'); */
    /* padding: 50px 20px 0 20px; */
    width: 19vw;
  }
  .banner .rules-content {
    top:0;
    left:0;
    right:0;
    bottom: 0;
    padding: 3vw 2vw 3vw 2vw;
    font-size:.8vw;
    flex-direction:column;
  }
  .banner .rules-content .rules {
    font-size:.7vw;
  }
  .customer-info .avatar {
    width:6vw;
    height:6vw;
    /* border-radius:50%; */
    margin-right:20px;
  }
  .content-is-login .vip-logo {
    width:6vw;
  }
  .content-is-login .vip-level-progress {
    width:22vw;
  }
  .avatar .avatar-img {
    border-radius: 50%;
  }
  .avatar .level-icon {
    bottom: -.6vw;
    left: 50%;
    transform: translateX(-50%);
  }
  @media (max-width:769px) {
    .text-style {
      font-size:11px;
      line-height: 1.8;
    }
    .content-not-login .title {
    font-size: 20px;
}
     .section-membership .banner {
       {% if section.settings.banner_m != blank %}
      aspect-ratio: {{section.settings.banner_m.aspect_ratio}};
      background-image: url("{{ section.settings.banner_m | image_url }}");
       {% endif %}
    }
    .banner .content-not-login {
      height:100%;
      padding: 50px 30px;
    }
    .banner .banner-button {
    min-width: 120px;
    padding: 4px 12px;
}
  }