.fli-knop{margin-left:auto}.fli-box{max-width:900px;width:min(900px,calc(100vw - 2rem))}.fli-uitleg{margin:0 0 1rem;color:var(--text-soft, #64748b);font-size:.9rem;line-height:1.5}.fli-kolommen{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:1.25rem}.fli-kop{margin:0 0 .5rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-soft, #64748b)}.fli-lijst{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}.fli-rij{display:grid;grid-template-columns:auto minmax(6rem,1fr) minmax(7rem,1.2fr) auto auto;align-items:center;gap:.5rem;padding:.35rem .5rem;border-radius:.5rem;background:var(--surface-2, rgba(148, 163, 184, .08))}.fli-dot{width:.6rem;height:.6rem;border-radius:50%;flex:none}.fli-naam{font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fli-label{font-size:.85rem;padding:.3rem .5rem;min-width:0}.fli-label:disabled{opacity:.45}.fli-toon{display:inline-flex;align-items:center;gap:.3rem;font-size:.78rem;color:var(--text-soft, #64748b);white-space:nowrap}.fli-pijlen{display:inline-flex;gap:.15rem}.fli-pijl{border:1px solid var(--border, #cbd5e1);background:transparent;color:inherit;border-radius:.35rem;width:1.6rem;height:1.6rem;line-height:1;cursor:pointer;font-size:.65rem}.fli-pijl:hover:not(:disabled){background:var(--surface-3, rgba(148, 163, 184, .18))}.fli-pijl:disabled{opacity:.3;cursor:default}.fli-laden{color:var(--text-soft, #64748b);font-size:.9rem;padding:.5rem}.fli-voorbeeld{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.3rem;font-size:.88rem}.fli-voorbeeld li{padding:.3rem .5rem;border-radius:.4rem;background:var(--surface-2, rgba(148, 163, 184, .08))}.fli-vb-nr{color:var(--text-soft, #64748b);font-variant-numeric:tabular-nums}.fli-vb-sub{color:var(--text-soft, #64748b);font-size:.78rem}.fli-fout{margin:.85rem 0 0;color:var(--red, #dc2626);font-size:.88rem}.fli-foot{display:flex;align-items:center;gap:.5rem}.fli-foot-spacer{flex:1 1 auto}@media(max-width:720px){.fli-kolommen{grid-template-columns:minmax(0,1fr)}.fli-rij{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"dot naam pijlen" "label label label" "toon toon toon";row-gap:.35rem}.fli-dot{grid-area:dot}.fli-naam{grid-area:naam;white-space:normal}.fli-pijlen{grid-area:pijlen}.fli-label{grid-area:label}.fli-toon{grid-area:toon}.fli-pijl{width:2.25rem;height:2.25rem;font-size:.8rem}}