@layer components {
  [data-coco][data-component="modal-canvas"] {
    @apply relative;
    width: fit-content;

    .modal-canvas-close {
      @apply flex-none p-2 absolute -right-1.5 -top-1.5 sm:-right-4 sm:-top-4 rounded-full transition-all z-20;
      @apply bg-background-dark-1 text-content-light-1;
      @apply focus:ring-0 focus:outline-none text-content-light-1 shadow-md;
    }

    .modal-canvas-content {
      @apply rounded-xl overflow-hidden min-w-[100px] min-h-[100px] relative bg-background-light-1;
      width: fit-content;
    }
  }
}