/* PC entry and account form: desktop dimensions with a comfortable reading width. */
@media (min-width:760px){
 html[data-pwa="desktop"][data-theme] body.access-view #app #main-content{
  display:flex!important;flex-direction:column;justify-content:center;align-items:center;
  box-sizing:border-box;width:100%!important;max-width:none!important;min-height:100dvh;
  padding:clamp(32px,6vh,68px) 32px!important;
 }
 html[data-pwa="desktop"][data-theme] body.access-view #app .access-screen{
  width:min(100%,clamp(500px,40vw,600px))!important;max-width:600px!important;margin:0 auto!important;
 }
 html[data-pwa="desktop"][data-theme] body.access-view #app .cpu-entry-brand{margin:0 0 28px!important}
 html[data-pwa="desktop"][data-theme] body.access-view #app .cpu-entry-marks{gap:38px;margin-bottom:22px}
 html[data-pwa="desktop"][data-theme] body.access-view #app .cpu-entry-mark{width:104px!important;height:104px!important}
 html[data-pwa="desktop"][data-theme] body.access-view #app .cpu-entry-mark :is(img,svg){width:88px!important;height:88px!important}
 html[data-pwa="desktop"][data-theme] body.access-view #app .cpu-entry-name svg{width:min(360px,100%)!important}
 html[data-pwa="desktop"][data-theme] body.access-view #app .cpu-entry-version{font-size:12px!important;margin-top:12px}
 html[data-pwa="desktop"][data-theme] body.access-view #app .cpu-entry-quote{max-width:500px!important;margin:26px auto 32px!important}
 html[data-pwa="desktop"][data-theme] body.access-view #app .cpu-entry-quote p{font-size:23px!important;line-height:1.55!important}
 html[data-pwa="desktop"][data-theme] body.access-view #app .cpu-entry-quote cite{font-size:12px!important;margin-top:14px}
 html[data-pwa="desktop"][data-theme] body.access-view #app .access-choices{gap:12px!important}
 html[data-pwa="desktop"][data-theme] body.access-view #app #main-content .access-choices>:is(.primary,.secondary),
 html[data-pwa="desktop"][data-theme] body.access-view #app #main-content #cloud-form>.primary{
  min-height:56px!important;padding:14px 20px!important;font-size:18px!important;border-radius:11px!important;
 }
 html[data-pwa="desktop"][data-theme] body.access-view #app .access-note{font-size:12px!important;margin-top:18px!important}
 html[data-pwa="desktop"][data-theme] body.access-view #app .access-screen>.back{font-size:14px!important;min-height:36px!important;margin-bottom:12px}
 html[data-pwa="desktop"][data-theme] body.access-view #app .web-account-hint{font-size:13px!important;line-height:1.55!important;margin-bottom:22px!important}
 html[data-pwa="desktop"][data-theme] body.access-view #app .access-screen .cloud-tabs{gap:12px;margin:8px 0 24px}
 html[data-pwa="desktop"][data-theme] body.access-view #app .access-screen .cloud-tabs button{min-height:48px;font-size:16px;padding:12px 16px}
 html[data-pwa="desktop"][data-theme] body.access-view #app .access-screen #cloud-form label{font-size:15px;line-height:1.5;margin-bottom:8px}
 html[data-pwa="desktop"][data-theme] body.access-view #app .access-screen #cloud-form input{
  min-height:54px;font-size:17px;padding:13px 16px;margin-bottom:20px;border-radius:10px;
 }
 html[data-pwa="desktop"][data-theme] body.access-view #app .access-screen #cloud-form .cloud-password-control{margin-bottom:20px}
 html[data-pwa="desktop"][data-theme] body.access-view #app .access-screen #cloud-form .cloud-password-control input{padding-right:60px;margin-bottom:0}
 html[data-pwa="desktop"][data-theme] body.access-view #app .access-screen .password-eye{
  width:44px;height:44px;min-height:44px;right:6px;top:5px;transform:none;padding:9px;
 }
 html[data-pwa="desktop"][data-theme] body.access-view #app .cloud-card>.back{font-size:14px;min-height:38px;margin:12px 0 0;padding:8px 0}
 html[data-pwa="desktop"][data-theme] body.access-view #app #main-content>.notice{max-width:600px;font-size:14px}
}
@media (min-width:760px) and (max-height:800px){
 html[data-pwa="desktop"][data-theme] body.access-view #app #main-content{padding-top:24px!important;padding-bottom:24px!important}
 html[data-pwa="desktop"][data-theme] body.access-view #app .cpu-entry-brand{margin-bottom:18px!important}
 html[data-pwa="desktop"][data-theme] body.access-view #app .cpu-entry-marks{margin-bottom:16px}
 html[data-pwa="desktop"][data-theme] body.access-view #app .cpu-entry-mark{width:84px!important;height:84px!important}
 html[data-pwa="desktop"][data-theme] body.access-view #app .cpu-entry-mark :is(img,svg){width:76px!important;height:76px!important}
 html[data-pwa="desktop"][data-theme] body.access-view #app .cpu-entry-name svg{width:min(320px,100%)!important}
 html[data-pwa="desktop"][data-theme] body.access-view #app .cpu-entry-version{margin-top:8px}
 html[data-pwa="desktop"][data-theme][data-view="auth"] body.access-view #app #main-content{padding-top:12px!important;padding-bottom:12px!important}
 html[data-pwa="desktop"][data-theme][data-view="auth"] body.access-view #app .cpu-entry-brand{margin-bottom:14px!important}
 html[data-pwa="desktop"][data-theme][data-view="auth"] body.access-view #app .cpu-entry-marks{margin-bottom:12px}
 html[data-pwa="desktop"][data-theme][data-view="auth"] body.access-view #app .cpu-entry-mark{width:64px!important;height:64px!important}
 html[data-pwa="desktop"][data-theme][data-view="auth"] body.access-view #app .cpu-entry-mark :is(img,svg){width:64px!important;height:64px!important}
 html[data-pwa="desktop"][data-theme][data-view="auth"] body.access-view #app .cpu-entry-name svg{width:min(280px,100%)!important}
 html[data-pwa="desktop"][data-theme] body.access-view #app .web-account-hint{margin-bottom:12px!important}
 html[data-pwa="desktop"][data-theme] body.access-view #app .access-screen>.back{min-height:32px!important;margin-bottom:8px}
 html[data-pwa="desktop"][data-theme] body.access-view #app .access-screen .cloud-tabs{margin-bottom:14px}
 html[data-pwa="desktop"][data-theme] body.access-view #app .access-screen .cloud-tabs button{min-height:44px;padding:10px 16px}
 html[data-pwa="desktop"][data-theme] body.access-view #app .access-screen #cloud-form label{margin-bottom:6px}
 html[data-pwa="desktop"][data-theme] body.access-view #app .access-screen #cloud-form input{margin-top:0;margin-bottom:14px}
 html[data-pwa="desktop"][data-theme] body.access-view #app .access-screen #cloud-form .cloud-password-control{margin:0 0 14px}
 html[data-pwa="desktop"][data-theme] body.access-view #app .access-screen #cloud-form .cloud-password-control input{margin-bottom:0}
 html[data-pwa="desktop"][data-theme] body.access-view #app .cloud-card>.back{margin-top:8px}
}