<div wire:snapshot="{&quot;data&quot;:{&quot;contest&quot;:[null,{&quot;class&quot;:&quot;App\\Db\\Contest&quot;,&quot;key&quot;:492,&quot;s&quot;:&quot;mdl&quot;}],&quot;purchase&quot;:null,&quot;viewModel&quot;:[{&quot;joinable_teams_header&quot;:null,&quot;joinable_teams&quot;:[[[{&quot;uuid&quot;:&quot;4c19fa26-6e0d-4465-85d3-ddbfe7e51712&quot;,&quot;name&quot;:&quot;GT Boomerang Rapido&quot;,&quot;max_team_size&quot;:20,&quot;members&quot;:[[[{&quot;name&quot;:&quot;H\u00e5vard Bartnes&quot;,&quot;is_captain&quot;:false,&quot;avatar&quot;:null},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;name&quot;:&quot;Ivan Cipriani&quot;,&quot;is_captain&quot;:false,&quot;avatar&quot;:[{&quot;images&quot;:[{&quot;160x160&quot;:&quot;https:\/\/dist.myworkout.com\/usercontent\/9cfaaf7f-5ac6-4383-a114-03b976c08197\/conversions\/avatar-160x160.png&quot;},{&quot;s&quot;:&quot;arr&quot;}]},{&quot;s&quot;:&quot;arr&quot;}]},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;name&quot;:&quot;Nidhi Gupta&quot;,&quot;is_captain&quot;:false,&quot;avatar&quot;:[{&quot;images&quot;:[{&quot;160x160&quot;:&quot;https:\/\/dist.myworkout.com\/usercontent\/69a6e2a7-c28f-4aa5-b13b-ef586abb2878\/conversions\/avatar-160x160.png&quot;},{&quot;s&quot;:&quot;arr&quot;}]},{&quot;s&quot;:&quot;arr&quot;}]},{&quot;s&quot;:&quot;arr&quot;}]],{&quot;s&quot;:&quot;arr&quot;}],&quot;reserved_seats&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}]},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;uuid&quot;:&quot;91572155-b269-436c-a671-7693d8a94a39&quot;,&quot;name&quot;:&quot;Il Tempo Gigante&quot;,&quot;max_team_size&quot;:20,&quot;members&quot;:[[[{&quot;name&quot;:&quot;Ola Eid&quot;,&quot;is_captain&quot;:true,&quot;avatar&quot;:[{&quot;images&quot;:[{&quot;160x160&quot;:&quot;https:\/\/dist.myworkout.com\/usercontent\/e17264aa-9240-4a22-95fb-883b099ebbbe\/conversions\/avatar-160x160.png&quot;},{&quot;s&quot;:&quot;arr&quot;}]},{&quot;s&quot;:&quot;arr&quot;}]},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;name&quot;:&quot;Hannah Sl\u00f8rdal&quot;,&quot;is_captain&quot;:false,&quot;avatar&quot;:null},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;name&quot;:&quot;Heidi&quot;,&quot;is_captain&quot;:false,&quot;avatar&quot;:null},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;name&quot;:&quot;H\u00e5vard Ellingsen&quot;,&quot;is_captain&quot;:false,&quot;avatar&quot;:null},{&quot;s&quot;:&quot;arr&quot;}],[{&quot;name&quot;:&quot;Kristoffer Myran Winsnes&quot;,&quot;is_captain&quot;:false,&quot;avatar&quot;:null},{&quot;s&quot;:&quot;arr&quot;}]],{&quot;s&quot;:&quot;arr&quot;}],&quot;reserved_seats&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}]},{&quot;s&quot;:&quot;arr&quot;}]],{&quot;s&quot;:&quot;arr&quot;}],&quot;non_joinable_teams_header&quot;:&quot;Full teams&quot;,&quot;non_joinable_teams&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;team_creation_enabled&quot;:false,&quot;new_team_name_suggestion&quot;:&quot;Team 1&quot;,&quot;title&quot;:&quot;Centric H\u00f8stkonkurranse&quot;,&quot;sub_title&quot;:null,&quot;info_text&quot;:&quot;To participate in this contest, &lt;b&gt;join one of the teams&lt;\/b&gt; listed below.&quot;,&quot;ongoing_reservation&quot;:null},{&quot;class&quot;:&quot;App\\Livewire\\ViewModels\\TeamBasedContestOnboarding\\ViewModel&quot;,&quot;s&quot;:&quot;wrbl&quot;}],&quot;timezone&quot;:null},&quot;memo&quot;:{&quot;id&quot;:&quot;4PYrm8pUjyyuOUtfwD25&quot;,&quot;name&quot;:&quot;team-based-contest-onboarding&quot;,&quot;path&quot;:&quot;web\/contest-onboarding\/8f914b3d-14d0-4d57-a7f9-aad7c44385a5&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;74ee88cd4a8cc0969fa2317786eb2c87599dd419c90f501ef5ae626e3b75f220&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;echo:contest-onboarding.8f914b3d-14d0-4d57-a7f9-aad7c44385a5,ContestTeamSeatsChanged&quot;]}" wire:id="4PYrm8pUjyyuOUtfwD25"
    id="team-based-contest-onboarding"
    class="contest-onboarding d-flex flex-column"
    wire:init="setTimezone(Intl.DateTimeFormat().resolvedOptions().timeZone)"
