.tp{--tp-accent:var(--sl-accent,#d08856);--tp-ink:var(--sl-ink,#241f1a);--tp-soft:var(--sl-ink-soft,#6b665f);--tp-lijn:var(--sl-line-strong,#241f1a38);--tp-kaart:var(--sl-bg-card,#fff);flex:1;align-items:center;gap:6px;min-width:170px;display:inline-flex}.tp input[type=range]{min-width:60px;accent-color:var(--tp-accent);flex:1}.tp-bpm{font-variant-numeric:tabular-nums;color:var(--tp-soft);text-align:center;white-space:nowrap;min-width:68px;font-size:13px}.tp-knop{cursor:pointer;border:1.5px solid var(--tp-lijn);background:var(--tp-kaart);width:26px;height:26px;color:var(--tp-ink);font:inherit;border-radius:999px;flex:none;place-items:center;padding:0;font-size:15px;font-weight:700;line-height:1;display:grid}.tp-knop:hover:not(:disabled){border-color:var(--tp-accent);color:var(--tp-accent)}.tp-knop:disabled{opacity:.35;cursor:default}.tp-knop:focus-visible,.tp input:focus-visible{outline:2px solid var(--tp-accent);outline-offset:2px}
.sq{width:100%;color:var(--sl-ink,#241f1a);--sq-accent:var(--sl-accent,#d08856);--sq-on:var(--sl-accent-on,#fff);--sq-ink:var(--sl-ink,#241f1a);--sq-soft:var(--sl-ink-soft,#6b665f);--sq-lijn:var(--sl-line-strong,#241f1a38);--sq-kaart:var(--sl-bg-card,#fff);font-family:var(--sl-font-body,inherit);flex-direction:column;gap:10px;display:flex}.sq--compact{gap:8px}.sq{--sq-celmax:96px;--sq-gat:4px;--sq-labelbreedte:88px;position:relative}.sq-patronen{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.sq-tab{border:1.5px solid var(--sq-lijn);background:var(--sq-kaart);min-width:34px;height:30px;color:var(--sq-ink);cursor:pointer;border-radius:8px;padding:0 10px;font-size:13px;font-weight:800}.sq-tab[aria-selected=true]{background:var(--sq-ink);color:var(--sq-kaart);border-color:var(--sq-ink)}.sq-tab[data-klinkt=true]{box-shadow:0 0 0 2px var(--sq-accent)}.sq-tab--plus{min-width:30px;color:var(--sq-soft);place-items:center;padding:0;display:grid}.sq-liedregel{flex-wrap:wrap;align-items:center;gap:3px;margin-left:auto;display:flex}.sq-chip{border:1px solid var(--sq-lijn);min-width:26px;height:26px;color:var(--sq-ink);cursor:pointer;background:0 0;border-radius:999px;padding:0 8px;font-size:12px;font-weight:700}.sq-chip[data-klinkt=true]{background:var(--sq-accent);border-color:var(--sq-accent);color:var(--sq-on)}.sq-chip:disabled{cursor:default}.sq-chip--plus{color:var(--sq-soft);border-style:dashed}.sq-raster{gap:var(--sq-gat,4px);align-items:stretch;display:grid}.sq-rasterdoos{display:contents}.sq-rijkop{align-items:center;gap:6px;min-width:0;padding-right:6px;display:flex}.sq-rijkop[data-stil=true]{opacity:.4}.sq-icoon{object-fit:contain;flex:none;width:22px;height:22px}.sq-kleur{border-radius:50%;flex:none;width:12px;height:12px}.sq-rijnaam{text-align:left;cursor:pointer;min-width:0;font:inherit;letter-spacing:.04em;text-transform:uppercase;color:var(--sq-soft);text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;flex:1;padding:0;font-size:12px;font-weight:800;overflow:hidden}.sq-rijnaam:hover{color:var(--sq-ink)}.sq-cel{aspect-ratio:1;cursor:pointer;background:color-mix(in srgb, var(--sq-ink) 8%, transparent);border:none;border-radius:7px;place-items:center;min-width:0;min-height:28px;padding:0;transition:transform 60ms,background .1s;display:grid;position:relative;overflow:hidden}.sq-cel[data-tel=true]{background:color-mix(in srgb, var(--sq-ink) 14%, transparent)}.sq-cel[data-aan=true]{background:var(--sq-celkleur,var(--sq-accent));color:var(--sq-on)}.sq-cel[data-aan=true][data-accent="1"]{box-shadow:inset 0 0 0 3px #00000038}.sq-cel[data-aan=true][data-accent="2"]{box-shadow:inset 0 0 0 5px #00000052}.sq-cel[data-vast=true]{outline:2px dashed color-mix(in srgb, var(--sq-ink) 55%, transparent);outline-offset:-3px}.sq-cel[data-nu=true]{outline:3px solid color-mix(in srgb, var(--sq-ink) 45%, transparent);outline-offset:-1px}.sq-cel[data-aan=true][data-nu=true]{transform:scale(1.1)}.sq-cel[data-stil=true]{opacity:.4}.sq-cel[data-verborgen=true]{background:color-mix(in srgb, var(--sq-ink) 14%, transparent);color:#0000}.sq-cel[data-verborgen=true] .sq-slot{visibility:hidden}.sq-cel[data-verborgen=true]:not(:disabled){cursor:pointer}.sq-cel[data-verborgen=true]:not(:disabled):hover{background:color-mix(in srgb, var(--sq-ink) 22%, transparent)}.sq-cel:disabled{cursor:default}.sq-celtekst{pointer-events:none;font-size:11px;font-weight:800;line-height:1}.sq-cel[data-plaatje=true]{background:color-mix(in srgb, var(--sq-celkleur,var(--sq-accent)) 28%, var(--sq-kaart))}.sq-celplaatje{aspect-ratio:1;object-fit:contain;pointer-events:none;width:92%;height:auto}.sq-celplaatje[data-vector]{width:74%}.sq-cel[data-kiest=true]{outline:3px dashed var(--sq-accent);outline-offset:-2px}.sq-icoon svg{display:block}.sq-slot{opacity:.8;position:absolute;top:3px;right:3px}.sq-rijknoppen{align-items:center;gap:2px;padding-left:4px;display:flex}.sq-leeg{color:var(--sq-soft);grid-column:1/-1;margin:0;font-size:13px}.sq-mini{cursor:pointer;border:1.5px solid var(--sq-lijn);background:var(--sq-kaart);width:26px;height:26px;color:var(--sq-ink);border-radius:999px;flex:none;place-items:center;padding:0;font-size:15px;font-weight:700;line-height:1;display:grid}.sq-mini:hover:not(:disabled){border-color:var(--sq-accent);color:var(--sq-accent)}.sq-mini:disabled{opacity:.35;cursor:default}.sq-mini[data-aan=true]{background:var(--sq-ink);color:var(--sq-kaart);border-color:var(--sq-ink)}.sq-mini--weg:hover:not(:disabled){color:#aa210f;border-color:#aa210f}.sq-knop{cursor:pointer;border:1.5px solid var(--sq-lijn);background:var(--sq-kaart);height:32px;color:var(--sq-ink);font:inherit;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:12.5px;font-weight:700;display:inline-flex}.sq-knop:hover:not(:disabled){border-color:var(--sq-accent)}.sq-knop[data-aan=true]{background:var(--sq-ink);color:var(--sq-kaart);border-color:var(--sq-ink)}.sq-knop:disabled{opacity:.5;cursor:default}.sq-knop--licht{color:var(--sq-soft);border-style:dashed}.sq-speelknop{background:var(--sq-accent);width:42px;height:42px;color:var(--sq-on);cursor:pointer;border:none;border-radius:50%;flex:none;place-items:center;display:grid}.sq-speelknop:focus-visible,.sq-cel:focus-visible,.sq-knop:focus-visible,.sq-tab:focus-visible,.sq-pad:focus-visible{outline:2px solid var(--sq-accent);outline-offset:2px}.sq-bediening{flex-wrap:wrap;align-items:center;gap:10px 18px;display:flex}.sq-bediening>.sq-balk,.sq-bediening>.sq-onder{flex:none}.sq-bediening>.sq-balk--hand{flex:100%}.sq-balk{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sq-aftel{text-align:center;min-width:1.2em;color:var(--sq-accent);font-size:22px;font-weight:800;line-height:1}.sq-fase{letter-spacing:.06em;text-transform:uppercase;color:var(--sq-soft);font-size:12px;font-weight:800}.sq-fase[data-fase=draai]{color:var(--sq-accent)}.sq-onder{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sq-veld{color:var(--sq-soft);align-items:center;gap:6px;font-size:12px;display:inline-flex}.sq-select{border:1.5px solid var(--sq-lijn);background:var(--sq-kaart);height:30px;color:var(--sq-ink);font:inherit;border-radius:8px;padding:0 8px;font-size:12.5px}.sq-celkiezer{background:color-mix(in srgb, var(--sq-accent) 12%, var(--sq-kaart));border:1.5px dashed var(--sq-accent);border-radius:10px;flex-wrap:wrap;align-items:center;gap:4px;padding:6px 8px;display:flex}.sq-celkiezer-kop{color:var(--sq-soft);margin-right:4px;font-size:12px;font-weight:800}.sq-rijkiezer{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.sq-kiezer{flex-direction:column;gap:6px;width:100%;display:flex}.sq-kiezer-lijst{flex-wrap:wrap;gap:4px;display:flex}.sq-kiezer-item{cursor:pointer;border:1.5px solid var(--sq-lijn);background:var(--sq-kaart);height:30px;color:var(--sq-ink);font:inherit;border-radius:8px;align-items:center;gap:6px;padding:0 10px;font-size:12.5px;display:inline-flex}.sq-kiezer-item:hover{border-color:var(--sq-celkleur,var(--sq-accent))}.sq-pads{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:6px;display:grid}.sq-pad{cursor:pointer;border:1.5px solid var(--sq-lijn);background:var(--sq-kaart);min-height:56px;color:var(--sq-ink);font:inherit;-webkit-user-select:none;user-select:none;touch-action:none;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:6px;font-size:12px;font-weight:700;display:flex;position:relative}.sq-pad:active{background:var(--sq-celkleur,var(--sq-accent));color:var(--sq-on);transform:scale(.97)}.sq-pad kbd{font:inherit;color:var(--sq-soft);font-size:10px;position:absolute;top:4px;right:6px}.sq-pad .sq-icoon{width:26px;height:26px}.sq[data-passend]{height:100%;min-height:0}.sq[data-passend] .sq-rasterdoos{flex:auto;justify-content:flex-start;align-items:center;min-width:0;min-height:0;display:flex;overflow:hidden}.sq[data-passend] .sq-raster{max-height:100%}.sq[data-passend] .sq-cel{min-height:0}.sq[data-passend] .sq-rijkop{min-height:0;overflow:hidden}.sq[data-passend] .sq-rijnaam{font-size:var(--sq-labelfont,12px);letter-spacing:.02em}.sq[data-passend] .sq-rijkop{gap:4px;padding-right:4px}.sq[data-passend] .sq-rijkop .sq-mini{width:22px;height:22px}.sq-melding{color:var(--sl-ink,#241f1a);background:color-mix(in srgb, var(--sl-accent,#d08856) 16%, transparent);border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;margin:6px 0;padding:8px 12px;font-size:13px;display:flex}.sq-melding-kost{opacity:.75;font-weight:400}.sq-balk--hand{gap:8px}.sq-knop--stap{height:38px;padding:0 16px;font-size:14px}.sq-handstand{color:var(--sq-ink-soft,#6b665f);font-variant-numeric:tabular-nums;font-size:13px}.sq-handhint{color:var(--sq-ink-soft,#6b665f);opacity:.8;margin-left:auto;font-size:12px}.sq-cel[data-geweest=true]{opacity:.5}.sq-volgt{color:var(--sq-ink-soft,#6b665f);align-items:center;gap:5px;font-size:13px;display:inline-flex}.sq-kaartkiezer{z-index:6;background:var(--sq-kaart);border:1.5px solid var(--sq-accent);border-radius:12px;flex-wrap:wrap;align-items:center;gap:6px;max-width:min(92%,720px);padding:8px;display:flex;position:absolute;box-shadow:0 10px 26px #241f1a38}.sq-kaartkiezer .sq-kiezer-item{height:auto;min-height:44px;padding:6px 10px}.sq-kaartkiezer .sq-icoon{width:40px;height:40px}.sq-kiezer-item--leeg{min-width:44px;color:var(--sq-soft);border-style:dashed;justify-content:center}.sq-kiezer-item[data-aan=true]{border-color:var(--sq-accent);box-shadow:inset 0 0 0 1px var(--sq-accent);font-weight:700}.sq-kiezer-item--alles{justify-content:flex-start;gap:8px;width:100%;margin-bottom:6px}.sq-kiezer-item--alles span{color:var(--sl-ink-soft,#6b665f);font-weight:400}