.pb-swatch-panel{padding:8px;max-width:min(92vw,460px)}.pb-swatch-grid{--cols: 9;display:grid;grid-template-columns:repeat(var(--cols),1fr);gap:6px;-webkit-user-select:none;user-select:none}.pb-swatch{position:relative;width:100%;aspect-ratio:1 / 1;min-width:24px;min-height:24px;border:0;border-radius:6px;padding:0;box-shadow:inset 0 0 0 1px #00000040;cursor:pointer;transition:all .15s ease;touch-action:manipulation;-webkit-tap-highlight-color:#fff0}.pb-swatch:hover{transform:scale(1.15);box-shadow:0 4px 8px #00000026;z-index:1}.pb-swatch:active{transform:scale(1.05)}.pb-swatch:focus-visible{outline:2px solid #06f;outline-offset:2px}.pb-swatch.is-selected{box-shadow:inset 0 0 0 1px #00000014,0 0 0 3px #06f}.pb-swatch-firmware .pb-swatch{min-width:30px}.pb-swatch-random{display:block;width:100%;margin-top:8px;padding:8px 12px;border:0;border-radius:8px;font-weight:700;font-size:14px;color:#111827;cursor:pointer;background:linear-gradient(#ffffffd1,#ffffffd1),linear-gradient(90deg,red,#ff8000,#ff0,#0f0,#0ff,#00f,#f0f);box-shadow:inset 0 0 0 1px #0000001a;transition:all .15s ease;touch-action:manipulation}.pb-swatch-random:hover{transform:scale(1.03);box-shadow:0 4px 8px #00000026}.pb-swatch-random:focus-visible{outline:2px solid #06f;outline-offset:2px}.pb-swatch-random.is-selected{box-shadow:inset 0 0 0 1px #0000001a,0 0 0 3px #06f}@media (any-pointer: coarse){.pb-swatch-panel{max-width:94vw}.pb-swatch-grid{gap:8px}.pb-swatch{min-width:28px}.pb-swatch-firmware .pb-swatch{min-width:44px;min-height:44px}.pb-swatch-random{min-height:44px}}

//# sourceMappingURL=colourSwatch.css.map