.karalio-visual-card{margin:16px 0 20px;border:1px solid #dfe6df;border-radius:18px;overflow:hidden;background:#fff}.karalio-visual-heading{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid #e6ebe6}.karalio-visual-heading div{display:grid;gap:2px}.karalio-visual-heading small{font-size:9px;font-weight:900;letter-spacing:.14em;color:#238a45}.karalio-visual-heading strong{font-size:15px}.karalio-visual-heading>span{font-size:11px;color:#667068}.karalio-visual-stage{padding:10px;background:#f4f6f3}.karalio-visual-stage svg{display:block;width:100%;height:auto}.karalio-visual-nav{display:flex;align-items:center;justify-content:center;gap:14px;padding:10px;border-top:1px solid #e6ebe6}.karalio-visual-nav button{width:38px;height:34px;border:1px solid #d8ded9;border-radius:10px;background:#111;color:#fff;font-size:22px;line-height:1}.karalio-visual-nav button:disabled{opacity:.25}.karalio-visual-nav span{min-width:58px;text-align:center;font-size:12px;font-weight:850}.karalio-visual-legend{display:flex;flex-wrap:wrap;gap:16px;padding:10px 16px;border-top:1px solid #e6ebe6;font-size:11px;color:#59615b}.karalio-visual-legend span{display:flex;align-items:center;gap:7px}.karalio-visual-legend i{display:inline-block;width:25px;border-top:2px solid #111}.karalio-visual-legend i.run{border-top-style:dashed}.karalio-visual-legend i.cone{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:10px solid #ff9500;border-top:0}.dark .karalio-visual-card,.dark .karalio-visual-heading,.dark .karalio-visual-nav,.dark .karalio-visual-legend{background:#171717;border-color:#303530}.dark .karalio-visual-heading strong{color:#f5f5f5}.dark .karalio-visual-heading>span,.dark .karalio-visual-legend{color:#adb4af}@media(max-width:560px){.karalio-visual-stage{padding:4px}.karalio-visual-heading{padding:12px}.karalio-visual-legend{gap:12px;padding:9px 12px}}