.syn-referral-modal__content{display:flex;flex-direction:column;gap:var(--spacing-24, 24px);padding:var(--spacing-24, 24px);padding-top:var(--spacing-24, 24px);padding-bottom:24px;align-items:center;color:var(--text-black, #000)}.syn-referral-modal__header{display:flex;justify-content:flex-end;width:100%;margin-bottom:calc(var(--spacing-24, 24px) * -1)}.syn-referral-modal__close{cursor:pointer;width:16px;height:16px;display:flex;align-items:center;justify-content:center;color:var(--text-black, #000)}.syn-referral-modal__close:hover{opacity:.7}.syn-referral-modal__title-section{display:flex;flex-direction:column;gap:var(--spacing-8, 8px);align-items:center;text-align:center;width:100%}.syn-referral-modal__title{margin:0;font-size:16px;font-weight:700;line-height:16px;color:var(--text-black, #000)}.syn-referral-modal__description{margin:0;font-size:12px;font-weight:400;line-height:16px;color:var(--text-main-body, #817e96)}.syn-referral-modal__form-section,.syn-referral-modal__button-section{display:flex;flex-direction:column;gap:var(--spacing-16, 16px);width:100%;align-items:stretch}.syn-referral-modal__label{font-size:12px;font-weight:600;line-height:16px;color:var(--text-black, #000)}.syn-referral-modal__input{display:flex;align-items:center;gap:8px;align-self:stretch;padding:var(--spacing-16, 16px) var(--spacing-8, 8px);border-radius:8px;border:1px solid var(--border-light-line-1, #f7f3fa);background:var(--solid-input-box, #f7f3fa)}.syn-referral-modal__input.ant-input{box-shadow:none;background:var(--solid-input-box, #f7f3fa)}.syn-referral-modal__input.ant-input:hover,.syn-referral-modal__input.ant-input:focus,.syn-referral-modal__input.ant-input:focus-visible{background:var(--solid-input-box, #f7f3fa);box-shadow:none;border-color:var(--border-brand)}.syn-referral-modal__input :global .ant-input{background:transparent;border:none;font-size:14px;font-weight:600;line-height:16px;color:var(--text-black, #000);padding:0;flex:1}.syn-referral-modal__input :global .ant-input::-moz-placeholder{color:var(--text-main-body, #817e96);font-weight:400}.syn-referral-modal__input :global .ant-input::placeholder{color:var(--text-main-body, #817e96);font-weight:400}.syn-referral-modal__input :global.ant-input-affix-wrapper{display:flex;align-items:center;gap:8px;align-self:stretch;padding:var(--spacing-16, 16px) var(--spacing-8, 8px);border-radius:8px;border:1px solid var(--border-light-line-1, #f7f3fa);background:var(--solid-input-box, #f7f3fa)}.syn-referral-modal__input :global.ant-input-affix-wrapper .ant-input{padding:0;flex:1}.syn-referral-modal__used-code{display:flex;align-items:center;justify-content:space-between;width:100%}.syn-referral-modal__used-code-label{font-size:12px;line-height:16px;color:var(--text-main-body, #817e96);margin-right:8px}.syn-referral-modal__used-code-value{font-size:14px;font-weight:600;line-height:16px;color:var(--text-black, #000);white-space:nowrap}.syn-referral-modal__error{color:var(--danger-color, #ff5b5b);font-size:12px;line-height:16px}.syn-referral-modal__tips{font-size:12px;line-height:16px;color:var(--text-main-body, #817e96)}.syn-referral-modal__hint{display:flex;flex-direction:column;gap:8px;padding:0}.syn-referral-modal__hint>div{display:flex;flex-direction:column;gap:8px}.syn-referral-modal__hint>div span{font-size:12px;line-height:16px;color:var(--text-main-body, #817e96)}.syn-referral-modal__hint>div strong{font-size:12px;line-height:16px;font-weight:600;color:var(--text-black, #000)}.syn-referral-modal__share-card{display:flex;flex-direction:column;gap:16px;padding:0}.syn-referral-modal__share-field{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-radius:12px;background:var(--solid-input-box, #f7f3fa)}.syn-referral-modal__share-field>div{display:flex;flex-direction:column;gap:4px}.syn-referral-modal__share-field>div span{font-size:12px;line-height:16px;color:var(--text-main-body, #817e96)}.syn-referral-modal__share-field>div strong{font-size:14px;line-height:16px;font-weight:600;color:var(--text-black, #000);word-break:break-all}.syn-referral-modal__share-field .syn-referral-modal__copy-icon{cursor:pointer;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:transparent;transition:all .15s ease-out;color:#1f292e}.syn-referral-modal__share-field .syn-referral-modal__copy-icon:hover{color:#b399ff}.syn-referral-modal__share-field .syn-referral-modal__copy-icon .syn-referral-modal__copy-icon-svg{width:16px;height:16px}.syn-referral-modal__share-field .syn-referral-modal__copy-icon .syn-referral-modal__copy-icon-svg path{fill:currentColor!important}.syn-referral-modal__share-link{font-family:JetBrains Mono,monospace;font-size:14px}.syn-referral-modal__stats{display:flex;justify-content:space-between;gap:16px;padding:0}.syn-referral-modal__stats>div{flex:1;display:flex;flex-direction:column;gap:8px}.syn-referral-modal__stats>div span{font-size:12px;line-height:16px;color:var(--text-main-body, #817e96)}.syn-referral-modal__stats>div strong{font-size:16px;line-height:16px;font-weight:600;color:var(--text-black, #000)}.syn-referral-modal__actions{display:flex;flex-direction:column;gap:16px}.syn-referral-modal__copied{text-align:center;font-size:12px;line-height:16px;color:var(--success-color, #2fd29a)}.syn-referral-modal__invite-note{margin-top:8px;font-size:12px;line-height:16px;color:var(--text-main-body, #817e96)}.syn-referral-modal__tagline{font-size:12px;line-height:16px;color:var(--text-main-body, #817e96)}@side-menu-bg : var (--side-menu-bg);.font-default,.font-number{font-family:Inter,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-style:normal}.font32{font-weight:700;font-size:32px;line-height:32px}.font28{font-size:28px;font-weight:700;line-height:32px}.perp-icon path{fill:var(--icon-grey1)}.perp-icon:hover path{fill:var(--text-brand)}.linear-gradient-bg{background:linear-gradient(45deg,#8095ff,#29b5bc,#1262b2) 0% 0% repeat;background-size:200% 100%}.remove-scrollbar{scrollbar-width:none}.remove-scrollbar::-webkit-scrollbar{display:none}.f-a-c{display:flex;align-items:center}.word-ecllipis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.font12{font-weight:400;font-size:12px;line-height:16px}.font14{font-weight:400;font-size:14px;line-height:16px}.font16{font-weight:400;font-size:16px;line-height:18px}.font24{font-weight:700;font-size:24px;line-height:24px}.font20{font-weight:700;font-size:20px;line-height:24px}