/* Account chrome is rendered in HTML, not moved into place after an API call. */
.account-page-loader{display:none}
.account-workspace .account-main{min-height:380px;min-width:0}
html[data-account-boot]:not([data-account-copy="ready"]) [data-boot-key],
html[data-account-boot]:not([data-account-copy="ready"]) [data-boot-heading],
html[data-account-boot]:not([data-account-copy="ready"]) .customer-language-picker{visibility:hidden}
html[data-account-boot="loading"] .account-main>*,
html[data-account-boot="error"] .account-main>*{display:none!important}
html[data-account-boot="loading"] .account-main>.account-page-loader,
html[data-account-boot="error"] .account-main>.account-page-loader{display:block!important}
.account-page-loader{min-height:280px;padding:28px;border:1px solid #d9e6e9;border-radius:12px;background:#fff;color:#527079;font-size:14px}
.account-page-loader p{margin:0 0 28px;line-height:1.65}
.account-page-loader button{padding:10px 18px;border:1px solid #b9d3d9;border-radius:8px;background:#f1f7f8;color:#163f49;cursor:pointer;font:inherit}
.account-loading-lines{display:grid;gap:18px}
.account-loading-lines i{display:block;height:13px;border-radius:4px;background:#edf3f4;max-width:440px}
.account-loading-lines i:nth-child(2){max-width:300px}
.account-loading-lines i:nth-child(3){max-width:370px}
html[data-account-boot="error"] .account-loading-lines{display:none}
@media(max-width:700px){.account-workspace .account-main{min-height:320px}.account-page-loader{padding:20px;min-height:240px}}
@media print{.account-page-loader{display:none!important}}