<turbo-stream method="morph" action="replace" target="booking-main"><template>

<div id="booking-main" class="tw:mx-auto tw:flex tw:max-w-5xl tw:flex-col tw:px-4 tw:mb-12">
  

  
<div class="tw:hidden tw:leading-4 tw:sm:block" data-test="breadcrumbs">

    <div class="tw:inline-block">
      <form class="button_to" method="get" action="https://www.dockspot.com/en/docks/137-visby"><button class="tw:btn tw:btn-secondary tw:text-primary" type="submit">Marina</button></form>
    </div>

    <span class="tw:material-icon tw:inline-block tw:align-middle tw:text-xl tw:text-base-400">chevron_right</span>

  <div class="tw:inline-block">
    <div class="tw:px-6
                tw:py-2
                tw:text-[18px]
                tw:text-center
                tw:rounded-md
                tw:transition-colors
                tw:box-border
                tw:border
                tw:bg-base-100
                tw:border-base-300">
      Spot Selection
    </div>
  </div>
</div>

<div class="tw:sm:hidden">

    <form class="button_to" method="get" action="https://www.dockspot.com/en/docks/137-visby"><button class="tw:text-primary tw:flex tw:items-center tw:gap-1" type="submit"><span class="tw:material-icon tw:size-4">arrow_back</span> Go Back</button></form>
</div>


  <header class="tw:mt-4 tw:pb-8">
    <h1 class="tw:text-2xl tw:lg:text-4xl">
        Drop-in
    </h1>
  </header>

    <div class="tw:relative tw:flex tw:items-start">
      <main class="tw:flex-1">
        <form id="drop_in" data-turbo="true" data-turbo-stream="true" data-controller="turbo-submit bookings-drop-in-spot-selection" data-turbo-submit-target="form" data-action="bookings-drop-in-spot-selection:selected-&gt;turbo-submit#requestSubmit" data-bookings-drop-in-spot-selection-bookings-drop-in-spot-selection-map-outlet=".spot-selection-map" class="tw:group" novalidate="novalidate" action="https://www.dockspot.com/en/docks/137-visby/drop_in/overnight" accept-charset="UTF-8" method="get">
          <input value="overnight" autocomplete="off" type="hidden" name="stay_type" id="stay_type" />
          <div data-bookings-drop-in-spot-selection-target="formFields">
            <div class="tw:w-full tw:mb-7">
              <label for="spot_display">I am docked at</label>

<div class="tw:flex tw:gap-2 tw:items-end tw:mb-2">
  <div class="tw:relative tw:mt-2 tw:w-full" id="spot_selection" data-controller="dropdown list-filter list-navigation" data-action="dropdown:selected-&gt;turbo-submit#requestSubmit dropdown:cleared-&gt;turbo-submit#requestSubmit dropdown:opened-&gt;list-filter#focus list-filter:filtered-&gt;list-navigation#reset">

  <div class="tw:hidden">
    <label for="spot_id">I am docked at</label>
    <select data-dropdown-target="selectInput" data-bookings-drop-in-spot-selection-target="selectInput" data-action="change-&gt;dropdown#refreshFromSelectInput" name="spot_id" id="spot_id"><option value="">— Select slip —</option>
