/* Keep the captured login components; settle their desktop/mobile container layout. */
.dialog-container{background:rgba(0,0,0,.45)!important}
dialog{background:#fff!important;box-shadow:0 12px 40px rgba(0,0,0,.18)}
:host([data-bets-device="mobile"]) .dialog-container{align-items:stretch;background:#fff!important}
:host([data-bets-device="mobile"]) dialog{position:relative;inset:auto;flex:1;width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0;padding:16px 0;border-radius:0;box-shadow:none;justify-content:flex-start}
:host([data-bets-device="mobile"]) .dialog-header{flex:none;min-height:24px}
:host([data-bets-device="mobile"]) .body-wrapper{flex:1;min-height:0;overflow:auto}
:host([data-bets-device="mobile"]) .body-wrapper-content{min-height:100%;box-sizing:border-box}
:host([data-bets-device="mobile"]) account-modal_footer{flex:none}