:root{--mainBg:#fafbfb;--pointColor:#eb0050;--pointfontColor:#fff}.main-membership{width:calc(100% - 32px);margin:0 auto;box-sizing:border-box;padding:var(--spacing-sm-03);background-color:var(--surface-input);border:1px solid var(--border-component);box-shadow:var(--component-box-shadow);border-radius:var(--radius-rounded-02)}.main-membership .level{display:flex;margin-top:8px;align-items:center;font-size:var(--fontsize-large);color:var(--text-secondary)}.main-membership .level span{font-weight:var(--fontweight-regular)}.main-membership .level .tooltip{position:static;margin-top:0;margin-left:8px;vertical-align:middle}.main-membership .menu{justify-content:space-between;margin-top:var(--spacing-sm-01);height:40px}.main-membership .menu button{display:flex;flex:0 0 auto;width:auto;padding:0 var(--spacing-xs);justify-content:center;align-items:center;font-size:0;background:none}.main-membership .menu button:before{display:none}.main-membership .menu button img{display:inline-block;height:24px;margin-right:4px;vertical-align:middle}.main-membership .menu button span{display:inline-block;vertical-align:middle;font-size:var(--fontsize-small);font-weight:var(--fontweight-bold)}.main-membership .menu button span:before{display:none}.main-membership .progress-bar{display:flex;align-items:center;gap:var(--spacing-sm-01);margin-top:var(--spacing-sm-01)}.main-membership .progress-bar .progress{position:relative;flex:1 1 auto;height:8px;margin-right:10px;border-radius:4px;background:#d7d8d9}.main-membership .progress-bar .progress .inner-bar{position:absolute;top:1px;left:1px;height:6px;border-radius:3px;background:var(--surface-primary);animation:progress 2s ease-in-out}@keyframes progress{0%{width:0}}.main-membership .progress-bar .progress-num{flex:0 0 auto;font-size:var(--fontsize-large);font-weight:var(--fontweight-medium)}.main-membership .barcode{position:relative}.main-membership .barcode .shadow-box{width:73%;height:58px;box-shadow:0 0 8px 0 rgba(0,0,0,.15);border-radius:12px;background:#fff}.main-membership .barcode .shadow-box i{display:block;height:100%;padding:5% 20% 5% 5%;box-sizing:border-box;border-radius:12px}.main-membership .barcode button{display:flex;justify-content:space-between;align-items:center;width:38%;height:42px;padding-right:12px;margin-top:-21px;position:absolute;top:50%;right:0;font-size:var(--fontsize-small);border-radius:21px 12px 12px 21px;text-align:right;background:var(--surface-primary);color:var(--surface-primaryInvert)}.main-membership .barcode button:before{content:"";display:inline-block;width:28px;height:28px;margin-left:6px;vertical-align:middle;background:url(../img/icon_white_plus.59ef4729.svg) no-repeat 50%}
/*# sourceMappingURL=chunk-7bd67500.1f41b7ca.css.map */