/* Selected reference: docs/duolingo-reference/login-google-concept.webp. */
body[data-experience="duo"]:has(.release-account-auth) #app{max-width:none;width:100%;margin:0;left:0;right:0;border:0;border-radius:0}
body[data-experience="duo"] .release-account-auth{
 --auth-blue:#1cb0f6;--auth-blue-edge:#1899d6;--auth-line:#e5e5e5;
 position:relative;display:flex;flex-direction:column;flex:1;width:100%;min-height:0;max-width:none;
 margin:0;padding:0 24px max(28px,env(safe-area-inset-bottom));overflow:auto;overscroll-behavior:contain;
 background:#fff;color:#3c3c3c;font-family:"MTL Rounded",Nunito,sans-serif;
}
body[data-experience="duo"] .account-auth-nav{
 display:flex;align-items:center;justify-content:space-between;flex:none;min-height:96px;
 margin:0 -4px;padding:22px 0;gap:20px;
}
body[data-experience="duo"] .account-auth-close{
 display:grid;place-items:center;flex:none;width:44px;height:44px;margin-left:-8px;padding:11px;
 border:0;border-radius:10px;background:transparent;color:#a1a1a7;box-shadow:none;
}
body[data-experience="duo"] .account-auth-close svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round}
body[data-experience="duo"] .account-auth-switch{
 width:auto;min-width:94px;min-height:44px;padding:10px 17px;border:2px solid var(--auth-line);border-bottom-width:4px;
 border-radius:13px;background:#fff;color:var(--auth-blue-edge);font-size:13px;font-weight:1000;box-shadow:none;letter-spacing:.35px;
}
body[data-experience="duo"] .account-auth-content{
 flex:none;width:100%;max-width:360px;margin:112px auto 0;text-align:center;padding:0;
}
body[data-experience="duo"] .account-auth-content h1{
 margin:0 0 30px;font-size:28px;line-height:1.25;font-weight:1000;color:#3c3c3c;
}
body[data-experience="duo"] .account-auth-content h1:focus{outline:none}
body[data-experience="duo"] .account-auth-form{display:grid;gap:12px;width:100%;margin:0}
body[data-experience="duo"] .account-auth-field{position:relative;width:100%;min-width:0;text-align:left}
body[data-experience="duo"] .account-auth-field .name-input{
 display:block;box-sizing:border-box;width:100%;min-width:0;height:50px;min-height:50px;margin:0;padding:12px 15px;
 border:2px solid var(--auth-line);border-radius:12px;background:#f7f7f7;box-shadow:none;
 color:#3c3c3c;font:700 16px/1.4 "MTL Rounded",Nunito,sans-serif;text-align:left;
}
body[data-experience="duo"] .account-auth-field .name-input::placeholder{color:#a1a1a1;opacity:1}
body[data-experience="duo"] .account-auth-field:has(.account-forgot) .name-input{padding-right:100px}
body[data-experience="duo"] .account-forgot{
 position:absolute;inset:3px 4px 3px auto;min-width:85px;min-height:44px;padding:8px 10px;border:0;border-radius:9px;
 background:transparent;color:var(--auth-blue-edge);font:1000 12px/1.2 "MTL Rounded",Nunito,sans-serif;box-shadow:none;letter-spacing:.25px;
}
body[data-experience="duo"] .account-auth-submit{
 width:100%;min-height:50px;margin-top:8px;padding:11px 16px;border:0;border-bottom:4px solid var(--auth-blue-edge);
 border-radius:12px;background:var(--auth-blue);color:#fff;font:1000 15px/1.4 "MTL Rounded",Nunito,sans-serif;letter-spacing:.65px;box-shadow:none;
}
body[data-experience="duo"] .account-auth-divider{display:flex;align-items:center;gap:10px;margin:26px 0 22px;color:#afafaf;font-size:12px;font-weight:900}
body[data-experience="duo"] .account-auth-divider::before,
body[data-experience="duo"] .account-auth-divider::after{content:"";flex:1;height:2px;background:var(--auth-line)}
body[data-experience="duo"] .account-google{
 display:flex;align-items:center;justify-content:center;gap:20px;width:100%;min-height:52px;padding:10px 14px;
 border:2px solid var(--auth-line);border-bottom-width:4px;border-radius:12px;background:#fff;
 color:var(--auth-blue-edge);font:1000 14px/1.4 "MTL Rounded",Nunito,sans-serif;letter-spacing:.15px;box-shadow:none;
}
body[data-experience="duo"] .account-google-icon{width:24px;height:24px;flex:none}
body[data-experience="duo"] .account-auth-caption{margin:24px 0 0;color:#a1a1a7;font-size:14px;line-height:1.5;font-weight:600}
body[data-experience="duo"] .account-auth-description{margin:-12px 0 24px;color:#777;font-size:15px;line-height:1.5}
body[data-experience="duo"] .account-auth-content :is(.release-error,.release-status){margin:0 0 18px;text-align:left;font-size:14px;line-height:1.45;overflow-wrap:anywhere}
body[data-experience="duo"] .account-confirm-help{margin:24px 0 0;font-size:13px;color:#777;text-align:center}
body[data-experience="duo"] .account-confirm-help summary{min-height:44px;padding:12px 0;cursor:pointer;font-weight:800}
body[data-experience="duo"] .account-confirm-help p{margin:8px 0;line-height:1.5}
body[data-experience="duo"] .account-confirm-help .text-button{min-height:44px;padding:8px 12px;background:transparent;color:var(--auth-blue-edge);font-size:14px;box-shadow:none}
body[data-experience="duo"] .release-account-auth :is(button,input):focus-visible{outline:3px solid #b8e9ff;outline-offset:3px}
body[data-experience="duo"] .release-account-auth :is(button,input):disabled{cursor:wait;opacity:.65}
body[data-experience="duo"] .release-account-auth button:not(:disabled):active{transform:translateY(2px)}
@media(min-width:800px){
 body[data-experience="duo"] .release-account-auth{padding-inline:32px}
}
@media(max-width:600px){
 body[data-experience="duo"] .release-account-auth{padding-inline:24px}
 body[data-experience="duo"] .account-auth-nav{min-height:80px;padding:18px 0}
 body[data-experience="duo"] .account-auth-content{margin-top:112px;max-width:360px}
 body[data-experience="duo"] .account-auth-content h1{margin-bottom:30px}
}
@media(max-height:650px){
 body[data-experience="duo"] .account-auth-content{margin-top:22px}
 body[data-experience="duo"] .account-auth-content h1{margin-bottom:22px}
}
@media(max-width:360px){
 body[data-experience="duo"] .account-auth-content h1{font-size:24px}
 body[data-experience="duo"] .account-google{gap:12px;padding-inline:12px;font-size:12px}
 body[data-experience="duo"] .account-google span{white-space:nowrap}
}

/* The current Igbo signup flow uses the same primary action as its lessons. */
body[data-experience="duo"] .release-account-auth--igbo .account-auth-submit{
 border-bottom-color:#439900;background:#58cc02;color:#173f0c;
}
body[data-experience="duo"] .release-account-auth--igbo .account-auth-caption{color:#565a67}
.account-guest-link{display:inline-flex;align-items:center;min-height:44px;color:#25252d;font-weight:800;text-underline-offset:3px}
body[data-experience="duo"] .account-confirm-help summary{
 display:flex;align-items:center;justify-content:center;gap:8px;list-style:none;
}
.account-confirm-help summary::marker{content:""}
.account-confirm-help summary::-webkit-details-marker{display:none}
.account-confirm-chevron{width:18px;height:18px;transition:transform 180ms ease}
.account-confirm-help[open] .account-confirm-chevron{transform:rotate(180deg)}
@media(prefers-reduced-motion:reduce){.account-confirm-chevron{transition:none}}
body[data-experience="duo"] .release-account-auth--igbo :is(.account-auth-switch,.account-google){color:#25252d}
body[data-experience="duo"] .release-account-auth--igbo .name-input::placeholder{color:#565a67}