<turbo-stream action="append" target="calculator-resources"><template><div data-cost-calculator-target="resource" data-cost-calculator-resource-type="app_process"
     data-controller="cost-calculator-resource"
     data-cost-calculator-resource-is-open-value="true"
     class="tw_scroll-m-48"
>
  <div class="tw_-mx-2.5 tw_p-2.5 tw_bg-white tw_border tw_border-slate-200 tw_rounded-2xl tw_z-1 tw_relative tw_transition tw_transition-all tw_duration-200"
        data-cost-calculator-resource-target="container"
  >
    <div class="tw_flex tw_gap-2">
      <div class="tw_text-nowrap tw_pr-2 tw_border-r tw_border-slate-200">
        <button name="button" type="button" class="tw_btn-primary tw_bg-slate-800 tw_px-4 tw_py-2 tw_text-base tw_font-normal tw_transition tw_duration-200 tw_text-nowrap" data-action="cost-calculator#removeResource" data-cost-calculator-resource-target="resourceButton">
          Process <div class="tw_w-6 tw_h-full tw_inline-block"><i class="fas fa-trash " data-cost-calculator-resource-target="timesIcon"></i><div class="tw_inline-block tw_fill-current tw_leading-[0.5] tw_hidden" data-cost-calculator-resource-target="resourceIcon"><svg width="1em" height="1em" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="material-symbols:process-chart-rounded">
<path id="Vector" d="M2.39091 13.9026C2.21881 13.7937 2.10133 13.6338 2.03845 13.4229C1.97558 13.2121 1.98981 13.0042 2.08113 12.7994L5.59189 4.46405C5.68367 4.25975 5.81859 4.12029 5.99665 4.04565C6.17472 3.97101 6.34957 3.9879 6.5212 4.09631C6.69284 4.20473 6.81055 4.3649 6.87434 4.57682C6.93813 4.78875 6.92368 4.99631 6.83097 5.19952L3.32022 13.5349C3.22844 13.7392 3.09374 13.8789 2.91614 13.9541C2.73854 14.0293 2.56346 14.0121 2.39091 13.9026ZM6.93423 13.9026C6.76214 13.7937 6.64442 13.6338 6.58109 13.4229C6.51776 13.2121 6.53222 13.0042 6.62446 12.7994L10.1352 4.46405C10.227 4.25975 10.3619 4.12029 10.54 4.04565C10.718 3.97101 10.8929 3.9879 11.0645 4.09631C11.2362 4.20473 11.3539 4.3649 11.4177 4.57682C11.4815 4.78875 11.467 4.99631 11.3743 5.19952L7.86355 13.5349C7.77176 13.7392 7.63707 13.8789 7.45947 13.9541C7.28186 14.0293 7.10679 14.0121 6.93423 13.9026ZM11.4776 13.9026C11.3055 13.7937 11.188 13.6338 11.1251 13.4229C11.0622 13.2121 11.0765 13.0042 11.1678 12.7994L14.6785 4.46405C14.7703 4.25975 14.9052 4.12029 15.0833 4.04565C15.2614 3.97101 15.4362 3.9879 15.6079 4.09631C15.7795 4.20473 15.8972 4.3649 15.961 4.57682C16.0248 4.78875 16.0103 4.99631 15.9176 5.19952L12.4069 13.5349C12.3151 13.7392 12.1804 13.8789 12.0028 13.9541C11.8252 14.0293 11.6501 14.0121 11.4776 13.9026Z" fill="currentColor"/>
</g>
</svg></div></div>
</button>      </div>
      <div class="tw_grid lg:tw_grid-processes tw_grow">
        

<div class="tw_grow lg:tw_grow-0">
    <div class="tw_grid tw_grid-cols-2 tw_flex-between-center tw_box">
      <div class="tw_flex tw_gap-2">

        <span class="tw_font-medium tw_overflow-hidden tw_text-ellipsis tw_text-nowrap" data-resource-name="">web</span>
        <span class="tw_-ml-1"></span>
      </div>

      <span class="tw_text-slate-500 tw_text-sm tw_text-nowrap tw_max-w-16 lg:tw_max-w-none tw_overflow-hidden tw_text-ellipsis tw_text-end" 
            data-resource-info>
          <i class="fal fa-terminal tw_text-xs tw_mr-1"></i> rails server (example)
      </span>
    </div>
