._1mr4xg70-3-5-0 {
  height: 100%;
  overflow: hidden;
  position: relative;
}
._1mr4xg71-3-5-0 {
  display: flex;
  height: 100%;
  width: 100%;
}
._1mr4xg72-3-5-0 {
  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, #f2f2f5);
}
._1jgl8s50-3-5-0 ._1mr4xg72-3-5-0 {
  background-color: var(--dt-colors-background-base-default, #f9f9fa);
}
._1mr4xg73-3-5-0 {
  box-sizing: border-box;
  height: 100%;
  overflow-y: auto;
  flex-grow: 1;
  background-color: var(--dt-colors-background-base-default, #f9f9fa);
}
._1mr4xg74-3-5-0 {
  background-color: var(--dt-colors-background-container-neutral-default, #f2f2f5);
}
._1mr4xg75-3-5-0 {
  position: relative;
  width: var(--dt-spacings-size-16, 16px);
  height: 100%;
  flex-shrink: 0;
  background-color: var(--dt-colors-background-container-neutral-default, #f2f2f5);
}
._1jgl8s50-3-5-0 ._1mr4xg75-3-5-0 {
  background-color: var(--dt-colors-background-base-default, #f9f9fa);
  border-right: var(--dt-borders-width-default, 1px) var(--dt-borders-style-default, solid) var(--dt-colors-border-neutral-subdued, #e4e5eb);
}
._1jgl8s50-3-5-0 ._1mr4xg75-3-5-0:hover {
  border-color: var(--dt-colors-border-neutral-subdued-hover, #d0d1dc);
}
._1jgl8s50-3-5-0 ._1mr4xg75-3-5-0:active {
  border-color: var(--dt-colors-border-neutral-subdued-active, #c6c7d5);
}
._1mr4xg76-3-5-0 {
  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);
}
._1mr4xg76-3-5-0:hover, ._1mr4xg76-3-5-0:focus, ._1mr4xg75-3-5-0:hover ._1mr4xg76-3-5-0 {
  background-color: var(--dt-colors-background-base-default, #f9f9fa);
  translate: calc(0px - var(--dt-spacings-size-16, 16px) / 2);
}
._1jgl8s50-3-5-0 ._1mr4xg76-3-5-0, ._1jgl8s50-3-5-0 ._1mr4xg76-3-5-0:hover, ._1jgl8s50-3-5-0 ._1mr4xg76-3-5-0:focus, ._1jgl8s50-3-5-0 ._1mr4xg75-3-5-0:hover ._1mr4xg76-3-5-0 {
  border-top-right-radius: 0;
  translate: 0;
  box-shadow: none;
}
._1mr4xg77-3-5-0 {
  box-sizing: border-box;
  padding: var(--dt-spacings-size-16, 16px);
}
._1mr4xg78-3-5-0 {
  display: flex;
  flex-direction: column;
  height: 100%;
}
._1mr4xg79-3-5-0 {
  box-sizing: border-box;
  flex-grow: 1;
}
._1mr4xg7a-3-5-0 {
  display: flex;
  gap: var(--dt-spacings-size-4, 4px);
}
._1mr4xg7c-3-5-0 {
  --_1mr4xg7b-3-5-0: 24px;
  position: absolute;
  top: var(--dt-spacings-size-20, 20px);
  left: -2px;
  line-height: 0;
  z-index: 1;
}
._1mr4xg7d-3-5-0 {
  --_1mr4xg7b-3-5-0: 24px;
  position: absolute;
  top: var(--dt-spacings-size-20, 20px);
  left: 2px;
  line-height: 0;
  z-index: 1;
}
._1mr4xg7e-3-5-0 {
  width: var(--_1mr4xg7b-3-5-0);
  height: var(--_1mr4xg7b-3-5-0);
  box-sizing: border-box;
}
._1mr4xg7f-3-5-0 {
  background-color: var(--dt-colors-background-container-neutral-subdued, #f9f9fa);
  opacity: 0;
  box-shadow: 0 0 0 2px var(--dt-colors-background-container-neutral-default, #f2f2f5);
  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));
}
._1mr4xg7f-3-5-0:hover {
  opacity: 1;
  background-color: var(--dt-colors-background-field-neutral-default-hover, #dadbe4);
}
._1mr4xg7f-3-5-0:focus {
  opacity: 1;
}
._1mr4xg72-3-5-0:hover ~ ._1mr4xg74-3-5-0 ._1mr4xg7f-3-5-0, ._1mr4xg74-3-5-0:hover ._1mr4xg7f-3-5-0 {
  opacity: 1;
}
._1jgl8s50-3-5-0 ._1mr4xg72-3-5-0:hover ~ ._1mr4xg74-3-5-0 ._1mr4xg7f-3-5-0, ._1jgl8s50-3-5-0 ._1mr4xg74-3-5-0:hover ._1mr4xg7f-3-5-0 {
  opacity: 1;
  box-shadow: none;
}
._1jgl8s50-3-5-0 ._1mr4xg7f-3-5-0 {
  background-color: var(--dt-colors-background-base-default, #f9f9fa);
  border: var(--dt-borders-width-default, 1px) var(--dt-borders-style-default, solid) var(--dt-colors-border-neutral-default, #dadbe4);
  left: calc(-1 * var(--dt-spacings-size-6, 6px));
  opacity: 0;
}
._1jgl8s50-3-5-0 ._1mr4xg7f-3-5-0:hover {
  background-color: var(--dt-colors-background-field-neutral-default-hover, #dadbe4);
  opacity: 1;
}
._1jgl8s50-3-5-0 ._1mr4xg7f-3-5-0:active {
  background-color: var(--dt-colors-background-field-neutral-default-active, #d0d1dc);
}
._1jgl8s50-3-5-0 ._1mr4xg7f-3-5-0:focus {
  opacity: 1;
}
._1mr4xg7g-3-5-0 {
  background-color: var(--dt-colors-background-container-neutral-default, #f2f2f5);
}
._1mr4xg7g-3-5-0:hover {
  background-color: var(--dt-colors-background-field-neutral-default-hover, #dadbe4);
  box-shadow: 0 0 0 2px var(--dt-colors-background-container-neutral-default, #f2f2f5);
}
._1jgl8s50-3-5-0 ._1mr4xg7g-3-5-0 {
  background-color: var(--dt-colors-background-base-default, #f9f9fa);
  border: var(--dt-borders-width-default, 1px) var(--dt-borders-style-default, solid) var(--dt-colors-border-neutral-default, #dadbe4);
  left: var(--dt-spacings-size-2, 2px);
}
._1jgl8s50-3-5-0 ._1mr4xg7g-3-5-0:hover {
  background-color: var(--dt-colors-background-field-neutral-default-hover, #dadbe4);
  box-shadow: none;
}
._1jgl8s50-3-5-0 ._1mr4xg7g-3-5-0:active {
  background-color: var(--dt-colors-background-field-neutral-default-active, #d0d1dc);
}