.family-access-modal .family-access-security-card{margin:0 18px 12px;padding:11px 12px;border:1px solid #dfe9ff;border-radius:10px;background:#f6f9ff;display:flex;align-items:center;gap:10px;color:#5f6f98}
.family-access-security-card>i{width:31px;height:31px;border-radius:9px;background:#e7eeff;color:#5871b4;display:grid;place-items:center;font-style:normal;font-weight:800}
.family-access-security-card>span{flex:1}.family-access-security-card strong,.family-access-security-card small{display:block}.family-access-security-card strong{font-size:.49rem;color:#555c77}.family-access-security-card small{font-size:.42rem;margin-top:3px;line-height:1.35}
.family-access-history-button{border:0;background:transparent;color:#6254d9;font-size:.44rem;font-weight:800;padding:5px;cursor:pointer}
.family-access-confirm{padding:16px 18px}.family-access-confirm label{display:block;color:#6f7185;font-size:.47rem;font-weight:700}.family-access-confirm textarea{width:100%;min-height:84px;margin-top:6px;border:1px solid var(--line);border-radius:9px;padding:9px;resize:vertical;font:inherit;font-size:.5rem}.family-access-confirm .warning{margin:0 0 13px;padding:10px;border-radius:9px;background:#fff4e8;color:#a4682f;font-size:.46rem;line-height:1.5}
.family-access-history{padding:8px 18px 17px}.family-access-history article{display:grid;grid-template-columns:8px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid #f0f0f5}.family-access-history article>i{width:8px;height:8px;border-radius:50%;background:#7569df;margin-top:4px}.family-access-history strong,.family-access-history small{display:block}.family-access-history strong{font-size:.49rem}.family-access-history small{font-size:.42rem;color:#999bad;margin-top:3px}.family-access-history-empty{padding:24px;text-align:center;color:#999bad;font-size:.48rem}
.family-access-row.is-new{animation:familyAccessArrival .5s ease}@keyframes familyAccessArrival{from{background:#eeebff;transform:translateY(-5px)}to{background:#fff;transform:none}}
@media(max-width:560px){.family-access-modal footer{flex-wrap:wrap}.family-access-modal footer .family-access-history-button{margin-right:auto}.family-access-modal footer .button{flex:1}}