</div>

        <div class="tw_hidden lg:tw_contents">
          

  <div class="tw_box tw_flex-center tw_gap-2">
      <span class="tw_font-semibold" data-bundles-target="instancesDisplay">1</span>
      <i class="fas fa-times tw_mt-0.5 tw_text-2xs"></i>
  </div>
  <div class="tw_box tw_text-center">
    <span class="tw_font-semibold" data-bundles-target="summary">0.25 | 512MB</span>
  </div>

        </div>
        <div class="tw_hidden lg:tw_contents">
          
<div class="tw_pill hover-parent tw_w-full tw_text-center">
    <span class="child" data-bundle-cost>€ 2.00</span>
</div>

        </div>
      </div>
      <div class="tw_min-w-[40px] tw_grid tw_place-content-center">
        <button class="tw_btn-plain tw_text-primary tw_p-2 tw_text-center" aria-expanded="true" aria-controls="collapse_app_process-1776197477680"
                data-action="cost-calculator-resource#toggle cost-calculator#resourceToggle" type="button"
        >
          &nbsp;<i class="far fa-long-arrow-down "></i>
        </button>
      </div>
    </div>
    <div class="collapse" id="collapse_app_process-1776197477680-resources" data-cost-calculator-resource-target="resourcesCollapse">
      <div class="tw_grid tw_grid-resources lg:tw_hidden tw_mt-2">
        

  <div class="tw_box tw_flex-center tw_gap-2">
      <span class="tw_font-semibold" data-bundles-target="instancesDisplay">1</span>
      <i class="fas fa-times tw_mt-0.5 tw_text-2xs"></i>
  </div>
  <div class="tw_box tw_text-center">
    <span class="tw_font-semibold" data-bundles-target="summary">0.25 | 512MB</span>
  </div>

        
<div class="tw_pill hover-parent tw_w-full tw_text-center">
    <span class="child" data-bundle-cost>€ 2.00</span>
</div>

      </div>
    </div>
  </div>
  <div class="collapse show" id="collapse_app_process-1776197477680" data-cost-calculator-resource-target="collapse">
    <div class="tw_grid tw_gap-4 tw_p-4 tw_pt-14 tw_-mt-10 tw_bg-white tw_border tw_border-slate-200 tw_rounded-b-3xl tw_border-t-0">
      <div class="tw_grid tw_grid-resources lg:tw_hidden">
        

  <div class="tw_box tw_flex-center tw_gap-2 tw_border-dashed tw_border-2 tw_border-indigo-200">
      <span class="tw_font-semibold" data-bundles-target="instancesDisplay">1</span>
      <i class="fas fa-times tw_mt-0.5 tw_text-2xs"></i>
  </div>
  <div class="tw_box tw_text-center tw_border-dashed tw_border-2 tw_border-indigo-200">
    <span class="tw_font-semibold" data-bundles-target="summary">0.25 | 512MB</span>
  </div>

        
<div class="tw_pill hover-parent tw_w-full tw_text-center">
    <span class="child" data-bundle-cost>€ 2.00</span>
</div>

      </div>
      <div class="lg:tw_hidden tw_w-full tw_h-px tw_bg-indigo-300"></div>
      
<form data-turbo="false" action="#" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="N9qh900riTHbmVztZ4wSwZx3kcx0oy95Lc81gRJjFhf7ZKznxpOzsLNgQPT_39jhxdzJ-eAtugjZA-XFcPW9OQ" autocomplete="off" />
  <div class="tw_grid tw_gap-6">
    