>
    <div
        class="background-overlay d-flex justify-content-center align-items-center"
        x-show="$store.teamOnboarding.shouldShowAddTeamDialog"
        x-data
        x-cloak
        @mousedown.self="$store.teamOnboarding.hideAddTeamDialog()"
    >
        <div class="dialog" x-show="$store.teamOnboarding.shouldShowAddTeamDialog" x-transition>
            <form
                action="#"
                @submit.prevent="$wire.addTeam($store.teamOnboarding.newTeamName)"
            >
                <section class="content d-flex flex-column">
                    <div class="d-flex justify-content-center">
                        <img src="https://api.myworkout.com/build/assets/contest-Cc3uy4FJ.svg" alt="contest" width="130" height="120"/>
                    </div>
                    <label for="team-name">What is the team&#039;s name?</label>
                    <div class="input-wrap">
                        <input
                            id="team-name"
                            name="team-name"
                            class="w-100 mw-input"
                            @input="$store.teamOnboarding.setNewTeamName($event.target.value)"
                            :value="$store.teamOnboarding.newTeamName"
                        >
                        <span class="error"></span>
                    </div>
                </section>

                <div class="divider horizontal"></div>

                <section class="action-buttons d-flex">
                    <button
                        class="flex-grow-1"
                        @click="$store.teamOnboarding.hideAddTeamDialog()"
                        type="button"
                    >
                        Cancel
                    </button>

                    <div class="divider vertical"></div>

                    <button
                        class="primary flex-grow-1"
                        type="submit"
                        wire:loading.attr="disabled"
                        wire:target="addTeam"
                    >
                        <span wire:loading.remove wire:target="addTeam">
                            Add and join
                        </span>
                        <img
                            wire:loading
                            wire:target="addTeam"
                            src="https://api.myworkout.com/build/assets/spinner-DrJGQAg1.svg"
                            width="20"
                            height="20"
                            alt="loading indicator"
                        />
                    </button>
                </section>
            </form>
        </div>
    </div>

    <!--[if BLOCK]><![endif]-->        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->

        <header class="d-flex flex-column align-items-center">
    <img
        src="https://api.myworkout.com/build/assets/gold-trophy-DAR177VZ.svg"
        width="172"
        height="105"
        alt="gold trophy"
    >
    <h1>Centric Høstkonkurranse</h1>
    <h2></h2>
