._15yfwx70-3-15-1 {
  height: 100%;
  overflow-y: hidden;
  overflow-x: auto;
  display: flex;
  position: relative;
  background-color: var(--dt-colors-background-container-neutral-default, #f4f4f6);
}
._15yfwx71-3-15-1 {
  box-sizing: border-box;
  height: 100%;
  position: relative;
  flex: 1 1 auto;
  overflow-y: auto;
}
._15yfwx72-3-15-1 {
  box-sizing: border-box;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  width: var(--dt-page-layout-details-panel-width);
}
._15yfwx72-3-15-1[hidden] {
  display: none;
}
._15yfwx73-3-15-1 {
  padding: var(--dt-spacings-size-16, 16px);
  background-color: var(--dt-colors-background-base-default, #fafafb);
  position: absolute;
  z-index: 1;
  right: 0;
  top: 0;
  max-width: 100%;
  border-top-left-radius: var(--dt-borders-radius-surface-default, 12px);
  border-bottom-left-radius: var(--dt-borders-radius-surface-default, 12px);
  box-shadow: -1px 0px 0px 0px var(--dt-colors-border-neutral-default, #e4e4e7), var(--dt-box-shadows-surface-floating-rest, 0px 0px 0px 1px #38384208, 0px 1px 2px #3838420d, 0px 5px 11px -2px #38384229);
}
._1jgl8s50-3-15-1 ._15yfwx73-3-15-1 {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  box-shadow: var(--dt-box-shadows-surface-floating-rest, 0px 0px 0px 1px #38384208, 0px 1px 2px #3838420d, 0px 5px 11px -2px #38384229);
}
._15yfwx74-3-15-1 {
  padding: var(--dt-spacings-size-16, 16px);
  background-color: var(--dt-colors-background-base-default, #fafafb);
  position: relative;
  flex-shrink: 0;
  border-top-left-radius: var(--dt-borders-radius-surface-default, 12px);
}
._1jgl8s50-3-15-1 ._15yfwx74-3-15-1 {
  border-top-left-radius: 0;
}
._15yfwx78-3-15-1 {
  position: absolute;
  z-index: 2;
  right: var(--dt-page-layout-details-panel-width);
}
._1jgl8s50-3-15-1 ._15yfwx78-3-15-1 {
  border-radius: 0;
  height: 100%;
  width: var(--dt-spacings-size-8, 8px);
  left: auto;
  transition: none;
  background-color: transparent;
  margin-right: calc(-1 * var(--dt-spacings-size-4, 4px));
}
._1jgl8s50-3-15-1 ._15yfwx78-3-15-1::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: var(--dt-borders-width-default, 1px);
  background-color: var(--dt-colors-border-neutral-subdued, #eaeaed);
  pointer-events: none;
}
._1jgl8s50-3-15-1 ._15yfwx78-3-15-1:hover::before {
  background-color: var(--dt-colors-border-neutral-subdued-hover, #dddee1);
}
._1jgl8s50-3-15-1 ._15yfwx78-3-15-1:active::before {
  background-color: var(--dt-colors-border-neutral-subdued-active, #d6d7da);
}
._1jgl8s50-3-15-1 ._15yfwx70-3-15-1:has(._151k20o0-3-15-1:hover) ._15yfwx73-3-15-1 {
  box-shadow: -1px 0px 0px 0px var(--dt-colors-border-neutral-default, #e4e4e7), var(--dt-box-shadows-surface-floating-hover, 0px 0px 0px 1px #38384208, 0px 1px 2px #3838420d, 0px 6px 14px -2px #3838423d);
}
._1jgl8s50-3-15-1 ._15yfwx70-3-15-1:has(._151k20o0-3-15-1:active) ._15yfwx73-3-15-1,
  ._1jgl8s50-3-15-1 ._15yfwx70-3-15-1:has(._151k20o0-3-15-1:focus-visible) ._15yfwx73-3-15-1 {
  box-shadow: -1px 0px 0px 0px var(--dt-colors-border-neutral-default, #e4e4e7), var(--dt-box-shadows-surface-floating-drag, 0px 0px 0px 1px #38384208, 0px 1px 2px #3838420d, 0px 7px 17px -2px #38384252);
}
._15yfwx79-3-15-1 {
  box-sizing: border-box;
  padding: 0;
}
._15yfwx7a-3-15-1 {
  box-sizing: border-box;
  padding: var(--dt-spacings-size-16, 16px);
  height: 100%;
}