body.invite-page{background:var(--secondary);font-family:IRANSansN,IRANSans,sans-serif !important;font-feature-settings:"ss04"}body.invite-page .username{font-family:IRANSans,sans-serif !important;font-feature-settings:"ss04" 0}body.invite-page #main-outlet-wrapper,body.invite-page #main-outlet{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - var(--header-offset, 62px));width:100%}body.invite-page .invites-show{display:flex;justify-content:center;width:100%}body.invite-page .invite-form{background-color:var(--arz-hub-surface);padding:40px;border-radius:var(--arz-hub-card-radius);box-shadow:var(--arz-hub-shadow);border:1px solid var(--arz-hub-border);max-width:450px;width:100%;text-align:center;margin:0 auto}body.invite-page .invited-by p:first-child{font-size:1.2rem;font-weight:bold;color:var(--primary);margin-bottom:25px}body.invite-page .invited-by .user-info{background-color:var(--arz-hub-subtle);border-radius:var(--arz-hub-card-radius);padding:15px 20px;margin-bottom:35px;display:flex;align-items:center;justify-content:center;gap:15px;border:1px solid var(--arz-hub-border);transition:background-color .15s ease}body.invite-page .invited-by .user-info:hover{background-color:var(--arz-hub-hover)}body.invite-page .user-image img.avatar{border-radius:50%;border:3px solid var(--tertiary);width:60px;height:60px}body.invite-page .user-detail{display:flex;flex-direction:column;align-items:flex-start}body.invite-page .user-detail .name{font-size:1.1rem;font-weight:bold;color:var(--primary)}body.invite-page .user-detail .username{font-size:.9rem;color:var(--primary-medium)}body.invite-page .btn.discourse-connect{width:100%;padding:15px 24px;font-size:1.2rem;font-family:IRANSansN,IRANSans,sans-serif !important;font-weight:bold;border-radius:var(--d-button-border-radius);background-color:var(--tertiary);color:var(--arz-hub-on-accent);border:none;transition:background-color .15s ease;display:flex;justify-content:center;align-items:center}body.invite-page .btn.discourse-connect:hover{background-color:var(--arz-hub-accent-hover);transform:none;box-shadow:var(--arz-hub-shadow)}@media(max-width: 500px){body.invite-page .invite-form{padding:30px 20px;border-radius:var(--arz-hub-card-radius)}}@media(prefers-reduced-motion: reduce){body.invite-page .invited-by .user-info,body.invite-page .btn.discourse-connect{transition:none}}