.xp-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}.xp-grid{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:2px}.xp-grid>span,.xp-grid>button{min-width:0;min-height:22px;aspect-ratio:1;background:rgb(var(--shade),var(--shade),var(--shade));font-size:10px;font-variant-numeric:tabular-nums;display:flex;align-items:center;justify-content:center;border:1px solid #bac8b1;color:transparent;padding:0}.xp-grid>button{cursor:pointer}.xp-grid>button:focus-visible{outline:3px solid #c67d3e;outline-offset:1px;z-index:1}.xp-grid>button:hover{outline:2px solid #bb844e}.xp-probability{display:flex;height:38px;gap:0;border:1px solid #b7c7aa}.xp-probability i{min-width:0;transition:flex .15s}.xp-legend{display:flex;flex-wrap:wrap;gap:12px}.xp-legend span:first-child{color:#397653}.xp-legend span:last-child{color:#b56e42}.exploration-lab details>summary{font-size:12px;cursor:pointer;padding:10px 0}.exploration-lab .fl-picture>.xp-grid{max-width:420px}.exploration-lab[data-exploration-id=inverse-average] .xp-grid{max-width:220px}.exploration-lab[data-exploration-id=inverse-average] .xp-grid>span{min-height:80px;color:#fff;text-shadow:0 1px 4px #000;font-size:20px}.exploration-lab[data-exploration-id=gaussian-unsharp] .xp-grid{gap:1px}.exploration-lab[data-exploration-id=gaussian-unsharp] .xp-grid>span{min-height:40px}@media(max-width:600px){.xp-pair{gap:10px}.xp-grid{gap:1px}.xp-grid>span,.xp-grid>button{min-height:12px}.exploration-lab[data-exploration-id=morphology-mask] .xp-pair{grid-template-columns:1fr}.exploration-lab[data-exploration-id=morphology-mask] .xp-grid>button{min-height:28px;aspect-ratio:auto}.exploration-lab[data-exploration-id=morphology-mask] .xp-grid>span{min-height:20px;aspect-ratio:auto}}