</header>

        <div class="info-box">
            To participate in this contest, <b>join one of the teams</b> listed below.
        </div>

        <!--[if BLOCK]><![endif]-->            <section class="section">
                <h2></h2>
                <div class="teams">
                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
                    <!--[if BLOCK]><![endif]-->                        <section class="team d-flex flex-column" x-data="{ expanded: false }">
    <button
        class="header-wrap"
        @click="expanded = !expanded"
    >
        <div class="header d-flex align-items-center">
            <img
                src="https://api.myworkout.com/build/assets/team-logo-placeholder-BRF5ou2B.svg"
                width="49"
                height="49"
                alt="team logo"
            >
            <div class="description flex-grow-1 d-flex flex-column">
                <span class="title">GT Boomerang Rapido</span>
                <!--[if BLOCK]><![endif]-->                    <span>17 seats available</span>
                <!--[if ENDBLOCK]><![endif]-->
            </div>
            <div class="mobile-only" x-cloak>
                <img
                    class="collapse-expand-button mobile-only"
                    :src="expanded
                        ? 'https://api.myworkout.com/build/assets/collapse-DwlmoNXD.svg'
                        : 'https://api.myworkout.com/build/assets/expand-DeftBPCD.svg'"
                    width="28"
                    height="28"
                    alt="toggle hide or show seats"
                >
            </div>
        </div>
    </button>
    <ul class="seats">
        <!--[if BLOCK]><![endif]-->            <li class="seat d-flex align-items-center" x-show="expanded || 1" x-transition x-cloak>
                <img
                    class="member-icon"
                    src="https://api.myworkout.com/build/assets/user-gray-Dp1z9t7-.svg"
                    width="28"
                    height="28"
                    alt="profile picture"
                >
                <span class="seat-description d-flex align-items-center">
                    <span>Håvard Bartnes</span>
                    <!--[if BLOCK]><![endif]-->                        <button
                            @click="expanded = true"
                            x-show="!expanded"
                            class="collapse-expand-textual-button mobile-only"
                        >
                            + 2 more
                        </button>
                    <!--[if ENDBLOCK]><![endif]-->
                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
                </span>
            </li>
                    <li class="seat d-flex align-items-center" x-show="expanded || 0" x-transition x-cloak>
                <img
                    class="member-icon"
                    src="https://dist.myworkout.com/usercontent/9cfaaf7f-5ac6-4383-a114-03b976c08197/conversions/avatar-160x160.png"
                    width="28"
                    height="28"
                    alt="profile picture"
                >
                <span class="seat-description d-flex align-items-center">
                    <span>Ivan Cipriani</span>
                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
                </span>
            </li>
                    <li class="seat d-flex align-items-center" x-show="expanded || 0" x-transition x-cloak>
                <img
                    class="member-icon"
                    src="https://dist.myworkout.com/usercontent/69a6e2a7-c28f-4aa5-b13b-ef586abb2878/conversions/avatar-160x160.png"
                    width="28"
                    height="28"
                    alt="profile picture"
                >
                <span class="seat-description d-flex align-items-center">
                    <span>Nidhi Gupta</span>
                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
                </span>
            </li>
        <!--[if ENDBLOCK]><![endif]-->
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
        <!--[if BLOCK]><![endif]-->            <li class="seat d-flex align-items-center" x-show="expanded" x-transition x-cloak>
                <div class="member-icon-placeholder"></div>
                <div class="seat-description available d-flex align-items-center">
                    <span>Available seat</span>
                </div>
            </li>
                    <li class="seat d-flex align-items-center" x-show="expanded" x-transition x-cloak>
                <div class="member-icon-placeholder"></div>
                <div class="seat-description available d-flex align-items-center">
                    <span>Available seat</span>
                </div>
            </li>
                    <li class="seat d-flex align-items-center" x-show="expanded" x-transition x-cloak>
                <div class="member-icon-placeholder"></div>
                <div class="seat-description available d-flex align-items-center">
                    <span>Available seat</span>
                </div>
            </li>
                    <li class="seat d-flex align-items-center" x-show="expanded" x-transition x-cloak>
                <div class="member-icon-placeholder"></div>
                <div class="seat-description available d-flex align-items-center">
                    <span>Available seat</span>
                </div>
            </li>
                    <li class="seat d-flex align-items-center" x-show="expanded" x-transition x-cloak>
                <div class="member-icon-placeholder"></div>
                <div class="seat-description available d-flex align-items-center">
                    <span>Available seat</span>
                </div>
            </li>
                    <li class="seat d-flex align-items-center" x-show="expanded" x-transition x-cloak>
                <div class="member-icon-placeholder"></div>
                <div class="seat-description available d-flex align-items-center">
                    <span>Available seat</span>
                </div>
            </li>
                    <li class="seat d-flex align-items-center" x-show="expanded" x-transition x-cloak>
                <div class="member-icon-placeholder"></div>
                <div class="seat-description available d-flex align-items-center">
                    <span>Available seat</span>
                </div>
            </li>
                    <li class="seat d-flex align-items-center" x-show="expanded" x-transition x-cloak>
                <div class="member-icon-placeholder"></div>
                <div class="seat-description available d-flex align-items-center">
                    <span>Available seat</span>
                </div>
            </li>
                    <li class="seat d-flex align-items-center" x-show="expanded" x-transition x-cloak>
                <div class="member-icon-placeholder"></div>
                <div class="seat-description available d-flex align-items-center">
                    <span>Available seat</span>
                </div>
            </li>
                    <li class="seat d-flex align-items-center" x-show="expanded" x-transition x-cloak>
                <div class="member-icon-placeholder"></div>
                <div class="seat-description available d-flex align-items-center">
                    <span>Available seat</span>
                </div>
            </li>
                    <li class="seat d-flex align-items-center" x-show="expanded" x-transition x-cloak>
                <div class="member-icon-placeholder"></div>
                <div class="seat-description available d-flex align-items-center">
                    <span>Available seat</span>
                </div>
            </li>
                    <li class="seat d-flex align-items-center" x-show="expanded" x-transition x-cloak>
                <div class="member-icon-placeholder"></div>
                <div class="seat-description available d-flex align-items-center">
                    <span>Available seat</span>
                </div>
            </li>
                    <li class="seat d-flex align-items-center" x-show="expanded" x-transition x-cloak>
                <div class="member-icon-placeholder"></div>
                <div class="seat-description available d-flex align-items-center">
                    <span>Available seat</span>
                </div>
            </li>
                    <li class="seat d-flex align-items-center" x-show="expanded" x-transition x-cloak>
                <div class="member-icon-placeholder"></div>
                <div class="seat-description available d-flex align-items-center">
                    <span>Available seat</span>
                </div>
            </li>
                    <li class="seat d-flex align-items-center" x-show="expanded" x-transition x-cloak>
                <div class="member-icon-placeholder"></div>
                <div class="seat-description available d-flex align-items-center">
                    <span>Available seat</span>
                </div>
            </li>
                    <li class="seat d-flex align-items-center" x-show="expanded" x-transition x-cloak>
                <div class="member-icon-placeholder"></div>
                <div class="seat-description available d-flex align-items-center">
                    <span>Available seat</span>
                </div>
            </li>
                    <li class="seat d-flex align-items-center" x-show="expanded" x-transition x-cloak>
                <div class="member-icon-placeholder"></div>
                <div class="seat-description available d-flex align-items-center">
                    <span>Available seat</span>
                </div>
            </li>
        <!--[if ENDBLOCK]><![endif]-->
    </ul>
    <div class="footer d-flex">
        <!--[if BLOCK]><![endif]-->            <!--[if BLOCK]><![endif]-->                <button
                    class="flex-grow-1 d-flex justify-content-end align-items-center"
                    wire:click="joinTeam('4c19fa26-6e0d-4465-85d3-ddbfe7e51712')"
                >
                    <span>Join team</span>
                    <img
                        src="https://api.myworkout.com/build/assets/circle-arrow-right-CkEmmoHx.svg" alt="arrow right"
                        width="38"
                        height="38"
                    >
                </button>
            <!--[if ENDBLOCK]><![endif]-->
        <!--[if ENDBLOCK]><![endif]-->
    </div>
