.tool-card{overflow:visible}.tool-card:hover,.tool-card:focus-within{z-index:8}.tool-info{position:absolute;right:14px;top:13px;display:grid;place-items:center;width:22px;height:22px;border:1px solid color-mix(in srgb,var(--accent) 38%,#ddd);border-radius:50%;background:#fff;color:var(--accent);font-size:12px;font-weight:900;line-height:1;cursor:help;z-index:3}.tool-card.featured .tool-info{background:#ffffff20;border-color:#ffffff70;color:#fff}.tool-info-tip{position:absolute;right:-7px;bottom:calc(100% + 10px);width:230px;padding:12px 13px;border-radius:11px;background:#211d3b;color:#fff;font:500 10px/1.55 Manrope,sans-serif;text-align:left;box-shadow:0 14px 35px #17132d3d;opacity:0;visibility:hidden;transform:translateY(5px);transition:.18s;pointer-events:none}.tool-info-tip:after{content:"";position:absolute;right:13px;top:100%;border:6px solid transparent;border-top-color:#211d3b}.tool-info:hover .tool-info-tip,.tool-info:focus .tool-info-tip,.tool-info.tip-open .tool-info-tip{opacity:1;visibility:visible;transform:translateY(0)}.numbering-help{margin:18px 0 4px;padding:12px 14px;border-radius:11px;background:#eef8fa;color:#397986;font-size:10px;line-height:1.55}.numbering-options{margin-top:12px}@media(max-width:600px){.tool-info-tip{right:-5px;width:min(220px,70vw)}}