.tpl-referral-popup{display:none}.app-modal .tpl-referral-popup{display:flex}.referral-popup{background:#fff;width:500px;border-radius:20px;position:relative;transition:transform .3s ease}.referral-image{background:linear-gradient(157.83deg,#11998e 2.82%,#38ef7d 85.31%);border-top-right-radius:20px;border-top-left-radius:20px}.referral-image img{width:100%;display:block;max-height:250px}.referral-container{padding:24px}.referral-container h3,.referral-success h3{font-size:32px;line-height:1.2;margin-bottom:20px;font-weight:800;letter-spacing:-.02rem}.referral-list{margin:0 0 36px;display:flex;flex-direction:column;gap:8px;padding:0 0 0 32px}.referral-text{font-size:20px;line-height:20px;letter-spacing:-1%;color:#7c7c7c;font-weight:500}.referral-btn{width:100%;min-height:52px;background:#26ad4f;color:#fff;border:0;border-radius:12px;font-size:16px;cursor:pointer;font-weight:500}.referral-btn a{color:#fff}.referral-note{font-size:12px;line-height:16px;color:#7c7c7c;text-align:center;margin-top:12px}.referral-close{position:absolute;top:0;right:-76px;background:#00000080;color:#fff;border:0;border-radius:50%;width:56px;height:56px;cursor:pointer;font-size:24px;font-weight:600}.referral-copy-heading{font-size:16px;line-height:20px;font-weight:500;letter-spacing:-1%;margin-bottom:12px}.referral-code-success{display:flex;justify-content:space-between;align-items:center;gap:12px}.copy-success{border:0;color:#fff;cursor:pointer;font-weight:500;min-height:52px;background-color:#26ad4f;border-radius:12px;font-size:16px;line-height:24px;letter-spacing:-2%;min-width:148px;display:flex;flex-direction:row;align-items:center;justify-content:center}.copy-success.mob{width:100%;background-color:#f7f7f7;color:#009959;min-height:44px;height:44px;margin-top:12px;display:none}.copy-success .copy-text{font-weight:500}.copy-icon{margin-right:6px}.code-success{background-color:#f7f7f7;min-height:52px;border-radius:12px;display:flex;align-items:center;padding:0 16px;color:#7c7c7c;width:100%}.mob-nav{display:none}@media(max-width:768px){.referral-overlay{align-items:flex-end;z-index:72}.referral-popup{width:100vw;border-radius:20px 20px 0 0;transform:initial}.referral-overlay.active .referral-popup{transform:translateY(0)}.referral-close{background-color:#00000080;width:24px;height:24px;top:16px;right:16px;font-size:14px}.referral-container{padding:20px 16px}.mob-nav{display:block;width:32px;height:4px;border-radius:2px;background-color:#dde0e6;position:absolute;top:4px;left:calc(50% - 16px)}.referral-container h3{margin-bottom:16px}.referral-list{margin:0 0 32px;padding:0}.referral-list li{margin-bottom:16px}.referral-btn{min-height:44px}.referral-image img{height:100%;max-height:180px;object-fit:cover;object-position:top}.referral-note{padding-inline:55px}.copy-success.mob{display:flex}}
/*# sourceMappingURL=/cdn/shop/t/54/assets/referral-modal.css.map */