/*
 * QR Pantry welcome, 1.1.0 (first-run/WELCOME.md; printed on /log-in/ by
 * qrp-welcome.php, whose QRP_WELCOME_VERSION is this file's ?ver=).
 * The welcome covers /log-in/ while html.qrp-wel-on is set, which the boot
 * script decides before the first paint, with the first screen:
 * html.qrp-wel-first-signin shows Sign in in place of the welcome until
 * the script takes over the screens. The markup carries the hidden
 * attribute, so this file is the only thing that ever shows it: without
 * this file the page is the ordinary sign-in (1.0.1). It is the top layer
 * while it shows (the login helper's pill sits at 2147483000; its sheet,
 * opened from here, at the same top layer later in the page). /log-in/ is
 * a theme page, so every heading, paragraph and button here pins what the
 * theme touches, in every state; a size lives on a base rule only, never
 * in a hover or focus copy; a button that pins its display also says what
 * hidden means for it. The dark block is the last section, keyed on
 * html.qrp-dark, which rides along only while the welcome shows (the page
 * beneath has no dark scheme).
 */
.qrp-wel{display:none}
html.qrp-wel-on,html.qrp-wel-on body{overflow:hidden !important}
html.qrp-wel-on .qrp-wel{display:block !important}
html.qrp-wel-first-signin .qrp-wel .qrp-wel-screen[data-wel-screen="hello"]{display:none !important}
html.qrp-wel-first-signin .qrp-wel .qrp-wel-screen[data-wel-screen="signin"]{display:flex !important}
.qrp-wel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483647;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;background:#f5f6f4;color:#1d1d1f;font-family:"DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.5;text-align:left;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}
.qrp-wel *,.qrp-wel *::before,.qrp-wel *::after{box-sizing:border-box}
.qrp-wel-inner{min-height:100%;display:flex;flex-direction:column;align-items:center;padding:max(28px,env(safe-area-inset-top)) 20px max(22px,env(safe-area-inset-bottom))}
.qrp-wel-screen{width:100%;max-width:440px;display:flex;flex-direction:column;flex:1 0 auto}
.qrp-wel-screen[hidden]{display:none !important}
.qrp-wel-brand{text-align:center;margin:10px 0 22px}
.qrp-wel-brand.is-small{margin:2px 0 16px}
.qrp-wel-logo{display:inline-flex;align-items:center;justify-content:center;width:76px;height:76px;margin:0 0 16px;border-radius:22px;background:#ffffff;box-shadow:0 1px 2px rgba(0,0,0,.05),0 12px 28px -14px rgba(0,0,0,.28)}
.qrp-wel-logo.is-small{width:56px;height:56px;margin:0 0 12px;border-radius:16px}
.qrp-wel .qrp-wel-logo img{display:block;width:52px;height:52px;margin:0;border:0;box-shadow:none}
.qrp-wel .qrp-wel-logo.is-small img{width:40px;height:40px}
.qrp-wel .qrp-wel-title{margin:0 0 6px !important;padding:0 !important;font-family:inherit !important;font-size:28px !important;font-weight:800 !important;line-height:1.15 !important;letter-spacing:-.02em !important;text-transform:none !important;color:inherit !important;text-align:center !important}
.qrp-wel .qrp-wel-slogan{margin:0 !important;padding:0 !important;font-size:16px !important;line-height:1.4 !important;color:rgba(60,60,67,.66) !important;text-align:center !important}
.qrp-wel-cards{display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;margin:0 -20px;padding:6px 20px 10px;scrollbar-width:none;-ms-overflow-style:none;outline:none}
.qrp-wel-cards::-webkit-scrollbar{display:none}
.qrp-wel-cards:focus-visible{outline:2px solid #248a3d;outline-offset:-2px}
.qrp-wel-card{flex:0 0 86%;scroll-snap-align:center;display:block;padding:20px 18px 18px;border-radius:20px;background:#ffffff;box-shadow:0 1px 2px rgba(0,0,0,.04),0 10px 24px -16px rgba(0,0,0,.22)}
.qrp-wel-ico{display:flex;align-items:center;justify-content:center;width:46px;height:46px;margin:0 0 14px;border-radius:14px;background:rgba(52,199,89,.14);color:#1a7a35}
.qrp-wel-svg{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.qrp-wel .qrp-wel-card-t{margin:0 0 6px !important;padding:0 !important;font-family:inherit !important;font-size:18px !important;font-weight:700 !important;line-height:1.25 !important;letter-spacing:-.01em !important;text-transform:none !important;color:inherit !important;text-align:left !important}
.qrp-wel .qrp-wel-card-p{margin:0 !important;padding:0 !important;font-size:15px !important;line-height:1.45 !important;color:rgba(60,60,67,.82) !important}
.qrp-wel-dots{display:flex;justify-content:center;gap:6px;margin:8px 0 18px}
.qrp-wel-dots span{display:block;width:7px;height:7px;border-radius:999px;background:rgba(60,60,67,.22);transition:width .2s ease,background-color .2s ease}
.qrp-wel-dots span.is-on{width:20px;background:#248a3d}
.qrp-wel .qrp-wel-note{margin:0 0 18px !important;padding:0 !important;text-align:center !important;font-size:14px !important;line-height:1.45 !important;color:rgba(60,60,67,.72) !important;text-wrap:balance}
.qrp-wel-acts{display:flex;flex-direction:column;gap:10px;margin-top:auto}
.qrp-wel .qrp-wel-btn,
.qrp-wel .qrp-wel-btn:visited,
.qrp-wel .qrp-wel-btn:hover,
.qrp-wel .qrp-wel-btn:focus,
.qrp-wel .qrp-wel-btn:active{display:flex !important;align-items:center !important;justify-content:center !important;margin:0 !important;padding:14px 18px !important;min-width:0 !important;min-height:52px !important;border:1px solid #248a3d !important;border-radius:14px !important;background:#248a3d !important;color:#ffffff !important;font-family:inherit !important;font-size:16px !important;font-weight:700 !important;line-height:1.2 !important;text-align:center !important;text-transform:none !important;letter-spacing:normal !important;text-decoration:none !important;box-shadow:none !important;transform:none !important;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.qrp-wel .qrp-wel-btn{width:100%}
.qrp-wel .qrp-wel-btn:active{background:#1f7a37 !important;border-color:#1f7a37 !important}
.qrp-wel .qrp-wel-btn.is-quiet,
.qrp-wel .qrp-wel-btn.is-quiet:visited,
.qrp-wel .qrp-wel-btn.is-quiet:hover,
.qrp-wel .qrp-wel-btn.is-quiet:focus{background:transparent !important;color:#1d1d1f !important;border-color:rgba(60,60,67,.24) !important}
.qrp-wel .qrp-wel-btn.is-quiet:active{background:rgba(60,60,67,.08) !important;color:#1d1d1f !important;border-color:rgba(60,60,67,.24) !important}
.qrp-wel .qrp-wel-btn:focus-visible,
.qrp-wel .qrp-wel-back:focus-visible,
.qrp-wel .qrp-wel-link:focus-visible{outline:2px solid #248a3d !important;outline-offset:2px !important}
.qrp-wel .qrp-wel-trust{display:flex !important;flex-wrap:wrap;justify-content:center;gap:6px 14px;margin:16px 0 0 !important;padding:0 !important;font-size:12.5px !important;line-height:1.4 !important;color:rgba(60,60,67,.66) !important}
.qrp-wel-trust span{display:inline-flex;align-items:center;white-space:nowrap}
.qrp-wel-trust span::before{content:"\2713";margin:0 5px 0 0;color:#248a3d;font-weight:800}
.qrp-wel .qrp-wel-back,
.qrp-wel .qrp-wel-back:visited,
.qrp-wel .qrp-wel-back:hover,
.qrp-wel .qrp-wel-back:focus,
.qrp-wel .qrp-wel-back:active{display:inline-flex !important;align-items:center !important;gap:2px;margin:0 0 6px -6px !important;padding:6px 10px 6px 4px !important;min-width:0 !important;min-height:40px !important;border:0 !important;border-radius:10px !important;background:transparent !important;color:#1a7a35 !important;font-family:inherit !important;font-size:15px !important;font-weight:700 !important;line-height:1 !important;text-transform:none !important;letter-spacing:normal !important;text-decoration:none !important;box-shadow:none !important;transform:none !important;cursor:pointer}
.qrp-wel .qrp-wel-back{align-self:flex-start;width:auto}
.qrp-wel .qrp-wel-back .qrp-wel-svg{width:20px;height:20px}
.qrp-wel .qrp-wel-back[hidden]{display:none !important}
.qrp-wel-si{padding:20px 18px;border-radius:20px;background:#ffffff;box-shadow:0 1px 2px rgba(0,0,0,.04),0 10px 24px -16px rgba(0,0,0,.22)}
.qrp-wel .qrp-wel-link,
.qrp-wel .qrp-wel-link:visited,
.qrp-wel .qrp-wel-link:hover,
.qrp-wel .qrp-wel-link:focus,
.qrp-wel .qrp-wel-link:active{display:block !important;margin:0 auto !important;padding:8px 10px !important;min-width:0 !important;min-height:0 !important;border:0 !important;background:none !important;color:rgba(60,60,67,.72) !important;font-family:inherit !important;font-size:14.5px !important;font-weight:600 !important;line-height:1.3 !important;text-decoration:underline !important;text-underline-offset:2px;text-transform:none !important;letter-spacing:normal !important;box-shadow:none !important;transform:none !important;cursor:pointer}
.qrp-wel .qrp-wel-link{align-self:center;width:auto}
.qrp-wel .qrp-wel-link[hidden]{display:none !important}
.qrp-wel-links{display:flex;flex-direction:column;align-items:center;gap:2px;margin:14px 0 0}
@media (min-width:700px){.qrp-wel-inner{justify-content:center}.qrp-wel-screen{flex:0 0 auto}.qrp-wel-acts{margin-top:4px}}
@media (min-width:820px){.qrp-wel-screen[data-wel-screen="hello"]{max-width:780px}.qrp-wel-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin:0;padding:6px 0 18px;overflow:visible;scroll-snap-type:none}.qrp-wel-card{flex:0 0 calc((100% - 28px) / 3);scroll-snap-align:none}.qrp-wel-dots{display:none}.qrp-wel-acts{width:100%;max-width:440px;margin:4px auto 0}.qrp-wel .qrp-wel-note{max-width:440px;margin:0 auto 20px !important}}
@media (min-width:1100px){.qrp-wel-screen[data-wel-screen="hello"]{max-width:1000px}.qrp-wel-card{flex:0 0 calc((100% - 42px) / 4)}}
@media (prefers-reduced-motion:reduce){.qrp-wel-dots span{transition:none}}
@media screen{html.qrp-dark .qrp-wel{background:#0f1311;color:#f2f2f7}html.qrp-dark .qrp-wel-logo{background:#ffffff;box-shadow:0 1px 2px rgba(0,0,0,.4),0 12px 28px -14px rgba(0,0,0,.6)}html.qrp-dark .qrp-wel .qrp-wel-slogan{color:rgba(235,235,245,.62) !important}html.qrp-dark .qrp-wel-card,html.qrp-dark .qrp-wel-si{background:#1a1f1c;box-shadow:0 1px 2px rgba(0,0,0,.3),0 10px 24px -16px rgba(0,0,0,.6)}html.qrp-dark .qrp-wel .qrp-wel-card-p{color:rgba(235,235,245,.72) !important}html.qrp-dark .qrp-wel-ico{background:rgba(52,199,89,.16);color:#5fd37f}html.qrp-dark .qrp-wel-dots span{background:rgba(235,235,245,.22)}html.qrp-dark .qrp-wel-dots span.is-on{background:#2a8d4a}html.qrp-dark .qrp-wel .qrp-wel-note,html.qrp-dark .qrp-wel .qrp-wel-trust{color:rgba(235,235,245,.62) !important}html.qrp-dark .qrp-wel-trust span::before{color:#5fd37f}html.qrp-dark .qrp-wel .qrp-wel-btn,html.qrp-dark .qrp-wel .qrp-wel-btn:visited,html.qrp-dark .qrp-wel .qrp-wel-btn:hover,html.qrp-dark .qrp-wel .qrp-wel-btn:focus{background:#2a8d4a !important;border-color:#2a8d4a !important;color:#ffffff !important}html.qrp-dark .qrp-wel .qrp-wel-btn:active{background:#237a3f !important;border-color:#237a3f !important}html.qrp-dark .qrp-wel .qrp-wel-btn.is-quiet,html.qrp-dark .qrp-wel .qrp-wel-btn.is-quiet:visited,html.qrp-dark .qrp-wel .qrp-wel-btn.is-quiet:hover,html.qrp-dark .qrp-wel .qrp-wel-btn.is-quiet:focus{background:transparent !important;color:#f2f2f7 !important;border-color:rgba(235,235,245,.24) !important}html.qrp-dark .qrp-wel .qrp-wel-btn.is-quiet:active{background:rgba(235,235,245,.08) !important}html.qrp-dark .qrp-wel .qrp-wel-back,html.qrp-dark .qrp-wel .qrp-wel-back:visited,html.qrp-dark .qrp-wel .qrp-wel-back:hover,html.qrp-dark .qrp-wel .qrp-wel-back:focus{color:#5fd37f !important}html.qrp-dark .qrp-wel .qrp-wel-link,html.qrp-dark .qrp-wel .qrp-wel-link:visited,html.qrp-dark .qrp-wel .qrp-wel-link:hover,html.qrp-dark .qrp-wel .qrp-wel-link:focus{color:rgba(235,235,245,.72) !important}html.qrp-dark .qrp-wel .qrp-wel-btn:focus-visible,html.qrp-dark .qrp-wel .qrp-wel-back:focus-visible,html.qrp-dark .qrp-wel .qrp-wel-link:focus-visible{outline-color:#5fd37f !important}}