@layer components {
  body.dimmed {
    @apply relative overflow-hidden
    after:content-[''] after:absolute after:inset-0 after:bg-black/60 after:z-[899];
  }

  .modal-wrap {
    @apply overflow-auto fixed inset-0 flex p-5 z-[900];
  }

  .modal-wrap.dimmed {
    @apply bg-black/60;
  }

  .modal-area {
    @apply relative w-full m-auto bg-white;
  }

  .content-btns {
    @apply flex gap-2 mt-6;
  }

  .content-text {
    @apply text-center text-[15px] text-[#333333] leading-6 tracking-[-0.45px];
  }

  .content-text .highlight {
    @apply text-[#FC4420];
  }
}