.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}.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:#fff;transition:width 0s linear}.referral-success-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:none;z-index:10000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;pointer-events:none}.referral-success-modal.is-visible{opacity:1;visibility:visible;pointer-events:auto}.referral-success-modal__container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);display:flex;width:596px;height:236px;background:#fffcf7;box-shadow:0 4px 12px #00000026;transition:transform .3s ease;z-index:10001}.referral-success-modal.is-visible .referral-success-modal__container{transform:translate(-50%,-50%) scale(1)}.referral-success-modal__image{width:236px;height:100%;object-fit:cover;flex-shrink:0}.referral-success-modal__content{flex:1;padding:48px 24px 24px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:relative}.referral-success-modal__close{position:absolute;top:24px;right:24px;width:20px;height:20px;background:transparent;border:none;cursor:pointer;padding:0;z-index:10}.referral-success-modal__close img{width:100%;height:100%;display:block}.referral-success-modal__title{font-family:Simvoni,sans-serif;font-weight:700;font-size:18px;line-height:1.2;color:#000;margin:0 0 16px;text-align:left}.referral-success-modal__desc{font-family:Simvoni,sans-serif;font-weight:400;font-size:14px;line-height:1.4;color:#000;margin:0 0 24px;text-align:left}.referral-success-modal__btn{width:312px;height:42px;background:#000;color:#fff;border:none;font-family:Simvoni,sans-serif;font-weight:700;font-size:16px;text-transform:uppercase;letter-spacing:.0625em;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease;margin-top:auto}.referral-success-modal__btn:hover{background:#333}@media screen and (max-width: 768px){.referral-success-modal__container{width:90%;height:auto;flex-direction:column;transform:translate(-50%,-50%) scale(.9)}.referral-success-modal.is-visible .referral-success-modal__container{transform:translate(-50%,-50%) scale(1)}.referral-success-modal__image{width:100%;height:180px}.referral-success-modal__content{padding:20px;width:100%}.referral-success-modal__title{margin-top:10px}.referral-success-modal__btn{width:100%;margin-top:20px}.referral-success-modal__close{top:15px;right:15px}}.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/650/assets/membership-referral.css.map */