

<turbo-stream action="open_modal" target="modal"><template>
  <div class="w-card max-w-full p-1 text-white">
  <div class="flex items-center gap-3 text-xl mb-8">
    <div class="flex flex-col">
      <div class="font-semibold">
        Kate Spade Kenzie
        <span class="-my-2 ml-2 align-middle"><div class="genre-label inline-block whitespace-nowrap tracking-wide cursor-default uppercase border rounded-full px-2 py-0.5 my-2 text-xxs border-material-product text-material-product">
  Material product
</div>
</span>
      </div>
      <div>
        <div class="info inline-flex gap-2 text-dracula-100 text-xs mt-0.5 items-baseline">
          <span>Latest release:</span>
          <div class="flex items-center gap-2">
              Release 1 / Mar &#39;26
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="flex justify-between items-center text-xs gap-4">
    <div class="flex-shrink-0">
      <div class="inline-flex items-center shrink-0 text-sm" >
  <img class="w-5 h-5 mr-2 rounded-full" src="/assets/geographies/global/global-e4fed743.svg" />
  <span class="text-xs">Global</span>
</div>

    </div>
      <div class="font-bold">Full access</div>
    <div class="flex items-center gap-2">
      <span>Source: Earthster</span>
      <div class="avatar-list">
        <img class="avatar avatar-list__item w-7 h-7" data-tippy-content="Organization: Earthster" src="https://app.earthster.org/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTAsInB1ciI6ImJsb2JfaWQifX0=--65722350921f03032953a6bfae3a36947b7fa513/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemVfdG9fZmlsbCI6WzQ4LDQ4XX0sInB1ciI6InZhcmlhdGlvbiJ9fQ==--5d4097c0e7b9e6e2703ee24c7f67e3924d8146a9/06.%20Earthster%20Profile%20Logo_Colour+Aqua.png" />
      </div>
    </div>
  </div>
  <div class="cycle-summary__description border-t border-white border-opacity-20 w-full pt-4 mt-4" data-controller="outbound-links">
    <div class="trix-content">
  Cycle notes: PVC case (0.1kg) + Cardboard box (0.15kg).
</div>

  </div>
  <div class="flex border-t border-white border-opacity-20 gap-6 mt-4 pt-4">
    <div class="flex-1 flex flex-col text-xs">
      <div class="info flex items-center gap-1 text-sm mb-2 font-bold">
        Scale
      </div>
      <div class="flex flex-col gap-1">
		<div>unit</div>
		<div>0.25 kgs</div>
</div>

    </div>
    <div class="flex-1 flex flex-col text-xs mb-3">
      <div class="info flex items-center text-sm gap-2 mb-2 font-bold">
        <span>Parameters: 0</span>
      </div>
    </div>
  </div>
  <div class="cycle-summary__stats flex border-t border-white border-opacity-20 gap-6 mt-4 pt-4">
  <div class="flex-1 flex flex-col text-xs">
    <div class="info flex items-center text-sm gap-2 mb-2">
      <div class="flex items-baseline gap-1 font-bold">
        Top 3 processes
        <span class="text-dracula-100 text-xs font-normal">(of 3)</span>
      </div>
      <div class="info__icon" data-tippy-content="Inputs are ranked from highest to lowest cradle-to-gate climate impacts, and the top few are listed here. The impact of an input depends on the quantity of the input used, and on the intensity of impacts per unit of input."><svg viewBox="-1 -1 41 41" xmlns="http://www.w3.org/2000/svg"><circle stroke="currentColor" fill="none" cx="19.5" cy="19.5" r="19" vector-effect="non-scaling-stroke"/><g transform="translate(17, 10)" fill="currentColor" stroke="none"><circle cx="2.5" cy="2.5" r="2.5"/><rect x="0.5" y="7" width="4" height="14" vector-effect="non-scaling-stroke"/></g></svg>
</div>
    </div>
      <p class="py-3 border-b border-white border-opacity-20 last:border-b-0">Patent Fabric</p>
      <p class="py-3 border-b border-white border-opacity-20 last:border-b-0">Gift Box</p>
      <p class="py-3 border-b border-white border-opacity-20 last:border-b-0">Sea Freight</p>
  </div>
  <div class="flex-1 flex flex-col text-xs">
    <div class="info flex text-sm items-center gap-2 mb-2">
      <div class="flex items-baseline gap-1 font-bold">
        No exchanges
        <span class="text-dracula-100 text-xs font-normal">(of 0)</span>
      </div>
      <div class="info__icon" data-tippy-content="Eco-flows are ranked from highest to lowest climate impacts, and the top few are listed here. The climate impact of an emission depends on the quantity of the pollutant released, and the potency of each pollutant in retaining heat in the atmosphere over the next 100 years after it is released."><svg viewBox="-1 -1 41 41" xmlns="http://www.w3.org/2000/svg"><circle stroke="currentColor" fill="none" cx="19.5" cy="19.5" r="19" vector-effect="non-scaling-stroke"/><g transform="translate(17, 10)" fill="currentColor" stroke="none"><circle cx="2.5" cy="2.5" r="2.5"/><rect x="0.5" y="7" width="4" height="14" vector-effect="non-scaling-stroke"/></g></svg>
</div>
    </div>
  </div>
</div>

  <div class="flex items-center gap-4 justify-center border-t border-white border-opacity-20 w-full pt-10">
    <a class="button " data-tippy-content="Open a new tab with the cycle from where this data comes from" target="_blank" href="/cycles/earthster__2bd7243d-11e5-4984-b3e3-2c35fa7197fa"><span class="button__label">View as cycle</span></a>

</div>

</div>

</template></turbo-stream>