/* Opt-in checkbox row (owner, 2026-10-13): one accessible component for every "send me deals" consent line
   (product / game hub / gift / currency checkout, order page, account sign-up). A real <input type=checkbox> sits under a
   visible 18px custom box, so keyboard, screen readers and the label click all keep working. Always unchecked by default;
   the consent semantics live in the pages' own scripts, this file is looks only. Logical properties keep it RTL-correct. */
.nx-optin{position:relative;display:flex;align-items:flex-start;gap:12px;box-sizing:border-box;width:100%;margin:0;padding:12px 14px;border:1px solid var(--nx-line,rgba(255,255,255,.14));border-radius:12px;background:var(--nx-s2,rgba(255,255,255,.035));color:var(--nx-text,#f2f4f6);text-align:start;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}
.nx-optin:hover{border-color:var(--nx-line-strong,rgba(255,255,255,.3))}
.nx-optin:has(.nx-optin-input:checked){border-color:rgba(69,248,130,.55);background:var(--nx-signal-tint,rgba(69,248,130,.08))}
.nx-optin .nx-optin-input{position:absolute;inset-inline-start:14px;top:14px;width:18px;height:18px;margin:0;opacity:0;cursor:pointer}
.nx-optin-box{position:relative;flex:none;box-sizing:border-box;width:18px;height:18px;margin-top:1px;border:2px solid var(--nx-text-3,#8a919a);border-radius:5px;background:transparent;transition:background-color .15s ease,border-color .15s ease}
.nx-optin-box::after{content:"";position:absolute;inset-inline-start:4px;top:0;width:4px;height:9px;border:solid var(--nx-on-signal,#07130c);border-width:0 2px 2px 0;transform:rotate(45deg);opacity:0}
.nx-optin .nx-optin-input:checked+.nx-optin-box{border-color:var(--nx-signal,#45f882);background:var(--nx-signal,#45f882)}
.nx-optin .nx-optin-input:checked+.nx-optin-box::after{opacity:1}
.nx-optin .nx-optin-input:focus-visible+.nx-optin-box{outline:2px solid var(--nx-signal,#45f882);outline-offset:3px}
.nx-optin-copy{display:flex;flex-direction:column;gap:2px;min-width:0}
.nx-optin-title{font-size:14px;line-height:20px;font-weight:600;color:var(--nx-text,#f2f4f6)}
.nx-optin-note{font-size:12.5px;line-height:18px;font-weight:400;color:var(--nx-text-2,#b2b8bf);opacity:1}
@media (forced-colors:active){.nx-optin-box{border-color:CanvasText}.nx-optin .nx-optin-input:checked+.nx-optin-box{background:Highlight;border-color:Highlight}}