@import 'tailwindcss/base';
@import 'tailwindcss/components';
@import 'tailwindcss/utilities';

* {
  -webkit-tap-highlight-color: transparent; /* Отключаем выделение синим при тапе на телефоне*/
  /* outline: 1px solid green; */
} 

:root {
  color-scheme: light dark;
  width: 100%;
  height: 100svh;
  /* @apply bg-layout-background; */
  /* transition: all linear 200ms; */

  font-family: 'Source Code Pro', monospace;
  
  /* font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif; */
  font-weight: 400;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.87);
}

#root {
  width: 100%;
  height: 100%;
}

body {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin: 0;
}



/* Общий контейнер полосы прокрутки */
.thin-scrollbar::-webkit-scrollbar {
  width: 4px;              /* ширина вертикального */
}

/* Трек (фон) */
.thin-scrollbar::-webkit-scrollbar-track {
  background: transparent;
}

/* Ползунок (thumb) */
.thin-scrollbar::-webkit-scrollbar-thumb {
  background: var(--color-liquid-light);
  border-radius: 1000px;
  cursor: pointer;
}


/* Общий контейнер полосы прокрутки */
.medium-scrollbar::-webkit-scrollbar {
  width: 8px;              /* ширина вертикального */
}

/* Трек (фон) */
.medium-scrollbar::-webkit-scrollbar-track {
  background: transparent;
}

/* Ползунок (thumb) */
.medium-scrollbar::-webkit-scrollbar-thumb {
  background: var(--color-liquid-light);
  border-radius: 1000px;
  cursor: pointer;
}