/**
    Padding
*/
/**
    Margin Section
*/
/**
    Font Section
*/
/*
    Canvas Element Colors
*/
/**
    Margin Section
*/
/**
    Padding Section
*/
/**
    Color section
*/
/**
    Info icon
*/
/**
    Font
*/
/**
    Margin Section
*/
/**
    Padding Section
*/
/**
    Color section
*/
/**
    Info icon
*/
/**
    Font
*/
.release-env-summary-node-container {
  /* Use div. selector to ensure that the specificity of this selector increases */
  /* Use div. selector to ensure that the specificity of this selector increases */
}

.release-env-summary-node-container .dtc-canvas-element-border {
  background: rgba( 255, 255, 255 ,  1 );
  background: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  border-color: rgba( 166, 166, 166 ,  1 );
  border-color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.release-env-summary-node-container div.dtc-overlay-selected:focus .dtc-canvas-element-border {
  background: rgba( 222, 236, 249 ,  1 );
  background: rgba( var(--palette-primary-tint-30,222, 236, 249) ,  1 );
  border-color: rgba( 102, 102, 102 ,  1 ) !important;
  border-color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 ) !important;
}

@media screen and (-ms-high-contrast: active) {
  .release-env-summary-node-container div.dtc-overlay-selected:focus .dtc-canvas-element-border {
    background: highlight !important;
  }
}

.release-env-summary-node-container div.dtc-overlay-selected .dtc-canvas-element-border {
  background: rgba( 222, 236, 249 ,  1 );
  background: rgba( var(--palette-primary-tint-30,222, 236, 249) ,  1 );
  border-color: rgba( 102, 102, 102 ,  1 );
  border-color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 );
}

.release-env-summary-node-container div.dtc-overlay-invalid:focus .dtc-canvas-element-border {
  border-color: rgba( 168, 0, 0 ,  1 );
  border-color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
}

.release-env-summary-node-container div.dtc-overlay-invalid:hover .dtc-canvas-element-border {
  background: rgba( 239, 246, 252 ,  1 );
  background: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
  border-color: rgba( 168, 0, 0 ,  1 );
  border-color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
}

.release-env-summary-node-container div.dtc-overlay-invalid .dtc-canvas-element-border {
  border-color: rgba( 168, 0, 0 ,  1 );
  border-color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
}

.release-env-summary-node-container:hover .release-env-summary-node .dtc-canvas-element-border {
  background: rgba( 239, 246, 252 ,  1 );
  background: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
  border-color: rgba( 102, 102, 102 ,  1 );
  border-color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 );
}

.release-env-summary-node-container:hover .release-env-summary-node .release-env-summary-node-content .fade-out-element {
  background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba( 239, 246, 252 ,  1 ));
  background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 ));
}

.release-env-summary-node-container div.dtc-overlay-selected:focus .release-env-summary-node .release-env-summary-node-content {
  border-bottom-width: 2px;
  border-left-width: 2px;
  border-right-width: 2px;
}

.release-env-summary-node-container div.dtc-overlay-selected:focus .release-env-summary-node .release-env-summary-node-content .fade-out-element {
  background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba( 222, 236, 249 ,  1 ));
  background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba( var(--palette-primary-tint-30,222, 236, 249) ,  1 ));
  background: linear-gradient(to right, rgba(255, 255, 255, 0), highlight) !important;
}

.release-env-summary-node-container div.dtc-overlay-selected:not(:focus):hover .release-env-summary-node .release-env-summary-node-content .fade-out-element {
  background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba( 239, 246, 252 ,  1 ));
  background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 ));
}

.release-env-summary-node-container div.dtc-overlay-selected .release-env-summary-node .release-env-summary-node-content {
  border-color: rgba( 102, 102, 102 ,  1 );
  border-color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 );
}

.release-env-summary-node-container div.dtc-overlay-selected .release-env-summary-node .release-env-summary-node-content .fade-out-element {
  background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba( 222, 236, 249 ,  1 ));
  background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba( var(--palette-primary-tint-30,222, 236, 249) ,  1 ));
}

.release-env-summary-node-container .release-env-summary-node-content-container {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}