/* Bound the complete access surface to the viewport, then reserve footer rows. */
.bttdAccessAuthModal.open{
  display:flex!important;align-items:center!important;justify-content:center!important;
  box-sizing:border-box!important;height:100dvh!important;min-height:0!important;
  padding:16px!important;overflow:auto!important;
}
.bttdAccessAuthModal>.loginShell.bttdBwpAuth{
  box-sizing:border-box!important;display:grid!important;
  grid-template-columns:minmax(0,1.12fr) minmax(440px,.88fr)!important;
  grid-template-rows:minmax(0,1fr)!important;
  width:min(1320px,100%)!important;min-width:0!important;
  height:min(860px,calc(100dvh - 32px))!important;
  min-height:0!important;max-height:calc(100dvh - 32px)!important;
  margin:0!important;zoom:1!important;overflow:hidden!important;
}
.bttdAccessAuthModal>.loginShell.bttdBwpAuth>.loginPanel{
  box-sizing:border-box!important;display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:minmax(0,1fr) auto auto!important;
  height:100%!important;min-height:0!important;max-height:100%!important;
  padding:14px 22px!important;gap:10px!important;overflow:hidden!important;
}
.bttdAccessAuthModal>.loginShell.bttdBwpAuth>.loginPanel>.loginBox{
  grid-row:1!important;align-self:center!important;box-sizing:border-box!important;
  width:100%!important;max-width:570px!important;
  height:auto!important;min-height:0!important;max-height:100%!important;
  padding:0!important;margin:0!important;zoom:1!important;transform:none!important;
  overflow-x:hidden!important;overflow-y:auto!important;
}
.bttdAccessAuthModal .bttdBwpAuth .loginBox .authTabs{height:44px!important;min-height:44px!important;flex:0 0 auto!important;margin:0 0 8px!important}
.bttdAccessAuthModal .bttdBwpAuth .loginBox .authTabs button{font-size:15px!important;padding:8px!important}
.bttdAccessAuthModal .bttdBwpAuth .loginBox .employerEntryButton{min-height:38px!important;margin:0 0 8px!important;padding:7px 10px!important}
.bttdAccessAuthModal .bttdBwpAuth .loginBox>h2{font-size:30px!important;line-height:1.1!important;margin:4px 0 5px!important}
.bttdAccessAuthModal .bttdBwpAuth .loginBox>p{font-size:12px!important;line-height:1.35!important;margin:0 0 9px!important}
.bttdAccessAuthModal .bttdBwpAuth .loginBox form{flex:0 0 auto!important;margin:0!important}
.bttdAccessAuthModal .bttdBwpAuth .loginBox form label{font-size:12px!important;line-height:1.25!important;margin-bottom:7px!important;gap:3px!important}
.bttdAccessAuthModal .bttdBwpAuth .loginBox form input:not([type=checkbox]){height:38px!important;min-height:38px!important;padding:8px 10px!important;font-size:14px!important}
.bttdAccessAuthModal .bttdBwpAuth .loginBox .loginButton{height:42px!important;min-height:42px!important;padding:9px 12px!important;margin:3px 0 0!important}
.bttdAccessAuthModal .bttdBwpAuth .loginBox .textButton{min-height:26px!important;padding:6px!important}
.bttdAccessAuthModal .bttdBwpAuth .loginBox .subscriptionLine{margin-top:9px!important;min-height:0!important;padding:9px 11px!important;flex:0 0 auto!important}
.bttdAccessAuthModal>.loginShell.bttdBwpAuth>.loginPanel>.panelAwsSecurity{
  grid-row:2!important;min-height:58px!important;height:auto!important;
  max-width:570px!important;width:100%!important;margin:0!important;zoom:1!important;
}
.bttdAccessAuthModal>.loginShell.bttdBwpAuth>.loginPanel>.panelAwsSecurity .awsSecurityCopy{white-space:normal!important;font-size:9px!important}
.bttdAccessAuthModal>.loginShell.bttdBwpAuth>.loginPanel>.siteLegalFooter{
  grid-row:3!important;box-sizing:border-box!important;position:relative!important;
  inset:auto!important;width:100%!important;max-width:570px!important;
  min-height:62px!important;height:auto!important;max-height:none!important;
  margin:0!important;padding:9px 10px!important;zoom:1!important;overflow:visible!important;
}
.bttdAccessAuthModal>.loginShell.bttdBwpAuth>.loginPanel>.siteLegalFooter nav{
  position:static!important;inset:auto!important;height:auto!important;min-height:0!important;
  display:flex!important;flex-wrap:wrap!important;gap:5px 9px!important;overflow:visible!important;
}
.bttdAccessAuthModal>.loginShell.bttdBwpAuth>.loginPanel>.siteLegalFooter>span:first-child{white-space:normal!important;font-size:9px!important;line-height:1.3!important}
.bttdAccessAuthModal>.loginShell.bttdBwpAuth>.loginPanel>.siteLegalFooter nav button,
.bttdAccessAuthModal>.loginShell.bttdBwpAuth>.loginPanel>.siteLegalFooter nav a{font-size:8px!important;line-height:1.3!important}
@media(max-width:820px){
  .bttdAccessAuthModal.open{padding:8px!important}
  .bttdAccessAuthModal>.loginShell.bttdBwpAuth{display:flex!important;flex-direction:column!important;width:min(620px,100%)!important;height:calc(100dvh - 16px)!important;max-height:calc(100dvh - 16px)!important}
  .bttdAccessAuthModal>.loginShell.bttdBwpAuth>.loginBrand{flex:0 0 90px!important;height:90px!important;min-height:90px!important}
  .bttdAccessAuthModal>.loginShell.bttdBwpAuth>.loginPanel{flex:1 1 0!important;height:auto!important;padding:12px!important;gap:8px!important}
  .bttdAccessAuthModal .bttdBwpAuth .loginBox form input:not([type=checkbox]){font-size:16px!important}
}