</section>
                                            <section class="team d-flex flex-column" x-data="{ expanded: false }">
    <button
        class="header-wrap"
        @click="expanded = !expanded"
    >
        <div class="header d-flex align-items-center">
            <img
                src="https://api.myworkout.com/build/assets/team-logo-placeholder-BRF5ou2B.svg"
                width="49"
                height="49"
                alt="team logo"
            >
            <div class="description flex-grow-1 d-flex flex-column">
                <span class="title">Il Tempo Gigante</span>
                <!--[if BLOCK]><![endif]-->                    <span>15 seats available</span>
                <!--[if ENDBLOCK]><![endif]-->
            </div>
            <div class="mobile-only" x-cloak>
                <img
                    class="collapse-expand-button mobile-only"
                    :src="expanded
                        ? 'https://api.myworkout.com/build/assets/collapse-DwlmoNXD.svg'
                        : 'https://api.myworkout.com/build/assets/expand-DeftBPCD.svg'"
                    width="28"
                    height="28"
                    alt="toggle hide or show seats"
                >
            </div>
        </div>
    </button>
    <ul class="seats">
        <!--[if BLOCK]><![endif]-->            <li class="seat d-flex align-items-center" x-show="expanded || 1" x-transition x-cloak>
                <img
                    class="member-icon"
                    src="https://dist.myworkout.com/usercontent/e17264aa-9240-4a22-95fb-883b099ebbbe/conversions/avatar-160x160.png"
                    width="28"
                    height="28"
                    alt="profile picture"
                >
                <span class="seat-description d-flex align-items-center">
                    <span>Ola Eid</span>
                    <!--[if BLOCK]><![endif]-->                        <button
                            @click="expanded = true"
                            x-show="!expanded"
                            class="collapse-expand-textual-button mobile-only"
                        >
                            + 4 more
                        </button>
                    <!--[if ENDBLOCK]><![endif]-->
                    <!--[if BLOCK]><![endif]-->                        <span x-show="expanded" class="captain">
                            Captain
                        </span>
                    <!--[if ENDBLOCK]><![endif]-->
                </span>
            </li>
                    <li class="seat d-flex align-items-center" x-show="expanded || 0" x-transition x-cloak>
                <img
                    class="member-icon"
                    src="https://api.myworkout.com/build/assets/user-gray-Dp1z9t7-.svg"
                    width="28"
                    height="28"
                    alt="profile picture"
                >
                <span class="seat-description d-flex align-items-center">
                    <span>Hannah Slørdal</span>
                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
                </span>
            </li>
                    <li class="seat d-flex align-items-center" x-show="expanded || 0" x-transition x-cloak>
                <img
                    class="member-icon"
                    src="https://api.myworkout.com/build/assets/user-gray-Dp1z9t7-.svg"
                    width="28"
                    height="28"
                    alt="profile picture"
                >
                <span class="seat-description d-flex align-items-center">
                    <span>Heidi</span>
                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
                </span>
            </li>
                    <li class="seat d-flex align-items-center" x-show="expanded || 0" x-transition x-cloak>
                <img
                    class="member-icon"
                    src="https://api.myworkout.com/build/assets/user-gray-Dp1z9t7-.svg"
                    width="28"
                    height="28"
                    alt="profile picture"
                >
                <span class="seat-description d-flex align-items-center">
                    <span>Håvard Ellingsen</span>
                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
                </span>
            </li>
                    <li class="seat d-flex align-items-center" x-show="expanded || 0" x-transition x-cloak>
                <img
                    class="member-icon"
                    src="https://api.myworkout.com/build/assets/user-gray-Dp1z9t7-.svg"
                    width="28"
                    height="28"
                    alt="profile picture"
                >
                <span class="seat-description d-flex align-items-center">
                    <span>Kristoffer Myran Winsnes</span>
                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
                </span>
            </li>
        <!--[if ENDBLOCK]><![endif]-->
        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
        <!--[if BLOCK]><![endif]-->            <li class="seat d-flex align-items-center" x-show="expanded" x-transition x-cloak>
                <div class="member-icon-placeholder"></div>
                <div class="seat-description available d-flex align-items-center">
                    <span>Available seat</span>
                </div>
            </li>
                    <li class="seat d-flex align-items-center" x-show="expanded" x-transition x-cloak>
                <div class="member-icon-placeholder"></div>
                <div class="seat-description available d-flex align-items-center">
                    <span>Available seat</span>
                </div>
            </li>
                    <li class="seat d-flex align-items-center" x-show="expanded" x-transition x-cloak>
                <div class="member-icon-placeholder"></div>
                <div class="seat-description available d-flex align-items-center">
                    <span>Available seat</span>
                </div>
            </li>
                    <li class="seat d-flex align-items-center" x-show="expanded" x-transition x-cloak>
                <div class="member-icon-placeholder"></div>
                <div class="seat-description available d-flex align-items-center">
                    <span>Available seat</span>
                </div>
            </li>
                    <li class="seat d-flex align-items-center" x-show="expanded" x-transition x-cloak>
                <div class="member-icon-placeholder"></div>
                <div class="seat-description available d-flex align-items-center">
                    <span>Available seat</span>
                </div>
            </li>
                    <li class="seat d-flex align-items-center" x-show="expanded" x-transition x-cloak>
                <div class="member-icon-placeholder"></div>
                <div class="seat-description available d-flex align-items-center">
                    <span>Available seat</span>
                </div>
            </li>
                    <li class="seat d-flex align-items-center" x-show="expanded" x-transition x-cloak>
                <div class="member-icon-placeholder"></div>
                <div class="seat-description available d-flex align-items-center">
                    <span>Available seat</span>
                </div>
            </li>
                    <li class="seat d-flex align-items-center" x-show="expanded" x-transition x-cloak>
                <div class="member-icon-placeholder"></div>
                <div class="seat-description available d-flex align-items-center">
                    <span>Available seat</span>
                </div>
            </li>
                    <li class="seat d-flex align-items-center" x-show="expanded" x-transition x-cloak>
                <div class="member-icon-placeholder"></div>
                <div class="seat-description available d-flex align-items-center">
                    <span>Available seat</span>
                </div>
            </li>
                    <li class="seat d-flex align-items-center" x-show="expanded" x-transition x-cloak>
                <div class="member-icon-placeholder"></div>
                <div class="seat-description available d-flex align-items-center">
                    <span>Available seat</span>
                </div>
            </li>
                    <li class="seat d-flex align-items-center" x-show="expanded" x-transition x-cloak>
                <div class="member-icon-placeholder"></div>
                <div class="seat-description available d-flex align-items-center">
                    <span>Available seat</span>
                </div>
            </li>
                    <li class="seat d-flex align-items-center" x-show="expanded" x-transition x-cloak>
                <div class="member-icon-placeholder"></div>
                <div class="seat-description available d-flex align-items-center">
                    <span>Available seat</span>
                </div>
            </li>
                    <li class="seat d-flex align-items-center" x-show="expanded" x-transition x-cloak>
                <div class="member-icon-placeholder"></div>
                <div class="seat-description available d-flex align-items-center">
                    <span>Available seat</span>
                </div>
            </li>
                    <li class="seat d-flex align-items-center" x-show="expanded" x-transition x-cloak>
                <div class="member-icon-placeholder"></div>
                <div class="seat-description available d-flex align-items-center">
                    <span>Available seat</span>
                </div>
            </li>
                    <li class="seat d-flex align-items-center" x-show="expanded" x-transition x-cloak>
                <div class="member-icon-placeholder"></div>
                <div class="seat-description available d-flex align-items-center">
                    <span>Available seat</span>
                </div>
            </li>
        <!--[if ENDBLOCK]><![endif]-->
    </ul>
    <div class="footer d-flex">
        <!--[if BLOCK]><![endif]-->            <!--[if BLOCK]><![endif]-->                <button
                    class="flex-grow-1 d-flex justify-content-end align-items-center"
                    wire:click="joinTeam('91572155-b269-436c-a671-7693d8a94a39')"
                >
                    <span>Join team</span>
                    <img
                        src="https://api.myworkout.com/build/assets/circle-arrow-right-CkEmmoHx.svg" alt="arrow right"
                        width="38"
                        height="38"
                    >
                </button>
            <!--[if ENDBLOCK]><![endif]-->
        <!--[if ENDBLOCK]><![endif]-->
    </div>