<div class="tw_grid tw_gap-6" data-controller="bundles"
     data-bundles-bundles-value="[{&quot;ram&quot;:512,&quot;cpu&quot;:0.25,&quot;cpu_cost&quot;:0,&quot;memory_cost&quot;:2.0,&quot;cost&quot;:2.0,&quot;currency&quot;:&quot;EUR&quot;,&quot;currency_symbol&quot;:&quot;€&quot;,&quot;display_cost&quot;:&quot;€ 2.0 / month&quot;,&quot;display_parts&quot;:&quot;0.25 | 512MB&quot;,&quot;slug&quot;:&quot;0.25:cpu-512:memory&quot;},{&quot;ram&quot;:512,&quot;cpu&quot;:0.5,&quot;cpu_cost&quot;:0.2,&quot;memory_cost&quot;:2.0,&quot;cost&quot;:2.2,&quot;currency&quot;:&quot;EUR&quot;,&quot;currency_symbol&quot;:&quot;€&quot;,&quot;display_cost&quot;:&quot;€ 2.2 / month&quot;,&quot;display_parts&quot;:&quot;0.5 | 512MB&quot;,&quot;slug&quot;:&quot;0.5:cpu-512:memory&quot;},{&quot;ram&quot;:512,&quot;cpu&quot;:1.0,&quot;cpu_cost&quot;:0.5,&quot;memory_cost&quot;:2.0,&quot;cost&quot;:2.5,&quot;currency&quot;:&quot;EUR&quot;,&quot;currency_symbol&quot;:&quot;€&quot;,&quot;display_cost&quot;:&quot;€ 2.5 / month&quot;,&quot;display_parts&quot;:&quot;1.0 | 512MB&quot;,&quot;slug&quot;:&quot;1.0:cpu-512:memory&quot;},{&quot;ram&quot;:1024,&quot;cpu&quot;:0.25,&quot;cpu_cost&quot;:0,&quot;memory_cost&quot;:4.0,&quot;cost&quot;:4.0,&quot;currency&quot;:&quot;EUR&quot;,&quot;currency_symbol&quot;:&quot;€&quot;,&quot;display_cost&quot;:&quot;€ 4.0 / month&quot;,&quot;display_parts&quot;:&quot;0.25 | 1GB&quot;,&quot;slug&quot;:&quot;0.25:cpu-1024:memory&quot;},{&quot;ram&quot;:1024,&quot;cpu&quot;:0.5,&quot;cpu_cost&quot;:0.2,&quot;memory_cost&quot;:4.0,&quot;cost&quot;:4.2,&quot;currency&quot;:&quot;EUR&quot;,&quot;currency_symbol&quot;:&quot;€&quot;,&quot;display_cost&quot;:&quot;€ 4.2 / month&quot;,&quot;display_parts&quot;:&quot;0.5 | 1GB&quot;,&quot;slug&quot;:&quot;0.5:cpu-1024:memory&quot;},{&quot;ram&quot;:1024,&quot;cpu&quot;:1.0,&quot;cpu_cost&quot;:0.5,&quot;memory_cost&quot;:4.0,&quot;cost&quot;:4.5,&quot;currency&quot;:&quot;EUR&quot;,&quot;currency_symbol&quot;:&quot;€&quot;,&quot;display_cost&quot;:&quot;€ 4.5 / month&quot;,&quot;display_parts&quot;:&quot;1.0 | 1GB&quot;,&quot;slug&quot;:&quot;1.0:cpu-1024:memory&quot;},{&quot;ram&quot;:1024,&quot;cpu&quot;:1.5,&quot;cpu_cost&quot;:1,&quot;memory_cost&quot;:4.0,&quot;cost&quot;:5.0,&quot;currency&quot;:&quot;EUR&quot;,&quot;currency_symbol&quot;:&quot;€&quot;,&quot;display_cost&quot;:&quot;€ 5.0 / month&quot;,&quot;display_parts&quot;:&quot;1.5 | 1GB&quot;,&quot;slug&quot;:&quot;1.5:cpu-1024:memory&quot;},{&quot;ram&quot;:2048,&quot;cpu&quot;:0.25,&quot;cpu_cost&quot;:0,&quot;memory_cost&quot;:8.0,&quot;cost&quot;:8.0,&quot;currency&quot;:&quot;EUR&quot;,&quot;currency_symbol&quot;:&quot;€&quot;,&quot;display_cost&quot;:&quot;€ 8.0 / month&quot;,&quot;display_parts&quot;:&quot;0.25 | 2GB&quot;,&quot;slug&quot;:&quot;0.25:cpu-2048:memory&quot;},{&quot;ram&quot;:2048,&quot;cpu&quot;:0.5,&quot;cpu_cost&quot;:0.2,&quot;memory_cost&quot;:8.0,&quot;cost&quot;:8.2,&quot;currency&quot;:&quot;EUR&quot;,&quot;currency_symbol&quot;:&quot;€&quot;,&quot;display_cost&quot;:&quot;€ 8.2 / month&quot;,&quot;display_parts&quot;:&quot;0.5 | 2GB&quot;,&quot;slug&quot;:&quot;0.5:cpu-2048:memory&quot;},{&quot;ram&quot;:2048,&quot;cpu&quot;:1.0,&quot;cpu_cost&quot;:0.5,&quot;memory_cost&quot;:8.0,&quot;cost&quot;:8.5,&quot;currency&quot;:&quot;EUR&quot;,&quot;currency_symbol&quot;:&quot;€&quot;,&quot;display_cost&quot;:&quot;€ 8.5 / month&quot;,&quot;display_parts&quot;:&quot;1.0 | 2GB&quot;,&quot;slug&quot;:&quot;1.0:cpu-2048:memory&quot;},{&quot;ram&quot;:2048,&quot;cpu&quot;:1.5,&quot;cpu_cost&quot;:1,&quot;memory_cost&quot;:8.0,&quot;cost&quot;:9.0,&quot;currency&quot;:&quot;EUR&quot;,&quot;currency_symbol&quot;:&quot;€&quot;,&quot;display_cost&quot;:&quot;€ 9.0 / month&quot;,&quot;display_parts&quot;:&quot;1.5 | 2GB&quot;,&quot;slug&quot;:&quot;1.5:cpu-2048:memory&quot;},{&quot;ram&quot;:2048,&quot;cpu&quot;:2.0,&quot;cpu_cost&quot;:2,&quot;memory_cost&quot;:8.0,&quot;cost&quot;:10.0,&quot;currency&quot;:&quot;EUR&quot;,&quot;currency_symbol&quot;:&quot;€&quot;,&quot;display_cost&quot;:&quot;€ 10.0 / month&quot;,&quot;display_parts&quot;:&quot;2.0 | 2GB&quot;,&quot;slug&quot;:&quot;2.0:cpu-2048:memory&quot;},{&quot;ram&quot;:3072,&quot;cpu&quot;:0.5,&quot;cpu_cost&quot;:0.2,&quot;memory_cost&quot;:12.0,&quot;cost&quot;:12.2,&quot;currency&quot;:&quot;EUR&quot;,&quot;currency_symbol&quot;:&quot;€&quot;,&quot;display_cost&quot;:&quot;€ 12.2 / month&quot;,&quot;display_parts&quot;:&quot;0.5 | 3GB&quot;,&quot;slug&quot;:&quot;0.5:cpu-3072:memory&quot;},{&quot;ram&quot;:3072,&quot;cpu&quot;:1.0,&quot;cpu_cost&quot;:0.5,&quot;memory_cost&quot;:12.0,&quot;cost&quot;:12.5,&quot;currency&quot;:&quot;EUR&quot;,&quot;currency_symbol&quot;:&quot;€&quot;,&quot;display_cost&quot;:&quot;€ 12.5 / month&quot;,&quot;display_parts&quot;:&quot;1.0 | 3GB&quot;,&quot;slug&quot;:&quot;1.0:cpu-3072:memory&quot;},{&quot;ram&quot;:3072,&quot;cpu&quot;:1.5,&quot;cpu_cost&quot;:1,&quot;memory_cost&quot;:12.0,&quot;cost&quot;:13.0,&quot;currency&quot;:&quot;EUR&quot;,&quot;currency_symbol&quot;:&quot;€&quot;,&quot;display_cost&quot;:&quot;€ 13.0 / month&quot;,&quot;display_parts&quot;:&quot;1.5 | 3GB&quot;,&quot;slug&quot;:&quot;1.5:cpu-3072:memory&quot;},{&quot;ram&quot;:3072,&quot;cpu&quot;:2.0,&quot;cpu_cost&quot;:2,&quot;memory_cost&quot;:12.0,&quot;cost&quot;:14.0,&quot;currency&quot;:&quot;EUR&quot;,&quot;currency_symbol&quot;:&quot;€&quot;,&quot;display_cost&quot;:&quot;€ 14.0 / month&quot;,&quot;display_parts&quot;:&quot;2.0 | 3GB&quot;,&quot;slug&quot;:&quot;2.0:cpu-3072:memory&quot;},{&quot;ram&quot;:3072,&quot;cpu&quot;:3.0,&quot;cpu_cost&quot;:4,&quot;memory_cost&quot;:12.0,&quot;cost&quot;:16.0,&quot;currency&quot;:&quot;EUR&quot;,&quot;currency_symbol&quot;:&quot;€&quot;,&quot;display_cost&quot;:&quot;€ 16.0 / month&quot;,&quot;display_parts&quot;:&quot;3.0 | 3GB&quot;,&quot;slug&quot;:&quot;3.0:cpu-3072:memory&quot;},{&quot;ram&quot;:4096,&quot;cpu&quot;:1.0,&quot;cpu_cost&quot;:0.5,&quot;memory_cost&quot;:16.0,&quot;cost&quot;:16.5,&quot;currency&quot;:&quot;EUR&quot;,&quot;currency_symbol&quot;:&quot;€&quot;,&quot;display_cost&quot;:&quot;€ 16.5 / month&quot;,&quot;display_parts&quot;:&quot;1.0 | 4GB&quot;,&quot;slug&quot;:&quot;1.0:cpu-4096:memory&quot;},{&quot;ram&quot;:4096,&quot;cpu&quot;:1.5,&quot;cpu_cost&quot;:1,&quot;memory_cost&quot;:16.0,&quot;cost&quot;:17.0,&quot;currency&quot;:&quot;EUR&quot;,&quot;currency_symbol&quot;:&quot;€&quot;,&quot;display_cost&quot;:&quot;€ 17.0 / month&quot;,&quot;display_parts&quot;:&quot;1.5 | 4GB&quot;,&quot;slug&quot;:&quot;1.5:cpu-4096:memory&quot;},{&quot;ram&quot;:4096,&quot;cpu&quot;:2.0,&quot;cpu_cost&quot;:2,&quot;memory_cost&quot;:16.0,&quot;cost&quot;:18.0,&quot;currency&quot;:&quot;EUR&quot;,&quot;currency_symbol&quot;:&quot;€&quot;,&quot;display_cost&quot;:&quot;€ 18.0 / month&quot;,&quot;display_parts&quot;:&quot;2.0 | 4GB&quot;,&quot;slug&quot;:&quot;2.0:cpu-4096:memory&quot;},{&quot;ram&quot;:4096,&quot;cpu&quot;:3.0,&quot;cpu_cost&quot;:4,&quot;memory_cost&quot;:16.0,&quot;cost&quot;:20.0,&quot;currency&quot;:&quot;EUR&quot;,&quot;currency_symbol&quot;:&quot;€&quot;,&quot;display_cost&quot;:&quot;€ 20.0 / month&quot;,&quot;display_parts&quot;:&quot;3.0 | 4GB&quot;,&quot;slug&quot;:&quot;3.0:cpu-4096:memory&quot;},{&quot;ram&quot;:4096,&quot;cpu&quot;:4.0,&quot;cpu_cost&quot;:6,&quot;memory_cost&quot;:16.0,&quot;cost&quot;:22.0,&quot;currency&quot;:&quot;EUR&quot;,&quot;currency_symbol&quot;:&quot;€&quot;,&quot;display_cost&quot;:&quot;€ 22.0 / month&quot;,&quot;display_parts&quot;:&quot;4.0 | 4GB&quot;,&quot;slug&quot;:&quot;4.0:cpu-4096:memory&quot;},{&quot;ram&quot;:6144,&quot;cpu&quot;:1.5,&quot;cpu_cost&quot;:1,&quot;memory_cost&quot;:24.0,&quot;cost&quot;:25.0,&quot;currency&quot;:&quot;EUR&quot;,&quot;currency_symbol&quot;:&quot;€&quot;,&quot;display_cost&quot;:&quot;€ 25.0 / month&quot;,&quot;display_parts&quot;:&quot;1.5 | 6GB&quot;,&quot;slug&quot;:&quot;1.5:cpu-6144:memory&quot;},{&quot;ram&quot;:6144,&quot;cpu&quot;:2.0,&quot;cpu_cost&quot;:2,&quot;memory_cost&quot;:24.0,&quot;cost&quot;:26.0,&quot;currency&quot;:&quot;EUR&quot;,&quot;currency_symbol&quot;:&quot;€&quot;,&quot;display_cost&quot;:&quot;€ 26.0 / month&quot;,&quot;display_parts&quot;:&quot;2.0 | 6GB&quot;,&quot;slug&quot;:&quot;2.0:cpu-6144:memory&quot;},{&quot;ram&quot;:6144,&quot;cpu&quot;:3.0,&quot;cpu_cost&quot;:4,&quot;memory_cost&quot;:24.0,&quot;cost&quot;:28.0,&quot;currency&quot;:&quot;EUR&quot;,&quot;currency_symbol&quot;:&quot;€&quot;,&quot;display_cost&quot;:&quot;€ 28.0 / month&quot;,&quot;display_parts&quot;:&quot;3.0 | 6GB&quot;,&quot;slug&quot;:&quot;3.0:cpu-6144:memory&quot;},{&quot;ram&quot;:6144,&quot;cpu&quot;:4.0,&quot;cpu_cost&quot;:6,&quot;memory_cost&quot;:24.0,&quot;cost&quot;:30.0,&quot;currency&quot;:&quot;EUR&quot;,&quot;currency_symbol&quot;:&quot;€&quot;,&quot;display_cost&quot;:&quot;€ 30.0 / month&quot;,&quot;display_parts&quot;:&quot;4.0 | 6GB&quot;,&quot;slug&quot;:&quot;4.0:cpu-6144:memory&quot;},{&quot;ram&quot;:8192,&quot;cpu&quot;:2.0,&quot;cpu_cost&quot;:2,&quot;memory_cost&quot;:32.0,&quot;cost&quot;:34.0,&quot;currency&quot;:&quot;EUR&quot;,&quot;currency_symbol&quot;:&quot;€&quot;,&quot;display_cost&quot;:&quot;€ 34.0 / month&quot;,&quot;display_parts&quot;:&quot;2.0 | 8GB&quot;,&quot;slug&quot;:&quot;2.0:cpu-8192:memory&quot;},{&quot;ram&quot;:8192,&quot;cpu&quot;:3.0,&quot;cpu_cost&quot;:4,&quot;memory_cost&quot;:32.0,&quot;cost&quot;:36.0,&quot;currency&quot;:&quot;EUR&quot;,&quot;currency_symbol&quot;:&quot;€&quot;,&quot;display_cost&quot;:&quot;€ 36.0 / month&quot;,&quot;display_parts&quot;:&quot;3.0 | 8GB&quot;,&quot;slug&quot;:&quot;3.0:cpu-8192:memory&quot;},{&quot;ram&quot;:8192,&quot;cpu&quot;:4.0,&quot;cpu_cost&quot;:6,&quot;memory_cost&quot;:32.0,&quot;cost&quot;:38.0,&quot;currency&quot;:&quot;EUR&quot;,&quot;currency_symbol&quot;:&quot;€&quot;,&quot;display_cost&quot;:&quot;€ 38.0 / month&quot;,&quot;display_parts&quot;:&quot;4.0 | 8GB&quot;,&quot;slug&quot;:&quot;4.0:cpu-8192:memory&quot;}]"
     data-bundles-selected-ram-value="512"
     data-bundles-selected-cpu-value="0.25"
     data-bundles-selected-storage-value=""
     data-bundles-previous-cost-value=""
     data-bundles-storage-free-limit-bytes-value="134217728"
     data-bundles-storage-cost-per-gb-eur-value="0.12"
     data-bundles-first-cpu-label-class="tw_-translate-x-[20%]"
     data-bundles-cpu-label-class="tw_-translate-x-1/2"
     data-bundles-last-cpu-label-class="tw_translate-x-[-80%]"
     data-bundles-selected-cpu-label-class="tw_font-semibold tw_text-primary"
