/* Desktop account dialogs: centered legal links and a compact, complete form. */
@media (min-width:1051px) {
  #accessAuthModal .accessPanel .accessFooter {
    text-align:center !important;
    justify-items:center !important;
  }
  #accessAuthModal .accessPanel .accessFooter nav {
    width:100% !important;
    justify-content:center !important;
    align-items:center !important;
    gap:4px 12px !important;
  }
  #accessAuthModal .accessPanel > #accessAuthClose {
    width:40px !important;
    height:40px !important;
    min-width:40px !important;
    max-width:40px !important;
    margin:0 !important;
    padding:0 !important;
    display:grid !important;
    place-items:center !important;
    font-size:22px !important;
    line-height:1 !important;
  }
  #accessAuthModal .accessPanel.signupActive {
    width:min(660px,100%) !important;
    padding:20px !important;
  }
  #accessAuthModal .accessPanel.signupActive .accessTabs {
    width:calc(100% - 48px) !important;
    min-height:48px !important;
    margin:0 48px 12px 0 !important;
    padding:4px !important;
  }
  #accessAuthModal .accessPanel.signupActive .accessTabs button {
    min-height:40px !important;
    padding:6px 12px !important;
  }
  #accessAuthModal #signUpForm.active {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px 12px !important;
    align-content:start !important;
  }
  #accessAuthModal #signUpForm > * {
    grid-column:1 / -1;
    min-width:0;
  }
  #accessAuthModal #signUpForm > label:not(.agree) {
    grid-column:auto;
  }
  #accessAuthModal #signUpForm > .eyebrow {
    grid-column:1 / -1 !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    justify-self:stretch !important;
    text-align:center !important;
    font-size:11px !important;
    line-height:1.3 !important;
  }
  #accessAuthModal #signUpForm h2 {
    font-size:28px !important;
    line-height:1.1 !important;
    letter-spacing:-1px !important;
  }
  #accessAuthModal #signUpForm > p:not(.eyebrow) {
    max-width:none !important;
    margin:0 !important;
    font-size:12px !important;
    line-height:1.35 !important;
  }
  #accessAuthModal #signUpForm label {
    gap:3px !important;
    font-size:13px !important;
    line-height:1.3 !important;
  }
  #accessAuthModal #signUpForm input:not([type=checkbox]) {
    min-height:40px !important;
    height:40px !important;
    padding:8px 11px !important;
    line-height:1.3 !important;
  }
  #accessAuthModal #signUpForm .accessTwo {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:12px !important;
  }
  #accessAuthModal #signUpForm .agree {
    min-height:22px !important;
    margin:0 !important;
  }
  #accessAuthModal #signUpForm .checkoutSummary {
    display:flex !important;
    justify-content:space-between !important;
    align-items:center !important;
    padding:8px 12px !important;
    gap:12px !important;
  }
  #accessAuthModal #signUpForm .checkoutSummary b,
  #accessAuthModal #signUpForm .checkoutSummary strong {
    font-size:15px !important;
    line-height:1.3 !important;
  }
  #accessAuthModal #signUpForm .checkoutSummary small {
    font-size:11px !important;
    line-height:1.35 !important;
  }
  #accessAuthModal #signUpForm .accessSubmit {
    min-height:44px !important;
    padding:9px 14px !important;
    font-size:16px !important;
    line-height:1.3 !important;
  }
  #accessAuthModal .accessPanel.signupActive .accessSecurity {
    margin:10px 0 0 !important;
    padding:8px 12px !important;
  }
  #accessAuthModal .accessPanel.signupActive .accessSecurity b {
    font-size:14px !important;
    line-height:1.35 !important;
  }
  #accessAuthModal .accessPanel.signupActive .accessFooter {
    margin:10px 0 0 !important;
    padding-top:8px !important;
    gap:2px !important;
    line-height:1.3 !important;
  }
  #accessAuthModal .accessPanel.signupActive .accessFooter a {
    min-height:24px !important;
  }
}

@media (min-width:1051px) and (max-height:760px) {
  #accessAuthModal {padding:12px !important;}
  #accessAuthModal .accessPanel.signupActive {padding:16px !important;}
  #accessAuthModal .accessPanel.signupActive .accessTabs {margin-bottom:10px !important;}
  #accessAuthModal #signUpForm.active {row-gap:6px !important;}
}