index.html

<div class="w-screen px-8 py-[29px] *:w-60 *:h-[10px] *:bg-[#cad4e1] space-y-[10.4px]">
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div></div>
  <div class="!bg-[#6267f1] !w-16 !h-8 rounded-md"></div>
</div>
<div class="absolute top-0 z-10 flex backdrop-blur-sm">
  <div class="bg-black h-screen w-screen opacity-25"></div>
  <div class="absolute w-40 h-full right-0 px-4 py-5 bg-white shadow-2xl">
    <div class="grid place-items-center *:bg-[#95a2b8] *:h-[2px] *:w-3 *:rounded-md ml-[116px] rotate-45 mt-[1px]">
      <div class="absolute rotate-90"></div>
      <div></div>
    </div>
    <div class="flex flex-col gap-6 *:space-y-2 *:*:bg-[#cad4e1] *:*:w-32 *:*:h-[6px] mt-[21px]">
      <div>
        <div class="!bg-[#6267f1] !w-12"></div>
        <div></div>
        <div></div>
        <div></div>
      </div>
      <div>
        <div class="!bg-[#6267f1] !w-12"></div>
        <div></div>
        <div></div>
        <div></div>
      </div>
      <div>
        <div class="!bg-[#6267f1] !w-12"></div>
        <div></div>
        <div></div>
        <div></div>
      </div>
    </div>
  </div>
</div>