.container.membership-referral{background-color:var(--primary-bg-color);padding:0;display:grid;grid-template-columns:minmax(450px,1fr) minmax(0,63%);max-width:calc(76.38vw - 4rem);margin-bottom:75px;overflow:hidden}.membership-referral .referral-wrapper{--bg: var(--referral-bg, #000);background-color:var(--bg);width:100%;gap:24px;align-items:stretch;margin:0 auto;padding:28px 40px}.referral-info{background-color:var(--bg);color:#fff;display:flex;flex-direction:column}.referral-title{font-weight:700;font-size:26px;line-height:24px;vertical-align:middle;margin:0;font-family:Simvoni;margin-bottom:2rem}.referral-desc{margin-bottom:11px;width:var(--referral-desc-width, 100%)}.referral-desc p{margin:0 0 8px;font-size:14px;line-height:18px;font-weight:400;font-family:Sofia Pro Light}.membership-referral .referral-link{position:relative;display:flex;align-items:center;gap:8px}.membership-referral .referral-link-input{flex:1;height:33px;border:1px solid #dcdcdc;background:#fff;color:#000;font-size:10px;padding:0 36px 0 10px;font-family:Simvoni;font-weight:700}.membership-referral .referral-copy-btn{position:absolute;right:6px;width:27px;height:27px;border:none;background:transparent;padding:0;cursor:pointer}.membership-referral .referral-copy-btn img{width:18px;height:18px}.membership-referral .referral-copy-progress{position:absolute;left:10px;right:40px;bottom:4px;height:4px;border-radius:2px;background:#999;overflow:hidden}.membership-referral .referral-copy-progress:after{content:"";display:block;width:0%;height:100%;background:#000;transition:width .4s ease}.referral-link .referral-copied-icon{display:none;color:#000}.membership-referral .copying .referral-copy-progress:after{width:100%}.referral-link.copied .referral-copy-btn .referral-copy-icon{display:none}.referral-link.copied .referral-copy-btn .referral-copied-icon{display:block}.referral-link.copied .referral-copy-progress:after{width:100%}.membership-referral .referral-share{display:flex;align-items:center;gap:12px;margin-top:2rem}.membership-referral .share-btn{width:28px;height:28px;border:none;background:transparent;padding:0;cursor:pointer}.share-btn[data-channel=facebook] svg{position:relative;top:-1px}.share-btn[data-channel=email] svg{position:relative;top:1px}.membership-referral .share-btn img{width:100%;height:100%}.membership-referral .referral-media{position:relative;overflow:hidden;background:#d9d9d9}.membership-referral .referral-media-img{width:100%;height:100%;background-size:cover;background-position:center}.membership-referral .referral-media-placeholder{width:100%;height:100%;background:linear-gradient(180deg,#eee,#ddd)}.referral-login-btn{width:var(--login-btn-width, 170px);min-width:fit-content;height:32px;color:var(--login-btn-text-color);background-color:var(--login-btn-bg-color);align-content:center;text-align:center;font-size:14px;font-weight:700;font-family:Simvoni;padding:10px}@media (max-width: 768px),(max-width: 1024px) and (orientation: portrait){.container.membership-referral{grid-template-columns:1fr;max-width:100%!important;margin-bottom:0}.membership-referral .referral-wrapper{padding:2rem}.referral-title{font-size:20px;line-height:24px}.referral-desc p{font-size:12px;line-height:16px}.referral-media.desktop-only{display:none}.referral-login-btn{height:28px;padding:7px 10px}.membership-referral .referral-link-input{font-size:8px;line-height:24px}}
/*# sourceMappingURL=/cdn/shop/t/146/assets/membership-referral.css.map */