/* SPDX-License-Identifier: AGPL-3.0-only */
/* card-ux (docs/specs/card-ux.md): optional action bar, card sections with a page indicator, first-run guide */
html:not(.desk) body.cx-noacts #actions{display:none!important}
html:not(.desk) .card .c-body > .cx-off{display:none!important}
.cx-dots{display:none}
html:not(.desk) .cx-dots{display:flex;gap:4px;justify-content:center;align-items:center;margin:2px 0 4px;flex:none}
.cx-dot{appearance:none;-webkit-appearance:none;border:0;background:none;padding:6px 4px;display:inline-flex;align-items:center;gap:4px;color:var(--text-3);font:600 11px/1 inherit;font-family:inherit;cursor:pointer}
.cx-dot i{width:6px;height:6px;border-radius:3px;background:currentColor;opacity:.5;transition:width .2s cubic-bezier(.22,1,.36,1)}
.cx-dot span{display:none}
.cx-dot.on{color:var(--accent-text,var(--accent))}
.cx-dot.on i{width:16px;opacity:1}
.cx-dot.on span{display:inline}
.cx-src ul{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:6px}
.cx-src li{font-size:14px;color:var(--text-2)}
.cx-src li b{color:var(--text)}
.cx-tour p{margin:4px 0 16px;font-size:16px;line-height:23px;color:var(--text-2)}
.cx-tdots{display:flex;gap:6px;justify-content:center;margin:0 0 16px}
.cx-tdots i{width:6px;height:6px;border-radius:3px;background:var(--text-3);opacity:.5}
.cx-tdots i.on{width:16px;background:var(--accent);opacity:1}
.cx-tbtns{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.cx-tourrow{width:100%}