.lsp-tonal-swatches{overflow:visible}
.lsp-tonal-swatch{position:relative;transform-origin:center;transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}
.lsp-tonal-swatch:first-child{border-radius:8px 8px 0 0}
.lsp-tonal-swatch:last-child{border-radius:0 0 8px 8px}
@media(hover:hover) and (pointer:fine){
  .lsp-tonal-swatch:hover{z-index:2;transform:translateY(-2px) scale(1.08);border-radius:10px;filter:brightness(1.06);box-shadow:0 8px 18px #0005,inset 0 0 0 2px #ffffffa6}
}
@media(prefers-reduced-motion:reduce){
  .lsp-tonal-swatch{transition:none}
  .lsp-tonal-swatch:hover{transform:none}
}