@tailwind base;
@tailwind components;
@tailwind utilities;

/* Приховує скроллбар у браузерах на основі WebKit (Chrome, Safari) */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}

/* Приховує скроллбар у Firefox */
.no-scrollbar {
    scrollbar-width: none;
}

/* Приховує скроллбар в Internet Explorer та Edge */
.no-scrollbar {
    -ms-overflow-style: none;
}

/* HTML: <div class="loader"></div> */
.loader {
    width: 20px;
    aspect-ratio: 2;
    --_g: no-repeat radial-gradient(circle closest-side,#000 90%,#0000);
    background: 
      var(--_g) 0%   50%,
      var(--_g) 50%  50%,
      var(--_g) 100% 50%;
    background-size: calc(100%/3) 50%;
    animation: l3 1s infinite linear;
  }
  @keyframes l3 {
      20%{background-position:0%   0%, 50%  50%,100%  50%}
      40%{background-position:0% 100%, 50%   0%,100%  50%}
      60%{background-position:0%  50%, 50% 100%,100%   0%}
      80%{background-position:0%  50%, 50%  50%,100% 100%}
  }