#globalUtilityModal:has(.account-panel-form) .family-access-modal,#globalUtilityModal:has(.account-security-section) .family-access-modal{width:min(600px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto}
.account-panel-back{border:0;background:none;padding:0;margin:0 0 16px;color:#6254d9;font-size:12px;font-weight:800}
.account-panel-form{display:grid;gap:12px}
.account-panel-form label{display:grid;gap:5px;color:#3d3e55;font-size:12px;font-weight:700}
.account-panel-form input{width:100%;height:42px;border:1px solid #dfe0eb;border-radius:9px;padding:0 11px;background:#fff;color:#27283d;font:13px Manrope,system-ui,sans-serif}
.account-panel-form input[readonly]{background:#f7f7fb;color:#73758b}
.account-panel-form input:focus{outline:2px solid #c4bbff;outline-offset:1px}
.account-panel-form .button{justify-self:end;min-width:145px}
.account-panel-note,.account-panel-loading{font-size:12px;line-height:1.5;color:#777b91;margin:0}
.account-panel-feedback{padding:10px 12px;border-radius:9px;background:#e9f7f0;color:#237a5e;font-size:12px;line-height:1.5;margin:0}
.account-panel-feedback.error{background:#fff0ed;color:#aa3f32}
.account-panel-feedback[hidden]{display:none!important}
.account-security-section{padding:16px;border:1px solid #e8e8f2;border-radius:12px;margin-top:12px}
.account-security-section h3{font-size:14px;color:#2c2e47;margin:0 0 14px}
.account-session-list{display:grid;gap:9px;margin-bottom:13px;max-height:180px;overflow:auto}
.account-session-list article{display:grid;gap:3px;padding:10px 12px;border:1px solid #e8e8f2;border-radius:9px;background:#fafafe;overflow-wrap:anywhere}
.account-session-list strong{font-size:12px;color:#34364e}
.account-session-list small{font-size:11px;color:#777b91}
.account-security-section>.button{margin-bottom:10px}
@media(max-width:600px){#globalUtilityModal .utility-modal-body:has(.account-panel-form){padding:16px}.account-security-section{padding:13px}.account-panel-form .button{width:100%}}