>
  <input value="0.25:cpu-512:memory" data-bundles-target="input" autocomplete="off" type="hidden" name="app_process[resource_bundle]" id="app_process_resource_bundle" />
    <div>
      <div class="tw_mb-1.5 tw_font-bold"><label for="app_process_scale">Instances</label></div>
      <div class="tw_inline-flex tw_items-center tw_gap-1 tw_border tw_rounded-md tw_font-semibold tw_w-full lg:tw_w-auto tw_shadow-sm"
           data-controller="number-field"
           data-number-field-min-value="0"
           data-number-field-max-value="4"
      >
        <button type="button" class="tw_grid tw_place-content-center tw_w-10 tw_h-10 hover:tw_bg-zinc-100"
                data-action="number-field#decrease" data-number-field-target="decreaseButton"><i class="fal fa-minus "></i></button>
        <input class="tw_text-center tw_grow tw_px-8 tw_border-0 lg:tw_max-w-28 tw_appearance-text" min="0" max="4" autocomplete="off" data-number-field-target="input" data-bundles-target="instances" data-action="change-&gt;bundles#updateInfo bundles#updateInfo number-field#checkLimits" type="number" value="1" name="app_process[scale]" id="app_process_scale" />
        <button type="button" class="tw_grid tw_place-content-center tw_w-10 tw_h-10 hover:tw_bg-zinc-100"
                data-action="number-field#increase" data-number-field-target="increaseButton"><i class="fal fa-plus "></i></button>
      </div>
    </div>
  <div>
      <div class="tw_flex tw_gap-4 tw_mb-1.5 tw_justify-between lg:tw_justify-start">
        <p class="tw_font-bold">Bundle</p>
        <a data-action="bundles#setToLowest" class="tw_text-primary tw_underline" href="javascript:void(0)">Set to lowest</a>
      </div>
    <div class="tw_grid tw_gap-7 tw_shadow-sm tw_border-zinc-200 tw_rounded-md tw_p-2.5 tw_border">
      <div class="tw_grid lg:tw_flex tw_items-center tw_min-w-0">
        <p class="tw_w-28 tw_mb-2.5 tw_leading-120">Memory:</p>
        <div class="tw_hidden lg:tw_grid tw_w-full tw_gap-3 tw_py-2" style="grid-template-columns: repeat(7, 1fr)">
            <div>
              <input type="radio" name="memory_1776197477680" id="memory_1776197477680_512" value="512" data-action="bundles#selectRam" data-bundles-target="ramRadio" class="tw_absolute tw_opacity-0 tw_-z-10" autocomplete="off" checked="checked" />
              <label class="tw_radio-btn tw_min-w-full tw_whitespace-nowrap tw_shadow-sm" for="memory_1776197477680_512">512MB</label>
            </div>
            <div>
              <input type="radio" name="memory_1776197477680" id="memory_1776197477680_1024" value="1024" data-action="bundles#selectRam" data-bundles-target="ramRadio" class="tw_absolute tw_opacity-0 tw_-z-10" autocomplete="off" />
              <label class="tw_radio-btn tw_min-w-full tw_whitespace-nowrap tw_shadow-sm" for="memory_1776197477680_1024">1GB</label>
            </div>
            <div>
              <input type="radio" name="memory_1776197477680" id="memory_1776197477680_2048" value="2048" data-action="bundles#selectRam" data-bundles-target="ramRadio" class="tw_absolute tw_opacity-0 tw_-z-10" autocomplete="off" />
              <label class="tw_radio-btn tw_min-w-full tw_whitespace-nowrap tw_shadow-sm" for="memory_1776197477680_2048">2GB</label>
            </div>
            <div>
              <input type="radio" name="memory_1776197477680" id="memory_1776197477680_3072" value="3072" data-action="bundles#selectRam" data-bundles-target="ramRadio" class="tw_absolute tw_opacity-0 tw_-z-10" autocomplete="off" />
              <label class="tw_radio-btn tw_min-w-full tw_whitespace-nowrap tw_shadow-sm" for="memory_1776197477680_3072">3GB</label>
            </div>
            <div>
              <input type="radio" name="memory_1776197477680" id="memory_1776197477680_4096" value="4096" data-action="bundles#selectRam" data-bundles-target="ramRadio" class="tw_absolute tw_opacity-0 tw_-z-10" autocomplete="off" />
              <label class="tw_radio-btn tw_min-w-full tw_whitespace-nowrap tw_shadow-sm" for="memory_1776197477680_4096">4GB</label>
            </div>
            <div>
              <input type="radio" name="memory_1776197477680" id="memory_1776197477680_6144" value="6144" data-action="bundles#selectRam" data-bundles-target="ramRadio" class="tw_absolute tw_opacity-0 tw_-z-10" autocomplete="off" />
              <label class="tw_radio-btn tw_min-w-full tw_whitespace-nowrap tw_shadow-sm" for="memory_1776197477680_6144">6GB</label>
            </div>
            <div>
              <input type="radio" name="memory_1776197477680" id="memory_1776197477680_8192" value="8192" data-action="bundles#selectRam" data-bundles-target="ramRadio" class="tw_absolute tw_opacity-0 tw_-z-10" autocomplete="off" />
              <label class="tw_radio-btn tw_min-w-full tw_whitespace-nowrap tw_shadow-sm" for="memory_1776197477680_8192">8GB</label>
            </div>
        </div>
        <select name="memory_1776197477680" id="memory_1776197477680" class="form-select tw_w-full lg:tw_hidden" data-action="bundles#selectRam" data-bundles-target="ramSelect" autocomplete="off"><option selected="selected" value="512">512MB</option>
