/**
 * Auto-generated file. Do not edit directly.
 */
/* stylelint-disable value-keyword-case */
/* stylelint-enable value-keyword-case */
:host {
  overflow: hidden;
  position: relative;
  display: flex;
}

:host([hidden]) {
  display: none;
}

.shadow-bottom, .shadow-right, .shadow-left, .shadow-top {
  position: absolute;
  transition: box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.shadow-top {
  z-index: 2;
  width: 100%;
  top: 0;
}

.shadow-left {
  z-index: 4;
  height: 100%;
  left: 0;
}

.shadow-right {
  z-index: 4;
  height: 100%;
  right: 0;
}

.shadow-bottom {
  z-index: 2;
  width: 100%;
  bottom: 0;
}

.scrollable-wrapper {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.scrollable-wrapper.cat-scrollable-top .shadow-top, .scrollable-wrapper.cat-scrollable-bottom .shadow-bottom, .scrollable-wrapper.cat-scrollable-left .shadow-left, .scrollable-wrapper.cat-scrollable-right .shadow-right {
  box-shadow: 0 0 4px 1px rgba(16, 29, 48, 0.2);
}

.scrollable-content {
  width: 100%;
  overflow: hidden;
  scrollbar-gutter: var(--cat-scrollbar-gutter, auto);
  scrollbar-color: var(--cat-scrollbar-color, auto);
}
.scrollable-content.scroll-x {
  overflow-x: auto;
}
.scrollable-content.scroll-y {
  overflow-y: auto;
}
.scrollable-content.no-overscroll {
  overscroll-behavior: contain;
}