</section>
                    <!--[if ENDBLOCK]><![endif]-->
                </div>
            </section>
        <!--[if ENDBLOCK]><![endif]-->

        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->

        <footer class="myworkout-logo-container d-flex justify-content-center">
    <img
        src="https://api.myworkout.com/build/assets/vignette-white-DBVAIgsK.svg"
        width="70"
        height="60"
        alt="Myworkout logo">
</footer>
    <!--[if ENDBLOCK]><![endif]-->
</div>
    
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="csrf-token" content="NWFA6Iins7BVtngC4c6CdVKwPE61GQzOPO78ws2o">
    <meta name="robots" content="noindex">

    <title>    Myworkout GO - onboarding
</title>

    <!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak] {display: none !important;}[wire\:cloak] {display: none !important;}</style>

    <link rel="dns-prefetch" href="https://fonts.gstatic.com"/>
        <link rel="preload" as="style" href="https://api.myworkout.com/build/assets/team-based-contest-onboarding-DVrkphHJ.css" /><link rel="stylesheet" href="https://api.myworkout.com/build/assets/team-based-contest-onboarding-DVrkphHJ.css" data-navigate-track="reload" />    <link rel="preload" as="style" href="https://api.myworkout.com/build/assets/contest-onboarding-BzH3eVTH.css" /><link rel="stylesheet" href="https://api.myworkout.com/build/assets/contest-onboarding-BzH3eVTH.css" data-navigate-track="reload" />    <link rel="preload" as="style" href="https://api.myworkout.com/build/assets/reusable-classes-Dkptrpv9.css" /><link rel="stylesheet" href="https://api.myworkout.com/build/assets/reusable-classes-Dkptrpv9.css" data-navigate-track="reload" /></head>
<body>
        <link rel="modulepreload" as="script" href="https://api.myworkout.com/build/assets/bootstrapEcho-DuWKIx8U.js" /><link rel="modulepreload" as="script" href="https://api.myworkout.com/build/assets/_commonjsHelpers-DaWZu8wl.js" /><link rel="modulepreload" as="script" href="https://api.myworkout.com/build/assets/bootstrapTeamOnboardingAlpineStore-ConrKoT-.js" /><script type="module" src="https://api.myworkout.com/build/assets/bootstrapEcho-DuWKIx8U.js" data-navigate-track="reload"></script><script type="module" src="https://api.myworkout.com/build/assets/bootstrapTeamOnboardingAlpineStore-ConrKoT-.js" data-navigate-track="reload"></script></body>
<script src="/livewire/livewire.min.js?id=df3a17f2"   data-csrf="NWFA6Iins7BVtngC4c6CdVKwPE61GQzOPO78ws2o" data-update-uri="/livewire/update" data-navigate-once="true"></script>
</html>