/* Valenton - Anúncio único (envoi.html). Visual próprio, separado das mudanças grandes.
   Tudo com prefixo sx-. Paleta: lilás e índigo, botão azul em pílula, barra de ações fixa embaixo. */
:root{
  --sx-ink:#121A26; --sx-ink2:#2B3442; --sx-mute:#4B5563; --sx-soft:#8A94A3;
  --sx-line:#DBDFE5; --sx-lav:#E4EEFB; --sx-lav2:#F3F7FC; --sx-field:#F6F9FD; --sx-border:#8FA8CF;
  --sx-node:#0B3A8C; --sx-node-off:#BFD0EA; --sx-blue:#0B3A8C; --sx-blue-d:#082B69; --sx-red:#D9263F; --sx-red-bg:#FFF1F3;
  --sx-pink:#FFEFFA; --sx-pink-ink:#7C4D8C; --sx-drop:#5CE9FF;
}
*{ box-sizing:border-box; -webkit-tap-highlight-color:transparent; }
html{ -webkit-text-size-adjust:100%; }
body.sx{ margin:0; background:#fff; color:var(--sx-ink); font-family:'Manrope',system-ui,sans-serif; font-size:15px; line-height:1.45; -webkit-font-smoothing:antialiased; }
.sx [hidden]{ display:none !important; }
.sx button{ font-family:inherit; }
.sx a{ color:var(--sx-blue); }

/* ---------- topo ---------- */
.sx-top{ display:flex; align-items:center; justify-content:space-between; gap:12px; height:56px; padding:0 16px; background:#fff; border-bottom:1px solid var(--sx-line); }
.sx-logo img{ display:block; height:36px; width:auto; }
.sx-top-right{ display:flex; align-items:center; gap:10px; }
.sx-phone{ display:none; font-weight:800; font-size:15px; color:var(--sx-ink); text-decoration:none; white-space:nowrap; }
@media (min-width:720px){ .sx-phone{ display:inline; } }
.sx-top .lang-btn{ display:inline-flex; align-items:center; gap:6px; height:36px; padding:0 10px; border:1px solid var(--sx-line); border-radius:999px; background:#fff; color:var(--sx-ink2); font:700 13px 'Manrope',sans-serif; cursor:pointer; }

/* ---------- stepper ---------- */
.sx-stepper{ background:var(--sx-lav); padding:18px 12px 12px; }
.sx-stepper ol{ list-style:none; margin:0 auto; padding:0; max-width:520px; display:flex; }
.sx-stepper li{ position:relative; flex:1 1 0; display:flex; flex-direction:column; align-items:center; gap:7px; min-width:0; }
.sx-stepper li::before{ content:''; position:absolute; top:8px; right:50%; width:100%; height:3px; background:#CBD9EE; }
.sx-stepper li:first-child::before{ display:none; }
.sx-stepper li.done::before, .sx-stepper li.cur::before{ background:var(--sx-node); }
.sx-node{ position:relative; z-index:1; width:14px; height:14px; margin-top:2px; border-radius:50%; background:var(--sx-node-off); transition:background .2s, box-shadow .2s; }
.sx-stepper li.done .sx-node, .sx-stepper li.cur .sx-node{ background:var(--sx-node); }
.sx-stepper li.cur .sx-node{ box-shadow:0 0 0 5px #BCD0EE; }
.sx-slbl{ font-size:12px; font-weight:600; color:#A9BDDD; white-space:nowrap; }
.sx-stepper li.done .sx-slbl, .sx-stepper li.cur .sx-slbl{ color:var(--sx-node); }

/* ---------- coluna ---------- */
.sx-wrap{ max-width:520px; margin:0 auto; padding:22px 20px 150px; }
.sx-step[hidden], .sx-gate[hidden], .sx-done[hidden]{ display:none !important; }
.sx h1{ margin:22px 0 16px; font-size:24px; line-height:1.2; font-weight:800; letter-spacing:-.01em; color:var(--sx-ink); }
.sx-lbl{ display:block; margin:0 0 6px; font-size:13.5px; font-weight:700; color:var(--sx-ink2); }
.sx-field{ margin:0 0 16px; }
.sx-field.err .sx-lbl{ color:var(--sx-red); }
.sx-msg{ margin:5px 0 0; font-size:12px; font-weight:600; color:var(--sx-red); }
.sx-note{ margin:6px 0 0; font-size:11.5px; line-height:1.4; color:var(--sx-node); }
.sx-note.pink{ color:#A6402F; }
.sx-hint{ margin:6px 0 0; font-size:12px; color:var(--sx-mute); }

/* campos */
.sx-in{ display:block; width:100%; height:44px; padding:0 14px; border:1.5px solid var(--sx-border); border-radius:8px; background:var(--sx-field); color:var(--sx-ink); font:500 15px 'Manrope',sans-serif; outline:none; transition:border-color .15s, box-shadow .15s; }
.sx-in::placeholder{ color:var(--sx-soft); font-weight:500; }
.sx-in:focus{ border-color:var(--sx-node); box-shadow:0 0 0 3px rgba(11,58,140,.18); }
.sx-in.bad, .err .sx-in, .err .sx-sel-btn{ border-color:var(--sx-red); background:var(--sx-red-bg); }
textarea.sx-in{ height:auto; min-height:96px; padding:12px 14px; resize:vertical; line-height:1.4; }
.sx-ac{ position:relative; }
.sx-ac .sx-in{ padding-right:40px; }
.sx-x{ position:absolute; right:6px; top:50%; transform:translateY(-50%); width:32px; height:32px; border:0; border-radius:50%; background:transparent; color:var(--sx-mute); cursor:pointer; display:flex; align-items:center; justify-content:center; padding:0; }
.sx-x:hover{ background:#E3ECF8; }
.sx-x svg{ width:12px; height:12px; }
.sx-ac-list{ position:absolute; z-index:30; left:0; right:0; top:calc(100% + 4px); margin:0; padding:4px; list-style:none; background:#fff; border:1px solid var(--sx-line); border-radius:10px; box-shadow:0 10px 28px rgba(18,26,38,.18); max-height:260px; overflow:auto; }
.sx-ac-list li{ padding:10px 12px; border-radius:8px; font-size:14px; cursor:pointer; color:var(--sx-ink2); }
.sx-ac-list li:hover, .sx-ac-list li.hi{ background:var(--sx-lav2); color:var(--sx-blue); }
.sx-spin-s{ position:absolute; right:12px; top:50%; width:18px; height:18px; margin-top:-9px; border:2px solid #CBD9EE; border-top-color:var(--sx-node); border-radius:50%; animation:sxspin .8s linear infinite; }
@keyframes sxspin{ to{ transform:rotate(360deg); } }

/* select próprio */
.sx-sel{ position:relative; }
.sx-sel-btn{ display:flex; align-items:center; justify-content:space-between; gap:8px; width:100%; height:44px; padding:0 12px 0 14px; border:1.5px solid var(--sx-border); border-radius:8px; background:var(--sx-field); color:var(--sx-ink); font:500 15px 'Manrope',sans-serif; text-align:left; cursor:pointer; }
.sx-sel-btn:focus-visible, .sx-sel.open .sx-sel-btn{ outline:none; border-color:#1266D0; box-shadow:0 0 0 3px rgba(18,102,208,.18); }
.sx-sel-btn.ph{ color:var(--sx-soft); }
.sx-sel-btn span{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.sx-sel-btn svg{ flex:0 0 auto; width:14px; height:14px; color:var(--sx-node); transition:transform .15s; }
.sx-sel.open .sx-sel-btn svg{ transform:rotate(180deg); }
.sx-sel-list{ position:absolute; z-index:40; left:0; right:0; top:calc(100% + 4px); margin:0; padding:4px; list-style:none; background:#fff; border:1px solid var(--sx-line); border-radius:10px; box-shadow:0 10px 28px rgba(18,26,38,.2); max-height:280px; overflow:auto; }
.sx-sel-list li{ padding:11px 12px; border-radius:8px; font-size:14.5px; color:var(--sx-mute); cursor:pointer; }
.sx-sel-list li:hover, .sx-sel-list li.hi{ background:var(--sx-lav2); color:var(--sx-ink); }
.sx-sel-list li.on{ background:var(--sx-lav2); color:var(--sx-ink); font-weight:700; }
.sx-sel-list li.first{ color:var(--sx-blue); }

.sx-two{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.sx-qrow{ display:grid; grid-template-columns:86px 1fr; gap:12px; margin-bottom:14px; }
.sx-qrow .sx-in.qty{ text-align:center; }
.sx-dims{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.sx-unit{ position:relative; }
.sx-unit .sx-in{ padding-right:44px; }
.sx-unit i{ position:absolute; right:14px; top:0; bottom:0; display:flex; align-items:center; font-style:normal; font-size:13px; font-weight:700; color:var(--sx-mute); pointer-events:none; }

/* telefone */
.sx-tel{ display:flex; align-items:stretch; }
.sx-cc{ position:relative; display:flex; align-items:center; gap:4px; flex:0 0 auto; height:44px; padding:0 8px 0 12px; border:1.5px solid var(--sx-border); border-right:0; border-radius:8px 0 0 8px; background:var(--sx-field); font:700 11px 'Manrope',sans-serif; color:var(--sx-ink2); cursor:pointer; }
.sx-cc svg{ width:9px; height:9px; color:var(--sx-node); }
.sx-cc select{ position:absolute; inset:0; width:100%; height:100%; opacity:0; cursor:pointer; font-size:16px; }
.sx-tel .sx-in{ border-radius:0 8px 8px 0; min-width:0; }
.sx-field.err .sx-cc{ border-color:var(--sx-red); background:var(--sx-red-bg); }

/* foto */
.sx-rowhead{ display:flex; align-items:baseline; justify-content:space-between; gap:10px; margin-bottom:6px; }
.sx-rowhead .sx-lbl{ margin:0; }
.sx-link{ font-size:13px; font-weight:600; color:var(--sx-blue); text-decoration:none; background:none; border:0; padding:0; cursor:pointer; }
.sx-link:hover{ text-decoration:underline; }
.sx-drop{ display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px; height:84px; border:2px solid var(--sx-drop); border-radius:10px; background:#fff; color:var(--sx-node); font-size:13px; font-weight:600; cursor:pointer; box-shadow:0 0 0 3px #CFF7FF; transition:background .15s; }
.sx-drop:hover, .sx-drop.over{ background:#EAFBFF; }
.sx-drop:focus-visible{ outline:2px solid var(--sx-node); outline-offset:2px; }
.sx-drop svg{ width:22px; height:22px; }
.sx-thumbs{ display:flex; flex-wrap:wrap; gap:10px; margin:12px 0 16px; }
.sx-thumb{ position:relative; width:76px; height:76px; border-radius:10px; overflow:visible; background:#E3ECF8; }
.sx-thumb img{ width:100%; height:100%; object-fit:cover; border-radius:10px; display:block; }
.sx-thumb .tx{ position:absolute; top:-7px; right:-7px; width:24px; height:24px; border:2px solid #fff; border-radius:50%; background:#fff; color:#2B3442; box-shadow:0 1px 4px rgba(0,0,0,.25); display:flex; align-items:center; justify-content:center; padding:0; cursor:pointer; }
.sx-thumb .tx svg{ width:10px; height:10px; }
.sx-thumb.up img{ opacity:.45; }
.sx-thumb.up::after{ content:''; position:absolute; left:50%; top:50%; width:20px; height:20px; margin:-10px 0 0 -10px; border:2px solid #CBD9EE; border-top-color:var(--sx-node); border-radius:50%; animation:sxspin .8s linear infinite; }

/* item */
.sx-item{ padding:4px 0 2px; }
.sx-sep{ height:4px; margin:18px -20px; background:#E3E8F0; border:0; }
.sx-add{ position:relative; display:flex; justify-content:center; margin:18px -20px 22px; }
.sx-add::before, .sx-add::after{ content:''; position:absolute; left:0; right:0; height:4px; background:#E3E8F0; }
.sx-add::before{ top:-12px; } .sx-add::after{ bottom:-12px; }
.sx-pill{ position:relative; z-index:1; padding:11px 30px; border:0; border-radius:999px; background:#EAF1FB; color:var(--sx-blue); font:800 14px 'Manrope',sans-serif; cursor:pointer; }
.sx-pill:hover{ background:#DCE8F8; }
.sx-remove{ display:block; margin:6px auto 4px; padding:8px 14px; border:0; background:none; color:var(--sx-red); font:700 14px 'Manrope',sans-serif; cursor:pointer; }
.sx-remove:hover{ text-decoration:underline; }
.sx-switchrow{ display:flex; align-items:center; gap:10px; margin:0 0 14px; cursor:pointer; font-size:13.5px; font-weight:600; color:var(--sx-ink2); user-select:none; }
.sx-switch{ position:relative; flex:0 0 auto; width:40px; height:24px; border-radius:999px; background:#C3CCDA; transition:background .18s; }
.sx-switch::after{ content:''; position:absolute; left:2px; top:2px; width:20px; height:20px; border-radius:50%; background:#fff; box-shadow:0 1px 3px rgba(0,0,0,.25); transition:transform .18s; }
.sx-switch svg{ position:absolute; z-index:1; left:7px; top:7px; width:10px; height:10px; color:#6B7686; transition:transform .18s, color .18s; }
.sx-switch .ok{ display:none; }
.sx-switchrow input:checked + .sx-switch .ok{ display:block; }
.sx-switchrow input:checked + .sx-switch .no{ display:none; }
.sx-switchrow input{ position:absolute; opacity:0; width:1px; height:1px; }
.sx-switchrow input:checked + .sx-switch{ background:#0B3A8C; }
.sx-switchrow input:checked + .sx-switch::after{ transform:translateX(16px); }
.sx-switchrow input:checked + .sx-switch svg{ transform:translateX(16px); color:#0B3A8C; }
.sx-switchrow input:focus-visible + .sx-switch{ outline:2px solid #1266D0; outline-offset:2px; }

.sx-moving{ margin:0; font-size:13px; color:var(--sx-mute); }
.sx-moving a{ color:var(--sx-blue); }
.sx-lead{ margin:0 0 10px; }

/* preço */
.sx-card{ border:1px solid var(--sx-line); border-radius:16px; padding:22px 20px 20px; background:#fff; }
.sx-coin{ display:block; width:92px; height:92px; margin:0 auto 12px; }
.sx-price-in{ position:relative; }
.sx-price-in .sx-in{ padding-right:34px; font-weight:700; }
.sx-price-in i{ position:absolute; right:14px; top:0; bottom:0; display:flex; align-items:center; font-style:normal; font-weight:700; color:var(--sx-mute); pointer-events:none; }
.sx-ph{ margin:8px 0 0; font-size:12.5px; line-height:1.45; color:#4B5563; }
.sx-ph.low{ color:#A6402F; } .sx-ph.bad{ color:var(--sx-red); font-weight:600; }
.sx-sum{ margin-top:16px; padding:14px 16px; border-radius:10px; background:var(--sx-lav2); }
.sx-sum div{ display:flex; justify-content:space-between; gap:12px; padding:3px 0; font-size:13.5px; color:var(--sx-ink2); }
.sx-sum div.tot{ margin-top:6px; padding-top:9px; border-top:1px solid #D3DFF1; font-weight:800; color:var(--sx-blue); font-size:14.5px; }
.sx-calc{ display:flex; align-items:center; gap:10px; justify-content:center; padding:26px 0; color:var(--sx-mute); font-weight:600; }
.sx-calc .sx-spin-s{ position:static; margin:0; }
.sx-retry{ margin-top:10px; }

/* telefone que falta na conta e modal da conta (a tela de entrar/cadastro foi removida) */
.sx-gate{ min-height:calc(100vh - 56px); padding:28px 16px 40px; background:var(--sx-lav2); }
.sx-gate-in{ max-width:480px; margin:0 auto; }
.sx-gate-box{ padding:26px 14px 24px; border-radius:18px; background:#fff; text-align:center; }
.sx-gate-box h2{ margin:0; font-size:18px; font-weight:800; color:var(--sx-ink); }
.sx-gate-box .sub{ margin:2px 0 16px; font-size:14px; font-weight:600; color:var(--sx-node); }
.sx-pwrow{ display:flex; align-items:baseline; justify-content:space-between; gap:10px; margin-bottom:6px; }
.sx-pwrow .sx-lbl{ margin:0; }
.sx-pw{ position:relative; }
.sx-pw .sx-in{ padding-right:44px; }
.sx-eye{ position:absolute; right:6px; top:50%; transform:translateY(-50%); width:34px; height:34px; border:0; background:none; color:var(--sx-mute); cursor:pointer; display:flex; align-items:center; justify-content:center; padding:0; }
.sx-eye svg{ width:18px; height:18px; }
.sx-cta{ display:block; margin:18px auto 0; min-width:130px; height:44px; padding:0 28px; border:0; border-radius:999px; background:var(--sx-blue); color:#fff; font:800 15px 'Manrope',sans-serif; cursor:pointer; }
.sx-cta:hover{ background:var(--sx-blue-d); }
.sx-cta:disabled{ background:#9FB6D9; cursor:default; }
.sx-privacy{ display:block; margin:18px 0 0; text-align:center; font-size:13px; font-weight:700; }
.sx-terms{ display:flex; gap:10px; align-items:flex-start; margin:14px 0 0; font-size:12.5px; color:var(--sx-ink2); }
.sx-terms input{ margin-top:2px; width:18px; height:18px; accent-color:var(--sx-blue); flex:0 0 auto; }
.sx-alert{ margin:12px 0 0; padding:10px 12px; border-radius:8px; background:var(--sx-red-bg); color:var(--sx-red); font-size:13px; font-weight:600; }
.sx-alert.ok{ background:#E8F6EC; color:#2A7A45; }
.sx-alert.info{ background:#EAF1FB; color:var(--sx-blue); }
/* modal da conta: títulos trocam por passo; formulário alinhado à esquerda */
#sxAcctT h2{ margin:0; font-size:17px; font-weight:800; }
#sxAcct .sx-cta{ margin-top:16px; }
#sxAcct .sx-back{ display:flex; }
.sx-back{ display:inline-flex; align-items:center; gap:6px; margin:0 0 12px; padding:6px 2px; border:0; background:none; color:var(--sx-blue); font:700 13.5px 'Manrope',sans-serif; cursor:pointer; }
.sx-back svg{ width:12px; height:12px; }

/* barra de ações fixa */
.sx-bar{ position:fixed; left:0; right:0; bottom:0; z-index:60; display:flex; justify-content:center; gap:12px; padding:22px 16px calc(14px + env(safe-area-inset-bottom,0px)); background:linear-gradient(to top, #fff 62%, rgba(255,255,255,0)); pointer-events:none; }
.sx-bar > *{ pointer-events:auto; }
.sx-btn{ display:inline-flex; align-items:center; justify-content:center; gap:8px; height:46px; min-width:140px; padding:0 26px; border:0; border-radius:999px; background:var(--sx-blue); color:#fff; font:800 15px 'Manrope',sans-serif; cursor:pointer; box-shadow:0 4px 14px rgba(11,58,140,.28); }
.sx-btn:hover{ background:var(--sx-blue-d); }
.sx-btn:disabled{ background:#9FB6D9; box-shadow:none; cursor:default; }
.sx-btn svg{ width:11px; height:11px; }
.sx-btn.sec{ background:#EAF1FB; color:var(--sx-blue); box-shadow:none; }
.sx-btn.sec:hover{ background:#DCE8F8; }
.sx-btn.one{ min-width:220px; }
.sx-btn.go{ background:#1E8E4F; box-shadow:0 4px 14px rgba(30,142,79,.32); }
.sx-btn.go:hover{ background:#187A43; }

/* modais */
.sx-ov{ position:fixed; inset:0; z-index:200; display:flex; align-items:center; justify-content:center; padding:16px; background:rgba(18,26,38,.55); }
.sx-modal{ width:100%; max-width:420px; max-height:calc(100vh - 32px); overflow:auto; border-radius:16px; background:#fff; box-shadow:0 18px 48px rgba(18,26,38,.3); }
.sx-mh{ display:flex; align-items:center; justify-content:space-between; gap:10px; padding:16px 12px 12px 20px; border-bottom:1px solid var(--sx-line); }
.sx-mh h2{ margin:0; font-size:17px; font-weight:800; }
.sx-mx{ width:38px; height:38px; border:0; border-radius:10px; background:none; color:var(--sx-mute); cursor:pointer; display:flex; align-items:center; justify-content:center; }
.sx-mx:hover{ background:var(--sx-lav2); }
.sx-mx svg{ width:14px; height:14px; }
.sx-mb{ padding:16px 20px 20px; }
.sx-tips{ margin:0 0 16px; padding:0; list-style:none; }
.sx-tips li{ display:flex; gap:10px; padding:8px 0; font-size:14px; color:var(--sx-ink2); }
.sx-tips li svg{ flex:0 0 auto; width:18px; height:18px; margin-top:1px; color:var(--sx-node); }
#sxPayEl{ min-height:120px; }
.sx-payamt{ margin:0 0 14px; font-weight:800; font-size:16px; }
.sx-modal .row{ display:flex; gap:10px; margin-top:16px; }
.sx-modal .row .sx-btn{ flex:1; min-width:0; }
.sx-load{ position:fixed; inset:0; z-index:300; display:flex; align-items:center; justify-content:center; background:rgba(255,255,255,.8); }
.sx-load .box{ display:flex; align-items:center; gap:12px; padding:14px 20px; border-radius:12px; background:#fff; box-shadow:0 8px 28px rgba(18,26,38,.2); font-weight:700; color:var(--sx-ink2); }
.sx-load .sx-spin-s{ position:static; margin:0; width:22px; height:22px; }

/* publicado */
.sx-done{ padding:34px 20px 60px; }
.sx-done-in{ max-width:520px; margin:0 auto; text-align:center; }
.sx-ok{ width:64px; height:64px; margin:0 auto 12px; border-radius:50%; background:#E8F6EC; color:#2A7A45; display:flex; align-items:center; justify-content:center; }
.sx-ok svg{ width:30px; height:30px; }
.sx-done h1{ margin:6px 0 8px; }
.sx-done p{ margin:0 0 14px; color:var(--sx-ink2); }
.sx-linkbox{ display:flex; align-items:center; gap:8px; margin:0 0 14px; padding:10px 10px 10px 14px; border:1px solid var(--sx-line); border-radius:10px; background:var(--sx-lav2); text-align:left; }
.sx-linkbox code{ flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font:600 12.5px 'IBM Plex Mono',monospace; color:var(--sx-ink2); }
.sx-linkbox .sx-btn{ height:36px; min-width:0; padding:0 16px; font-size:13px; box-shadow:none; }
.sx-how{ margin:20px 0 0; padding:16px 18px; border:1px solid var(--sx-line); border-radius:14px; text-align:left; }
.sx-how h3{ margin:0 0 10px; font-size:15px; font-weight:800; }
.sx-how ol{ margin:0; padding:0; list-style:none; counter-reset:s; }
.sx-how li{ position:relative; margin:0 0 10px; padding-left:34px; font-size:13.5px; color:var(--sx-ink2); counter-increment:s; }
.sx-how li::before{ content:counter(s); position:absolute; left:0; top:0; width:24px; height:24px; border-radius:50%; background:var(--sx-lav); color:var(--sx-node); font-weight:800; font-size:12.5px; display:flex; align-items:center; justify-content:center; }
.sx-toast{ position:fixed; left:50%; bottom:90px; transform:translateX(-50%); z-index:400; max-width:calc(100% - 32px); padding:10px 16px; border-radius:10px; background:#121A26; color:#fff; font-size:13.5px; font-weight:600; box-shadow:0 8px 24px rgba(0,0,0,.25); }
@media (prefers-reduced-motion:reduce){ *{ animation-duration:.01ms !important; transition-duration:.01ms !important; } }

/* cadastro completo */
.sx-radios{ display:flex; gap:28px; padding:2px 0; }
.sx-radios label{ display:flex; align-items:center; gap:8px; font-size:14px; font-weight:700; color:var(--sx-ink2); cursor:pointer; }
.sx-radios input, .sx-terms input[type=checkbox]{ width:18px; height:18px; accent-color:var(--sx-blue); margin:0; }
.sx-nat{ position:relative; display:flex; align-items:center; justify-content:space-between; gap:6px; cursor:pointer; font-size:14px; }
.sx-nat svg{ width:12px; height:12px; color:var(--sx-node); flex:0 0 auto; }
.sx-nat select{ position:absolute; inset:0; width:100%; height:100%; opacity:0; cursor:pointer; font-size:16px; }
.sx-nat #sxNatTxt{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.sx-legal{ margin:20px 0 0; font-size:11px; line-height:1.5; color:var(--sx-mute); }
.sx-terms{ font-size:13px; font-weight:600; }
.sx-donep{ font-size:17px; }