.ds-no-style-leak * {
  all: unset;
  box-sizing: border-box;
  display: block;
}

.ds-scroll-scrim__Vr7332 {
  all: initial;
  display: revert;
  box-sizing: border-box;
  font-family: var(--ds-fontFamily-body);
  font-size: var(--ds-fontSize-16);
  display: contents;
}
.ds-scroll-scrim__Vr7332__top, .ds-scroll-scrim__Vr7332__bottom {
  pointer-events: none;
  width: 100%;
  height: 2.75rem;
  margin-top: -2.75rem;
  flex: 0 0 auto;
  min-height: 0;
  position: sticky;
  z-index: 1;
  display: none;
}
.ds-scroll-scrim__Vr7332__top--visible, .ds-scroll-scrim__Vr7332__bottom--visible {
  display: block;
}
.ds-scroll-scrim__Vr7332__top {
  top: var(--ds-scroll-scrim-top-offset, 0);
  background: linear-gradient(to bottom, var(--ds-scroll-scrim-top-gradient-start, var(--ds-bgColor-white)) 0%, var(--ds-scroll-scrim-top-gradient-end, var(--ds-overlay-white-00)) 100%);
}
.ds-scroll-scrim__Vr7332__top--dark {
  height: calc(var(--ds-fontSize-14) * var(--ds-lineHeight-large) + 2 * var(--ds-spacing-2xSmall));
  background: none;
  margin-top: calc(-1 * (var(--ds-fontSize-14) * var(--ds-lineHeight-large) + 2 * var(--ds-spacing-2xSmall)));
  box-shadow: var(--ds-shadow-overflow);
}
.ds-scroll-scrim__Vr7332__bottom {
  bottom: var(--ds-scroll-scrim-bottom-offset, 0);
  background: linear-gradient(to top, var(--ds-scroll-scrim-bottom-gradient-start, var(--ds-bgColor-white)) 0%, var(--ds-scroll-scrim-bottom-gradient-end, var(--ds-overlay-white-00)) 100%);
}