<option value="1024">1GB</option>
<option value="2048">2GB</option>
<option value="3072">3GB</option>
<option value="4096">4GB</option>
<option value="6144">6GB</option>
<option value="8192">8GB</option></select>
      </div>
      <div class="tw_grid lg:tw_flex tw_items-center tw_gap-3 lg:tw_gap-0">
        <div class="tw_w-28">
          <span>CPU:</span>
          <div class="tw_inline-block tw_whitespace-normal" data-controller="popover" data-action="mouseover-&gt;popover#show mouseleave-&gt;popover#hide click-&gt;popover#toggle"><i class="fal fa-info-circle "></i><div class="tw_content tw_hidden tw_absolute lg:tw_max-w-xs tw_bg-indigo-100 tw_text-slate-600 tw_shadow tw_text-sm tw_rounded tw_p-2 tw_leading-tight tw_prose tw_z-50" data-popover-target="content" data-transition-enter="tw_transition tw_duration-300 tw_ease-in-out" data-transition-enter-from="tw_opacity-0 tw_transform tw_translate-y-2" data-transition-enter-to="tw_opacity-100 tw_transform tw_translate-y-0" data-transition-leave="tw_transition tw_duration-300 tw_ease-in-out" data-transition-leave-from="tw_opacity-100 tw_transform tw_translate-y-0" data-transition-leave-to="tw_opacity-0 tw_transform tw_translate-y-2">A value of 1.5 means your app will be able to utilize up to 100% of one core and up to 50% of a second core</div></div>
        </div>
        <div class="tw_w-full tw_flex tw_gap-3">
          <div class="tw_w-full tw_pt-4 range-wrap tw_relative">
            <div id="cpus" class="datalist tw_flex-between-center tw_w-full tw_text-center tw_absolute tw_top-0">
                <div data-bundles-target="cpuLabel" data-cpu="0.25">
                  <span class="tw_-translate-y-2.5">0.25</span>
                </div>
                <div data-bundles-target="cpuLabel" data-cpu="0.5">
                  <span class="tw_-translate-y-2.5">0.5</span>
                </div>
                <div data-bundles-target="cpuLabel" data-cpu="1">
                  <span class="tw_-translate-y-2.5">1.0</span>
                </div>
                <div data-bundles-target="cpuLabel" data-cpu="1.5">
                  <span class="tw_-translate-y-2.5">1.5</span>
                </div>
                <div data-bundles-target="cpuLabel" data-cpu="2">
                  <span class="tw_-translate-y-2.5">2.0</span>
                </div>
                <div data-bundles-target="cpuLabel" data-cpu="3">
                  <span class="tw_-translate-y-2.5">3.0</span>
                </div>
                <div data-bundles-target="cpuLabel" data-cpu="4">
                  <span class="tw_-translate-y-2.5">4.0</span>
                </div>
            </div>
            <input type="range" name="cpu" id="cpu" value="0.25" min="0" max="7" step="1" list="cpus" class="tw_form-range" autocomplete="off" data-bundles-target="cpuSlider" data-action="bundles#selectCpu" />
          </div>
        </div>
      </div>
    </div>
  </div>



