<template>
    <div class="w-[25.573vw] text-secondaryTextColor space-y-6">
        <p class="font-semibold text-[1.502vw] border-b px-[0.5vw]">رمز عبور جدید را وارد کنید</p>
        <div class="relative flex flexBox w-full">
          <input type="text" class="loginInput" placeholder="رمز عبور" />
          <svg
            class="h-[1.146vw] w-[1.146vw] absolute left-[1.2vw]"
            viewBox="0 0 22 22"
            fill="none"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              d="M13.3196 8.68082L8.68125 13.3192C8.08542 12.7233 7.71875 11.9075 7.71875 11C7.71875 9.18499 9.18542 7.71832 11.0004 7.71832C11.9079 7.71832 12.7237 8.08499 13.3196 8.68082Z"
              stroke="#878787"
              stroke-width="1.5"
              stroke-linecap="round"
              stroke-linejoin="round"
            />
            <path
              d="M16.3358 5.28919C14.7317 4.07919 12.8983 3.41919 11.0008 3.41919C7.765 3.41919 4.74917 5.32586 2.65 8.62586C1.825 9.91836 1.825 12.0909 2.65 13.3834C3.37417 14.52 4.2175 15.5009 5.13417 16.2892"
              stroke="#878787"
              stroke-width="1.5"
              stroke-linecap="round"
              stroke-linejoin="round"
            />
            <path
              d="M7.71875 17.9025C8.76375 18.3425 9.87292 18.5808 11.0004 18.5808C14.2362 18.5808 17.2521 16.6742 19.3512 13.3742C20.1762 12.0817 20.1762 9.90916 19.3512 8.61666C19.0487 8.14 18.7187 7.69083 18.3796 7.26917"
              stroke="#878787"
              stroke-width="1.5"
              stroke-linecap="round"
              stroke-linejoin="round"
            />
            <path
              d="M14.2178 11.6417C13.9795 12.9342 12.9253 13.9883 11.6328 14.2267"
              stroke="#878787"
              stroke-width="1.5"
              stroke-linecap="round"
              stroke-linejoin="round"
            />
            <path
              d="M8.68148 13.3192L1.83398 20.1667"
              stroke="#878787"
              stroke-width="1.5"
              stroke-linecap="round"
              stroke-linejoin="round"
            />
            <path
              d="M20.1659 1.83331L13.3184 8.68081"
              stroke="#878787"
              stroke-width="1.5"
              stroke-linecap="round"
              stroke-linejoin="round"
            />
          </svg>
        </div>
        <div class="relative flex flexBox w-full pt-[0.5vw] pb-[1.5vw] ">
            <input type="text" class="loginInput" placeholder="تکرار رمز عبور" />
           
          </div>

        <button class="greenButton w-full">تغییر رمز عبور</button>
      </div>
</template>