/* Checkout-scoped counterpart of the public account login; never styles the host form. */
.checkout-account-access { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:4px 12px; margin-top:8px; padding:8px 12px; border:1px solid #dbe7d9; border-radius:10px; background:#f1f7ed; color:var(--noot-forest,#063f2d); font-size:13px; line-height:1.4; }
.checkout-account-access :is([data-checkout-account-login],[data-checkout-account-logout],[data-checkout-draft-retry],[data-checkout-draft-restore],[data-checkout-draft-resume],[data-checkout-draft-login],[data-checkout-draft-new]) { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:8px 10px; border:0; border-radius:7px; background:transparent; color:#08713d; font-family:inherit; font-size:14px; font-weight:700; line-height:1.2; text-transform:none; letter-spacing:0; cursor:pointer; text-decoration:underline; text-underline-offset:3px; }
.checkout-account-access :is(button,a):focus-visible { outline:2px solid #006c3a; outline-offset:2px; }
.checkout-account-access [data-checkout-draft-new] { color:var(--noot-forest,#063f2d); }
.checkout-account-access[hidden], .checkout-account-access [hidden] { display:none !important; }
.checkout-login-lightbox { box-sizing:border-box; position:fixed; inset:0; width:min(520px,calc(100% - 32px)); max-width:none; height:fit-content; max-height:calc(100dvh - 32px); margin:auto; padding:0; overflow:hidden; border:1px solid #078d48; border-radius:16px; background:#fff; color:var(--noot-forest,#063f2d); font-family:var(--noot-font,Arial,sans-serif); box-shadow:0 24px 90px #063f2d40; }
.checkout-login-lightbox:not([open]) { display:none; }
.checkout-login-lightbox[open] { display:flex; }
.checkout-login-lightbox::backdrop { background:#05291ed0; background:rgb(5 41 30 / 48%); }
.checkout-login-lightbox *, .checkout-login-lightbox *::before, .checkout-login-lightbox *::after { box-sizing:border-box; }
.checkout-login-lightbox .checkout-login-shell { display:flex; flex-direction:column; min-width:0; width:100%; max-height:inherit; }
.checkout-login-lightbox .checkout-login-head { display:flex; flex:none; align-items:center; justify-content:space-between; gap:16px; margin:0; padding:26px 28px 0; }
.checkout-login-lightbox .checkout-login-eyebrow { display:block; font-size:11px; line-height:1.4; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.checkout-login-lightbox h2 { margin:7px 0 0; color:inherit; font-size:38px; font-weight:800; line-height:1.08; letter-spacing:-.035em; }
.checkout-login-lightbox button { font-family:inherit; cursor:pointer; text-transform:none; letter-spacing:0; }
.checkout-login-lightbox svg { display:block; width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.checkout-login-lightbox .checkout-login-close { display:grid; place-items:center; flex:none; align-self:flex-start; width:44px; height:44px; min-height:44px; padding:0; border:1px solid #d3ded6; border-radius:50%; background:#f7f9f4; color:inherit; }
.checkout-login-lightbox .checkout-login-content { min-height:0; overflow-y:auto; overscroll-behavior:contain; -webkit-overflow-scrolling:touch; padding:16px 28px 24px; scroll-padding:16px; }
.checkout-login-lightbox #checkout-login-description { margin:0 0 22px; color:var(--noot-muted,#647061); font-size:16px; line-height:1.45; }
.checkout-login-lightbox .checkout-login-form { display:grid; gap:16px; margin:0; padding:0; }
.checkout-login-lightbox .checkout-login-tabs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:4px; padding:4px; border:1px solid #319569; border-radius:999px; background:#fff; }
.checkout-login-lightbox .checkout-login-tabs button { min-height:44px; padding:8px 4px; border:0; border-radius:999px; background:transparent; color:var(--noot-muted,#647061); font-size:15px; font-weight:650; line-height:1.2; }
.checkout-login-lightbox .checkout-login-tabs button[aria-pressed="true"] { background:var(--noot-green,#009c49); color:white; font-weight:750; }
.checkout-login-lightbox .checkout-login-form label { display:grid; gap:7px; margin:0; padding:0; color:inherit; font-size:14px; font-weight:650; line-height:1.4; text-transform:none; letter-spacing:0; }
.checkout-login-lightbox .checkout-login-form input { width:100%; min-width:0; min-height:52px; margin:0; padding:12px 14px; border:1px solid #cdd8d0; border-radius:8px; background:#fff; color:var(--noot-forest,#063f2d); font:400 16px/1.4 var(--noot-font,Arial,sans-serif); }
.checkout-login-lightbox .checkout-login-form input:is(:autofill,:-webkit-autofill) { -webkit-text-fill-color:var(--noot-forest,#063f2d); box-shadow:0 0 0 1000px #f2f7ef inset; }
.checkout-login-lightbox .checkout-login-submit { display:flex; align-items:center; justify-content:space-between; gap:16px; width:100%; min-height:68px; padding:12px 14px 12px 18px; border:1px solid var(--noot-green,#009c49); border-radius:10px; background:var(--noot-green,#009c49); color:#fff; font-size:19px; font-weight:750; text-align:left; white-space:normal; line-height:1.2; }
.checkout-login-lightbox .checkout-login-arrow { display:grid; place-items:center; width:40px; height:40px; flex:none; border-radius:50%; background:#fafbf5; color:var(--noot-green,#009c49); }
.checkout-login-lightbox .checkout-login-arrow svg { width:25px; height:25px; stroke-width:2.2; }
.checkout-login-lightbox .checkout-login-back, .checkout-login-lightbox .checkout-login-refresh { min-height:44px; padding:6px; border:0; border-radius:8px; background:transparent; color:var(--noot-muted,#647061); font-size:14px; font-weight:600; line-height:1.35; text-align:center; text-decoration:underline; text-underline-offset:3px; }
.checkout-login-lightbox .checkout-login-refresh { padding:10px; background:#eef6ea; color:var(--noot-forest,#063f2d); text-decoration:none; }
.checkout-login-lightbox .checkout-login-security { display:flex; align-items:center; justify-content:center; gap:7px; margin:14px 0 0; color:var(--noot-muted,#647061); font-size:12px; font-weight:400; line-height:1.4; }
.checkout-login-lightbox .checkout-login-security svg { width:14px; height:14px; flex:none; }
.checkout-login-lightbox .checkout-login-notice { margin:0; padding:12px 14px; border:1px solid #bbd8c3; border-radius:8px; background:#eff7ee; color:var(--noot-forest,#063f2d); font-size:14px; font-weight:400; line-height:1.45; overflow-wrap:anywhere; }
.checkout-login-lightbox .checkout-login-notice[data-tone="error"] { border-color:#e7bdb5; background:#fff2ee; color:#903e31; }
.checkout-login-lightbox [hidden] { display:none !important; }
.checkout-login-lightbox :is(button,input):focus-visible { outline:2px solid #006c3a; outline-offset:3px; box-shadow:none; }
.checkout-login-lightbox button:disabled { opacity:.65; cursor:wait; }
@media (hover:hover) and (pointer:fine) { .checkout-login-lightbox .checkout-login-submit:hover { background:#006f38; } .checkout-login-lightbox .checkout-login-close:hover { background:#eaf4e7; } }
@media (max-width:600px) { .checkout-login-lightbox { width:calc(100% - 24px); max-height:calc(100dvh - 24px); border-radius:14px; } .checkout-login-lightbox .checkout-login-head { padding:20px 18px 0; } .checkout-login-lightbox h2 { font-size:32px; } .checkout-login-lightbox .checkout-login-content { padding:14px 18px 18px; } .checkout-login-lightbox #checkout-login-description { margin-bottom:18px; font-size:15px; } }
@media (max-width:360px) { .checkout-login-lightbox .checkout-login-head { padding:16px 14px 0; gap:8px; } .checkout-login-lightbox .checkout-login-content { padding:12px 14px 16px; } .checkout-login-lightbox h2 { font-size:29px; } .checkout-login-lightbox .checkout-login-tabs button { font-size:14px; } .checkout-login-lightbox .checkout-login-submit { font-size:17px; gap:10px; } }