._1al677r0-3-5-0 {
  position: sticky;
  pointer-events: none;
}
._1al677r0-3-5-0::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 50px;
  pointer-events: none;
}
[data-theme="light"] ._1al677r1-3-5-0::after {
  box-shadow: inset 12px 0px 12px -32px var(--dt-colors-theme-foreground-10, #2d2e4e), inset 18px 0px 18px -32px var(--dt-colors-theme-foreground-10, #2d2e4e);
}
[data-theme="dark"] ._1al677r1-3-5-0::after {
  box-shadow: inset 12px 0px 12px -16px var(--dt-colors-theme-foreground-20, #fff), inset 16px 0px 16px -16px var(--dt-colors-theme-foreground-20, #fff);
}
[data-theme="light"] ._1al677r2-3-5-0::after {
  box-shadow: inset -12px 0px 12px -32px var(--dt-colors-theme-foreground-10, #2d2e4e), inset -18px 0px 18px -32px var(--dt-colors-theme-foreground-10, #2d2e4e);
}
[data-theme="dark"] ._1al677r2-3-5-0::after {
  box-shadow: inset -12px 0px 12px -16px var(--dt-colors-theme-foreground-20, #fff), inset -16px 0px 16px -16px var(--dt-colors-theme-foreground-20, #fff);
}
._1al677r3-3-5-0 {
  top: 0;
  bottom: 0;
  height: 100%;
  left: 0;
  grid-column-start: 1;
  grid-column-end: span 1;
  grid-row-start: 1;
  grid-row-end: body-end;
  z-index: 6;
}
._1al677r3-3-5-0::after {
  left: 0;
}
._1al677r4-3-5-0 {
  top: 0;
  bottom: 0;
  height: 100%;
  right: 0;
  left: auto;
  grid-row-start: 1;
  grid-row-end: body-end;
  z-index: 6;
}
._1al677r4-3-5-0::after {
  right: 0;
}