Question: so i got a csv file saves as CSV -UTF-8 file from excel
on the right its in visual studio on the left its in excel.

when im trying to parse with PapaParse/csv-parser, i still see the output in <?> format
which it means encoding :
PapaParse try:

```
 papa.parse(file, {
    worker: true, 
    step: function (result) {
       count++; 
       console.log(result.data[0])
    },
    complete: function (results, file) {//
       console.log('parsing complete read', count, 'records.');
    }
});

```

csv-reader try:

```
const csv = require('csv-parser');
const results = [];
fs.createReadStream('Cities.csv')
   .pipe(csv())
   .on('data', function (datarow) {
       results.push(datarow);
   })
   .on('end', function () {
       console.log(results.toString('utf-8");
   });

```

In both situations the output is in <?> cant read hebrew chars

Answer: 
You should make the stylesheet available to the whole application. Personally I am using "svelte-preprocess".
To do this, just set some parameters in the svelte configuration file (svelte.config.js), asking to import a certain file into each sub stylesheet of your components.

```
import preprocess from 'svelte-preprocess';

const config = {
   preprocess: preprocess({
      scss: {
        prependData: `@import './src/style/app.scss';`
      }
   })
   ...
};

```

Then inside app.scss you can import any other file, for example \_variables.scss where you are going to put all the global variables that need to be shared.
For my case I creed a folder with differents files with varibles (for exemple colors.sccs etc.) in folder src and I imported it to main css file app.scss like this on the top of file:

```
@use "./colors";

```

and I imported app.scss in \_\_layout.svelte
after that I can use my variables ans maximes in each component like this where I write my style:

```
<style lang="scss">
   @use "./colors";

   .myClass {
      color: colors.$myColor
   } 

</style>

```