.family-ui-qr-card{background:#fff;border:1px solid #eaecf0;box-shadow:0 1px 8px rgba(16,24,40,.15);border-radius:16px;display:flex;justify-content:center;max-width:358px;width:100%;height:412px}.family-ui-qr-card .qr-card-container{display:flex;flex-direction:column;align-items:center;width:100%;height:100%;gap:16px;padding:54px 54px 16px}.family-ui-qr-card .qr-wrapper{width:250px;height:250px}.family-ui-qr-card .qr-wrapper svg{height:100%;width:100%}.family-ui-qr-card .qr-wrapper svg g{transform:scale(1.741)}.family-ui-qr-card .username{gap:12px}.family-ui-mini-qr-card,.family-ui-qr-card .username{display:flex;flex-direction:column;align-items:center}.family-ui-mini-qr-card{gap:8px;border:none;flex-shrink:0}.family-ui-mini-qr-card .qr{width:100px;height:100px;color:var(--themeColor,#7159bd);display:flex;justify-content:center;align-items:center}.family-ui-mini-qr-card .qr canvas,.family-ui-mini-qr-card .qr svg{width:100px;height:100px}.family-ui-mini-qr-card .mini-qr-share-button{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border:1px solid #eaecf0;border-radius:30px;font-size:14px;font-weight:500;color:#344054;background:#fff;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.family-ui-mini-qr-card .mini-qr-share-button:hover{border-color:var(--themeColor,#7159bd);box-shadow:0 1px 2px rgba(16,24,40,.05)}.family-ui-mini-qr-card .mini-qr-share-button i{font-size:15px;color:#344054}