/* [project]/components/UI/dropdown/SimpleDropdown.css [app-client] (css) */
.scroll-shadows {
  background-color: #fff;
  background-image: linear-gradient(#fff 30%, #c5191900), linear-gradient(to top, #fff 70%, #fff0), radial-gradient(farthest-side at 50% 0, #0000002d, #0000), radial-gradient(farthest-side at 50% 100%, #0000002d, #0000);
  background-position: top, bottom, top, bottom;
  background-repeat: no-repeat;
  background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px;
  background-attachment: local, local, scroll, scroll;
}

/* [project]/components/layout/scroll-mask.css [app-client] (css) */
.scroll-shadows-x {
  --scroll-bg: #fff;
  --cover: 40px;
  --shadow: 24px;
  --shadow-color: #0006;
  background: linear-gradient(to right, var(--scroll-bg) 30%, transparent) left center, linear-gradient(to left, var(--scroll-bg) 70%, transparent) right center, radial-gradient(farthest-side at 0 50%, var(--shadow-color), transparent) left center, radial-gradient(farthest-side at 100% 50%, var(--shadow-color), transparent) right center;
  background-repeat: no-repeat;
  background-size: var(--cover) 100%, var(--cover) 100%, var(--shadow) 100%, var(--shadow) 100%;
  background-attachment: local, local, scroll, scroll;
  overflow-x: auto;
}

/*# sourceMappingURL=components_56b87a7b._.css.map*/