/* AI Pro Control patch.10: right-to-left copy of signup-premium.css, generated with rtlcss. Do not edit by hand; edit signup-premium.css and regenerate. */
/* 3.23.4 — Separate, secure sign-in and registration experience. */
body.acp-ux--auth{min-height:100dvh;display:grid;place-items:center;padding:28px;background:
radial-gradient(circle at 15% 15%,color-mix(in srgb,var(--ux-primary) 9%,transparent),transparent 34%),
radial-gradient(circle at 88% 78%,color-mix(in srgb,#6d5dfc 7%,transparent),transparent 32%),var(--ux-bg)}
body.acp-ux--auth .ux-auth{width:min(1080px,100%);display:grid;grid-template-columns:minmax(330px,.92fr) minmax(420px,1.08fr);overflow:hidden;border:1px solid var(--ux-line);border-radius:24px;background:var(--ux-card);box-shadow:0 24px 70px rgba(23,34,53,.12)}
body.acp-ux[data-ux-theme="dark"].acp-ux--auth .ux-auth{box-shadow:0 24px 70px rgba(0,0,0,.35)}
body.acp-ux--auth .ux-auth__panel{position:relative;padding:42px;display:flex;flex-direction:column;justify-content:center;min-height:650px;background:linear-gradient(-150deg,#1c2635 0%,#111923 58%,#2e1d15 100%);color:#fff;overflow:hidden}
body.acp-ux--auth .ux-auth__panel:after{content:"";position:absolute;left:-90px;bottom:-110px;width:300px;height:300px;border-radius:50%;background:rgba(185,77,17,.22);filter:blur(2px)}
body.acp-ux--auth .ux-auth__brand{position:absolute;top:28px;right:38px;z-index:1;display:inline-flex;align-items:center;max-width:200px;color:#fff;text-decoration:none}
body.acp-ux--auth .ux-auth__brand img{display:block;max-width:180px;max-height:46px;width:auto;height:auto;object-fit:contain}
body.acp-ux--auth .ux-auth__brand strong{font-size:18px;letter-spacing:-.035em}
body.acp-ux--auth .ux-auth__eyebrow{position:relative;z-index:1;margin-top:44px;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#ffb17a}
body.acp-ux--auth .ux-auth__panel h1{position:relative;z-index:1;margin:12px 0 14px;max-width:14ch;font-size:36px;line-height:1.12;letter-spacing:-.045em;font-weight:700;color:#fff}
body.acp-ux--auth .ux-auth__panel>p{position:relative;z-index:1;max-width:46ch;margin:0;color:#c7d0dc;font-size:13px;line-height:1.75}
body.acp-ux--auth .ux-auth__points{position:relative;z-index:1;margin:26px 0 0;padding:0;list-style:none;display:grid;gap:10px}
body.acp-ux--auth .ux-auth__points li{display:flex;align-items:center;gap:10px;font-size:12px;color:#e4e9f0}
body.acp-ux--auth .ux-auth__points span{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:rgba(255,255,255,.08);color:#ffb17a;font-size:10px;font-weight:800}
body.acp-ux--auth .ux-authtrust{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
body.acp-ux--auth .ux-authtrust span{padding:6px 9px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.05);font-size:9px;font-weight:700;color:#dce4ef}
body.acp-ux--auth .ux-authtarget{position:relative;z-index:1;margin:42px 0 4px;padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:rgba(255,255,255,.06);display:flex;gap:11px;align-items:center}
body.acp-ux--auth .ux-authtarget__thumb{width:50px;height:50px;border-radius:10px;overflow:hidden;flex-shrink:0;background:#fff}
body.acp-ux--auth .ux-authtarget__thumb img{width:100%;height:100%;object-fit:cover}
body.acp-ux--auth .ux-authtarget div{min-width:0;display:grid}
body.acp-ux--auth .ux-authtarget small{font-size:8px;text-transform:uppercase;letter-spacing:.1em;color:#b9c4d2}
body.acp-ux--auth .ux-authtarget strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}
body.acp-ux--auth .ux-authtarget b{font-size:11px;color:#ffb17a}
body.acp-ux--auth .ux-auth__form{padding:44px 48px;display:flex;flex-direction:column;justify-content:center;min-width:0;background:var(--ux-card)}
body.acp-ux--auth .ux-auth__form--register{justify-content:flex-start;max-height:calc(100dvh - 58px);overflow:auto;scrollbar-gutter:stable}
body.acp-ux--auth .ux-auth__formhead{margin-bottom:22px}
body.acp-ux--auth .ux-auth__formhead small{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:var(--ux-primary);font-weight:800}
body.acp-ux--auth .ux-auth__formhead h2{margin:4px 0 4px;font-size:28px;line-height:1.2;letter-spacing:-.04em;color:var(--ux-text)}
body.acp-ux--auth .ux-auth__formhead p{margin:0;color:var(--ux-muted);font-size:11px}
body.acp-ux--auth .ux-authform{display:grid;gap:14px}
body.acp-ux--auth .ux-formgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
body.acp-ux--auth .ux-authrow{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:10px}
body.acp-ux--auth .ux-authrow>a{color:var(--ux-primary);font-weight:700;text-decoration:none}
body.acp-ux--auth .ux-check--compact{min-height:auto!important;padding:0!important;border:0!important;background:transparent!important;display:flex!important;align-items:center;gap:7px}
body.acp-ux--auth .ux-check--compact input{min-height:0;width:16px;height:16px;margin:0}
body.acp-ux--auth .ux-check--compact span{margin:0!important;font-size:10px!important;font-weight:600!important;color:var(--ux-muted)!important}
body.acp-ux--auth .ux-password{position:relative;display:block}
body.acp-ux--auth .ux-password input{width:100%;padding-left:60px}
body.acp-ux--auth .ux-password button{position:absolute;left:7px;top:50%;transform:translateY(-50%);min-width:44px;height:32px;border:0;border-radius:7px;background:var(--ux-soft);color:var(--ux-text-2);font:700 9px/1 Manrope,system-ui,sans-serif;cursor:pointer}
body.acp-ux--auth .ux-passwordmeter{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}
body.acp-ux--auth .ux-passwordmeter>span{height:5px;border-radius:999px;background:var(--ux-soft-2);overflow:hidden;position:relative}
body.acp-ux--auth .ux-passwordmeter>span:after{content:"";position:absolute;inset:0 auto 0 0;width:var(--ux-strength,0%);background:var(--ux-strength-color,var(--ux-line-strong));border-radius:inherit;transition:width .18s ease,background-color .18s ease}
body.acp-ux--auth .ux-passwordmeter small{font-size:9px;color:var(--ux-muted)}
body.acp-ux--auth .ux-authswitch{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:18px;padding-top:18px;border-top:1px solid var(--ux-line);font-size:10px;color:var(--ux-muted)}
body.acp-ux--auth .ux-authswitch .ux-btn{min-height:38px;padding:7px 12px}
body.acp-ux--auth .ux-honeypot{position:absolute!important;right:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}
body.acp-ux--auth .ux-recaptcha{max-width:100%;overflow:auto;padding:2px 0}
body.acp-ux--auth .ux-form__foot{text-align:center;font-size:9px;color:var(--ux-muted);margin:0}
@media(max-width:860px){
body.acp-ux--auth{padding:16px;align-items:start}
body.acp-ux--auth .ux-auth{grid-template-columns:1fr;max-width:620px;border-radius:20px}
body.acp-ux--auth .ux-auth__panel{min-height:260px;padding:72px 28px 28px;justify-content:flex-start}
body.acp-ux--auth .ux-auth__brand{top:22px;right:26px}
body.acp-ux--auth .ux-auth__eyebrow{margin-top:0}
body.acp-ux--auth .ux-auth__panel h1{max-width:20ch;font-size:28px}
body.acp-ux--auth .ux-auth__points{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:18px}
body.acp-ux--auth .ux-auth__points li{display:grid;justify-items:start;align-content:start;font-size:9px;line-height:1.45}
body.acp-ux--auth .ux-auth__form,body.acp-ux--auth .ux-auth__form--register{max-height:none;overflow:visible;padding:30px 28px}
}
@media(max-width:560px){
body.acp-ux--auth{padding:0;background:var(--ux-card)}
body.acp-ux--auth .ux-auth{border:0;border-radius:0;box-shadow:none;min-height:100dvh}
body.acp-ux--auth .ux-auth__panel{min-height:210px;padding:66px 20px 22px}
body.acp-ux--auth .ux-auth__brand{right:20px;top:18px}
body.acp-ux--auth .ux-auth__panel h1{font-size:24px;margin-top:8px}
body.acp-ux--auth .ux-auth__panel>p{font-size:11px}
body.acp-ux--auth .ux-auth__points,body.acp-ux--auth .ux-authtrust{display:none}
body.acp-ux--auth .ux-authtarget{margin-top:6px}
body.acp-ux--auth .ux-auth__form,body.acp-ux--auth .ux-auth__form--register{padding:26px 20px 34px}
body.acp-ux--auth .ux-formgrid{grid-template-columns:1fr}
body.acp-ux--auth .ux-auth__formhead h2{font-size:25px}
body.acp-ux--auth .ux-authrow{align-items:flex-start}
}
/* ==========================================================================
* 4.4.7-solomaxhub-visual-review-patch.2: sign in / create account upgrade
* Labelled 52px fields with icons, icon password toggle, inline errors tied to
* the field, Caps Lock hint, live password checklist, busy submit state.
* ========================================================================== */
body.acp-ux--auth .ux-auth__formhead small { font-size: 12.5px; letter-spacing: .08em; }
body.acp-ux--auth .ux-auth__formhead h2 { font-size: clamp(26px, 3vw, 32px); letter-spacing: -.02em; }
body.acp-ux--auth .ux-auth__formhead p { font-size: 15px; line-height: 1.5; }
body.acp-ux--auth .ux-authform { display: grid; gap: 16px; }
body.acp-ux--auth .ux-authform .ux-formgrid { gap: 16px; }
body.acp-ux--auth .ux-field-wrap { display: grid; gap: 7px; min-width: 0; }
body.acp-ux--auth .ux-field-wrap > label, body.acp-ux--auth .ux-labelrow > label { font-size: 14px; font-weight: 700; color: #1C1410; }
body.acp-ux--auth .ux-labelrow { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
body.acp-ux--auth .ux-labelrow a { font-size: 14px; font-weight: 700; color: #C2410C; text-decoration: none; padding: 4px 0; }
body.acp-ux--auth .ux-labelrow a:hover, body.acp-ux--auth .ux-labelrow a:focus-visible { text-decoration: underline; }
body.acp-ux--auth .ux-field { position: relative; display: block; }
body.acp-ux--auth .ux-field__icon { position: absolute; right: 15px; top: 50%; width: 20px; height: 20px; transform: translateY(-50%); fill: none; stroke: #8A7B70; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; pointer-events: none; }
html body.acp-ux--auth .ux-field-wrap .ux-field input:not([type="checkbox"]) { width: 100%; min-height: 52px; padding: 0 46px 0 16px; font-size: 16px; line-height: 1.3; border: 1.5px solid #9C8C7F !important; border-radius: 12px; background: #FFFFFF; color: #1C1410; box-shadow: none; transition: border-color .15s ease, box-shadow .15s ease; }
html body.acp-ux--auth .ux-field-wrap .ux-field.ux-password input:not([type="checkbox"]) { padding-left: 56px; }
html body.acp-ux--auth .ux-field-wrap .ux-field input:not([type="checkbox"])::placeholder { color: #8A7B70; opacity: 1; }
html body.acp-ux--auth .ux-field-wrap .ux-field input:not([type="checkbox"]):focus { outline: none; border-color: #C2410C !important; box-shadow: 0 0 0 4px rgba(194, 65, 12, .18); }
html body.acp-ux--auth .ux-field-wrap .ux-field input[aria-invalid="true"]:not([type="checkbox"]) { border-color: #B42318 !important; box-shadow: 0 0 0 3px rgba(180, 35, 24, .12); }
body.acp-ux--auth .ux-pwtoggle { position: absolute; left: 5px; top: 50%; transform: translateY(-50%); width: 44px; height: 44px; display: grid; place-items: center; padding: 0; border: 0; border-radius: 10px; background: transparent; color: #6B5E54; cursor: pointer; }
@media (hover: hover) { body.acp-ux--auth .ux-pwtoggle:hover { background: #F5EDE5; color: #1C1410; } } /* patch.5.1: no sticky hover square after a tap on phones */
body.acp-ux--auth .ux-pwtoggle:focus-visible { outline: 3px solid #C2410C; outline-offset: -3px; }
body.acp-ux--auth .ux-pwtoggle svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
body.acp-ux--auth .ux-pwtoggle .ux-pwtoggle__hide, body.acp-ux--auth .ux-pwtoggle.is-visible .ux-pwtoggle__show { display: none; }
body.acp-ux--auth .ux-pwtoggle.is-visible .ux-pwtoggle__hide { display: block; }
body.acp-ux--auth .ux-fielderror { display: flex; align-items: flex-start; gap: 6px; color: #B42318; font-size: 13.5px; font-weight: 600; line-height: 1.4; }
body.acp-ux--auth .ux-fielderror::before { content: ""; flex: 0 0 16px; height: 16px; margin-top: 1px; background: currentColor; -webkit-mask: url("data:image/svg+xml;utf8,") center / contain no-repeat; mask: url("data:image/svg+xml;utf8,") center / contain no-repeat; }
body.acp-ux--auth .ux-fielderror[hidden], body.acp-ux--auth .ux-capslock[hidden] { display: none; }
body.acp-ux--auth .ux-fieldhelp { font-size: 13px; line-height: 1.45; color: #6B5E54; }
body.acp-ux--auth .ux-capslock { font-size: 13px; font-weight: 700; color: #B54708; }
body.acp-ux--auth .ux-pwmatch { min-height: 1.2em; font-size: 13px; font-weight: 700; }
body.acp-ux--auth .ux-pwmatch.is-ok { color: #067647; } body.acp-ux--auth .ux-pwmatch.is-bad { color: #B42318; }
body.acp-ux--auth .ux-pwrules { list-style: none; margin: -6px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px 16px; font-size: 13px; color: #6B5E54; }
body.acp-ux--auth .ux-pwrules li { display: inline-flex; align-items: center; gap: 7px; }
body.acp-ux--auth .ux-pwrules li::before { content: ""; width: 15px; height: 15px; border-radius: 50%; border: 1.5px solid #A8927F; box-sizing: border-box; }
body.acp-ux--auth .ux-pwrules li.is-met { color: #067647; font-weight: 600; }
body.acp-ux--auth .ux-pwrules li.is-met::before { border-color: #067647; background: #067647 url("data:image/svg+xml;utf8,") center / 11px no-repeat; }
body.acp-ux--auth .ux-passwordmeter small { font-size: 13px; }
body.acp-ux--auth .ux-remember { display: flex; align-items: center; gap: 10px; min-height: 44px; }
body.acp-ux--auth .ux-remember input { width: 20px; height: 20px; accent-color: #C2410C; }
body.acp-ux--auth .ux-remember span { font-size: 14.5px; color: #3B2A20; }
body.acp-ux--auth .ux-authsubmit { min-height: 52px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; font-size: 16px; font-weight: 800; border-radius: 12px; }
body.acp-ux--auth .ux-authsubmit__spinner { display: none; width: 18px; height: 18px; border-radius: 50%; border: 2.5px solid rgba(28, 20, 16, .25); border-top-color: #1C1410; animation: ux-auth-spin .8s linear infinite; }
body.acp-ux--auth .ux-authsubmit.is-busy .ux-authsubmit__spinner { display: inline-block; }
body.acp-ux--auth .ux-authsubmit:disabled { opacity: .9; cursor: progress; }
@keyframes ux-auth-spin { to { transform: rotate(-360deg); } }
@media (prefers-reduced-motion: reduce) { body.acp-ux--auth .ux-authsubmit__spinner { animation-duration: 2.4s; } }
body.acp-ux--auth .ux-authswitch { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 10px 14px; font-size: 15px; color: #3B2A20; }
body.acp-ux--auth .ux-authswitch .ux-btn { min-height: 44px; font-size: 15px; }
body.acp-ux--auth .ux-auth__store svg { width: 18px; height: 18px; margin-left: 4px; fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }
body.acp-ux--auth .ux-form__foot { font-size: 13px; line-height: 1.5; color: #6B5E54; text-align: center; }
body.acp-ux--auth .ux-form__foot a { color: #C2410C; font-weight: 700; }
body.acp-ux--auth .ux-auth__panel > p { font-size: 15.5px; line-height: 1.6; }
body.acp-ux--auth .ux-auth__points li { font-size: 14px !important; }
body.acp-ux--auth .ux-authtrust span { font-size: 13px; }
@media (max-width: 900px) { body.acp-ux--auth .ux-auth__points li { font-size: 12.5px !important; } }
@media (max-width: 560px) {
body.acp-ux--auth .ux-auth__panel > p { font-size: 14px; }
body.acp-ux--auth .ux-labelrow { flex-wrap: wrap; }
}
/* Dark theme */
body.acp-ux--auth[data-ux-theme="dark"] .ux-field-wrap > label, body.acp-ux--auth[data-ux-theme="dark"] .ux-labelrow > label { color: #F3EDE6; }
html body.acp-ux--auth[data-ux-theme="dark"] .ux-field-wrap .ux-field input:not([type="checkbox"]) { background: #1F1916; color: #F3EDE6; border-color: rgba(255, 236, 220, .34) !important; }
html body.acp-ux--auth[data-ux-theme="dark"] .ux-field-wrap .ux-field input:not([type="checkbox"])::placeholder { color: #9C8F84; }
html body.acp-ux--auth[data-ux-theme="dark"] .ux-field-wrap .ux-field input:not([type="checkbox"]):focus { border-color: #FF9A4D !important; box-shadow: 0 0 0 4px rgba(255, 154, 77, .2); }
html body.acp-ux--auth[data-ux-theme="dark"] .ux-field-wrap .ux-field input[aria-invalid="true"]:not([type="checkbox"]) { border-color: #F97066 !important; }
body.acp-ux--auth[data-ux-theme="dark"] .ux-field__icon { stroke: #B3A69A; }
body.acp-ux--auth[data-ux-theme="dark"] .ux-pwtoggle { color: #D8CEC4; }
body.acp-ux--auth[data-ux-theme="dark"] .ux-pwtoggle:hover { background: #2E241E; color: #FFFFFF; }
body.acp-ux--auth[data-ux-theme="dark"] .ux-labelrow a, body.acp-ux--auth[data-ux-theme="dark"] .ux-form__foot a { color: #FF9A4D; }
body.acp-ux--auth[data-ux-theme="dark"] .ux-fielderror, body.acp-ux--auth[data-ux-theme="dark"] .ux-pwmatch.is-bad { color: #FDA29B; }
body.acp-ux--auth[data-ux-theme="dark"] .ux-fieldhelp, body.acp-ux--auth[data-ux-theme="dark"] .ux-pwrules, body.acp-ux--auth[data-ux-theme="dark"] .ux-form__foot { color: #B3A69A; }
body.acp-ux--auth[data-ux-theme="dark"] .ux-capslock { color: #FEC84B; }
body.acp-ux--auth[data-ux-theme="dark"] .ux-pwmatch.is-ok, body.acp-ux--auth[data-ux-theme="dark"] .ux-pwrules li.is-met { color: #6CE9A6; }
body.acp-ux--auth[data-ux-theme="dark"] .ux-remember span, body.acp-ux--auth[data-ux-theme="dark"] .ux-authswitch { color: #E7DDD4; }
/* The legacy compact checkbox label (10px) and grey text toggle chip are overridden for the upgraded forms. */
html body.acp-ux--auth .ux-remember.ux-check--compact span { font-size: 14.5px !important; font-weight: 500 !important; color: #3B2A20 !important; }
html body.acp-ux--auth[data-ux-theme="dark"] .ux-remember.ux-check--compact span { color: #E7DDD4 !important; }
html body.acp-ux--auth .ux-remember.ux-check--compact input { width: 20px; height: 20px; }
html body.acp-ux--auth .ux-password .ux-pwtoggle { min-width: 44px; height: 44px; background: transparent; font-size: 0; }
@media (hover: hover) { html body.acp-ux--auth .ux-password .ux-pwtoggle:hover { background: #F5EDE5; } } /* patch.5.1: no sticky hover square after a tap on phones */
@media (hover: hover) { html body.acp-ux--auth[data-ux-theme="dark"] .ux-password .ux-pwtoggle:hover { background: #2E241E; } } /* patch.5.1: no sticky hover square after a tap on phones */
/* patch.5.1 password eye: it stays above the field and anything the browser draws inside it, a quick second tap is a
* tap (never a zoom), and the browser's own reveal button (Edge) is not shown next to ours, so there is one eye. */
html body.acp-ux--auth .ux-password .ux-pwtoggle { z-index: 2; touch-action: manipulation; -webkit-tap-highlight-color: transparent; }
html body.acp-ux--auth .ux-password .ux-pwtoggle svg { pointer-events: none; }
html body.acp-ux--auth .ux-password input::-ms-reveal, html body.acp-ux--auth .ux-password input::-ms-clear { display: none; }
/* ==========================================================================
* patch.8: "Continue with Google" block (views/panel/partial-google.php).
* Our own link drawn to Google's button rules: official 4-colour G (20px), "Continue with Google",
* light #FFFFFF / #747775 1px / #1F1F1F, dark #131314 / #8E918F 1px / #E3E3E3, 14px/20px weight 500,
* "Google Sans", Roboto, Arial (Google Sans cannot be self-hosted; iPhone and Windows show Arial), 44px tall,
* full width, pill, state layer on hover/press, visible focus ring. It is an , so the theme's forced dark
* ".ux-auth button" colours and the Inter "button" font do not repaint it.
* ========================================================================== */
body.acp-ux--auth .ux-auth__form > .ux-flash { margin: 0 0 16px; }
body.acp-ux--auth .ux-gsi { display: grid; gap: 14px; margin: 0 0 18px; min-width: 0; }
body.acp-ux--auth .ux-gsi__main, body.acp-ux--auth .ux-gsi__inapp { display: grid; gap: 10px; min-width: 0; }
body.acp-ux--auth .ux-gsi [hidden] { display: none !important; }
body.acp-ux--auth .ux-gsi__btn {
--ux-font: "Google Sans", Roboto, Arial, sans-serif; /* the bundle sets every link's font from this variable */
position: relative; box-sizing: border-box; display: flex; align-items: center; justify-content: center; gap: 10px;
width: 100%; height: 44px; min-height: 44px; padding: 0 12px; overflow: hidden;
border: 1px solid #747775; border-radius: 999px; background: #FFFFFF; color: #1F1F1F;
font-family: "Google Sans", Roboto, Arial, sans-serif !important; font-size: 14px; line-height: 20px; font-weight: 500; letter-spacing: .25px;
text-align: center; text-decoration: none; white-space: nowrap; cursor: pointer; -webkit-user-select: none; user-select: none;
-webkit-tap-highlight-color: transparent; touch-action: manipulation;
transition: background-color .218s, border-color .218s, box-shadow .218s;
}
body.acp-ux--auth .ux-gsi__btn::after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; border-radius: inherit; background: #303030; opacity: 0; pointer-events: none; transition: opacity .218s; }
@media (hover: hover) {
body.acp-ux--auth .ux-gsi__btn:hover { color: #1F1F1F; text-decoration: none; box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .30), 0 1px 3px 1px rgba(60, 64, 67, .15); }
body.acp-ux--auth .ux-gsi__btn:hover::after { opacity: .08; }
}
body.acp-ux--auth .ux-gsi__btn:active::after, body.acp-ux--auth .ux-gsi__btn:focus-visible::after, body.acp-ux--auth .ux-gsi__btn.is-busy::after { opacity: .12; }
body.acp-ux--auth .ux-gsi__btn:focus-visible { outline: 3px solid #C2410C; outline-offset: 2px; }
body.acp-ux--auth .ux-gsi__btn.is-busy { cursor: progress; }
body.acp-ux--auth .ux-gsi__btn.is-busy::before { content: ""; position: absolute; top: 50%; left: 16px; width: 16px; height: 16px; margin-top: -8px; box-sizing: border-box; border-radius: 50%; border: 2px solid rgba(31, 31, 31, .25); border-top-color: #1F1F1F; animation: ux-auth-spin .8s linear infinite; }
body.acp-ux--auth .ux-gsi__icon { flex: 0 0 20px; width: 20px; height: 20px; display: block; }
body.acp-ux--auth .ux-gsi__icon svg { display: block; width: 20px; height: 20px; }
body.acp-ux--auth .ux-gsi__text { min-width: 0; overflow: hidden; text-overflow: ellipsis; color: inherit; }
body.acp-ux--auth .ux-gsi__legal { margin: 0; font-size: 13px; line-height: 1.5; color: #6B5E54; text-align: center; }
body.acp-ux--auth .ux-gsi__legal a { color: #C2410C; font-weight: 700; }
body.acp-ux--auth .ux-gsi__legal a:hover, body.acp-ux--auth .ux-gsi__legal a:focus-visible { text-decoration: underline; }
body.acp-ux--auth .ux-gsi__or { display: flex; align-items: center; gap: 12px; color: #6B5E54; font-size: 13px; font-weight: 600; line-height: 1.4; }
body.acp-ux--auth .ux-gsi__or::before, body.acp-ux--auth .ux-gsi__or::after { content: ""; flex: 1 1 0; height: 1px; background: #E6D5C6; }
/* In-app browser note: inside the form column, so the phone support button (top right of the hero) never covers it. */
body.acp-ux--auth .ux-gsi__inapp { padding: 14px 16px; border: 1px solid #F3D9C2; border-right: 4px solid #C2410C; border-radius: 12px; background: #FFF8F1; color: #3B2A20; font-size: 14.5px; line-height: 1.55; }
body.acp-ux--auth .ux-gsi__inapp p { margin: 0; }
body.acp-ux--auth .ux-gsi__copy { justify-self: start; display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 18px; border: 1.5px solid #9C8C7F; border-radius: 12px; background: #FFFFFF; color: #1C1410; font-size: 15px; font-weight: 700; cursor: pointer; touch-action: manipulation; -webkit-tap-highlight-color: transparent; }
@media (hover: hover) { body.acp-ux--auth .ux-gsi__copy:hover { background: #F5EDE5; } }
body.acp-ux--auth .ux-gsi__copy:focus-visible { outline: 3px solid #C2410C; outline-offset: 2px; }
body.acp-ux--auth .ux-gsi__copied { display: inline-flex; align-items: center; gap: 7px; font-size: 13.5px; font-weight: 700; color: #067647; }
body.acp-ux--auth .ux-gsi__copied::before { content: ""; flex: 0 0 16px; width: 16px; height: 16px; border-radius: 50%; background: #067647 url("data:image/svg+xml;utf8,") center / 11px no-repeat; }
body.acp-ux--auth .ux-gsi__url { box-sizing: border-box; width: 100%; min-height: 44px; padding: 0 12px; border: 1.5px solid #9C8C7F; border-radius: 10px; background: #FFFFFF; color: #1C1410; font-size: 15px; }
@media (max-width: 560px) {
body.acp-ux--auth .ux-gsi { margin-bottom: 16px; }
body.acp-ux--auth .ux-gsi__copy { justify-self: stretch; }
}
@media (prefers-reduced-motion: reduce) {
body.acp-ux--auth .ux-gsi__btn, body.acp-ux--auth .ux-gsi__btn::after { transition: none; }
body.acp-ux--auth .ux-gsi__btn.is-busy::before { animation-duration: 2.4s; }
}
@media (forced-colors: active) {
body.acp-ux--auth .ux-gsi__btn { border-color: ButtonText; }
body.acp-ux--auth .ux-gsi__btn::after { display: none; }
}
/* Dark theme (body[data-ux-theme="dark"]). */
body.acp-ux--auth[data-ux-theme="dark"] .ux-gsi__btn { background: #131314; border-color: #8E918F; color: #E3E3E3; }
body.acp-ux--auth[data-ux-theme="dark"] .ux-gsi__btn::after { background: #E3E3E3; }
@media (hover: hover) { body.acp-ux--auth[data-ux-theme="dark"] .ux-gsi__btn:hover { color: #E3E3E3; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .30), 0 1px 3px 1px rgba(0, 0, 0, .15); } }
body.acp-ux--auth[data-ux-theme="dark"] .ux-gsi__btn:focus-visible { outline-color: #FF9A4D; }
body.acp-ux--auth[data-ux-theme="dark"] .ux-gsi__btn.is-busy::before { border-color: rgba(227, 227, 227, .3); border-top-color: #E3E3E3; }
body.acp-ux--auth[data-ux-theme="dark"] .ux-gsi__legal, body.acp-ux--auth[data-ux-theme="dark"] .ux-gsi__or { color: #B3A69A; }
body.acp-ux--auth[data-ux-theme="dark"] .ux-gsi__legal a { color: #FF9A4D; }
body.acp-ux--auth[data-ux-theme="dark"] .ux-gsi__or::before, body.acp-ux--auth[data-ux-theme="dark"] .ux-gsi__or::after { background: rgba(255, 236, 220, .18); }
body.acp-ux--auth[data-ux-theme="dark"] .ux-gsi__inapp { background: #2A1D14; border-color: #4A3426; border-right-color: #FF9A4D; color: #F3E6DA; }
body.acp-ux--auth[data-ux-theme="dark"] .ux-gsi__copy { background: #2A221D; border-color: rgba(255, 236, 220, .34); color: #F3EDE6; }
body.acp-ux--auth[data-ux-theme="dark"] .ux-gsi__copy:focus-visible { outline-color: #FF9A4D; }
body.acp-ux--auth[data-ux-theme="dark"] .ux-gsi__copied { color: #6CE9A6; }
body.acp-ux--auth[data-ux-theme="dark"] .ux-gsi__copied::before { background-color: #2F9E6A; }
body.acp-ux--auth[data-ux-theme="dark"] .ux-gsi__url { background: #1F1916; border-color: rgba(255, 236, 220, .34); color: #F3EDE6; }
/* patch.8 (owner decision 28 Sep): the unticked "Email me daily deals and new products" box on sign-up, sized like "Keep me signed in". */
body.acp-ux--auth .ux-dealsoptin { display: flex !important; align-items: center; gap: 10px !important; min-height: 44px !important; margin: 2px 0 4px; }
body.acp-ux--auth .ux-dealsoptin input { width: 20px !important; height: 20px !important; accent-color: #C2410C; flex: 0 0 auto; }
body.acp-ux--auth .ux-dealsoptin span { font-size: 14px !important; font-weight: 500 !important; color: var(--ux-text) !important; line-height: 1.35; }
body.acp-ux--auth[data-ux-theme="dark"] .ux-dealsoptin input { accent-color: #FF9A4D; }