</div>


    <div class="tw_flex-between-center">
      <p class="tw_text-slate-400 tw_text-sm">
        <a target="_blank" href="/docs#pricing">
          Learn about charges <i class="fal fa-external-link "></i>
</a>      </p>
      <div class="tw_ml-auto">
          
        <button name="button" type="button" class="tw_btn-primary" data-action="cost-calculator-resource#toggle cost-calculator#resourceToggle" aria-expanded="true" aria-controls="collapse_app_process-1776197477680">
          Save <div class="tw_inline-block tw_fill-current tw_leading-[0.5] tw_ms-1.5 tw_text-lg "><svg width="1em" height="1em" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="heroicons-outline:save">
<path id="Vector" d="M12 12.75L14.25 12.75C14.6478 12.75 15.0294 12.592 15.3107 12.3107C15.592 12.0294 15.75 11.6478 15.75 11.25L15.75 4.5C15.75 4.10218 15.592 3.72065 15.3107 3.43934C15.0294 3.15804 14.6478 3 14.25 3L3.75 3C3.35217 3 2.97064 3.15804 2.68934 3.43934C2.40804 3.72065 2.25 4.10218 2.25 4.5L2.25 11.25C2.25 11.6478 2.40804 12.0294 2.68934 12.3107C2.97064 12.592 3.35218 12.75 3.75 12.75L6 12.75M6.75 9.75L9 7.5M9 7.5L11.25 9.75M9 7.5L9 15" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
<path id="Vector_2" d="M12 12.75L14.25 12.75C14.6478 12.75 15.0294 12.592 15.3107 12.3107C15.592 12.0294 15.75 11.6478 15.75 11.25L15.75 4.5C15.75 4.10218 15.592 3.72065 15.3107 3.43934C15.0294 3.15804 14.6478 3 14.25 3L3.75 3C3.35217 3 2.97064 3.15804 2.68934 3.43934C2.40804 3.72065 2.25 4.10218 2.25 4.5L2.25 11.25C2.25 11.6478 2.40804 12.0294 2.68934 12.3107C2.97065 12.592 3.35218 12.75 3.75 12.75L6 12.75" stroke="currentColor" stroke-width="1.4" stroke-linecap="square" stroke-linejoin="round"/>
</g>
</svg>
</div>
</button>
      </div>
    </div>
  </div>
</form>    </div>
  </div>
</div>
</template></turbo-stream>