README.md

---
library_name: diffusers
---
# **Tiera Lucent** from **The New Gate**

<u><b>Trigger Words:</b></u> **Tiera Lucent**, **white hair**, **purple hair**, **multicolored hair**, **streaked hair**, **green eyes**  

<u><b>Dress:</b></u>  
1) **white dress**, **detached sleeveless**, **halterneck**, **frilled shorts**, **o-ring**, **jewellery**, **white sleeves**, **bare shoulders**, **cleavage**  
2) **green jacket**, **cropped jacket**, **open jacket**, **black sports bra**, **black shorts**, **navel**, **white belt**  

<u><b>Traits:</b></u> **pointy ears**, **elf**  

- Previews (Pony):
<style>
  .custom-table td {
    width: 33.33%; /* 100% / 3 = 33.33% per cell for 3 items per row */
  }
  .custom-image-container {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 0.5em;
    overflow: hidden;
    align-items: center;
  }
  .custom-image {
    width: 100%;
    height: auto;
    border-radius: 0.5em;
    transition: transform 0.25s;
  }
  .custom-image-container:hover .custom-image {
    transform: scale(1.2);
  }
</style>

<table class="custom-table">
  <tr>
    <td>
      <div class="custom-image-container">
        <img class="custom-image" src="PonyPreview/P1.png" alt="Pony Preview">
      </div>
    </td>
    <td>
      <div class="custom-image-container">
        <img class="custom-image" src="PonyPreview/P2.png" alt="Pony Preview">
      </div>
    </td>
    <td>
      <div class="custom-image-container">
        <img class="custom-image" src="PonyPreview/P3.png" alt="Pony Preview">
      </div>
    </td>
  </tr>
  <tr>
    <td>
      <div class="custom-image-container">
        <img class="custom-image" src="PonyPreview/P4.png" alt="Pony Preview">
      </div>
    </td>
    <td>
      <div class="custom-image-container">
        <img class="custom-image" src="PonyPreview/P5.png" alt="Pony Preview">
      </div>
    </td>
    <td>
      <div class="custom-image-container">
        <img class="custom-image" src="PonyPreview/P6.png" alt="Pony Preview">
      </div>
    </td>
  </tr>
</table>

Previews (Illustrious):
<style>
  .custom-table td {
    width: 33.33%; /* 100% / 3 = 33.33% per cell for 3 items per row */
  }
  .custom-image-container {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 0.5em;
    overflow: hidden;
    align-items: center;
  }
  .custom-image {
    width: 100%;
    height: auto;
    border-radius: 0.5em;
    transition: transform 0.25s;
  }
  .custom-image-container:hover .custom-image {
    transform: scale(1.2);
  }
</style>

<table class="custom-table">
  <tr>
    <td>
      <div class="custom-image-container">
        <img class="custom-image" src="IllustriousPreview/P1.png" alt="Illustrious Preview">
      </div>
    </td>
    <td>
      <div class="custom-image-container">
        <img class="custom-image" src="IllustriousPreview/P2.png" alt="Illustrious Preview">
      </div>
    </td>
    <td>
      <div class="custom-image-container">
        <img class="custom-image" src="IllustriousPreview/P3.png" alt="Illustrious Preview">
      </div>
    </td>
  </tr>
  <tr>
    <td>
      <div class="custom-image-container">
        <img class="custom-image" src="IllustriousPreview/P4.png" alt="Illustrious Preview">
      </div>
    </td>
    <td>
      <div class="custom-image-container">
        <img class="custom-image" src="IllustriousPreview/P5.png" alt="Illustrious Preview">
      </div>
    </td>
    <td>
      <div class="custom-image-container">
        <img class="custom-image" src="IllustriousPreview/P6.png" alt="Illustrious Preview">
      </div>
    </td>
  </tr>
</table>