/**
    Padding
*/
/**
    Margin Section
*/
/**
    Font Section
*/
/*
    Canvas Element Colors
*/
/**
    Margin Section
*/
/**
    Padding Section
*/
/**
    Color section
*/
/**
    Info icon
*/
/**
    Font
*/
.cd-artifact-node {
  position: relative;
}

.cd-artifact-node .artifacts-details-container {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.cd-artifact-node .cd-artifact-trigger-tooltip-container {
  height: 100%;
}

.cd-artifact-node .cd-artifact-trigger-tooltip-container .artifact-trigger-container {
  height: 100%;
  margin-left: -30px;
  overflow: visible;
}

.cd-artifact-node .artifact-properties-container {
  height: 100%;
  overflow: visible;
}

.cd-artifact-node .zoom-in-out-animation-enter {
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}

.cd-artifact-node .zoom-in-out-animation-enter.zoom-in-out-animation-enter-active {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 500ms ease-in 0s;
  -moz-transition: all 500ms ease-in 0s;
  -ms-transition: all 500ms ease-in 0s;
  -o-transition: all 500ms ease-in 0s;
  transition: all 500ms ease-in 0s;
}

.cd-artifact-node .zoom-in-out-animation-leave {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.cd-artifact-node .zoom-in-out-animation-leave.zoom-in-out-animation-leave-active {
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 500ms ease-in 0s;
  -moz-transition: all 500ms ease-in 0s;
  -ms-transition: all 500ms ease-in 0s;
  -o-transition: all 500ms ease-in 0s;
  transition: all 500ms ease-in 0s;
}