/* Membership detail: a mobile-width page, swipeable cards and real configured privileges. */
body.me-redesign #vipModalOverlay {top:0;bottom:0;padding:0;opacity:1;-webkit-animation:none;animation:none;background:rgba(26,6,17,.72) !important;}
body.me-redesign #vipModalOverlay .vip-modal {display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;width:100%;max-width:480px;height:100%;max-height:100%;margin:0;border:0;border-radius:0;background:#371724 !important;box-shadow:none !important;box-sizing:border-box;-webkit-animation:none;animation:none;}
body.me-redesign #vipModalOverlay .vip-modal-header {padding:12px 16px;border-bottom:1px solid #754258;background:linear-gradient(125deg,#60293f,#411c2e);-webkit-flex-shrink:0;flex-shrink:0;}
body.me-redesign #vipModalOverlay .vip-modal-title {font-size:17px;line-height:23px;color:#f5dce9 !important;}
body.me-redesign #vipModalOverlay .vip-modal-title small {display:block;font-size:10px;line-height:16px;font-weight:400;color:#c795af;}
body.me-redesign #vipModalOverlay .vip-modal-close {width:30px;height:30px;padding:0;border:0;border-radius:0;font-size:28px;line-height:28px;background:transparent !important;color:#e7bbcf !important;}
body.me-redesign #vipModalOverlay .vip-modal-body {-webkit-flex:1;flex:1;min-height:0;padding:13px 12px 22px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
body.me-redesign #vipModalOverlay .vip-modal-body::-webkit-scrollbar {display:none;width:0;}
body.me-redesign .vip-detail-overview {padding:15px;border:1px solid #875069;border-radius:15px;background:linear-gradient(135deg,#6b344c,#482034);}
body.me-redesign .vip-detail-user {display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;}
body.me-redesign .vip-detail-user span {display:block;font-size:10px;line-height:17px;color:#cc9bb3;}
body.me-redesign .vip-detail-user h2 {margin:4px 0 0;font-size:27px;line-height:33px;font-weight:600;color:#ffe5f3;}
body.me-redesign .vip-detail-user-name {max-width:55%;margin-left:12px;font-size:12px;line-height:19px;text-align:right;word-break:break-word;color:#e9c0d6;}
body.me-redesign .vip-detail-volume {display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;margin-top:15px;font-size:11px;line-height:20px;color:#c99ab2;}
body.me-redesign .vip-detail-volume strong {font-size:14px;font-weight:500;color:#f1d3e3;}
body.me-redesign .vip-detail-progress {height:5px;overflow:hidden;margin-top:9px;border-radius:99px;background:#371724;}
body.me-redesign .vip-detail-progress > span {display:block;width:0;height:100%;border-radius:99px;background:linear-gradient(90deg,#bd7c9b,#f0c2d4);}
body.me-redesign .vip-detail-progress-caption {margin-top:8px;font-size:10px;line-height:18px;color:#cc9bb3;}
body.me-redesign .vip-detail-section-heading {display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;margin:17px 0 10px;}
body.me-redesign .vip-detail-section-heading h3 {margin:0;font-size:13px;font-weight:600;color:#eed0e0;}
body.me-redesign .vip-detail-section-heading > span {margin-left:8px;font-size:10px;color:#b887a1;}
body.me-redesign #vipModalOverlay #vipLevelsList {display:-webkit-flex;display:flex;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;margin:0 -12px;padding:3px 12px 7px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
body.me-redesign #vipLevelsList::-webkit-scrollbar {display:none;height:0;}
body.me-redesign .vip-detail-tier-card {position:relative;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;align-items:flex-start;-webkit-justify-content:center;justify-content:center;-webkit-flex:0 0 86%;flex:0 0 86%;height:183px;padding:30px 18px 20px;margin:0 10px 0 0;box-sizing:border-box;border:1px solid #a27354;border-radius:15px;text-align:left;background:#441223 url('/img/vip/member-card.jpg') center / cover no-repeat;color:#ffe8cf;font-family:inherit;cursor:pointer;opacity:.75;}
body.me-redesign .vip-detail-tier-card:last-child {margin-right:0;}
body.me-redesign .vip-detail-tier-card.is-selected {opacity:1;border-color:#efc696;box-shadow:0 3px 13px rgba(20,4,12,.2);}
body.me-redesign .vip-detail-card-status {position:absolute;top:11px;left:15px;font-size:9px;line-height:15px;color:#e6bf98;}
body.me-redesign .vip-detail-card-level {display:block;margin:0 0 4px;font-size:35px;line-height:42px;font-weight:700;font-style:italic;letter-spacing:-1px;text-shadow:0 1px 2px #37101d;}
body.me-redesign .vip-detail-card-rule {display:block;max-width:62%;margin-top:8px;font-size:10px;line-height:17px;color:#e6bf98;word-break:break-word;}
body.me-redesign .vip-detail-perks {display:-webkit-flex;display:flex;padding:14px 4px;border:1px solid #754057;border-radius:13px;background:#492235;}
body.me-redesign .vip-detail-perks > div {-webkit-flex:1;flex:1;min-width:0;padding:0 4px;text-align:center;}
body.me-redesign .vip-detail-perks > div + div {border-left:1px solid #68364d;}
body.me-redesign .vip-detail-perks img {display:block;width:37px;height:37px;margin:0 auto 9px;}
body.me-redesign .vip-detail-perks strong {display:block;font-size:16px;line-height:23px;font-weight:600;word-break:break-all;color:#f5d9e9;}
body.me-redesign .vip-detail-perks span {display:block;margin-top:3px;font-size:10px;line-height:17px;color:#bd8da5;}
body.me-redesign .vip-detail-claim-row {display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;margin-top:10px;padding:12px;border:1px solid #754057;border-radius:12px;background:#492235;}
body.me-redesign .vip-detail-claim-row > div {margin-right:12px;-webkit-flex-shrink:0;flex-shrink:0;}
body.me-redesign .vip-detail-claim-row > div span {display:block;font-size:10px;color:#bd8da5;}
body.me-redesign .vip-detail-claim-row > div strong {display:block;margin-top:4px;font-size:20px;line-height:26px;font-weight:600;color:#f9deed;}
body.me-redesign #vipDetailSelected .vip-claim-btn {padding:8px 13px;min-height:35px;margin:0;border:1px solid #bb809a;border-radius:999px;background:#a15675 !important;color:#fff0f8 !important;font-size:11px;}
body.me-redesign #vipDetailSelected .vip-claim-btn.claimed {border-color:#805068;background:#5c354a !important;color:#bd98ad !important;}
body.me-redesign .vip-detail-eligibility {max-width:55%;font-size:10px;line-height:18px;text-align:right;color:#b887a1;}
body.me-redesign .vip-detail-note {margin:11px 3px 0;font-size:10px;line-height:18px;color:#ad7c96;}
body.me-redesign .vip-detail-empty {padding:25px 12px;font-size:12px;color:#c596ae;}
@media(max-width:359px){body.me-redesign .vip-detail-tier-card {height:155px;padding-left:14px;}body.me-redesign .vip-detail-card-level {font-size:30px;line-height:35px;}body.me-redesign .vip-detail-card-rule {font-size:9px;}body.me-redesign .vip-detail-perks strong {font-size:14px;}}

body.me-redesign .vip-detail-tier-card.is-locked {-webkit-filter:grayscale(1);filter:grayscale(1);border-color:#858085;color:#e0dce0;}
body.me-redesign #vipLevelsList {cursor:grab;-webkit-user-select:none;user-select:none;}
body.me-redesign #vipLevelsList .vip-detail-tier-card {cursor:inherit;}
body.me-redesign #vipLevelsList.is-dragging {cursor:grabbing;}