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




::-webkit-scrollbar {
    width: 1px !important;
    
}

::-webkit-scrollbar-thumb {
    background-color: #111;
}

::-webkit-scrollbar-track {
    background-color: #e9e9f5;
}

* {
    scrollbar-width: thin;
    scrollbar-color: #111 #e9e9f5;
}

.sidebar {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    background-color: #fff;
    padding: 10px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}


/* sub items animation  */

#shops-item {
    
  display: none;
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}

#shops-item.visible {
  display: block;
  opacity: 1;
  transform: translateY(0);
}