<option value="110">1</option>
<option value="109">2</option>
<option value="98">3</option>
<option value="99">4</option>
<option value="100">5</option>
<option value="101">6</option>
<option value="102">7</option>
<option value="103">8</option>
<option value="104">9</option>
<option value="105">10</option>
<option value="106">11</option>
<option value="107">12</option>
<option value="108">13</option>
<option value="2663">BK 3 Pay&amp;Stay</option>
<option value="2664">BK 4 Pay&amp;Stay</option>
<option value="2665">BK 5 Pay&amp;Stay</option>
<option value="2666">BK 6 Pay&amp;Stay</option>
<option value="2667">BK 7 Pay&amp;Stay</option>
<option value="2668">BK 8 Pay&amp;Stay</option>
<option value="2669">BK 9 Pay&amp;Stay</option>
<option value="2670">BK 10 Pay&amp;Stay</option>
<option value="2671">BK 11 Pay&amp;Stay</option>
<option value="2672">BK 12 Pay&amp;Stay</option>
<option value="2592">BK1 Pay&amp;Stay</option>
<option value="2593">BK2 Pay&amp;Stay</option>
<option value="2572">F1 Pay&amp;Stay</option>
<option value="2573">F2 Pay&amp;Stay</option>
<option value="2574">F3 Pay&amp;Stay</option>
<option value="2575">F4 Pay&amp;Stay</option>
<option value="2576">F5 Pay&amp;Stay</option>
<option value="2577">F6 Pay&amp;Stay</option>
<option value="2578">F7 Pay&amp;Stay</option>
<option value="2579">F8 Pay&amp;Stay</option>
<option value="2580">F9 Pay&amp;Stay</option>
<option value="2581">F10 Pay&amp;Stay</option>
<option value="2582">F11 Pay&amp;Stay</option>
<option value="2583">F12 Pay&amp;Stay</option>
<option value="2584">F13 Pay&amp;Stay</option>
<option value="2585">F14 Pay&amp;Stay</option>
<option value="2586">F15 Pay&amp;Stay</option>
<option value="2587">F16 Pay&amp;Stay</option>
<option value="2589">F17 Pay&amp;Stay</option>
<option value="2588">F18 Pay&amp;Stay</option>
<option value="2590">F19 Pay&amp;Stay</option>
<option value="2606">i1 Pay&amp;Stay</option>
<option value="2607">i2 Pay&amp;Stay</option>
<option value="2608">i3 Pay&amp;Stay</option>
<option value="2609">i4 Pay&amp;Stay</option>
<option value="2610">i5 Pay&amp;Stay</option>
<option value="2611">i6 Pay&amp;Stay</option>
<option value="2612">i7 Pay&amp;Stay</option>
<option value="2613">i8 Pay&amp;Stay</option>
<option value="2614">i9 Pay&amp;Stay</option>
<option value="2615">i10 Pay&amp;Stay</option>
<option value="2616">i11 Pay&amp;Stay</option>
<option value="2617">i12 Pay&amp;Stay</option>
<option value="2621">i13 Pay&amp;Stay</option>
<option value="2619">i14 Pay&amp;Stay</option>
<option value="2622">i15 Pay&amp;Stay</option>
<option value="2623">i16 Pay&amp;Stay</option>
<option value="2624">i17 Pay&amp;Stay</option>
<option value="2625">i18 Pay&amp;Stay</option>
<option value="2626">i19 Pay&amp;Stay</option>
<option value="2627">i20 Pay&amp;Stay</option>
<option value="2628">i21 Pay&amp;Stay</option>
<option value="2629">i22 Pay&amp;Stay</option>
<option value="2630">i23 Pay&amp;Stay</option>
<option value="2631">i24 Pay&amp;Stay</option>
<option value="2632">i25 Pay&amp;Stay</option>
<option value="2633">i26 Pay&amp;Stay</option>
<option value="2634">i27 Pay&amp;Stay</option>
<option value="2635">i28 Pay&amp;Stay</option>
<option value="2642">i29 Pay&amp;Stay</option>
<option value="2648">i30 Pay&amp;Stay</option>
<option value="2647">i31 Pay&amp;Stay</option>
<option value="2646">i32 Pay&amp;Stay</option>
<option value="2645">i33 Pay&amp;Stay</option>
<option value="2644">i34 Pay&amp;Stay</option>
<option value="2643">i35 Pay&amp;Stay</option>
<option value="2641">i36 Pay&amp;Stay</option>
<option value="2640">i37 Pay&amp;Stay</option>
<option value="2639">i38 Pay&amp;Stay</option>
<option value="2638">i39 Pay&amp;Stay</option>
<option value="2637">i40 Pay&amp;Stay</option>
<option value="2636">i41 Pay&amp;Stay</option>
<option value="2649">i50 Pay&amp;Stay</option>
<option value="2650">i51 Pay&amp;Stay</option>
<option value="2651">i52 Pay&amp;Stay</option>
<option value="2652">i53 Pay&amp;Stay</option>
<option value="2653">i54 Pay&amp;Stay</option>
<option value="2654">i55 Pay&amp;Stay</option>
<option value="2659">i56 Pay&amp;Stay</option>
<option value="2655">i57 Pay&amp;Stay</option>
<option value="2657">i58 Pay&amp;Stay</option>
<option value="2656">i59 Pay&amp;Stay</option>
<option value="2660">i60 Pay&amp;Stay</option>
<option value="2661">i61 Pay&amp;Stay</option>
<option value="2594">KA 1 Pay&amp;Stay</option>
<option value="2600">KA 2 Pay&amp;Stay</option>
<option value="2595">KA 3 Pay&amp;Stay</option>
<option value="2601">KA 4 Pay&amp;Stay</option>
<option value="2602">KA 5 Pay&amp;Stay</option>
<option value="2596">KA 6 Pay&amp;Stay</option>
<option value="2603">KA 7 Pay&amp;Stay</option>
<option value="2597">KA 8 Pay&amp;Stay</option>
<option value="2604">KA 9 Pay&amp;Stay</option>
<option value="2598">KA 10 Pay&amp;Stay</option>
<option value="2599">KA 11 Pay&amp;Stay</option>
<option value="2605">KA 12 Pay&amp;Stay</option></select>
  </div>

  <input type="text" id="spot_display" class="tw:peer/combobox tw:mb-0 tw:cursor-pointer tw:rounded-lg tw:py-1.5 tw:pl-3 tw:pr-12 tw:focus:outline-hidden tw:focus:cursor-text tw:placeholder:font-medium tw:placeholder:text-base-500 tw:focus:border-sky-500" autocomplete="off" placeholder="Search slip" data-action="click-&gt;dropdown#open:stop keydown.up-&gt;list-navigation#navigateUp:prevent keydown.down-&gt;list-navigation#navigateDown:prevent keydown.enter-&gt;dropdown#selectActive:prevent keydown.esc-&gt;dropdown#close input-&gt;list-filter#filter:stop" data-dropdown-target="combobox" data-list-filter-target="search" />

  <button name="button" type="button" class="tw:absolute tw:inset-y-0 tw:right-6 tw:flex tw:items-center tw:px-2 tw:text-sky-500 tw:hover:text-sky-800 tw:focus:outline-hidden tw:peer-placeholder-shown/combobox:invisible" data-action="dropdown#clear:stop"><span class="tw:material-icon tw:text-xl">cancel</span></button>

  <button name="button" type="button" class="tw:absolute tw:inset-y-0 tw:right-0 tw:flex tw:items-center tw:px-2 tw:focus:outline-hidden" data-action="click-&gt;dropdown#toggle:stop"><span class="tw:material-icon tw:text-sky-500">unfold_more</span></button>

  <div class="tw:absolute tw:z-10 tw:hidden tw:max-h-60 tw:w-full tw:bg-white tw:overflow-auto tw:rounded-lg tw:pb-1 tw:mt-1 tw:text-base-700 tw:shadow-lg tw:ring-1 tw:ring-black/5 tw:focus:outline-hidden tw:sm:text-base/6 tw:aria-expanded:block" aria-expanded="false" data-dropdown-target="list">

    <ul role="listbox">
        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="110" data-label="1" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">1</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="109" data-label="2" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">2</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="98" data-label="3" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">3</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="99" data-label="4" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">4</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="100" data-label="5" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">5</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="101" data-label="6" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">6</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="102" data-label="7" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">7</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="103" data-label="8" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">8</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="104" data-label="9" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">9</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="105" data-label="10" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">10</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="106" data-label="11" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">11</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="107" data-label="12" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">12</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="108" data-label="13" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">13</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2663" data-label="BK 3 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">BK 3 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2664" data-label="BK 4 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">BK 4 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2665" data-label="BK 5 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">BK 5 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2666" data-label="BK 6 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">BK 6 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2667" data-label="BK 7 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">BK 7 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2668" data-label="BK 8 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">BK 8 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2669" data-label="BK 9 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">BK 9 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2670" data-label="BK 10 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">BK 10 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2671" data-label="BK 11 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">BK 11 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2672" data-label="BK 12 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">BK 12 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2592" data-label="BK1 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">BK1 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2593" data-label="BK2 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">BK2 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2572" data-label="F1 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">F1 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2573" data-label="F2 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">F2 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2574" data-label="F3 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">F3 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2575" data-label="F4 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">F4 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2576" data-label="F5 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">F5 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2577" data-label="F6 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">F6 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2578" data-label="F7 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">F7 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2579" data-label="F8 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">F8 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2580" data-label="F9 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">F9 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2581" data-label="F10 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">F10 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2582" data-label="F11 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">F11 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2583" data-label="F12 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">F12 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2584" data-label="F13 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">F13 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2585" data-label="F14 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">F14 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2586" data-label="F15 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">F15 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2587" data-label="F16 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">F16 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2589" data-label="F17 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">F17 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2588" data-label="F18 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">F18 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2590" data-label="F19 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">F19 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2606" data-label="i1 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i1 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2607" data-label="i2 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i2 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2608" data-label="i3 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i3 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2609" data-label="i4 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i4 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2610" data-label="i5 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i5 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2611" data-label="i6 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i6 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2612" data-label="i7 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i7 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2613" data-label="i8 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i8 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2614" data-label="i9 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i9 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2615" data-label="i10 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i10 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2616" data-label="i11 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i11 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2617" data-label="i12 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i12 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2621" data-label="i13 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i13 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2619" data-label="i14 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i14 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2622" data-label="i15 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i15 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2623" data-label="i16 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i16 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2624" data-label="i17 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i17 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2625" data-label="i18 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i18 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2626" data-label="i19 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i19 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2627" data-label="i20 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i20 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2628" data-label="i21 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i21 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2629" data-label="i22 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i22 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2630" data-label="i23 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i23 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2631" data-label="i24 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i24 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2632" data-label="i25 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i25 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2633" data-label="i26 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i26 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2634" data-label="i27 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i27 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2635" data-label="i28 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i28 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2642" data-label="i29 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i29 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2648" data-label="i30 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i30 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2647" data-label="i31 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i31 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2646" data-label="i32 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i32 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2645" data-label="i33 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i33 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2644" data-label="i34 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i34 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2643" data-label="i35 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i35 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2641" data-label="i36 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i36 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2640" data-label="i37 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i37 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2639" data-label="i38 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i38 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2638" data-label="i39 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i39 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2637" data-label="i40 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i40 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2636" data-label="i41 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i41 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2649" data-label="i50 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i50 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2650" data-label="i51 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i51 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2651" data-label="i52 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i52 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2652" data-label="i53 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i53 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2653" data-label="i54 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i54 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2654" data-label="i55 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i55 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2659" data-label="i56 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i56 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2655" data-label="i57 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i57 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2657" data-label="i58 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i58 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2656" data-label="i59 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i59 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2660" data-label="i60 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i60 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2661" data-label="i61 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">i61 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2594" data-label="KA 1 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">KA 1 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2600" data-label="KA 2 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">KA 2 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2595" data-label="KA 3 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">KA 3 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2601" data-label="KA 4 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">KA 4 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2602" data-label="KA 5 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">KA 5 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2596" data-label="KA 6 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">KA 6 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2603" data-label="KA 7 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">KA 7 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2597" data-label="KA 8 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">KA 8 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2604" data-label="KA 9 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">KA 9 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2598" data-label="KA 10 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">KA 10 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2599" data-label="KA 11 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">KA 11 Pay&amp;Stay</span>
