#template-builder {
  /* .gjs-cv-canvas {
    @apply top-0 h-full w-full;
  } */

  .gjs-pn-btn.gjs-pn-active svg,
  .gjs-pn-btn.gjs-pn-active path {
    @apply fill-secondary;
  }

  .gjs-one-bg {
    @apply bg-primary;
  }

  .panel__right {
    .gjs-block-title {
      @apply border-b border-secondary bg-primary p-2 text-secondary;
    }

    .gjs-blocks-c {
      @apply grid grid-cols-2 gap-2 p-2;
    }
  }

  .gjs-blocks-c {
    @apply grid grid-cols-2 gap-2 p-2;
  }
  .gjs-block__media {
    @apply flex items-center justify-center;

    .ti {
      @apply !text-[40px] text-secondary;
    }

    svg {
      @apply h-[35px];
    }
  }

  .gjs-block-label {
    @apply flex flex-col items-center justify-center space-y-1.5 !font-sans !text-xs;

    .ti {
      @apply !text-[40px] text-secondary;
    }
  }

  .gjs-block {
    @apply m-0 h-auto min-h-auto w-auto justify-center border !border-secondary text-center text-secondary transition-opacity duration-300;

    &:hover {
      @apply opacity-70;
    }
  }

  .panel__top {
    @apply relative flex w-full justify-center p-0;
  }

  .panel__basic-actions {
    @apply relative;
  }

  .editor-row {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: nowrap;
    /* height: 300px; */
  }

  .editor-canvas {
    flex-grow: 1;
  }

  .panel__right {
    flex-basis: 230px;
    position: relative;
    overflow-y: auto;
  }
}

.gjs-mdl-container {
  @apply !z-[1050];
}