.account-popout{width:min(760px,calc(100vw - 28px));max-width:none;max-height:calc(100dvh - 28px);padding:0;border:1px solid #d9cfbd;border-radius:14px;background:#fffdf8;color:#193747;box-shadow:0 24px 90px #102c3d44;overflow:hidden}.account-popout::backdrop{background:#102c3d88}.account-popout-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:17px 22px;border-bottom:1px solid #e3dbcc}.account-popout-header h2{margin:0;font:normal 25px/1.3 Georgia,serif}.account-popout-header button{border:1px solid #d9cfbd;border-radius:7px;padding:8px 12px;background:transparent;color:#193747;font:12px system-ui;cursor:pointer}.account-popout-header button:focus-visible{outline:2px solid #b58a43;outline-offset:3px}.account-popout-frame{display:block;width:100%;height:min(720px,calc(100dvh - 105px));border:0;background:#fffdf8}.account-popout-open{overflow:hidden}
.account-popout{width:min(980px,calc(100vw - 24px));height:min(850px,calc(100dvh - 24px));max-height:calc(100dvh - 24px)}.account-popout[open]{display:flex;flex-direction:column}.account-popout-header{flex:none;padding:13px 20px}.account-popout-header h2{font-size:23px}.account-popout-tabs{display:flex;flex:none;gap:8px;padding:10px 20px;border-bottom:1px solid #e3dbcc;background:#faf7ef}.account-popout-tabs button{border:1px solid #ded5c3;border-radius:7px;background:transparent;color:#193747;padding:8px 14px;font:12px system-ui;cursor:pointer}.account-popout-tabs button[aria-pressed=true]{background:#193747;color:#fff;border-color:#193747}.account-popout-tabs button:focus-visible{outline:2px solid #b58a43;outline-offset:2px}.account-popout-frame{flex:1;min-height:0;height:auto}@media(max-width:520px){.account-popout{width:calc(100vw - 12px);height:calc(100dvh - 12px);max-height:calc(100dvh - 12px)}.account-popout-tabs{padding:9px 12px}.account-popout-header{padding:11px 13px}}
.account-popout{top:12px;bottom:auto;margin:0 auto;height:min(850px,calc(var(--account-visible-height,100dvh) - 24px));max-height:calc(var(--account-visible-height,100dvh) - 24px)}@media(max-width:520px){.account-popout{top:6px;height:calc(var(--account-visible-height,100dvh) - 12px);max-height:calc(var(--account-visible-height,100dvh) - 12px)}}