/* CST UI components. Themed by variables set on :root of each version. */
:root{--cx-accent:#e21b1b;--cx-ink:#111;--cx-text:#111;--cx-bg:#f4f1ec;--cx-card:#fff;--cx-card-text:#111;--cx-line:#111;--cx-muted:#5d5a55;--cx-radius:18px;--cx-bw:3px;--cx-shadow:6px 6px 0 #111;--cx-shadow-sm:3px 3px 0 #111;--cx-mono:'Space Mono',monospace;--cx-body:'Cairo',system-ui,sans-serif;--cx-disp:'Bebas Neue','Cairo',sans-serif;--cx-soft:#fbd5d2}
[class^=cx-],[class*=" cx-"],#cst-catalog,#cst-checkout,#cst-download{font-family:var(--cx-body)}
.cx-toast{position:fixed;bottom:104px;left:50%;transform:translate(-50%,20px);background:#111;color:#fff;font:800 17px var(--cx-body);padding:10px 18px;border-radius:30px;opacity:0;pointer-events:none;transition:.25s;z-index:900;border:2px solid #fff}
.cx-toast.on{opacity:1;transform:translate(-50%,0)}
/* catalog */
.cx-rec{margin-bottom:18px}.cx-rec>b{display:block;margin-bottom:12px;font-size:22px}
.cx-goals,.cx-chips{display:flex;flex-wrap:wrap;gap:9px}
.cx-goal,.cx-chip{font:800 17px var(--cx-body);border:2px solid var(--cx-line);background:var(--cx-card);color:var(--cx-card-text);border-radius:40px;padding:7px 18px;cursor:pointer;transition:.15s}
.cx-goal:hover,.cx-chip:hover{transform:translateY(-2px)}
.cx-goal.on,.cx-chip.on{background:var(--cx-accent);border-color:var(--cx-accent);color:#fff}
.cx-goal{border-style:dashed}
.cx-bar{margin:6px 0 14px}
.cx-bar input{width:100%;font:600 19px var(--cx-body);padding:16px 24px;border:var(--cx-bw) solid var(--cx-line);border-radius:60px;background:var(--cx-card);color:var(--cx-card-text)}
.cx-bar input:focus{outline:0;border-color:var(--cx-accent)}
.cx-count{margin:16px 0 20px;font:700 16px var(--cx-body);opacity:.85}
.cx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}
.cx-card{display:flex;flex-direction:column;gap:12px;padding:26px;background:var(--cx-card);color:var(--cx-card-text);border:var(--cx-bw) solid var(--cx-line);border-radius:var(--cx-radius);box-shadow:var(--cx-shadow-sm);transition:transform .2s,box-shadow .2s,border-color .2s}
.cx-card:hover{transform:translate(-2px,-2px);box-shadow:var(--cx-shadow)}
.cx-card.on{border-color:var(--cx-accent)}
.cx-top{display:flex;justify-content:space-between;gap:8px;align-items:center}
.cx-id{font:800 15px var(--cx-body);color:var(--cx-accent)}
.cx-orig{font:900 12px var(--cx-mono);background:var(--cx-accent);color:#fff;border-radius:5px;padding:2px 7px;letter-spacing:.06em}
.cx-card h3{font:400 38px/1 var(--cx-disp);letter-spacing:.03em;margin:0;color:inherit}
html[lang=ar] .cx-card h3{font-family:var(--cx-body);font-weight:900;font-size:26px;line-height:1.3;letter-spacing:0}
.cx-card p{margin:0;font-size:18px;line-height:1.7;flex:1;color:var(--cx-muted);font-weight:600}
.cx-ft{display:flex;justify-content:space-between;gap:8px;align-items:center}
.cx-card code{font:700 11.5px var(--cx-mono);background:rgba(127,127,127,.14);border:1.5px solid var(--cx-line);border-radius:7px;padding:2px 8px;direction:ltr;cursor:pointer}
.cx-card code:hover{background:var(--cx-soft);color:#111}
.cx-bdg{font:800 14px var(--cx-body);border:1.5px solid var(--cx-line);border-radius:20px;padding:2px 12px}
.cx-bdg.cl{background:var(--cx-ink);color:#fff;border-color:var(--cx-ink)}
.cx-act{display:flex;gap:8px}
.cx-act button{flex:1;font:800 13px var(--cx-body);padding:8px 10px;border:2px solid var(--cx-line);border-radius:30px;cursor:pointer;background:transparent;color:inherit;transition:.15s}
.cx-act .cx-add{background:var(--cx-ink);color:#fff;border-color:var(--cx-ink)}
.cx-act .cx-add.on{background:var(--cx-accent);border-color:var(--cx-accent)}
.cx-act button:hover{transform:translateY(-1px)}
.cx-more{text-align:center;margin-top:26px}
.cx-empty{grid-column:1/-1;text-align:center;padding:30px;opacity:.7}
.cx-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:900 19px var(--cx-body);padding:13px 30px;border:var(--cx-bw) solid var(--cx-line);border-radius:50px;background:var(--cx-accent);color:#fff;cursor:pointer;box-shadow:var(--cx-shadow-sm);transition:.15s;text-decoration:none}
.cx-btn:hover{transform:translate(-2px,-2px);box-shadow:var(--cx-shadow)}
.cx-btn.ghost{background:var(--cx-card);color:var(--cx-card-text)}.cx-btn.big{font-size:21px;padding:16px 34px;width:100%}.cx-btn.small{font-size:16px;padding:6px 18px;box-shadow:none}
.cx-dock{position:fixed;bottom:22px;inset-inline-start:22px;z-index:700;background:var(--cx-ink);color:#fff;border:3px solid #fff;border-radius:40px;padding:10px 20px;font:800 14px var(--cx-body);text-decoration:none;transform:translateY(90px);opacity:0;transition:.3s;pointer-events:none;box-shadow:0 8px 24px rgba(0,0,0,.4)}
.cx-dock.on{transform:none;opacity:1;pointer-events:auto}.cx-dock b{color:var(--cx-soft)}
/* checkout */
.cx-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:30px}
.cx-plan{position:relative;text-align:start;display:flex;flex-direction:column;gap:6px;padding:22px 20px;background:var(--cx-card);color:var(--cx-card-text);border:var(--cx-bw) solid var(--cx-line);border-radius:var(--cx-radius);cursor:pointer;font-family:var(--cx-body);box-shadow:var(--cx-shadow-sm);transition:.15s}
.cx-plan:hover{transform:translate(-2px,-2px);box-shadow:var(--cx-shadow)}
.cx-plan.on{background:var(--cx-accent);color:#fff;border-color:var(--cx-accent)}
.cx-plan b{font:400 38px/1 var(--cx-disp);letter-spacing:.04em}
html[lang=ar] .cx-plan b{font-family:var(--cx-body);font-weight:900;font-size:27px}
.cx-price{font:400 72px/1 var(--cx-disp);color:var(--cx-accent)}.cx-plan.on .cx-price{color:#fff}
.cx-plan small{font-weight:700;font-size:17px;opacity:.9}
.cx-best{position:absolute;top:-15px;inset-inline-end:16px;font:900 15px var(--cx-body);font-style:normal;background:var(--cx-ink);color:#fff;border:2px solid #fff;border-radius:20px;padding:1px 12px}
.cx-tray{background:var(--cx-card);color:var(--cx-card-text);border:var(--cx-bw) dashed var(--cx-line);border-radius:var(--cx-radius);padding:16px 18px;margin-bottom:18px}
.cx-sel{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.cx-tag{display:inline-flex;gap:6px;align-items:center;background:var(--cx-soft);color:#111;border:2px solid var(--cx-line);border-radius:30px;padding:2px 6px 2px 12px;font:800 13px var(--cx-body)}
html[dir=rtl] .cx-tag{padding:2px 12px 2px 6px}
.cx-tag button{border:0;background:#111;color:#fff;border-radius:50%;width:20px;height:20px;cursor:pointer;line-height:1}
.cx-note{font-size:16px;opacity:.85;line-height:1.7;margin:8px 0}.cx-note.big{font-size:21px;font-weight:700;opacity:1;margin:0 0 22px}
.cx-pay{display:flex;flex-wrap:wrap;gap:14px;padding:12px 16px;border:2px solid var(--cx-line);border-radius:14px;margin-bottom:16px;background:var(--cx-card);color:var(--cx-card-text)}
.cx-form{display:grid;gap:14px;background:var(--cx-card);color:var(--cx-card-text);border:var(--cx-bw) solid var(--cx-line);border-radius:var(--cx-radius);padding:24px;box-shadow:var(--cx-shadow-sm)}
.cx-row2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.cx-fh{font-size:24px}.cx-form{padding:30px}
.cx-form label{display:grid;gap:8px;font:800 17px var(--cx-body)}
.cx-form input,.cx-form select,.cx-dl textarea{font:600 18px var(--cx-body);padding:14px 16px;border:2px solid var(--cx-line);border-radius:12px;background:var(--cx-bg);color:var(--cx-text);width:100%}
.cx-form input:focus,.cx-form select:focus,.cx-dl textarea:focus{outline:0;border-color:var(--cx-accent)}
.cx-box{background:var(--cx-card);color:var(--cx-card-text);border:var(--cx-bw) solid var(--cx-line);border-radius:var(--cx-radius);padding:24px}
.cx-ok{margin-top:20px;background:var(--cx-card);color:var(--cx-card-text);border:var(--cx-bw) solid var(--cx-accent);border-radius:var(--cx-radius);padding:22px}
.cx-ok pre{white-space:pre-wrap;background:var(--cx-bg);color:var(--cx-text);border-radius:12px;padding:14px;font:600 13px var(--cx-mono);direction:ltr;text-align:left;margin:12px 0}
.cx-acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px}
/* download */
.cx-dl{background:var(--cx-card);color:var(--cx-card-text);border:var(--cx-bw) solid var(--cx-line);border-radius:var(--cx-radius);padding:24px;box-shadow:var(--cx-shadow-sm)}
.cx-dl textarea{font:600 13px var(--cx-mono);direction:ltr;resize:vertical}
.cx-files{list-style:none;margin-top:14px;display:grid;gap:8px;max-height:420px;overflow:auto}
.cx-files li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;border:2px solid var(--cx-line);border-radius:12px;font-weight:800;font-size:17px}
/* assistant */
.cx-ai{position:fixed;bottom:22px;inset-inline-end:22px;z-index:800}
.cx-fab{position:relative;width:68px;height:68px;border-radius:50%;background:#fff;border:3px solid var(--cx-accent);box-shadow:0 10px 28px rgba(0,0,0,.35);cursor:pointer;display:grid;place-items:center;padding:0;transition:transform .2s}
.cx-fab:hover{transform:scale(1.08)}.cx-fab img{width:46px;height:46px;object-fit:contain}
.cx-pulse{position:absolute;inset:-6px;border-radius:50%;border:2px solid var(--cx-accent);animation:cxp 2.2s ease-out infinite;pointer-events:none}
@keyframes cxp{from{transform:scale(.9);opacity:.8}to{transform:scale(1.35);opacity:0}}
.cx-ai.open .cx-fab{display:none}
.cx-panel{display:none;width:min(420px,calc(100vw - 28px));height:min(620px,calc(100vh - 40px));background:#fff;color:#111;border:3px solid #111;border-radius:22px;box-shadow:8px 8px 0 var(--cx-accent);overflow:hidden;flex-direction:column}
.cx-ai.open .cx-panel{display:flex}
.cx-panel header{display:flex;align-items:center;gap:10px;background:var(--cx-accent);color:#fff;padding:12px 14px}
.cx-panel header img{width:38px;height:38px;object-fit:contain;background:#fff;border-radius:50%;padding:4px;border:2px solid #111}
.cx-panel header div{flex:1;line-height:1.25}.cx-panel header b{font:900 20px var(--cx-body);display:block}.cx-panel header small{font-size:14px;opacity:.95}
.cx-panel header button{background:#111;color:#fff;border:0;border-radius:50%;width:30px;height:30px;font-size:18px;cursor:pointer}
.cx-msgs{flex:1;overflow:auto;padding:14px;display:flex;flex-direction:column;gap:10px;background:#faf8f4}
.cx-m{max-width:92%;padding:12px 16px;border-radius:16px;font-size:17px;line-height:1.7}
.cx-m.b{background:#fff;border:2px solid #111;align-self:flex-start;border-bottom-left-radius:4px}
html[dir=rtl] .cx-m.b{border-bottom-left-radius:16px;border-bottom-right-radius:4px}
.cx-m.u{background:#111;color:#fff;align-self:flex-end}
.cx-sk{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.cx-sk button{font:800 14.5px var(--cx-body);background:var(--cx-soft);color:#111;border:2px solid #111;border-radius:20px;padding:3px 10px;cursor:pointer}
.cx-sk button:hover{background:var(--cx-accent);color:#fff}
.cx-quick{display:flex;gap:6px;overflow-x:auto;padding:8px 12px;border-top:2px solid #111;background:#fff}
.cx-quick button{white-space:nowrap;font:800 14.5px var(--cx-body);background:#fff;border:2px solid #111;border-radius:20px;padding:4px 12px;cursor:pointer}
.cx-quick button:hover{background:var(--cx-soft)}
#cx-aif{display:flex;border-top:2px solid #111}
#cx-aif input{flex:1;border:0;padding:16px;font:600 17px var(--cx-body);background:#fff;color:#111}
#cx-aif input:focus{outline:0}
#cx-aif button{background:var(--cx-accent);color:#fff;border:0;padding:0 20px;font-size:18px;cursor:pointer}
.cx-dots{display:inline-block;width:34px;height:8px;background:radial-gradient(circle,#111 3px,transparent 3.5px) 0 50%/11px 8px;animation:cxd 1s steps(3) infinite}
@keyframes cxd{to{background-position:33px 50%}}
@media(max-width:900px){.cx-plans{grid-template-columns:1fr}.cx-row2{grid-template-columns:1fr}}
@media(max-width:560px){.cx-plans{grid-template-columns:1fr}.cx-grid{grid-template-columns:1fr}.cx-ai{bottom:14px;inset-inline-end:14px}.cx-dock{inset-inline-start:14px;bottom:96px}}

.cx-link{background:none;border:0;color:var(--cx-accent);font:900 17px var(--cx-body);cursor:pointer;padding:4px 0;white-space:nowrap}.cx-link:hover{text-decoration:underline}
.cx-custom{margin-top:26px;font-size:18px;opacity:.9}.cx-custom a{color:var(--cx-accent);font-weight:900;text-decoration:underline}
.cx-picker{background:var(--cx-card);color:var(--cx-card-text);border:var(--cx-bw) solid var(--cx-line);border-radius:var(--cx-radius);padding:24px;margin-bottom:22px}
.cx-pick-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:24px}
.cx-cnt{font:900 22px var(--cx-body);background:var(--cx-soft);color:#111;border:2px solid var(--cx-line);border-radius:30px;padding:2px 16px}.cx-cnt.full{background:var(--cx-accent);color:#fff;border-color:var(--cx-accent)}
.cx-search{width:100%;margin:14px 0;font:600 18px var(--cx-body);padding:13px 18px;border:2px solid var(--cx-line);border-radius:14px;background:var(--cx-bg);color:var(--cx-text)}
.cx-list{max-height:440px;overflow:auto;display:grid;gap:8px;padding-inline-end:6px}
.cx-row{display:flex;gap:14px;align-items:flex-start;padding:12px 14px;border:2px solid var(--cx-line);border-radius:14px;cursor:pointer;transition:.12s}
.cx-row:hover{border-color:var(--cx-accent)}.cx-row.on{background:var(--cx-soft);color:#111;border-color:var(--cx-accent)}
.cx-row input{width:24px;height:24px;flex:none;margin-top:3px;accent-color:var(--cx-accent)}
.cx-row b{display:block;font-size:19px;line-height:1.3}.cx-row small{display:block;font-size:15.5px;opacity:.8;line-height:1.55;margin-top:2px;font-weight:600}
@media(max-width:560px){.cx-plans{grid-template-columns:1fr}.cx-price{font-size:60px}}

.cx-ico{display:inline-block;width:34px;height:34px;object-fit:contain;flex:none;vertical-align:middle}
.cx-ico.sm{width:30px;height:30px;margin-inline-end:8px}.cx-ico.lg{width:54px;height:54px}.cx-ico.xl{width:72px;height:72px;margin-bottom:4px}
.cx-id{display:flex;align-items:center;gap:12px;font:800 16px var(--cx-body)}
.cx-goal{display:inline-flex;align-items:center}
.cx-plan .cx-ico.xl{filter:drop-shadow(0 6px 8px rgba(0,0,0,.2))}
.cx-was{font:700 .42em var(--cx-body);opacity:.55;margin-inline-end:6px;text-decoration:line-through;text-decoration-thickness:3px;vertical-align:middle}
.cx-plan.on .cx-was{opacity:.8}
.cx-card .cx-ico.lg{transition:transform .25s}.cx-card:hover .cx-ico.lg{transform:translateY(-4px) rotate(-6deg) scale(1.08)}

.cx-promo{display:flex;align-items:center;gap:6px;background:var(--cx-ink);color:#fff;border-radius:50px;padding:8px 20px;font:800 18px var(--cx-body);margin-bottom:22px;width:fit-content}.cx-promo .cx-ico.sm{margin:0}

/* ---- icons: one consistent system ---- */
.cx-ico{display:block;flex:none;object-fit:contain;width:32px;height:32px;margin:0}
.cx-ico.sm{width:26px;height:26px;margin:0}
.cx-ico.lg{width:52px;height:52px}
.cx-ico.xl{width:64px;height:64px;margin:0 0 6px}
.cx-goal,.cx-chip{display:inline-flex;align-items:center;gap:8px;line-height:1.3}
.cx-top{align-items:center;min-height:52px}
.cx-id{display:flex;align-items:center;gap:12px;min-width:0}.cx-id>span{line-height:1.25}
.cx-plan{align-items:flex-start}
.cx-ft{flex-wrap:wrap;gap:10px}
.cx-pick-h{flex-wrap:wrap;gap:8px}
.cx-picker .cx-goals{align-items:center}
@media(max-width:640px){
 .cx-grid{grid-template-columns:1fr;gap:16px}.cx-card{padding:20px}.cx-card h3{font-size:30px}html[lang=ar] .cx-card h3{font-size:23px}.cx-card p{font-size:17px}
 .cx-ico.lg{width:44px;height:44px}.cx-top{min-height:44px}
 .cx-goals,.cx-chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px;margin-inline:-16px;padding-inline:16px;scrollbar-width:none}.cx-goals::-webkit-scrollbar,.cx-chips::-webkit-scrollbar{display:none}
 .cx-goal,.cx-chip{flex:none;font-size:15.5px;padding:7px 14px}
 .cx-rec>b{font-size:19px}.cx-bar input{font-size:17px;padding:14px 18px}
 .cx-plans{gap:16px}.cx-plan{flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px 14px;padding:18px}.cx-plan .cx-ico.xl{width:48px;height:48px;margin:0}.cx-plan b{flex:1}.cx-plan small{flex:1 1 100%}.cx-price{font-size:46px}
 .cx-picker,.cx-form,.cx-dl{padding:18px}.cx-pick-h{font-size:20px}.cx-list{max-height:360px}.cx-row b{font-size:17px}.cx-row small{font-size:14.5px}
 .cx-form label{font-size:16px}.cx-fh{font-size:20px}.cx-btn.big{font-size:19px}
 .cx-promo{font-size:15.5px;border-radius:14px;width:auto}.cx-note.big{font-size:18px}
 .cx-panel{width:calc(100vw - 20px);height:min(78vh,620px)}.cx-ai{bottom:12px;inset-inline-end:10px}.cx-fab{width:60px;height:60px}.cx-fab img{width:40px;height:40px}
 .cx-m{font-size:16px}.cx-toast{font-size:15px;max-width:calc(100vw - 32px);text-align:center}
 .cx-ok pre{font-size:12px}
}

/* ---- payment steps ---- */
.cx-egp{display:block;font:800 17px var(--cx-body);font-style:normal;opacity:.75;margin-top:2px}
.cx-plan.on .cx-egp{opacity:.95}
.cx-paybox{background:var(--cx-card);color:var(--cx-card-text);border:var(--cx-bw) solid var(--cx-line);border-radius:var(--cx-radius);padding:26px 30px;box-shadow:var(--cx-shadow-sm);margin-bottom:18px;display:grid;gap:16px}
.cx-step{display:flex;align-items:center;gap:12px;font:900 24px var(--cx-body)}
.cx-step i{font-style:normal;width:38px;height:38px;border-radius:50%;background:var(--cx-accent);color:#fff;display:grid;place-items:center;font:400 24px var(--cx-disp);flex:none}
.cx-amt{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 16px}.cx-amt b{font:400 58px/1 var(--cx-disp);color:var(--cx-accent)}.cx-amt span{font:800 18px var(--cx-body);opacity:.7}
.cx-meths{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.cx-meth{border:2px solid var(--cx-line);border-radius:16px;padding:16px;display:grid;gap:10px;cursor:pointer;background:var(--cx-bg);color:var(--cx-text);transition:.15s}
.cx-meth.on{border-color:var(--cx-accent);box-shadow:4px 4px 0 var(--cx-accent)}
.cx-meth b{font:900 20px var(--cx-body)}.cx-meth code{font:700 19px var(--cx-mono,monospace);word-break:break-all;text-align:start}.cx-meth small{font:700 14px var(--cx-body);opacity:.7}
.cx-btn.sm{padding:6px 14px;font-size:15px}
.cx-form .cx-step{margin-bottom:2px}
@media(max-width:640px){.cx-paybox{padding:18px}.cx-amt b{font-size:46px}.cx-step{font-size:20px}.cx-meths{grid-template-columns:1fr}}

/* ---- tiers ---- */
.cx-free{font:800 12px var(--cx-mono,monospace);letter-spacing:.06em;background:#16a34a;color:#fff;border-radius:999px;padding:3px 10px;white-space:nowrap}
.cx-os{font:700 11.5px var(--cx-body);opacity:.65;border:1.5px solid currentColor;border-radius:999px;padding:2px 9px;white-space:nowrap}
.cx-chip.orig.on{background:var(--cx-accent);border-color:var(--cx-accent);color:#fff}.cx-chip.free.on{background:#16a34a;border-color:#16a34a;color:#fff}
.cx-freebtn{background:#16a34a!important;border-color:#16a34a!important;color:#fff!important}
.cx-plans.four{grid-template-columns:repeat(4,1fr)}
@media(max-width:1100px){.cx-plans.four{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.cx-plans.four{grid-template-columns:1fr}}
.cx-olist{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.cx-olist span{border:2px solid var(--cx-line);border-radius:999px;padding:3px 12px;font:700 14px var(--cx-body);background:var(--cx-card);color:var(--cx-card-text)}
.cx-modal{position:fixed;inset:0;z-index:400;background:rgba(0,0,0,.55);display:grid;place-items:center;padding:16px}
.cx-mbox{position:relative;width:min(460px,100%);background:var(--cx-card,#fff);color:var(--cx-card-text,#111);border:var(--cx-bw,3px) solid var(--cx-line,#111);border-radius:var(--cx-radius,22px);box-shadow:8px 8px 0 var(--cx-line,#111);padding:26px;display:grid;gap:12px}
.cx-mbox b{font:800 13px var(--cx-mono,monospace);letter-spacing:.08em;color:#16a34a}.cx-mbox h3{font:900 26px var(--cx-body)}.cx-mbox p{font-size:15.5px;opacity:.8;line-height:1.6}
.cx-mbox label{display:grid;gap:6px;font:800 15px var(--cx-body)}.cx-mbox input{font:600 17px var(--cx-body);padding:12px 14px;border:2px solid var(--cx-line);border-radius:12px;background:var(--cx-bg);color:var(--cx-text)}
.cx-mx{position:absolute;top:10px;inset-inline-end:12px;background:none;border:0;font-size:28px;cursor:pointer;color:inherit;line-height:1}