._cgf7ui0-3-15-1 {
  height: 100%;
  overflow: hidden;
  position: relative;
}
._cgf7ui1-3-15-1 {
  box-sizing: border-box;
  height: 100%;
  overflow-y: auto;
  position: relative;
  padding: var(--dt-spacings-size-16, 16px);
  background-color: var(--dt-colors-background-container-neutral-default, #f4f4f6);
}
._1jgl8s50-3-15-1 ._cgf7ui1-3-15-1 {
  background-color: var(--dt-colors-background-base-default, #fafafb);
}
._cgf7ui2-3-15-1 {
  box-sizing: border-box;
  height: 100%;
  overflow-y: auto;
  flex-grow: 1;
  background-color: var(--dt-colors-background-base-default, #fafafb);
}
._cgf7ui3-3-15-1 {
  background-color: var(--dt-colors-background-container-neutral-default, #f4f4f6);
}
._cgf7ui4-3-15-1 {
  position: relative;
  width: var(--dt-spacings-size-16, 16px);
  height: 100%;
  flex-shrink: 0;
  background-color: var(--dt-colors-background-container-neutral-default, #f4f4f6);
}
._1jgl8s50-3-15-1 ._cgf7ui4-3-15-1 {
  background-color: var(--dt-colors-background-base-default, #fafafb);
  border-right: var(--dt-borders-width-default, 1px) var(--dt-borders-style-default, solid) var(--dt-colors-border-neutral-subdued, #eaeaed);
}
._1jgl8s50-3-15-1 ._cgf7ui4-3-15-1:hover {
  border-color: var(--dt-colors-border-neutral-subdued-hover, #dddee1);
}
._1jgl8s50-3-15-1 ._cgf7ui4-3-15-1:active {
  border-color: var(--dt-colors-border-neutral-subdued-active, #d6d7da);
}
._cgf7ui5-3-15-1 {
  background-color: transparent;
  border-width: 0;
  cursor: pointer;
  height: 100%;
  padding: 0;
  position: absolute;
  inset: 0;
  transition-duration: var(--dt-animations-hover-duration-base, 150ms);
  transition-property: background-color, translate;
  transition-timing-function: var(--dt-animations-hover-easing, cubic-bezier(0, 0, 0.2, 1));
  width: var(--dt-spacings-size-16, 16px);
  translate: calc(0px - var(--dt-spacings-size-16, 16px) * 2);
  border-top-right-radius: var(--dt-borders-radius-surface-default, 12px);
}
._cgf7ui5-3-15-1:hover, ._cgf7ui5-3-15-1:focus, ._cgf7ui4-3-15-1:hover ._cgf7ui5-3-15-1 {
  background-color: var(--dt-colors-background-base-default, #fafafb);
  translate: calc(0px - var(--dt-spacings-size-16, 16px) / 2);
}
._1jgl8s50-3-15-1 ._cgf7ui5-3-15-1, ._1jgl8s50-3-15-1 ._cgf7ui5-3-15-1:hover, ._1jgl8s50-3-15-1 ._cgf7ui5-3-15-1:focus, ._1jgl8s50-3-15-1 ._cgf7ui4-3-15-1:hover ._cgf7ui5-3-15-1 {
  border-top-right-radius: 0;
  translate: 0;
  box-shadow: none;
}
._cgf7ui6-3-15-1 {
  box-sizing: border-box;
  padding: var(--dt-spacings-size-16, 16px);
}
._cgf7ui7-3-15-1 {
  display: flex;
  flex-direction: column;
  height: 100%;
}
._cgf7ui8-3-15-1 {
  box-sizing: border-box;
  flex-grow: 1;
}
._cgf7ui9-3-15-1 {
  display: flex;
  gap: var(--dt-spacings-size-4, 4px);
}
._cgf7uib-3-15-1 {
  --_cgf7uia-3-15-1: 24px;
  position: absolute;
  top: var(--dt-spacings-size-20, 20px);
  left: -2px;
  line-height: 0;
  z-index: 1;
}
._cgf7uic-3-15-1 {
  --_cgf7uia-3-15-1: 24px;
  position: absolute;
  top: var(--dt-spacings-size-20, 20px);
  left: 2px;
  line-height: 0;
  z-index: 1;
}
._cgf7uid-3-15-1 {
  width: var(--_cgf7uia-3-15-1);
  height: var(--_cgf7uia-3-15-1);
  box-sizing: border-box;
}
._cgf7uie-3-15-1 {
  background-color: var(--dt-colors-background-container-neutral-subdued, #fafafb);
  opacity: 0;
  box-shadow: 0 0 0 2px var(--dt-colors-background-container-neutral-default, #f4f4f6);
  transition-duration: var(--dt-animations-hover-duration-base, 150ms);
  transition-property: all;
  transition-timing-function: var(--dt-animations-hover-easing, cubic-bezier(0, 0, 0.2, 1));
}
._cgf7uie-3-15-1:hover {
  opacity: 1;
  background-color: var(--dt-colors-background-field-neutral-default-hover, #eff0f2);
}
._cgf7uie-3-15-1:focus-visible {
  opacity: 1;
}
._cgf7ui1-3-15-1:hover ~ ._cgf7ui3-3-15-1 ._cgf7uie-3-15-1, ._cgf7ui3-3-15-1:hover ._cgf7uie-3-15-1 {
  opacity: 1;
}
._1jgl8s50-3-15-1 ._cgf7ui1-3-15-1:hover ~ ._cgf7ui3-3-15-1 ._cgf7uie-3-15-1, ._1jgl8s50-3-15-1 ._cgf7ui3-3-15-1:hover ._cgf7uie-3-15-1 {
  opacity: 1;
  box-shadow: none;
}
._1jgl8s50-3-15-1 ._cgf7uie-3-15-1 {
  background-color: var(--dt-colors-background-base-default, #fafafb);
  border: var(--dt-borders-width-default, 1px) var(--dt-borders-style-default, solid) var(--dt-colors-border-neutral-default, #e4e4e7);
  left: calc(-1 * var(--dt-spacings-size-6, 6px));
  opacity: 0;
}
._1jgl8s50-3-15-1 ._cgf7uie-3-15-1:hover {
  background-color: var(--dt-colors-background-field-neutral-default-hover, #eff0f2);
  opacity: 1;
}
._1jgl8s50-3-15-1 ._cgf7uie-3-15-1:active {
  background-color: var(--dt-colors-background-field-neutral-default-active, #eaeaed);
}
._1jgl8s50-3-15-1 ._cgf7uie-3-15-1:focus-visible {
  opacity: 1;
}
._cgf7uif-3-15-1 {
  background-color: var(--dt-colors-background-container-neutral-default, #f4f4f6);
}
._cgf7uif-3-15-1:hover {
  background-color: var(--dt-colors-background-field-neutral-default-hover, #eff0f2);
  box-shadow: 0 0 0 2px var(--dt-colors-background-container-neutral-default, #f4f4f6);
}
._1jgl8s50-3-15-1 ._cgf7uif-3-15-1 {
  background-color: var(--dt-colors-background-base-default, #fafafb);
  border: var(--dt-borders-width-default, 1px) var(--dt-borders-style-default, solid) var(--dt-colors-border-neutral-default, #e4e4e7);
  left: var(--dt-spacings-size-2, 2px);
}
._1jgl8s50-3-15-1 ._cgf7uif-3-15-1:hover {
  background-color: var(--dt-colors-background-field-neutral-default-hover, #eff0f2);
  box-shadow: none;
}
._1jgl8s50-3-15-1 ._cgf7uif-3-15-1:active {
  background-color: var(--dt-colors-background-field-neutral-default-active, #eaeaed);
}