.u-border {
  border: 1px solid;
  border-radius: 0.375rem; /* 6px */
}
/* ========== Base Scroll Utilities ========== */
:root {
  --u-scroll-size: 6px; /* مقدار پیش‌فرض ضخامت اسکرول */
    --sb-thumb: #94a3b8;  /* رنگ پیش‌فرض بخش متحرک */
  --sb-track: transparent; /* رنگ مسیر پس‌زمینه */
}
/* هر چیزی که u-scroll دارد، این استایل‌ها را هم می‌گیرد */
.u-scroll{
  overflow: auto; /* یا تنظیم مخصوص خودش */
    scrollbar-width: auto; /* فقط سه مقدار می‌پذیرد: auto | thin | none */
  scrollbar-color: var(--sb-thumb) ;
}

.u-scroll::-webkit-scrollbar{
  width: var(--u-scroll-size);
  height: var(--u-scroll-size);
}

.u-scroll::-webkit-scrollbar-thumb{
  background: var(--sb-thumb, #94a3b8);
  border-radius: calc(var(--u-scroll-size) / 2);
}