@layer components {
  [data-coco][data-component="modal"] {
    @apply fixed inset-0 z-[10000] overflow-y-auto;

    .modal-overlay {
      @apply fixed inset-0 bg-black bg-opacity-60;
    }

    .modal-container {
      @apply relative flex min-h-screen justify-center items-center z-[10000] p-2 sm:p-8;
    }

    .modal-content {
      @apply contents;
    }
  }

  .modal-frame {
    @apply contents;
  }
}