</li>        <li role="option" class="tw:group tw:relative tw:cursor-default tw:select-none tw:py-2 tw:pl-8 tw:pr-9 tw:text-base-900 tw:data-[active=true]:bg-sky-100" tabindex="-1" data-action="click-&gt;dropdown#select mouseover-&gt;list-navigation#navigateTo" data-dropdown-target="option" data-list-filter-target="option" data-list-navigation-target="option" data-value="2605" data-label="KA 12 Pay&amp;Stay" data-active="false" aria-selected="false">
          <span class="tw:absolute tw:inset-y-0 tw:left-0 tw:hidden tw:items-center tw:pl-1.5 tw:group-aria-selected:flex"><span class="tw:material-icon">check</span></span>
          <span class="tw:block">KA 12 Pay&amp;Stay</span>
</li></ul>
</div></div>

  <a href="#" data-action="click->bookings-drop-in-spot-selection#showMap" class="tw:flex tw:items-center tw:gap-1 tw:btn tw:py-[9px] tw:px-3 tw:leading-7 tw:group-aria-busy:hidden">
    <div class="tw:material-icon">map</div>
    <div>Map</div>
  </a>

  <span class="tw:items-center tw:gap-1 tw:btn tw:py-[9px] tw:px-3 tw:leading-7 tw:text-base-400 tw:hidden tw:group-aria-busy:flex">
    <div class="tw:material-icon">map</div>
    <div>Map</div>
  </span>
</div>

<div class="tw:mb-2 tw:mt-2 tw:hidden tw:group-aria-busy:block">
  <i class="tw:material-icon tw:animate-spin tw:text-base-500">refresh</i>
