.gjs-editor,
.gjs-editor .gjs-cv-canvas,
.gjs-editor .gjs-frame-wrapper,
.gjs-editor .gjs-frame {
  background: transparent;
  height: 100%;
  min-height: 0;
}

.gjs-editor {
  width: 100%;
}

.gjs-editor .gjs-cv-canvas {
  left: 0;
  top: 0;
  width: 100%;
}

.gjs-editor .gjs-frame {
  width: 100%;
  border: 0;
  background: white;
}

.gjs-editor .gjs-placeholder.horizontal {
  border-color: transparent var(--tw-color-primary);
}

.gjs-editor .gjs-placeholder.vertical {
  border-color: var(--tw-color-primary) transparent;
}

.gjs-editor .gjs-placeholder-int {
  background-color: var(--tw-color-primary);
}

.tw-email-editor-toolbar {
  position: absolute;
  z-index: 40;
  pointer-events: none;
}

.tw-email-editor-toolbar__shell {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.5rem;
  width: 100%;
  padding: 0;
  background: transparent;
  pointer-events: none;
}

.tw-email-editor-toolbar__shell button,
.tw-email-editor-toolbar__shell .tw-btn {
  pointer-events: auto;
  width: var(--tw-spacing-6);
  height: var(--tw-spacing-6);
}

.tw-email-editor-toolbar__shell-actions {
  background-color: var(--tw-color-blue-500);
  backdrop-filter: blur(8px);
  border-radius: var(--tw-radius-md);
  transform: translateY(-100%);
  margin: -2px 2px;
  box-shadow: 0 0 0 1px rgba(255,255,255,0.48);
}

.tw-email-editor-toolbar__shell-label {
  margin-top: -2px;
  margin-left: 2px;
  /* background-color: var(--tw-color-neutral-translucent-200); */
  background-color: var(--tw-color-blue-500);
  backdrop-filter: blur(8px);
  color: white;
  text-transform: uppercase;
  padding: 0.225em 0.345em;
  padding-top: 0.275em;
  line-height: 1;
  font-family: var(--tw-font-mono);
  border-radius: var(--tw-radius-md);
  transform: translateY(-100%);
  box-shadow: 0 0 0 1px rgba(255,255,255,0.48);
}

.tw-email-editor-toolbar[style*='top: 0px'] .tw-email-editor-toolbar__shell-label {
  transform: none;
  margin-top: 2px;
}

.tw-email-editor-toolbar[style*='top: 0px'] .tw-email-editor-toolbar__shell-actions {
  transform: none;
  margin: 2px;
}
