.base-modal-layout {
  position: relative;
  max-height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background-color: var(--wds-color-fill-surface-modal, #ffffff);
  border-radius: var(--wds-border-radius-surface-modal, 8px);
  box-shadow: var(
    --wds-shadow-surface-modal,
    0 8px 8px 0 rgba(22, 45, 61, 0.12),
    0 3px 24px 0 rgba(22, 45, 61, 0.18)
  );

  &__control-buttons {
    display: flex;
    align-items: center;
    gap: var(--wds-space-50, 6px);
    position: absolute;
    inset-inline-end: var(--wds-custom-modal-header-padding-right, var(--wds-space-200, 12px));
    top: var(--wds-custom-modal-header-padding-vertical, var(--wds-space-300, 12px));
    z-index: 1;
  }

  &__help-icon {
    width: 24px;
    height: 24px;
  }
}