</div>

  <div class="tw:mb-4 tw:mt-2 tw:flex tw:group-aria-busy:hidden">
    <i class="material-icons tw:mr-2 tw:text-brand">info</i>
    <div class="tw:text-base-500">
      If the slip is not in the list, it is not currently available for drop-in.
    </div>
  </div>

            </div>

              <div class="tw:w-full tw:mb-4">
                  <label for="date_picker_display">I want to stay until</label>


<div class="tw:flex">
  <span data-controller="date-picker" data-date-picker-locale-value="en-US" class="tw:max-w-40">
    <input type="text" id="date_picker_display" value="04/13/2026" class="" min="2026-04-12" max="2026-04-30" autocomplete="off" data-date-picker-target="display" />
  <input value="2026-04-13" data-date-picker-target="value" autocomplete="off" type="hidden" name="checkout_date" id="checkout_date" />
  </span>

    <span class="tw:p-2.5 tw:text-base-500">&mdash; 12:00 at the latest</span>
</div>


              </div>

                <div class="tw:w-full tw:flex tw:justify-between">
                      <div class="tw:mb-4 tw:grow tw:mx-1">
      <label for="boat_length">Boat length</label>

      <div class="tw:flex">
  <input min="0.01" max="100" step="0.01" autocomplete="off" class="tw:rounded-none tw:rounded-l-lg tw:m-0 tw:h-auto tw:leading-8" data-controller="measurement-field" data-action="measurement-field#normalizeAndValidate blur-&gt;measurement-field#roundValue" type="text" name="boat_length" id="boat_length" />
  <span class="tw:text-base-500 tw:border-base-300 tw:border-t tw:border-b tw:border-r tw:rounded-r-lg tw:py-2 tw:px-1">m</span>
</div>


        <p class="tw:italic tw:text-base-800 tw:opacity-40 tw:mt-2">Overall (<abbr title="Length overall">LOA</abbr>)</p>
    </div>
    <div class="tw:mb-4 tw:grow tw:mx-1">
      <label for="boat_width">Boat width</label>

      <div class="tw:flex">
  <input min="0.01" max="10" step="0.01" autocomplete="off" class="tw:rounded-none tw:rounded-l-lg tw:m-0 tw:h-auto tw:leading-8" data-controller="measurement-field" data-action="measurement-field#normalizeAndValidate blur-&gt;measurement-field#roundValue" type="text" name="boat_width" id="boat_width" />
  <span class="tw:text-base-500 tw:border-base-300 tw:border-t tw:border-b tw:border-r tw:rounded-r-lg tw:py-2 tw:px-1">m</span>
</div>


    </div>
    <div class="tw:mb-4 tw:grow tw:mx-1">
      <label for="boat_depth">Boat depth</label>

      <div class="tw:flex">
  <input min="0.01" max="10" step="0.01" autocomplete="off" class="tw:rounded-none tw:rounded-l-lg tw:m-0 tw:h-auto tw:leading-8" data-controller="measurement-field" data-action="measurement-field#normalizeAndValidate blur-&gt;measurement-field#roundValue" type="text" name="boat_depth" id="boat_depth" />
  <span class="tw:text-base-500 tw:border-base-300 tw:border-t tw:border-b tw:border-r tw:rounded-r-lg tw:py-2 tw:px-1">m</span>
</div>


    </div>

                </div>

                <div class="tw:mb-4 tw:mt-2 tw:flex">
  <i class="material-icons tw:mr-2 tw:text-brand">warning</i>
  <div class="tw:text-base-500">
      Keep in mind that you must already be at the slip. If you pay before arrival and the spot is occupied when you arrive, the purchase will not be refunded. Click <a data-turbo-frame="_top" class="tw:link" href="https://www.dockspot.com/en/docks/137-visby/spot_selections/new">here</a> to make a pre-booking instead.
  </div>
