@import "./reset.css";
@import "./ftext.css";

.hidden_controls { display: none; }

.pblock {
  @apply pr-8; @apply py-1; @apply pl-6; @apply ml-2;
  position: relative; border-top: 1px solid white; border-bottom: 1px solid white;
}

.show_block_separator .pblock { border-bottom: 1px solid; @apply border-b-gray-200; @apply pb-2; }
.show_block_separator .pblock:last-child { border-bottom: white; }

.pblock_hover:hover { @apply border-gray-200; }
.pblock_hover:hover .hidden_controls { display: block; }
.pblock_hover:after {
  @apply bg-gray-200;
  position: absolute; margin: 0 !important; display: none; content: '';
  top: 0; bottom: 0; left: 0; width: 5px;
}
.pblock_hover:hover:after { display: block; }


.svg-icon {
  position: relative; top: 1px; left: 1px; background-size: contain; background-position: center;
}









/* .note-text-block >  */

/* .right-panel .right-panel-controls-icon {
  opacity: 1;
  transition: opacity;
  transition-delay: 1.1s;
  transition-duration: 0.1s;
}
.right-panel:hover .right-panel-controls-icon {
  opacity: 0;
  transition: opacity;
  transition-duration: 0.1s;
} */

/* .right-panel-content {
  opacity: 0;
  transition: opacity;
  transition-delay: 1s;
  transition-duration: 0.1s;
}
.right-panel:hover .right-panel-content {
  opacity: 1;
  transition: opacity;
  transition-duration: 0.1s;
} */


  /* .right-panel-content { visibility: hidden; } */
  /* .right-panel:hover .right-panel-content { visibility: visible; } */
  /* .right-panel:hover .right-panel-controls-icon { display: none; } */

