/**
    Padding
*/
/**
    Margin Section
*/
/**
    Font Section
*/
/*
    Canvas Element Colors
*/
div.dtc-overlay-selected:focus .dtc-top-rect, div.dtc-overlay-selected:focus .dtc-bottom-rect, div.dtc-overlay-selected:focus .dtc-middle-rect {
  border: 2px solid;
  border-top: none;
  border-bottom: none;
}

div.dtc-overlay-selected .dtc-top-rect, div.dtc-overlay-selected .dtc-bottom-rect, div.dtc-overlay-selected .dtc-middle-rect {
  border: 2px solid;
  border-top: none;
  border-bottom: none;
}

.dtc-hexagon {
  position: relative;
}

.dtc-hexagon: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(0, 120, 212, 1);
  border-color: var(--communication-background,rgba(0, 120, 212, 1));
}

.dtc-hexagon .dtc-top-rect, .dtc-hexagon .dtc-bottom-rect, .dtc-hexagon .dtc-middle-rect {
  position: absolute;
}

.dtc-hexagon .dtc-top-rect, .dtc-hexagon .dtc-bottom-rect, .dtc-hexagon .dtc-middle-rect {
  border: 1px solid;
  border-top: none;
  border-bottom: none;
}

.dtc-hexagon .dtc-top-rect {
  transform: rotateZ(60deg);
}

.dtc-hexagon .dtc-bottom-rect {
  transform: rotateZ(-60deg);
}

.dtc-hexagon .dtc-canvas-element-border {
  background: rgba( 255, 255, 255 ,  1 );
  background: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
}