</div>


              <input type="submit" name="commit" value="Proceed to checkout" class="tw:btn tw:btn-primary tw:w-full" formaction="https://www.dockspot.com/en/docks/137-visby/drop_in" formmethod="POST" data-disable-with="Proceed to checkout" />
          </div>

          <div
  id="spot-map-a2e2e933-7a58-4745-a576-d00bb85334f6"

  data-bookings-drop-in-spot-selection-target="spotMap"
  data-controller="bookings-drop-in-spot-selection-map"
  data-bookings-drop-in-spot-selection-map-config-value="{&quot;center&quot;:{&quot;lat&quot;:57.637060273860925,&quot;lng&quot;:18.284111837689828},&quot;zoom&quot;:16,&quot;maxInitialZoom&quot;:19,&quot;maxSpotZoom&quot;:20,&quot;mapType&quot;:&quot;satellite&quot;,&quot;piers&quot;:[],&quot;mapId&quot;:&quot;86381333d0bd9f95&quot;}"
  data-bookings-drop-in-spot-selection-map-spots-value="[{&quot;id&quot;:110,&quot;position&quot;:{&quot;lat&quot;:57.63807791640069,&quot;lng&quot;:18.28766763882504},&quot;number&quot;:&quot;1&quot;,&quot;description&quot;:&quot;This berth has a fixed price.&quot;},{&quot;id&quot;:109,&quot;position&quot;:{&quot;lat&quot;:57.63789184998419,&quot;lng&quot;:18.28738332466946},&quot;number&quot;:&quot;2&quot;,&quot;description&quot;:&quot;This berth have fixed price.&quot;},{&quot;id&quot;:98,&quot;position&quot;:{&quot;lat&quot;:57.63791212859402,&quot;lng&quot;:18.28730822281705},&quot;number&quot;:&quot;3&quot;,&quot;description&quot;:null},{&quot;id&quot;:99,&quot;position&quot;:{&quot;lat&quot;:57.63793567408994,&quot;lng&quot;:18.2872465320097},&quot;number&quot;:&quot;4&quot;,&quot;description&quot;:null},{&quot;id&quot;:100,&quot;position&quot;:{&quot;lat&quot;:57.63796151667544,&quot;lng&quot;:18.28718752341138},&quot;number&quot;:&quot;5&quot;,&quot;description&quot;:null},{&quot;id&quot;:101,&quot;position&quot;:{&quot;lat&quot;:57.63798448784713,&quot;lng&quot;:18.28712851481305},&quot;number&quot;:&quot;6&quot;,&quot;description&quot;:null},{&quot;id&quot;:102,&quot;position&quot;:{&quot;lat&quot;:57.63800889470109,&quot;lng&quot;:18.28706682400571},&quot;number&quot;:&quot;7&quot;,&quot;description&quot;:null},{&quot;id&quot;:103,&quot;position&quot;:{&quot;lat&quot;:57.63803617293019,&quot;lng&quot;:18.28701317982541},&quot;number&quot;:&quot;8&quot;,&quot;description&quot;:null},{&quot;id&quot;:104,&quot;position&quot;:{&quot;lat&quot;:57.63806201544421,&quot;lng&quot;:18.2869568534361},&quot;number&quot;:&quot;9&quot;,&quot;description&quot;:null},{&quot;id&quot;:105,&quot;position&quot;:{&quot;lat&quot;:57.6380849865523,&quot;lng&quot;:18.28689516262875},&quot;number&quot;:&quot;10&quot;,&quot;description&quot;:null},{&quot;id&quot;:106,&quot;position&quot;:{&quot;lat&quot;:57.63811226472428,&quot;lng&quot;:18.28684688286648},&quot;number&quot;:&quot;11&quot;,&quot;description&quot;:null},{&quot;id&quot;:107,&quot;position&quot;:{&quot;lat&quot;:57.63813936405972,&quot;lng&quot;:18.28678519205914},&quot;number&quot;:&quot;12&quot;,&quot;description&quot;:null},{&quot;id&quot;:108,&quot;position&quot;:{&quot;lat&quot;:57.63817094926237,&quot;lng&quot;:18.28671009020672},&quot;number&quot;:&quot;13&quot;,&quot;description&quot;:null},{&quot;id&quot;:2663,&quot;position&quot;:{&quot;lat&quot;:57.63760566543437,&quot;lng&quot;:18.28638051825863},&quot;number&quot;:&quot;BK 3 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2664,&quot;position&quot;:{&quot;lat&quot;:57.63763294396645,&quot;lng&quot;:18.28638990599018},&quot;number&quot;:&quot;BK 4 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2665,&quot;position&quot;:{&quot;lat&quot;:57.63766022247805,&quot;lng&quot;:18.28634967285496},&quot;number&quot;:&quot;BK 5 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2666,&quot;position&quot;:{&quot;lat&quot;:57.63768965453339,&quot;lng&quot;:18.28631078082424},&quot;number&quot;:&quot;BK 6 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2667,&quot;position&quot;:{&quot;lat&quot;:57.63771836871072,&quot;lng&quot;:18.28627322989804},&quot;number&quot;:&quot;BK 7 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2668,&quot;position&quot;:{&quot;lat&quot;:57.63774636501171,&quot;lng&quot;:18.28623567897183},&quot;number&quot;:&quot;BK 8 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2669,&quot;position&quot;:{&quot;lat&quot;:57.63777436129114,&quot;lng&quot;:18.28619812804562},&quot;number&quot;:&quot;BK 9 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2670,&quot;position&quot;:{&quot;lat&quot;:57.63780235754901,&quot;lng&quot;:18.28616057711941},&quot;number&quot;:&quot;BK 10 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2671,&quot;position&quot;:{&quot;lat&quot;:57.63782676452551,&quot;lng&quot;:18.28612168508869},&quot;number&quot;:&quot;BK 11 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2672,&quot;position&quot;:{&quot;lat&quot;:57.63785404289143,&quot;lng&quot;:18.28608547526699},&quot;number&quot;:&quot;BK 12 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2592,&quot;position&quot;:{&quot;lat&quot;:57.63772507663879,&quot;lng&quot;:18.28678162415945},&quot;number&quot;:&quot;BK1 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;Longside&quot;},{&quot;id&quot;:2593,&quot;position&quot;:{&quot;lat&quot;:57.63776958356057,&quot;lng&quot;:18.28674139102422},&quot;number&quot;:&quot;BK2 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;Longside&quot;},{&quot;id&quot;:2572,&quot;position&quot;:{&quot;lat&quot;:57.63569495426207,&quot;lng&quot;:18.28305335362874},&quot;number&quot;:&quot;F1 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2573,&quot;position&quot;:{&quot;lat&quot;:57.63565044479729,&quot;lng&quot;:18.2829916628214},&quot;number&quot;:&quot;F2 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2574,&quot;position&quot;:{&quot;lat&quot;:57.63560449948604,&quot;lng&quot;:18.28292997201406},&quot;number&quot;:&quot;F3 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2575,&quot;position&quot;:{&quot;lat&quot;:57.63555711832294,&quot;lng&quot;:18.28286023457967},&quot;number&quot;:&quot;F4 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2576,&quot;position&quot;:{&quot;lat&quot;:57.63551117289362,&quot;lng&quot;:18.28278513272726},&quot;number&quot;:&quot;F5 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2577,&quot;position&quot;:{&quot;lat&quot;:57.63578165024872,&quot;lng&quot;:18.28215642303239},&quot;number&quot;:&quot;F6 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2578,&quot;position&quot;:{&quot;lat&quot;:57.6358089301512,&quot;lng&quot;:18.28209473222505},&quot;number&quot;:&quot;F7 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2579,&quot;position&quot;:{&quot;lat&quot;:57.63583621003318,&quot;lng&quot;:18.28203304141771},&quot;number&quot;:&quot;F8 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2580,&quot;position&quot;:{&quot;lat&quot;:57.63586061833122,&quot;lng&quot;:18.28197403281938},&quot;number&quot;:&quot;F9 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2581,&quot;position&quot;:{&quot;lat&quot;:57.63587928348934,&quot;lng&quot;:18.28192575305711},&quot;number&quot;:&quot;F10 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2582,&quot;position&quot;:{&quot;lat&quot;:57.63591517799706,&quot;lng&quot;:18.28184260457765},&quot;number&quot;:&quot;F11 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2583,&quot;position&quot;:{&quot;lat&quot;:57.63594102202067,&quot;lng&quot;:18.28177823156129},&quot;number&quot;:&quot;F12 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2584,&quot;position&quot;:{&quot;lat&quot;:57.63596973758085,&quot;lng&quot;:18.28171654075395},&quot;number&quot;:&quot;F13 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2585,&quot;position&quot;:{&quot;lat&quot;:57.63599845311834,&quot;lng&quot;:18.28164948552858},&quot;number&quot;:&quot;F14 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2586,&quot;position&quot;:{&quot;lat&quot;:57.63602573285792,&quot;lng&quot;:18.28159047693025},&quot;number&quot;:&quot;F15 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2587,&quot;position&quot;:{&quot;lat&quot;:57.63618309346884,&quot;lng&quot;:18.2818919571253},&quot;number&quot;:&quot;F16 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;Longside&quot;},{&quot;id&quot;:2589,&quot;position&quot;:{&quot;lat&quot;:57.63614002037314,&quot;lng&quot;:18.28195096572362},&quot;number&quot;:&quot;F17 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;Longside&quot;},{&quot;id&quot;:2588,&quot;position&quot;:{&quot;lat&quot;:57.6362491387831,&quot;lng&quot;:18.28216017802679},&quot;number&quot;:&quot;F18 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;Longside&quot;},{&quot;id&quot;:2590,&quot;position&quot;:{&quot;lat&quot;:57.63615437807736,&quot;lng&quot;:18.2823425682398},&quot;number&quot;:&quot;F19 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;Longside&quot;},{&quot;id&quot;:2606,&quot;position&quot;:{&quot;lat&quot;:57.63874110655485,&quot;lng&quot;:18.28733721226241},&quot;number&quot;:&quot;i1 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2607,&quot;position&quot;:{&quot;lat&quot;:57.63871655661744,&quot;lng&quot;:18.2873895153382},&quot;number&quot;:&quot;i2 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2608,&quot;position&quot;:{&quot;lat&quot;:57.63869430374379,&quot;lng&quot;:18.2874431595185},&quot;number&quot;:&quot;i3 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2609,&quot;position&quot;:{&quot;lat&quot;:57.63866774384447,&quot;lng&quot;:18.28750216811683},&quot;number&quot;:&quot;i4 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2610,&quot;position&quot;:{&quot;lat&quot;:57.63864261959752,&quot;lng&quot;:18.28755983561065},&quot;number&quot;:&quot;i5 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2611,&quot;position&quot;:{&quot;lat&quot;:57.63861318831468,&quot;lng&quot;:18.2876228675225},&quot;number&quot;:&quot;i6 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2612,&quot;position&quot;:{&quot;lat&quot;:57.63858734619303,&quot;lng&quot;:18.28768053501632},&quot;number&quot;:&quot;i7 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2613,&quot;position&quot;:{&quot;lat&quot;:57.63856150405299,&quot;lng&quot;:18.28773686140563},&quot;number&quot;:&quot;i8 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2614,&quot;position&quot;:{&quot;lat&quot;:57.63853781540839,&quot;lng&quot;:18.28779587000396},&quot;number&quot;:&quot;i9 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2615,&quot;position&quot;:{&quot;lat&quot;:57.63851053755617,&quot;lng&quot;:18.28785890191581},&quot;number&quot;:&quot;i10 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2616,&quot;position&quot;:{&quot;lat&quot;:57.63848469536145,&quot;lng&quot;:18.28792461603667},&quot;number&quot;:&quot;i11 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2617,&quot;position&quot;:{&quot;lat&quot;:57.63845741746929,&quot;lng&quot;:18.28798630684402},&quot;number&quot;:&quot;i12 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2621,&quot;position&quot;:{&quot;lat&quot;:57.63843428010022,&quot;lng&quot;:18.28804620609921},&quot;number&quot;:&quot;i13 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2619,&quot;position&quot;:{&quot;lat&quot;:57.63841075786936,&quot;lng&quot;:18.28810030072715},&quot;number&quot;:&quot;i14 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2622,&quot;position&quot;:{&quot;lat&quot;:57.63838551377141,&quot;lng&quot;:18.28816281466925},&quot;number&quot;:&quot;i15 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2623,&quot;position&quot;:{&quot;lat&quot;:57.63817432434929,&quot;lng&quot;:18.28782673383057},&quot;number&quot;:&quot;i16 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;Bouy&quot;},{&quot;id&quot;:2624,&quot;position&quot;:{&quot;lat&quot;:57.63821093443268,&quot;lng&quot;:18.28777308965027},&quot;number&quot;:&quot;i17 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;Bouy&quot;},{&quot;id&quot;:2625,&quot;position&quot;:{&quot;lat&quot;:57.63823175191464,&quot;lng&quot;:18.28771676326096},&quot;number&quot;:&quot;i18 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;Bouy&quot;},{&quot;id&quot;:2626,&quot;position&quot;:{&quot;lat&quot;:57.63825687644591,&quot;lng&quot;:18.28766580128968},&quot;number&quot;:&quot;i19 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;Bouy&quot;},{&quot;id&quot;:2627,&quot;position&quot;:{&quot;lat&quot;:57.6382812831168,&quot;lng&quot;:18.28761752152741},&quot;number&quot;:&quot;i20 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;Bouy&quot;},{&quot;id&quot;:2628,&quot;position&quot;:{&quot;lat&quot;:57.63830856114129,&quot;lng&quot;:18.28755717182457},&quot;number&quot;:&quot;i21 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;Bouy&quot;},{&quot;id&quot;:2629,&quot;position&quot;:{&quot;lat&quot;:57.63833153209338,&quot;lng&quot;:18.28749816322625},&quot;number&quot;:&quot;i22 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;Bouy&quot;},{&quot;id&quot;:2630,&quot;position&quot;:{&quot;lat&quot;:57.63835163166457,&quot;lng&quot;:18.28745256567299},&quot;number&quot;:&quot;i23 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;Bouy&quot;},{&quot;id&quot;:2631,&quot;position&quot;:{&quot;lat&quot;:57.63837747395399,&quot;lng&quot;:18.28740562701523},&quot;number&quot;:&quot;i24 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;Bouy&quot;},{&quot;id&quot;:2632,&quot;position&quot;:{&quot;lat&quot;:57.63839326645518,&quot;lng&quot;:18.28735198283493},&quot;number&quot;:&quot;i25 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;Bouy&quot;},{&quot;id&quot;:2633,&quot;position&quot;:{&quot;lat&quot;:57.63841623735365,&quot;lng&quot;:18.28730504417717},&quot;number&quot;:&quot;i26 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;Bouy&quot;},{&quot;id&quot;:2634,&quot;position&quot;:{&quot;lat&quot;:57.63843992607762,&quot;lng&quot;:18.28725274110138},&quot;number&quot;:&quot;i27 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;Bouy&quot;},{&quot;id&quot;:2635,&quot;position&quot;:{&quot;lat&quot;:57.63846146126765,&quot;lng&quot;:18.28719641471207},&quot;number&quot;:&quot;i28 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;Bouy&quot;},{&quot;id&quot;:2642,&quot;position&quot;:{&quot;lat&quot;:57.63845494056205,&quot;lng&quot;:18.28707452654615},&quot;number&quot;:&quot;i29 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2648,&quot;position&quot;:{&quot;lat&quot;:57.63836842472973,&quot;lng&quot;:18.287024851687},&quot;number&quot;:&quot;i30 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2647,&quot;position&quot;:{&quot;lat&quot;:57.63834258243379,&quot;lng&quot;:18.28708654249435},&quot;number&quot;:&quot;i31 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2646,&quot;position&quot;:{&quot;lat&quot;:57.6383160222772,&quot;lng&quot;:18.28713884557014},&quot;number&quot;:&quot;i32 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2645,&quot;position&quot;:{&quot;lat&quot;:57.63829486198146,&quot;lng&quot;:18.28718449711576},&quot;number&quot;:&quot;i33 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2644,&quot;position&quot;:{&quot;lat&quot;:57.63827260884937,&quot;lng&quot;:18.28723948240057},&quot;number&quot;:&quot;i34 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2643,&quot;position&quot;:{&quot;lat&quot;:57.63824820217269,&quot;lng&quot;:18.28729446768537},&quot;number&quot;:&quot;i35 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2641,&quot;position&quot;:{&quot;lat&quot;:57.63822235979121,&quot;lng&quot;:18.28735213517919},&quot;number&quot;:&quot;i36 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2640,&quot;position&quot;:{&quot;lat&quot;:57.63819867092539,&quot;lng&quot;:18.28740175604597},&quot;number&quot;:&quot;i37 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2639,&quot;position&quot;:{&quot;lat&quot;:57.63817426419899,&quot;lng&quot;:18.28745674133078},&quot;number&quot;:&quot;i38 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2638,&quot;position&quot;:{&quot;lat&quot;:57.63814913961053,&quot;lng&quot;:18.28751038551107},&quot;number&quot;:&quot;i39 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2637,&quot;position&quot;:{&quot;lat&quot;:57.63812688638913,&quot;lng&quot;:18.28756134748236},&quot;number&quot;:&quot;i40 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2636,&quot;position&quot;:{&quot;lat&quot;:57.63810391530751,&quot;lng&quot;:18.28760962724462},&quot;number&quot;:&quot;i41 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2649,&quot;position&quot;:{&quot;lat&quot;:57.63776352516562,&quot;lng&quot;:18.28723854630936},&quot;number&quot;:&quot;i50 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2650,&quot;position&quot;:{&quot;lat&quot;:57.63779594499703,&quot;lng&quot;:18.28716539502329},&quot;number&quot;:&quot;i51 Pay\u0026Stay&quot;,&quot;description&quot;:null},{&quot;id&quot;:2651,&quot;position&quot;:{&quot;lat&quot;:57.63782178768199,&quot;lng&quot;:18.28710102200694},&quot;number&quot;:&quot;i52 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2652,&quot;position&quot;:{&quot;lat&quot;:57.63784475894207,&quot;lng&quot;:18.28704469561762},&quot;number&quot;:&quot;i53 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2653,&quot;position&quot;:{&quot;lat&quot;:57.63787203729456,&quot;lng&quot;:18.28698300481028},&quot;number&quot;:&quot;i54 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2654,&quot;position&quot;:{&quot;lat&quot;:57.63789931562651,&quot;lng&quot;:18.28691594958491},&quot;number&quot;:&quot;i55 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2659,&quot;position&quot;:{&quot;lat&quot;:57.63792400967343,&quot;lng&quot;:18.28685855041022},&quot;number&quot;:&quot;i56 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2655,&quot;position&quot;:{&quot;lat&quot;:57.63794812943261,&quot;lng&quot;:18.28680061459727},&quot;number&quot;:&quot;i57 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2657,&quot;position&quot;:{&quot;lat&quot;:57.63797138774801,&quot;lng&quot;:18.28674053321356},&quot;number&quot;:&quot;i58 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2656,&quot;position&quot;:{&quot;lat&quot;:57.63799694317303,&quot;lng&quot;:18.2866799151916},&quot;number&quot;:&quot;i59 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2660,&quot;position&quot;:{&quot;lat&quot;:57.638028998887,&quot;lng&quot;:18.28661983380789},&quot;number&quot;:&quot;i60 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2661,&quot;position&quot;:{&quot;lat&quot;:57.6380505900822,&quot;lng&quot;:18.28656022626263},&quot;number&quot;:&quot;i61 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;&quot;},{&quot;id&quot;:2594,&quot;position&quot;:{&quot;lat&quot;:57.63807582785807,&quot;lng&quot;:18.28592760890733},&quot;number&quot;:&quot;KA 1 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;Longside&quot;},{&quot;id&quot;:2600,&quot;position&quot;:{&quot;lat&quot;:57.63804050977761,&quot;lng&quot;:18.28599037250005},&quot;number&quot;:&quot;KA 2 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;Longside&quot;},{&quot;id&quot;:2595,&quot;position&quot;:{&quot;lat&quot;:57.63818063338076,&quot;lng&quot;:18.28613413900148},&quot;number&quot;:&quot;KA 3 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;Longside&quot;},{&quot;id&quot;:2601,&quot;position&quot;:{&quot;lat&quot;:57.63814675109364,&quot;lng&quot;:18.28619958480321},&quot;number&quot;:&quot;KA 4 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;Longside&quot;},{&quot;id&quot;:2602,&quot;position&quot;:{&quot;lat&quot;:57.63827739877226,&quot;lng&quot;:18.28633369525396},&quot;number&quot;:&quot;KA 5 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;Longside&quot;},{&quot;id&quot;:2596,&quot;position&quot;:{&quot;lat&quot;:57.63823949662378,&quot;lng&quot;:18.28640772432099},&quot;number&quot;:&quot;KA 6 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;Longside&quot;},{&quot;id&quot;:2603,&quot;position&quot;:{&quot;lat&quot;:57.63837502530209,&quot;lng&quot;:18.28653754313909},&quot;number&quot;:&quot;KA 7 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;Longside&quot;},{&quot;id&quot;:2597,&quot;position&quot;:{&quot;lat&quot;:57.63834717304101,&quot;lng&quot;:18.28659547895204},&quot;number&quot;:&quot;KA 8 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;Longside&quot;},{&quot;id&quot;:2604,&quot;position&quot;:{&quot;lat&quot;:57.63847265156947,&quot;lng&quot;:18.28675748427831},&quot;number&quot;:&quot;KA 9 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;Longside&quot;},{&quot;id&quot;:2598,&quot;position&quot;:{&quot;lat&quot;:57.63843905666459,&quot;lng&quot;:18.28682614892732},&quot;number&quot;:&quot;KA 10 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;Longside&quot;},{&quot;id&quot;:2599,&quot;position&quot;:{&quot;lat&quot;:57.63856970329132,&quot;lng&quot;:18.28693343728791},&quot;number&quot;:&quot;KA 11 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;Longside&quot;},{&quot;id&quot;:2605,&quot;position&quot;:{&quot;lat&quot;:57.63853725704323,&quot;lng&quot;:18.28701497634374},&quot;number&quot;:&quot;KA 12 Pay\u0026Stay&quot;,&quot;description&quot;:&quot;Longside&quot;}]"
  data-bookings-drop-in-spot-selection-map-selected-spot-id-value=""
  data-bookings-drop-in-spot-selection-map-spot-icon-value="https://www.dockspot.com/assets/icons/spots/drop_in/spot-e7b46cfa.svg"
  data-bookings-drop-in-spot-selection-map-spot-selected-icon-value="https://www.dockspot.com/assets/icons/spots/drop_in/spot_selected-f83b3497.svg"
  data-bookings-drop-in-spot-selection-map-delay-marker-icon-update-value="false"
  data-action="bookings-drop-in-spot-selection-map:spotSelected-&gt;bookings-drop-in-spot-selection#selectSpot bookings-drop-in-spot-selection-map:close-&gt;bookings-drop-in-spot-selection#showList"
  class="spot-selection-map tw:fixed tw:left-0 tw:top-0 tw:h-dvh tw:w-full hidden"
  >
  <div data-bookings-drop-in-spot-selection-map-target="map" class="tw:h-dvh tw:w-full"></div>

  <template data-bookings-drop-in-spot-selection-map-target="closeButtonTemplate">
    <button class="tw:btn tw:btn-secondary tw:m-4 tw:material-icon tw:text-2xl tw:p-1">
      close
    </button>
  </template>

  <template data-bookings-drop-in-spot-selection-map-target="infoWindowHeaderTemplate">
    <div class="tw:flex tw:flex-wrap tw:text-lg tw:text-base-500">
      <span class="tw:flex tw:items-center">
        <i class="material-icons tw:mr-2 tw:text-brand">location_on</i>
        <span class="spot-number tw:pr-4">
          PLACEHOLDER SPOT NUMBER
        </span>
      </span>
      <span class="tw:grow"></span>
      <button class="select-button tw:block-inline tw:btn tw:btn-primary tw:text-sm tw:py-1">
        Select
      </button>
    </div>
  </template>

  <template data-bookings-drop-in-spot-selection-map-target="infoWindowContentTemplate">
    <div class="tw:text-sm tw:mt-2 tw:max-h-32">
      PLACEHOLDER SPOT DESCRIPTION
    </div>
  </template>
</div>

</form>      </main>

    </div>
</div>
</template></turbo-stream>