.membership .draft{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:180px}.membership .draft .info{align-items:center;display:flex}@media(max-width:768px){.membership .draft .info{flex-direction:column}}.membership .draft .heading-wrapper{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px;width:100%}.membership .draft .heading{font-size:22px;font-weight:600;line-height:33px}.membership .draft .logout{background-color:#fff;border:0;color:#252525;cursor:pointer;font-size:14px;font-weight:300;-webkit-text-decoration:underline;text-decoration:underline}.membership .draft .content{width:100%}.membership .draft .content .message{font-size:18px;font-weight:bold;line-height:150%;margin:10px 0;text-align:center}.membership .draft .content .definition-list{margin-top:16px}.membership .draft .content .definition-term{font-size:16px;font-weight:600;line-height:100%}.membership .draft .content .definition-description{align-items:center;background-color:#f1f3f7;border-radius:4px;display:flex;flex-direction:column;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:8px;padding:16px 8px;width:100%}.membership .draft .content .definition-description .point-amount{font-size:18px;font-weight:700;line-break:anywhere;line-height:27px;text-align:center;width:100%}.membership .draft .content .definition-description .point-expiry-date{color:#252525;font-size:12px;font-weight:400;letter-spacing:.6px;line-height:18px;text-align:center;width:100%}.membership .draft .content .definition-description .point-history{font-size:12px;font-weight:400;letter-spacing:0;line-height:18px;text-align:center}.membership .draft .content .definition-description .point-history .link{color:#252525}.membership .draft .content .about-wrapper{display:flex;justify-content:flex-end;margin-top:4px}.membership .draft .content .about-wrapper .about{color:#000;font-size:12px;font-weight:300;line-height:14.4px;-webkit-text-decoration:underline;text-decoration:underline}.membership .draft .content .point-info-login{font-size:14px;font-weight:300;line-height:21px;margin-top:16px;text-align:center}.membership .draft .content .point-info-login-link{color:#252525;-webkit-text-decoration:underline;text-decoration:underline}.membership .draft .leave-wrapper{margin-top:40px;text-align:center}.membership .draft .leave-wrapper .leave{background-color:#fff;border:0;color:#252525;cursor:pointer;font-size:14px;font-weight:300;-webkit-text-decoration:underline;text-decoration:underline}.membership .draft .leave-modal-wrapper{display:none}.membership .draft .leave-modal-wrapper .leave-overlay{background:rgba(0,0,0,.5);height:100%;left:0;position:fixed;top:0;width:100%;z-index:100}.membership .draft .leave-modal-wrapper .leave-modal{align-items:center;background-color:var(--white);border-radius:8px;height:160px;left:50%;padding:32px 32px 24px;position:fixed;top:50%;transform:translate(-50%,-50%);width:350px;z-index:110}.membership .draft .leave-modal-wrapper .leave-modal-new{height:auto;padding:24px 32px 32px;width:auto}.membership .draft .leave-modal-wrapper .leave-modal-header{color:var(--black);font-size:16px;font-weight:600;line-height:24px;text-align:center}.membership .draft .leave-modal-wrapper .leave-modal-header-new{font-size:20px}.membership .draft .leave-modal-wrapper .leave-modal-bar{background-color:#f1f3f7;border:0;height:1px;margin-left:-32px;margin-right:-32px;margin-top:24px}.membership .draft .leave-modal-wrapper .leave-modal-subtext-wrapper{background-color:#f1f3f7;border-radius:4px;margin:32px 0;padding:16px 16px 16px 32px}.membership .draft .leave-modal-wrapper .leave-modal-subtext-wrapper .leave-modal-subtext-list .leave-modal-subtext{color:#2e3242;font-size:12px;font-weight:300;line-height:18px}.membership .draft .leave-modal-wrapper .leave-modal-subtext-wrapper .leave-modal-subtext-list .leave-modal-subtext:not(:first-child){margin-top:4px}.membership .draft .leave-modal-wrapper .leave-modal-button-wrapper{display:flex;justify-content:space-evenly;margin-top:32px}.membership .draft .leave-modal-wrapper .leave-modal-button-wrapper .leave-modal-button{align-items:center;border:0;border-radius:6px;color:var(--white);display:flex;font-size:14px;font-weight:600;justify-content:center;line-height:21px;padding:12px 0;-webkit-text-decoration:none;text-decoration:none;width:130px}.membership .draft .leave-modal-wrapper .leave-modal-button-wrapper .leave-modal-button.red{background-color:var(--pink)}.membership .draft .leave-modal-wrapper .leave-modal-button-wrapper .leave-modal-button.gray{background-color:var(--black-light);margin-right:12px}