@extends('component-base.layout')

@section('title')
    Preview
@endsection

@push('css')
    <link rel="stylesheet" href="/css/component-base/preview/image.css?v={{config("sns-line.version")}}">
    <link rel="stylesheet" href="/css/component-base/preview/phone_mockup.css?v={{config("sns-line.version")}}">
    <link rel="stylesheet" href="/css/component-base/preview/message.css?v={{config("sns-line.version")}}">
    <link rel="stylesheet" href="/css/component-base/preview/action.css?v={{config("sns-line.version")}}">
    <link rel="stylesheet" href="/css/component-base/slide/slide.css?v={{config("sns-line.version")}}">
    <link rel="stylesheet" href="/css/component-base/table/table.css?v={{config("sns-line.version")}}">
    <link rel="stylesheet" href="/css/component-base/button/button.css?v={{config("sns-line.version")}}">
    <link rel="stylesheet" href="/css/component-base/tooltip/tooltip.css?v={{config("sns-line.version")}}">
    <style>
        .wrap-sample {
            margin: 20px 20px 0 20px;
        }

        button {
            cursor: pointer;
        }

        #vue-element {
            padding: 20px;
            background: #fff;
            border-radius: 10px;
            overflow: hidden;
        }
    </style>
@endpush

@section('contents')
    <div id="vue-element" v-cloak>
        <div style="font-weight: bold;">Preview</div>
        <div class="wrap-sample">
            <lme-button-flat @click="showPreview = true">Preview Image</lme-button-flat>

            <lme-preview-image
                    v-model="showPreview"
                    src="/images/top-example.png"
            ></lme-preview-image>
        </div>
        <div class="wrap-sample">
            <lme-button-flat @click="showPreviewMessage = true">Preview Message</lme-button-flat>

            <lme-preview-message v-model="showPreviewMessage">
                @include('component-base.preview.phone_mockup_content_sample')
            </lme-preview-message>
        </div>

        <div class="wrap-sample">
            <lme-button-flat @click="showPreviewAction = true">Preview Action</lme-button-flat>

            <lme-preview-action v-model="showPreviewAction"
                                @search="searchUserTable()"
                                @submit="submitPreviewAction()"
                                @submit-action="submitPreviewAction()">
                <template slot="phone-mockup">
                    @include('component-base.preview.phone_mockup_content_sample')
                </template>

                <template slot="table-user">
                    <table class="user-table">
                        <thead>
                        <tr>
                            <th class="col-check">
                                <label class="lme-table-checkbox" :class="{ indeterminate: isIndeterminate }">
                                    <input type="checkbox" v-model="isAllSelected">
                                    <span class="lme-table-checkbox-box"></span>
                                </label>
                            </th>
                            <th class="col-name">アカウント名</th>
                            <th class="col-action" style="text-align: center;">操作</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr v-for=" (user, key) in users" :key="key">
                            <td>
                                <label class="lme-table-checkbox">
                                    <input type="checkbox" :value="user.id" v-model="selectedUserIds">
                                    <span class="lme-table-checkbox-box"></span>
                                </label>
                            </td>
                            <td>
                                <div class="user-info">
                                    <div class="avatar"><img src="/images/create_type0_sl.png" alt=""></div>
                                    <a href="#" class="username">@{{ user.name }}</a>
                                </div>
                            </td>
                            <td style="display: flex; justify-content: center">
                                <lme-button-ghost size="md" :icon="true" :rounded="false" @click="removeAction()">
                                    <svg width="14" height="15" viewBox="0 0 14 15" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path d="M10.7406 14.0626H2.76008C2.1583 14.0626 1.66464 13.5916 1.6362 12.9904L1.20184 3.79688H0.140738C0.063135 3.79688 0 3.73374 0 3.65614V3.0942C0 2.78379 0.25254 2.53125 0.56295 2.53125H2.81273V1.12489C2.81273 0.504619 3.31734 0 3.93761 0H9.56205C10.1829 0 10.688 0.504619 10.688 1.12489V2.53013L9.42233 2.53125H12.9377C13.2476 2.53125 13.4997 2.78379 13.4997 3.0942V3.65614C13.4997 3.73374 13.4365 3.79688 13.3589 3.79688H12.2978L11.8635 12.9904C11.8351 13.5916 11.3419 14.0626 10.7406 14.0626ZM2.46949 3.79688L2.89474 12.797H10.6049L11.0302 3.79688H2.46949ZM4.07835 2.53125H9.42233V1.26675L9.56205 1.26562C9.48499 1.2656 9.42233 1.20147 9.42233 1.12489V1.26675L4.07835 1.26562V2.53125Z" fill="currentColor"/>
                                    </svg>
                                </lme-button-ghost>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </template>

                <template slot="action-list">
                    <div class="action-item">
                        <div class="left-info">
                            <div class="icon">
                                <svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <foreignObject x="-10" y="-10" width="32.5001" height="32.5001"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(5px);clip-path:url(#bgblur_0_5806_101_clip_path);height:100%;width:100%"></div></foreignObject><path data-figma-bg-blur-radius="10" d="M12.375 12.5001H0.1251C0.05612 12.5001 0 12.444 0 12.375V11.1249C0 11.0559 0.05612 10.9998 0.1251 10.9998H12.375C12.4428 10.9998 12.5001 11.0571 12.5001 11.1249V12.375C12.5001 12.4428 12.4428 12.5001 12.375 12.5001ZM10.3203 9.7497H8.928C8.8613 9.7497 8.80307 9.70702 8.7831 9.6435L7.9515 7.0497H4.527L3.6873 9.6435C3.66762 9.70702 3.60938 9.7497 3.5424 9.7497H2.214C2.17246 9.7497 2.13369 9.73346 2.10485 9.70398C2.07688 9.6754 2.06194 9.63794 2.0628 9.5985C2.0628 9.57936 2.06402 9.56346 2.07 9.5481L5.3262 0.1035C5.34686 0.04063 5.40338 0 5.4702 0H7.0686C7.13188 0 7.19109 0.04256 7.2126 0.1035L10.4643 9.5481C10.4921 9.62791 10.451 9.7133 10.3707 9.7425C10.3535 9.74729 10.3365 9.7497 10.3203 9.7497ZM6.2127 1.68569L4.8888 5.8077H7.5861L6.2766 1.6857L6.2127 1.68569Z" fill="#1F1F1F"/>
                                    <defs>
                                        <clipPath id="bgblur_0_5806_101_clip_path" transform="translate(10 10)"><path d="M12.375 12.5001H0.1251C0.05612 12.5001 0 12.444 0 12.375V11.1249C0 11.0559 0.05612 10.9998 0.1251 10.9998H12.375C12.4428 10.9998 12.5001 11.0571 12.5001 11.1249V12.375C12.5001 12.4428 12.4428 12.5001 12.375 12.5001ZM10.3203 9.7497H8.928C8.8613 9.7497 8.80307 9.70702 8.7831 9.6435L7.9515 7.0497H4.527L3.6873 9.6435C3.66762 9.70702 3.60938 9.7497 3.5424 9.7497H2.214C2.17246 9.7497 2.13369 9.73346 2.10485 9.70398C2.07688 9.6754 2.06194 9.63794 2.0628 9.5985C2.0628 9.57936 2.06402 9.56346 2.07 9.5481L5.3262 0.1035C5.34686 0.04063 5.40338 0 5.4702 0H7.0686C7.13188 0 7.19109 0.04256 7.2126 0.1035L10.4643 9.5481C10.4921 9.62791 10.451 9.7133 10.3707 9.7425C10.3535 9.74729 10.3365 9.7497 10.3203 9.7497ZM6.2127 1.68569L4.8888 5.8077H7.5861L6.2766 1.6857L6.2127 1.68569Z"/>
                                        </clipPath></defs>
                                </svg>
                            </div>
                            <div class="name">
                                テキスト送信
                            </div>
                            <div class="note">
{{--                                入力したテキストを表示入力したテキストを表示入力したテキストを表...--}}
                                入力したテキストを表示入力したテキストを表示入力したテキストを表示入力したテキストを表示入力したテキストを表示
                            </div>
                        </div>

                        <div class="right-info">
                            <div class="info">
                            </div>
                            <button class="btn-action">
                                絞り込みなし
                            </button>
                            <lme-button-ghost type="blue" size="sm" :icon="true" :rounded="true" @click="editAction()">
                                <svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M12.375 12.5001H0.1251C0.05612 12.5001 0 12.444 0 12.375V11.8125C0 11.5366 0.22448 11.3121 0.5004 11.3121H11.9997C12.2756 11.3121 12.5001 11.5366 12.5001 11.8125V12.375C12.5001 12.4428 12.4428 12.5001 12.375 12.5001ZM2.277 9.9999C2.13816 9.9999 2.00931 9.94637 1.9044 9.8451C1.7816 9.7223 1.72814 9.55271 1.7577 9.3798L2.2185 6.7518C2.22492 6.7197 2.23976 6.69185 2.2626 6.669L8.8857 0.045C8.91472 0.01598 8.95436 0 8.9973 0C9.03966 0 9.07898 0.01598 9.108 0.045L11.7045 2.6433C11.7343 2.67304 11.7506 2.71252 11.7504 2.75446C11.7502 2.79595 11.7339 2.83478 11.7045 2.8638L5.0814 9.4878C5.06169 9.50916 5.03304 9.52411 4.9986 9.531L2.3706 9.9918C2.33923 9.99718 2.30774 9.9999 2.277 9.9999ZM8.9973 1.60919L3.33 7.2747L3.0861 8.6652L4.4748 8.4204L10.1421 2.7549L8.9973 1.60919Z" fill="currentColor"/>
                                </svg>
                            </lme-button-ghost>
                            <lme-button-ghost type="secondary" size="sm" :icon="true" :rounded="true" @click="removeAction()">
                                <svg width="11" height="11" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M9.89919 8.29713e-05C9.89955 0.000192346 9.89986 0.000364221 9.90051 0.00100485L10.8019 0.902411C10.8026 0.903052 10.8027 0.903349 10.8028 0.903724C10.8029 0.904075 10.8029 0.90445 10.8028 0.904802C10.8027 0.905161 10.8026 0.905458 10.8019 0.906099L6.30655 5.40146L10.8019 9.89682C10.8026 9.89744 10.8027 9.89775 10.8028 9.89811C10.8029 9.89847 10.8029 9.89885 10.8028 9.89921C10.8027 9.89955 10.8026 9.89986 10.8019 9.90051L9.90051 10.8019C9.89986 10.8026 9.89957 10.8027 9.89919 10.8028C9.89884 10.8029 9.89847 10.8029 9.89811 10.8028C9.89775 10.8027 9.89746 10.8026 9.89682 10.8019L5.40146 6.30655L0.906099 10.8019C0.905474 10.8026 0.905161 10.8027 0.904802 10.8028C0.904446 10.8029 0.904064 10.8029 0.903708 10.8028C0.903364 10.8027 0.903052 10.8026 0.902411 10.8019L0.00100485 9.90051C0.000364221 9.89986 0.000192346 9.89957 8.29713e-05 9.89919C-2.44471e-05 9.89884 -2.44471e-05 9.89847 8.29713e-05 9.89811C0.000192346 9.89775 0.000364221 9.89746 0.00100485 9.89682L4.49635 5.40146L0.00100485 0.906099C0.000364221 0.905474 0.000192346 0.905161 8.29713e-05 0.904802C-2.76571e-05 0.904446 -2.76571e-05 0.904064 8.29713e-05 0.903708C0.000192346 0.903364 0.000364221 0.903052 0.00100485 0.902411L0.902411 0.00100485C0.903052 0.000364221 0.903349 0.000192346 0.903724 8.29713e-05C0.904075 -2.44471e-05 0.90445 -2.44471e-05 0.904802 8.29713e-05C0.905161 0.000192346 0.905458 0.000364221 0.906099 0.00100485L5.40146 4.49635L9.89682 0.00100485C9.89744 0.000364221 9.89775 0.000192346 9.89811 8.29713e-05C9.89847 -2.76571e-05 9.89884 -2.76571e-05 9.89919 8.29713e-05Z" fill="currentColor"/>
                                </svg>
                            </lme-button-ghost>
                        </div>
                    </div>
                    <div class="action-item">
                        <div class="left-info">
                            <div class="icon">
                                <svg width="11" height="14" viewBox="0 0 11 14" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <foreignObject x="-10" y="-10" width="30.9998" height="34.0004"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(5px);clip-path:url(#bgblur_0_8262_7153_clip_path);height:100%;width:100%"></div></foreignObject><path data-figma-bg-blur-radius="10" d="M10.5003 14.0004H0.5004C0.22448 14.0004 0 13.7759 0 13.5V0.5004C0 0.22448 0.22448 0 0.5004 0H7.1379C7.26889 0 7.39748 0.05347 7.4907 0.1467L10.8531 3.5091C10.9463 3.60232 10.9998 3.73157 10.9998 3.8637V13.5C10.9998 13.7759 10.7757 14.0004 10.5003 14.0004ZM1.125 1.125V12.8754H9.8748V5.1561H6.4998C6.13803 5.1561 5.8437 4.86177 5.8437 4.5V1.125H1.125ZM6.9066 1.1529V4.0941H9.8469L6.9066 1.1529ZM5.3748 9.6561H2.5002C2.43122 9.6561 2.3751 9.59998 2.3751 9.531V8.7813C2.3751 8.71232 2.43122 8.6562 2.5002 8.6562H5.3748C5.44378 8.6562 5.4999 8.71232 5.4999 8.7813V9.531C5.4999 9.59998 5.44378 9.6561 5.3748 9.6561ZM8.4996 7.5312H2.5002C2.43122 7.5312 2.3751 7.47508 2.3751 7.4061V6.6564C2.3751 6.58742 2.43122 6.5313 2.5002 6.5313H8.4996C8.56858 6.5313 8.6247 6.58742 8.6247 6.6564V7.4061C8.6247 7.47508 8.56858 7.5312 8.4996 7.5312Z" fill="#1F1F1F"/>
                                    <defs>
                                        <clipPath id="bgblur_0_8262_7153_clip_path" transform="translate(10 10)"><path d="M10.5003 14.0004H0.5004C0.22448 14.0004 0 13.7759 0 13.5V0.5004C0 0.22448 0.22448 0 0.5004 0H7.1379C7.26889 0 7.39748 0.05347 7.4907 0.1467L10.8531 3.5091C10.9463 3.60232 10.9998 3.73157 10.9998 3.8637V13.5C10.9998 13.7759 10.7757 14.0004 10.5003 14.0004ZM1.125 1.125V12.8754H9.8748V5.1561H6.4998C6.13803 5.1561 5.8437 4.86177 5.8437 4.5V1.125H1.125ZM6.9066 1.1529V4.0941H9.8469L6.9066 1.1529ZM5.3748 9.6561H2.5002C2.43122 9.6561 2.3751 9.59998 2.3751 9.531V8.7813C2.3751 8.71232 2.43122 8.6562 2.5002 8.6562H5.3748C5.44378 8.6562 5.4999 8.71232 5.4999 8.7813V9.531C5.4999 9.59998 5.44378 9.6561 5.3748 9.6561ZM8.4996 7.5312H2.5002C2.43122 7.5312 2.3751 7.47508 2.3751 7.4061V6.6564C2.3751 6.58742 2.43122 6.5313 2.5002 6.5313H8.4996C8.56858 6.5313 8.6247 6.58742 8.6247 6.6564V7.4061C8.6247 7.47508 8.56858 7.5312 8.4996 7.5312Z"/>
                                        </clipPath></defs>
                                </svg>
                            </div>
                            <div class="name">
                                テンプレート送信
                            </div>
                            <div class="note">
                                管理名 / アクション / 管理名管理名管理名管理名管理名管理名
                            </div>
                        </div>

                        <div class="right-info">
                            <div class="info">
                                +2件
                            </div>
                            <button class="btn-action">
                                絞り込みなし
                            </button>
                            <lme-button-ghost type="blue" size="sm" :icon="true" :rounded="true" @click="editAction()">
                                <svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M12.375 12.5001H0.1251C0.05612 12.5001 0 12.444 0 12.375V11.8125C0 11.5366 0.22448 11.3121 0.5004 11.3121H11.9997C12.2756 11.3121 12.5001 11.5366 12.5001 11.8125V12.375C12.5001 12.4428 12.4428 12.5001 12.375 12.5001ZM2.277 9.9999C2.13816 9.9999 2.00931 9.94637 1.9044 9.8451C1.7816 9.7223 1.72814 9.55271 1.7577 9.3798L2.2185 6.7518C2.22492 6.7197 2.23976 6.69185 2.2626 6.669L8.8857 0.045C8.91472 0.01598 8.95436 0 8.9973 0C9.03966 0 9.07898 0.01598 9.108 0.045L11.7045 2.6433C11.7343 2.67304 11.7506 2.71252 11.7504 2.75446C11.7502 2.79595 11.7339 2.83478 11.7045 2.8638L5.0814 9.4878C5.06169 9.50916 5.03304 9.52411 4.9986 9.531L2.3706 9.9918C2.33923 9.99718 2.30774 9.9999 2.277 9.9999ZM8.9973 1.60919L3.33 7.2747L3.0861 8.6652L4.4748 8.4204L10.1421 2.7549L8.9973 1.60919Z" fill="currentColor"/>
                                </svg>
                            </lme-button-ghost>
                            <lme-button-ghost type="secondary" size="sm" :icon="true" :rounded="true" @click="removeAction()">
                                <svg width="11" height="11" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M9.89919 8.29713e-05C9.89955 0.000192346 9.89986 0.000364221 9.90051 0.00100485L10.8019 0.902411C10.8026 0.903052 10.8027 0.903349 10.8028 0.903724C10.8029 0.904075 10.8029 0.90445 10.8028 0.904802C10.8027 0.905161 10.8026 0.905458 10.8019 0.906099L6.30655 5.40146L10.8019 9.89682C10.8026 9.89744 10.8027 9.89775 10.8028 9.89811C10.8029 9.89847 10.8029 9.89885 10.8028 9.89921C10.8027 9.89955 10.8026 9.89986 10.8019 9.90051L9.90051 10.8019C9.89986 10.8026 9.89957 10.8027 9.89919 10.8028C9.89884 10.8029 9.89847 10.8029 9.89811 10.8028C9.89775 10.8027 9.89746 10.8026 9.89682 10.8019L5.40146 6.30655L0.906099 10.8019C0.905474 10.8026 0.905161 10.8027 0.904802 10.8028C0.904446 10.8029 0.904064 10.8029 0.903708 10.8028C0.903364 10.8027 0.903052 10.8026 0.902411 10.8019L0.00100485 9.90051C0.000364221 9.89986 0.000192346 9.89957 8.29713e-05 9.89919C-2.44471e-05 9.89884 -2.44471e-05 9.89847 8.29713e-05 9.89811C0.000192346 9.89775 0.000364221 9.89746 0.00100485 9.89682L4.49635 5.40146L0.00100485 0.906099C0.000364221 0.905474 0.000192346 0.905161 8.29713e-05 0.904802C-2.76571e-05 0.904446 -2.76571e-05 0.904064 8.29713e-05 0.903708C0.000192346 0.903364 0.000364221 0.903052 0.00100485 0.902411L0.902411 0.00100485C0.903052 0.000364221 0.903349 0.000192346 0.903724 8.29713e-05C0.904075 -2.44471e-05 0.90445 -2.44471e-05 0.904802 8.29713e-05C0.905161 0.000192346 0.905458 0.000364221 0.906099 0.00100485L5.40146 4.49635L9.89682 0.00100485C9.89744 0.000364221 9.89775 0.000192346 9.89811 8.29713e-05C9.89847 -2.76571e-05 9.89884 -2.76571e-05 9.89919 8.29713e-05Z" fill="currentColor"/>
                                </svg>
                            </lme-button-ghost>
                        </div>
                    </div>
                    <div class="action-item">
                        <div class="left-info">
                            <div class="icon">
                                <svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <foreignObject x="-10" y="-10" width="32.5001" height="31.4966"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(5px);clip-path:url(#bgblur_0_8262_7205_clip_path);height:100%;width:100%"></div></foreignObject><path data-figma-bg-blur-radius="10" d="M12.2751 11.4966H8.2575C8.13443 11.4966 8.0343 11.3965 8.0343 11.2734V9.8217H5.9139C5.85286 9.8217 5.8032 9.77204 5.8032 9.711V6.2496H4.464V7.758C4.464 7.88107 4.36387 7.9812 4.2408 7.9812H0.2232C0.10013 7.9812 0 7.88107 0 7.758V3.7395C0 3.61593 0.10013 3.5154 0.2232 3.5154H4.2426C4.36567 3.5154 4.4658 3.61593 4.4658 3.7395V5.247H5.805V1.7856C5.805 1.72456 5.85466 1.6749 5.9157 1.6749H8.0361V0.2232C8.0361 0.10013 8.13623 0 8.2593 0H12.2769C12.4 0 12.5001 0.10013 12.5001 0.2232V4.2426C12.5001 4.36567 12.4 4.4658 12.2769 4.4658H8.2593C8.13623 4.4658 8.0361 4.36567 8.0361 4.2426V2.6793H6.8076V8.82H8.0361V7.2576C8.0361 7.13453 8.13623 7.0344 8.2593 7.0344H12.2751C12.3982 7.0344 12.4983 7.13453 12.4983 7.2576V11.2734C12.4983 11.3965 12.3982 11.4966 12.2751 11.4966ZM9.0954 8.0955V10.4409H11.439V8.0955H9.0954ZM1.0611 4.5783V6.9219H3.4047V4.5783H1.0611ZM9.0954 1.0611V3.4065H11.439V1.0611H9.0954Z" fill="#1F1F1F"/>
                                    <defs>
                                        <clipPath id="bgblur_0_8262_7205_clip_path" transform="translate(10 10)"><path d="M12.2751 11.4966H8.2575C8.13443 11.4966 8.0343 11.3965 8.0343 11.2734V9.8217H5.9139C5.85286 9.8217 5.8032 9.77204 5.8032 9.711V6.2496H4.464V7.758C4.464 7.88107 4.36387 7.9812 4.2408 7.9812H0.2232C0.10013 7.9812 0 7.88107 0 7.758V3.7395C0 3.61593 0.10013 3.5154 0.2232 3.5154H4.2426C4.36567 3.5154 4.4658 3.61593 4.4658 3.7395V5.247H5.805V1.7856C5.805 1.72456 5.85466 1.6749 5.9157 1.6749H8.0361V0.2232C8.0361 0.10013 8.13623 0 8.2593 0H12.2769C12.4 0 12.5001 0.10013 12.5001 0.2232V4.2426C12.5001 4.36567 12.4 4.4658 12.2769 4.4658H8.2593C8.13623 4.4658 8.0361 4.36567 8.0361 4.2426V2.6793H6.8076V8.82H8.0361V7.2576C8.0361 7.13453 8.13623 7.0344 8.2593 7.0344H12.2751C12.3982 7.0344 12.4983 7.13453 12.4983 7.2576V11.2734C12.4983 11.3965 12.3982 11.4966 12.2751 11.4966ZM9.0954 8.0955V10.4409H11.439V8.0955H9.0954ZM1.0611 4.5783V6.9219H3.4047V4.5783H1.0611ZM9.0954 1.0611V3.4065H11.439V1.0611H9.0954Z"/>
                                        </clipPath></defs>
                                </svg>
                            </div>
                            <div class="name">
                                シナリオ
                            </div>
                            <div class="action">
                                停止する
                            </div>
                        </div>

                        <div class="right-info">
                            <div class="info">
                            </div>
                            <button class="btn-action">
                                絞り込みなし
                            </button>
                            <lme-button-ghost type="blue" size="sm" :icon="true" :rounded="true" @click="editAction()">
                                <svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M12.375 12.5001H0.1251C0.05612 12.5001 0 12.444 0 12.375V11.8125C0 11.5366 0.22448 11.3121 0.5004 11.3121H11.9997C12.2756 11.3121 12.5001 11.5366 12.5001 11.8125V12.375C12.5001 12.4428 12.4428 12.5001 12.375 12.5001ZM2.277 9.9999C2.13816 9.9999 2.00931 9.94637 1.9044 9.8451C1.7816 9.7223 1.72814 9.55271 1.7577 9.3798L2.2185 6.7518C2.22492 6.7197 2.23976 6.69185 2.2626 6.669L8.8857 0.045C8.91472 0.01598 8.95436 0 8.9973 0C9.03966 0 9.07898 0.01598 9.108 0.045L11.7045 2.6433C11.7343 2.67304 11.7506 2.71252 11.7504 2.75446C11.7502 2.79595 11.7339 2.83478 11.7045 2.8638L5.0814 9.4878C5.06169 9.50916 5.03304 9.52411 4.9986 9.531L2.3706 9.9918C2.33923 9.99718 2.30774 9.9999 2.277 9.9999ZM8.9973 1.60919L3.33 7.2747L3.0861 8.6652L4.4748 8.4204L10.1421 2.7549L8.9973 1.60919Z" fill="currentColor"/>
                                </svg>
                            </lme-button-ghost>
                            <lme-button-ghost type="secondary" size="sm" :icon="true" :rounded="true" @click="removeAction()">
                                <svg width="11" height="11" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M9.89919 8.29713e-05C9.89955 0.000192346 9.89986 0.000364221 9.90051 0.00100485L10.8019 0.902411C10.8026 0.903052 10.8027 0.903349 10.8028 0.903724C10.8029 0.904075 10.8029 0.90445 10.8028 0.904802C10.8027 0.905161 10.8026 0.905458 10.8019 0.906099L6.30655 5.40146L10.8019 9.89682C10.8026 9.89744 10.8027 9.89775 10.8028 9.89811C10.8029 9.89847 10.8029 9.89885 10.8028 9.89921C10.8027 9.89955 10.8026 9.89986 10.8019 9.90051L9.90051 10.8019C9.89986 10.8026 9.89957 10.8027 9.89919 10.8028C9.89884 10.8029 9.89847 10.8029 9.89811 10.8028C9.89775 10.8027 9.89746 10.8026 9.89682 10.8019L5.40146 6.30655L0.906099 10.8019C0.905474 10.8026 0.905161 10.8027 0.904802 10.8028C0.904446 10.8029 0.904064 10.8029 0.903708 10.8028C0.903364 10.8027 0.903052 10.8026 0.902411 10.8019L0.00100485 9.90051C0.000364221 9.89986 0.000192346 9.89957 8.29713e-05 9.89919C-2.44471e-05 9.89884 -2.44471e-05 9.89847 8.29713e-05 9.89811C0.000192346 9.89775 0.000364221 9.89746 0.00100485 9.89682L4.49635 5.40146L0.00100485 0.906099C0.000364221 0.905474 0.000192346 0.905161 8.29713e-05 0.904802C-2.76571e-05 0.904446 -2.76571e-05 0.904064 8.29713e-05 0.903708C0.000192346 0.903364 0.000364221 0.903052 0.00100485 0.902411L0.902411 0.00100485C0.903052 0.000364221 0.903349 0.000192346 0.903724 8.29713e-05C0.904075 -2.44471e-05 0.90445 -2.44471e-05 0.904802 8.29713e-05C0.905161 0.000192346 0.905458 0.000364221 0.906099 0.00100485L5.40146 4.49635L9.89682 0.00100485C9.89744 0.000364221 9.89775 0.000192346 9.89811 8.29713e-05C9.89847 -2.76571e-05 9.89884 -2.76571e-05 9.89919 8.29713e-05Z" fill="currentColor"/>
                                </svg>
                            </lme-button-ghost>
                        </div>
                    </div>
                    <div class="action-item">
                        <div class="left-info">
                            <div class="icon">
                                <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <foreignObject x="-10" y="-10" width="33.3132" height="33.3127"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(5px);clip-path:url(#bgblur_0_8262_7243_clip_path);height:100%;width:100%"></div></foreignObject><path data-figma-bg-blur-radius="10" d="M5.841 13.3128C5.79859 13.3128 5.76031 13.2969 5.73029 13.2669L0.0459 7.5825C0.0163 7.55333 0 7.51434 0 7.4727C0 7.43107 0.0163 7.39207 0.0459 7.3629L7.36289 0.045C7.39318 0.01472 7.43203 0 7.48169 0H7.48799L12.3723 0.4626C12.6259 0.48787 12.8269 0.68885 12.8502 0.9405L13.3128 5.8248C13.3164 5.87177 13.3003 5.91736 13.2687 5.9499L5.95169 13.2669C5.92167 13.2969 5.88339 13.3128 5.841 13.3128ZM7.85969 1.2285L1.6146 7.4736L5.8392 11.6982L12.0852 5.4531L11.7189 1.5939L7.85969 1.2285ZM9.28169 5.4063C8.5234 5.4063 7.90649 4.78939 7.90649 4.0311C7.90649 3.27281 8.5234 2.6559 9.28169 2.6559C10.04 2.6559 10.6569 3.27281 10.6569 4.0311C10.6569 4.78939 10.04 5.4063 9.28169 5.4063ZM9.28169 3.5316C9.00577 3.5316 8.78129 3.75567 8.78129 4.0311C8.78129 4.30702 9.00577 4.5315 9.28169 4.5315C9.55712 4.5315 9.7812 4.30702 9.7812 4.0311C9.7812 3.75567 9.55712 3.5316 9.28169 3.5316Z" fill="#1F1F1F"/>
                                    <defs>
                                        <clipPath id="bgblur_0_8262_7243_clip_path" transform="translate(10 10)"><path d="M5.841 13.3128C5.79859 13.3128 5.76031 13.2969 5.73029 13.2669L0.0459 7.5825C0.0163 7.55333 0 7.51434 0 7.4727C0 7.43107 0.0163 7.39207 0.0459 7.3629L7.36289 0.045C7.39318 0.01472 7.43203 0 7.48169 0H7.48799L12.3723 0.4626C12.6259 0.48787 12.8269 0.68885 12.8502 0.9405L13.3128 5.8248C13.3164 5.87177 13.3003 5.91736 13.2687 5.9499L5.95169 13.2669C5.92167 13.2969 5.88339 13.3128 5.841 13.3128ZM7.85969 1.2285L1.6146 7.4736L5.8392 11.6982L12.0852 5.4531L11.7189 1.5939L7.85969 1.2285ZM9.28169 5.4063C8.5234 5.4063 7.90649 4.78939 7.90649 4.0311C7.90649 3.27281 8.5234 2.6559 9.28169 2.6559C10.04 2.6559 10.6569 3.27281 10.6569 4.0311C10.6569 4.78939 10.04 5.4063 9.28169 5.4063ZM9.28169 3.5316C9.00577 3.5316 8.78129 3.75567 8.78129 4.0311C8.78129 4.30702 9.00577 4.5315 9.28169 4.5315C9.55712 4.5315 9.7812 4.30702 9.7812 4.0311C9.7812 3.75567 9.55712 3.5316 9.28169 3.5316Z"/>
                                        </clipPath></defs>
                                </svg>
                            </div>
                            <div class="name">
                                タグ
                            </div>
                            <div class="action">
                                つける
                            </div>
                            <div class="note">
                                管理名 / アクション / 管理名管理名管理名管理名管理名管理名
                            </div>
                        </div>

                        <div class="right-info">
                            <div class="info">
                                +2件
                            </div>
                            <button class="btn-action">
                                絞り込みなし
                            </button>
                            <lme-button-ghost type="blue" size="sm" :icon="true" :rounded="true" @click="editAction()">
                                <svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M12.375 12.5001H0.1251C0.05612 12.5001 0 12.444 0 12.375V11.8125C0 11.5366 0.22448 11.3121 0.5004 11.3121H11.9997C12.2756 11.3121 12.5001 11.5366 12.5001 11.8125V12.375C12.5001 12.4428 12.4428 12.5001 12.375 12.5001ZM2.277 9.9999C2.13816 9.9999 2.00931 9.94637 1.9044 9.8451C1.7816 9.7223 1.72814 9.55271 1.7577 9.3798L2.2185 6.7518C2.22492 6.7197 2.23976 6.69185 2.2626 6.669L8.8857 0.045C8.91472 0.01598 8.95436 0 8.9973 0C9.03966 0 9.07898 0.01598 9.108 0.045L11.7045 2.6433C11.7343 2.67304 11.7506 2.71252 11.7504 2.75446C11.7502 2.79595 11.7339 2.83478 11.7045 2.8638L5.0814 9.4878C5.06169 9.50916 5.03304 9.52411 4.9986 9.531L2.3706 9.9918C2.33923 9.99718 2.30774 9.9999 2.277 9.9999ZM8.9973 1.60919L3.33 7.2747L3.0861 8.6652L4.4748 8.4204L10.1421 2.7549L8.9973 1.60919Z" fill="currentColor"/>
                                </svg>
                            </lme-button-ghost>
                            <lme-button-ghost type="secondary" size="sm" :icon="true" :rounded="true" @click="removeAction()">
                                <svg width="11" height="11" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M9.89919 8.29713e-05C9.89955 0.000192346 9.89986 0.000364221 9.90051 0.00100485L10.8019 0.902411C10.8026 0.903052 10.8027 0.903349 10.8028 0.903724C10.8029 0.904075 10.8029 0.90445 10.8028 0.904802C10.8027 0.905161 10.8026 0.905458 10.8019 0.906099L6.30655 5.40146L10.8019 9.89682C10.8026 9.89744 10.8027 9.89775 10.8028 9.89811C10.8029 9.89847 10.8029 9.89885 10.8028 9.89921C10.8027 9.89955 10.8026 9.89986 10.8019 9.90051L9.90051 10.8019C9.89986 10.8026 9.89957 10.8027 9.89919 10.8028C9.89884 10.8029 9.89847 10.8029 9.89811 10.8028C9.89775 10.8027 9.89746 10.8026 9.89682 10.8019L5.40146 6.30655L0.906099 10.8019C0.905474 10.8026 0.905161 10.8027 0.904802 10.8028C0.904446 10.8029 0.904064 10.8029 0.903708 10.8028C0.903364 10.8027 0.903052 10.8026 0.902411 10.8019L0.00100485 9.90051C0.000364221 9.89986 0.000192346 9.89957 8.29713e-05 9.89919C-2.44471e-05 9.89884 -2.44471e-05 9.89847 8.29713e-05 9.89811C0.000192346 9.89775 0.000364221 9.89746 0.00100485 9.89682L4.49635 5.40146L0.00100485 0.906099C0.000364221 0.905474 0.000192346 0.905161 8.29713e-05 0.904802C-2.76571e-05 0.904446 -2.76571e-05 0.904064 8.29713e-05 0.903708C0.000192346 0.903364 0.000364221 0.903052 0.00100485 0.902411L0.902411 0.00100485C0.903052 0.000364221 0.903349 0.000192346 0.903724 8.29713e-05C0.904075 -2.44471e-05 0.90445 -2.44471e-05 0.904802 8.29713e-05C0.905161 0.000192346 0.905458 0.000364221 0.906099 0.00100485L5.40146 4.49635L9.89682 0.00100485C9.89744 0.000364221 9.89775 0.000192346 9.89811 8.29713e-05C9.89847 -2.76571e-05 9.89884 -2.76571e-05 9.89919 8.29713e-05Z" fill="currentColor"/>
                                </svg>
                            </lme-button-ghost>
                        </div>
                    </div>
                    <div class="action-item">
                        <div class="left-info">
                            <div class="icon">
                                <svg width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <foreignObject x="-10" y="-10" width="31.7505" height="32.4371"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(5px);clip-path:url(#bgblur_0_8262_7288_clip_path);height:100%;width:100%"></div></foreignObject><path data-figma-bg-blur-radius="10" d="M11.6253 12.4371H10.6875C10.6192 12.4371 10.5642 12.3837 10.5624 12.3156C10.531 11.111 10.0439 9.97723 9.19084 9.1233C8.30429 8.23765 7.12679 7.7499 5.87524 7.7499C4.62279 7.7499 3.44529 8.23765 2.55964 9.1233C1.70571 9.97723 1.2186 11.111 1.18804 12.3156C1.18623 12.3837 1.13127 12.4371 1.06294 12.4371H0.125142C0.0910124 12.4371 0.0591124 12.4237 0.0353224 12.3993C0.0117024 12.375 -0.000827557 12.3431 4.24432e-05 12.3093C0.0153624 11.5612 0.170402 10.8354 0.460842 10.152C0.757772 9.45197 1.18169 8.82365 1.72084 8.2845C2.25785 7.7448 2.88586 7.32118 3.58744 7.0254C3.59161 7.02302 3.59577 7.02143 3.59995 7.01983L3.60636 7.01729C2.60033 6.28929 1.99984 5.1141 1.99984 3.8754C1.99984 1.7385 3.73834 0 5.87524 0C8.01165 0 9.74974 1.7385 9.74974 3.8754C9.74974 5.11526 9.14951 6.28913 8.14414 7.0155C8.14743 7.01735 8.15042 7.01842 8.15359 7.01955C8.15683 7.02071 8.15994 7.02183 8.16304 7.0236C8.86371 7.32119 9.49176 7.74483 10.0296 8.2827C10.5709 8.82392 10.9945 9.45224 11.2887 10.1502C11.5789 10.8347 11.7342 11.5611 11.7504 12.3093C11.7509 12.3436 11.738 12.3758 11.714 12.4001C11.6905 12.4239 11.659 12.4371 11.6253 12.4371ZM5.87524 1.1871C5.1579 1.1871 4.48317 1.46677 3.97534 1.9746C3.46751 2.48243 3.18784 3.15748 3.18784 3.8754C3.18784 4.59274 3.46751 5.26747 3.97534 5.7753C4.48317 6.28313 5.1579 6.5628 5.87524 6.5628C6.59258 6.5628 7.26731 6.28313 7.77514 5.7753C8.28297 5.26657 8.56264 4.59184 8.56264 3.8754C8.56264 3.15838 8.28297 2.48333 7.77514 1.9746C7.26731 1.46677 6.59258 1.1871 5.87524 1.1871Z" fill="#1F1F1F"/>
                                    <defs>
                                        <clipPath id="bgblur_0_8262_7288_clip_path" transform="translate(10 10)"><path d="M11.6253 12.4371H10.6875C10.6192 12.4371 10.5642 12.3837 10.5624 12.3156C10.531 11.111 10.0439 9.97723 9.19084 9.1233C8.30429 8.23765 7.12679 7.7499 5.87524 7.7499C4.62279 7.7499 3.44529 8.23765 2.55964 9.1233C1.70571 9.97723 1.2186 11.111 1.18804 12.3156C1.18623 12.3837 1.13127 12.4371 1.06294 12.4371H0.125142C0.0910124 12.4371 0.0591124 12.4237 0.0353224 12.3993C0.0117024 12.375 -0.000827557 12.3431 4.24432e-05 12.3093C0.0153624 11.5612 0.170402 10.8354 0.460842 10.152C0.757772 9.45197 1.18169 8.82365 1.72084 8.2845C2.25785 7.7448 2.88586 7.32118 3.58744 7.0254C3.59161 7.02302 3.59577 7.02143 3.59995 7.01983L3.60636 7.01729C2.60033 6.28929 1.99984 5.1141 1.99984 3.8754C1.99984 1.7385 3.73834 0 5.87524 0C8.01165 0 9.74974 1.7385 9.74974 3.8754C9.74974 5.11526 9.14951 6.28913 8.14414 7.0155C8.14743 7.01735 8.15042 7.01842 8.15359 7.01955C8.15683 7.02071 8.15994 7.02183 8.16304 7.0236C8.86371 7.32119 9.49176 7.74483 10.0296 8.2827C10.5709 8.82392 10.9945 9.45224 11.2887 10.1502C11.5789 10.8347 11.7342 11.5611 11.7504 12.3093C11.7509 12.3436 11.738 12.3758 11.714 12.4001C11.6905 12.4239 11.659 12.4371 11.6253 12.4371ZM5.87524 1.1871C5.1579 1.1871 4.48317 1.46677 3.97534 1.9746C3.46751 2.48243 3.18784 3.15748 3.18784 3.8754C3.18784 4.59274 3.46751 5.26747 3.97534 5.7753C4.48317 6.28313 5.1579 6.5628 5.87524 6.5628C6.59258 6.5628 7.26731 6.28313 7.77514 5.7753C8.28297 5.26657 8.56264 4.59184 8.56264 3.8754C8.56264 3.15838 8.28297 2.48333 7.77514 1.9746C7.26731 1.46677 6.59258 1.1871 5.87524 1.1871Z"/>
                                        </clipPath></defs>
                                </svg>
                            </div>
                            <div class="name">
                                顧客情報
                            </div>
                            <div class="action">
                                登録
                            </div>
                            <div class="note">
                                管理名管理名管理名... | 入力した登録情報を表示
                            </div>
                        </div>

                        <div class="right-info">
                            <div class="info">
                                を登録
                            </div>
                            <button class="btn-action">
                                絞り込みなし
                            </button>
                            <lme-button-ghost type="blue" size="sm" :icon="true" :rounded="true" @click="editAction()">
                                <svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M12.375 12.5001H0.1251C0.05612 12.5001 0 12.444 0 12.375V11.8125C0 11.5366 0.22448 11.3121 0.5004 11.3121H11.9997C12.2756 11.3121 12.5001 11.5366 12.5001 11.8125V12.375C12.5001 12.4428 12.4428 12.5001 12.375 12.5001ZM2.277 9.9999C2.13816 9.9999 2.00931 9.94637 1.9044 9.8451C1.7816 9.7223 1.72814 9.55271 1.7577 9.3798L2.2185 6.7518C2.22492 6.7197 2.23976 6.69185 2.2626 6.669L8.8857 0.045C8.91472 0.01598 8.95436 0 8.9973 0C9.03966 0 9.07898 0.01598 9.108 0.045L11.7045 2.6433C11.7343 2.67304 11.7506 2.71252 11.7504 2.75446C11.7502 2.79595 11.7339 2.83478 11.7045 2.8638L5.0814 9.4878C5.06169 9.50916 5.03304 9.52411 4.9986 9.531L2.3706 9.9918C2.33923 9.99718 2.30774 9.9999 2.277 9.9999ZM8.9973 1.60919L3.33 7.2747L3.0861 8.6652L4.4748 8.4204L10.1421 2.7549L8.9973 1.60919Z" fill="currentColor"/>
                                </svg>
                            </lme-button-ghost>
                            <lme-button-ghost type="secondary" size="sm" :icon="true" :rounded="true" @click="removeAction()">
                                <svg width="11" height="11" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M9.89919 8.29713e-05C9.89955 0.000192346 9.89986 0.000364221 9.90051 0.00100485L10.8019 0.902411C10.8026 0.903052 10.8027 0.903349 10.8028 0.903724C10.8029 0.904075 10.8029 0.90445 10.8028 0.904802C10.8027 0.905161 10.8026 0.905458 10.8019 0.906099L6.30655 5.40146L10.8019 9.89682C10.8026 9.89744 10.8027 9.89775 10.8028 9.89811C10.8029 9.89847 10.8029 9.89885 10.8028 9.89921C10.8027 9.89955 10.8026 9.89986 10.8019 9.90051L9.90051 10.8019C9.89986 10.8026 9.89957 10.8027 9.89919 10.8028C9.89884 10.8029 9.89847 10.8029 9.89811 10.8028C9.89775 10.8027 9.89746 10.8026 9.89682 10.8019L5.40146 6.30655L0.906099 10.8019C0.905474 10.8026 0.905161 10.8027 0.904802 10.8028C0.904446 10.8029 0.904064 10.8029 0.903708 10.8028C0.903364 10.8027 0.903052 10.8026 0.902411 10.8019L0.00100485 9.90051C0.000364221 9.89986 0.000192346 9.89957 8.29713e-05 9.89919C-2.44471e-05 9.89884 -2.44471e-05 9.89847 8.29713e-05 9.89811C0.000192346 9.89775 0.000364221 9.89746 0.00100485 9.89682L4.49635 5.40146L0.00100485 0.906099C0.000364221 0.905474 0.000192346 0.905161 8.29713e-05 0.904802C-2.76571e-05 0.904446 -2.76571e-05 0.904064 8.29713e-05 0.903708C0.000192346 0.903364 0.000364221 0.903052 0.00100485 0.902411L0.902411 0.00100485C0.903052 0.000364221 0.903349 0.000192346 0.903724 8.29713e-05C0.904075 -2.44471e-05 0.90445 -2.44471e-05 0.904802 8.29713e-05C0.905161 0.000192346 0.905458 0.000364221 0.906099 0.00100485L5.40146 4.49635L9.89682 0.00100485C9.89744 0.000364221 9.89775 0.000192346 9.89811 8.29713e-05C9.89847 -2.76571e-05 9.89884 -2.76571e-05 9.89919 8.29713e-05Z" fill="currentColor"/>
                                </svg>
                            </lme-button-ghost>
                        </div>
                    </div>
                    <div class="action-item">
                        <div class="left-info">
                            <div class="icon">
                                <svg width="14" height="11" viewBox="0 0 14 11" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <foreignObject x="-10" y="-10" width="34.0004" height="30.9998"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(5px);clip-path:url(#bgblur_0_8262_7331_clip_path);height:100%;width:100%"></div></foreignObject><path data-figma-bg-blur-radius="10" d="M13.5 10.9998H0.5004C0.22448 10.9998 0 10.7757 0 10.5003V0.5004C0 0.22448 0.22448 0 0.5004 0H13.5C13.7759 0 14.0004 0.22448 14.0004 0.5004V10.5003C14.0004 10.7757 13.7759 10.9998 13.5 10.9998ZM1.125 1.125V9.8748H12.8754V1.125H1.125ZM7.1559 8.0154H6.4701C6.40438 8.0154 6.35137 7.9651 6.3468 7.8984C6.28713 7.10556 5.62021 6.4845 4.8285 6.4845C4.03628 6.4845 3.36897 7.10556 3.3093 7.8984C3.30473 7.9651 3.25173 8.0154 3.186 8.0154H2.5002C2.46517 8.0154 2.43181 8.00091 2.40865 7.97564C2.38577 7.95067 2.37482 7.91813 2.3778 7.884C2.42056 7.0769 2.85626 6.3404 3.5433 5.9139C3.25014 5.58992 3.0888 5.17035 3.0888 4.734C3.0888 3.76927 3.86963 2.9844 4.8294 2.9844C5.78917 2.9844 6.57 3.76927 6.57 4.734C6.57 5.17285 6.40859 5.59188 6.1155 5.9139C6.80338 6.34058 7.23916 7.07763 7.281 7.884C7.28274 7.91875 7.27062 7.95165 7.24687 7.97663C7.22308 8.00163 7.19077 8.0154 7.1559 8.0154ZM4.8285 3.9222C4.38286 3.9222 4.0203 4.28637 4.0203 4.734C4.0203 5.18212 4.38286 5.5467 4.8285 5.5467C5.27365 5.5467 5.6358 5.18212 5.6358 4.734C5.6358 4.28637 5.27365 3.9222 4.8285 3.9222ZM11.5128 7.1874H8.6112C8.54966 7.1874 8.4996 7.13128 8.4996 7.0623V6.3126C8.4996 6.24362 8.54966 6.1875 8.6112 6.1875H11.5128C11.5738 6.1875 11.6235 6.24362 11.6235 6.3126V7.0623C11.6235 7.13128 11.5738 7.1874 11.5128 7.1874ZM10.4643 4.9374H8.5356C8.51541 4.9374 8.4996 4.88245 8.4996 4.8123V4.0626C8.4996 3.99245 8.51541 3.9375 8.5356 3.9375H10.4643C10.4845 3.9375 10.5003 3.99245 10.5003 4.0626V4.8123C10.5003 4.88245 10.4845 4.9374 10.4643 4.9374Z" fill="#1F1F1F"/>
                                    <defs>
                                        <clipPath id="bgblur_0_8262_7331_clip_path" transform="translate(10 10)"><path d="M13.5 10.9998H0.5004C0.22448 10.9998 0 10.7757 0 10.5003V0.5004C0 0.22448 0.22448 0 0.5004 0H13.5C13.7759 0 14.0004 0.22448 14.0004 0.5004V10.5003C14.0004 10.7757 13.7759 10.9998 13.5 10.9998ZM1.125 1.125V9.8748H12.8754V1.125H1.125ZM7.1559 8.0154H6.4701C6.40438 8.0154 6.35137 7.9651 6.3468 7.8984C6.28713 7.10556 5.62021 6.4845 4.8285 6.4845C4.03628 6.4845 3.36897 7.10556 3.3093 7.8984C3.30473 7.9651 3.25173 8.0154 3.186 8.0154H2.5002C2.46517 8.0154 2.43181 8.00091 2.40865 7.97564C2.38577 7.95067 2.37482 7.91813 2.3778 7.884C2.42056 7.0769 2.85626 6.3404 3.5433 5.9139C3.25014 5.58992 3.0888 5.17035 3.0888 4.734C3.0888 3.76927 3.86963 2.9844 4.8294 2.9844C5.78917 2.9844 6.57 3.76927 6.57 4.734C6.57 5.17285 6.40859 5.59188 6.1155 5.9139C6.80338 6.34058 7.23916 7.07763 7.281 7.884C7.28274 7.91875 7.27062 7.95165 7.24687 7.97663C7.22308 8.00163 7.19077 8.0154 7.1559 8.0154ZM4.8285 3.9222C4.38286 3.9222 4.0203 4.28637 4.0203 4.734C4.0203 5.18212 4.38286 5.5467 4.8285 5.5467C5.27365 5.5467 5.6358 5.18212 5.6358 4.734C5.6358 4.28637 5.27365 3.9222 4.8285 3.9222ZM11.5128 7.1874H8.6112C8.54966 7.1874 8.4996 7.13128 8.4996 7.0623V6.3126C8.4996 6.24362 8.54966 6.1875 8.6112 6.1875H11.5128C11.5738 6.1875 11.6235 6.24362 11.6235 6.3126V7.0623C11.6235 7.13128 11.5738 7.1874 11.5128 7.1874ZM10.4643 4.9374H8.5356C8.51541 4.9374 8.4996 4.88245 8.4996 4.8123V4.0626C8.4996 3.99245 8.51541 3.9375 8.5356 3.9375H10.4643C10.4845 3.9375 10.5003 3.99245 10.5003 4.0626V4.8123C10.5003 4.88245 10.4845 4.9374 10.4643 4.9374Z"/>
                                        </clipPath></defs>
                                </svg>
                            </div>
                            <div class="name">
                                ステータス
                            </div>
                            <div class="action">
                                外す
                            </div>
                            <div class="note">
                                管理名管理名管理名管理名管理名管理名
                            </div>
                        </div>

                        <div class="right-info">
                            <div class="info">
                            </div>
                            <button class="btn-action">
                                絞り込みなし
                            </button>
                            <lme-button-ghost type="blue" size="sm" :icon="true" :rounded="true" @click="editAction()">
                                <svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M12.375 12.5001H0.1251C0.05612 12.5001 0 12.444 0 12.375V11.8125C0 11.5366 0.22448 11.3121 0.5004 11.3121H11.9997C12.2756 11.3121 12.5001 11.5366 12.5001 11.8125V12.375C12.5001 12.4428 12.4428 12.5001 12.375 12.5001ZM2.277 9.9999C2.13816 9.9999 2.00931 9.94637 1.9044 9.8451C1.7816 9.7223 1.72814 9.55271 1.7577 9.3798L2.2185 6.7518C2.22492 6.7197 2.23976 6.69185 2.2626 6.669L8.8857 0.045C8.91472 0.01598 8.95436 0 8.9973 0C9.03966 0 9.07898 0.01598 9.108 0.045L11.7045 2.6433C11.7343 2.67304 11.7506 2.71252 11.7504 2.75446C11.7502 2.79595 11.7339 2.83478 11.7045 2.8638L5.0814 9.4878C5.06169 9.50916 5.03304 9.52411 4.9986 9.531L2.3706 9.9918C2.33923 9.99718 2.30774 9.9999 2.277 9.9999ZM8.9973 1.60919L3.33 7.2747L3.0861 8.6652L4.4748 8.4204L10.1421 2.7549L8.9973 1.60919Z" fill="currentColor"/>
                                </svg>
                            </lme-button-ghost>
                            <lme-button-ghost type="secondary" size="sm" :icon="true" :rounded="true" @click="removeAction()">
                                <svg width="11" height="11" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M9.89919 8.29713e-05C9.89955 0.000192346 9.89986 0.000364221 9.90051 0.00100485L10.8019 0.902411C10.8026 0.903052 10.8027 0.903349 10.8028 0.903724C10.8029 0.904075 10.8029 0.90445 10.8028 0.904802C10.8027 0.905161 10.8026 0.905458 10.8019 0.906099L6.30655 5.40146L10.8019 9.89682C10.8026 9.89744 10.8027 9.89775 10.8028 9.89811C10.8029 9.89847 10.8029 9.89885 10.8028 9.89921C10.8027 9.89955 10.8026 9.89986 10.8019 9.90051L9.90051 10.8019C9.89986 10.8026 9.89957 10.8027 9.89919 10.8028C9.89884 10.8029 9.89847 10.8029 9.89811 10.8028C9.89775 10.8027 9.89746 10.8026 9.89682 10.8019L5.40146 6.30655L0.906099 10.8019C0.905474 10.8026 0.905161 10.8027 0.904802 10.8028C0.904446 10.8029 0.904064 10.8029 0.903708 10.8028C0.903364 10.8027 0.903052 10.8026 0.902411 10.8019L0.00100485 9.90051C0.000364221 9.89986 0.000192346 9.89957 8.29713e-05 9.89919C-2.44471e-05 9.89884 -2.44471e-05 9.89847 8.29713e-05 9.89811C0.000192346 9.89775 0.000364221 9.89746 0.00100485 9.89682L4.49635 5.40146L0.00100485 0.906099C0.000364221 0.905474 0.000192346 0.905161 8.29713e-05 0.904802C-2.76571e-05 0.904446 -2.76571e-05 0.904064 8.29713e-05 0.903708C0.000192346 0.903364 0.000364221 0.903052 0.00100485 0.902411L0.902411 0.00100485C0.903052 0.000364221 0.903349 0.000192346 0.903724 8.29713e-05C0.904075 -2.44471e-05 0.90445 -2.44471e-05 0.904802 8.29713e-05C0.905161 0.000192346 0.905458 0.000364221 0.906099 0.00100485L5.40146 4.49635L9.89682 0.00100485C9.89744 0.000364221 9.89775 0.000192346 9.89811 8.29713e-05C9.89847 -2.76571e-05 9.89884 -2.76571e-05 9.89919 8.29713e-05Z" fill="currentColor"/>
                                </svg>
                            </lme-button-ghost>
                        </div>
                    </div>
                    <div class="action-item">
                        <div class="left-info">
                            <div class="icon">
                                <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <foreignObject x="-10" y="-10" width="32" height="32"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(5px);clip-path:url(#bgblur_0_8262_7370_clip_path);height:100%;width:100%"></div></foreignObject><path data-figma-bg-blur-radius="10" d="M11.6256 12H8.75002C8.19865 12 7.75009 11.5514 7.75009 11.0001V7.75009C7.75009 7.19873 8.19865 6.75017 8.75002 6.75017H10.875V6.00045C10.875 3.31213 8.68827 1.12503 6.00045 1.12503C3.31213 1.12503 1.12503 3.31213 1.12503 6.00045V6.75017H3.24998C3.80134 6.75017 4.24991 7.19873 4.24991 7.75009V11.0001C4.24991 11.5514 3.80134 12 3.24998 12H0.375309C0.168364 12 0 11.832 0 11.6256V6.00045C0 2.69179 2.69179 0 6.00045 0C9.30861 0 12 2.69179 12 6.00045V11.6256C12 11.832 11.832 12 11.6256 12ZM8.87512 7.8752V10.875H10.875V7.8752H8.87512ZM1.12503 7.8752V10.875H3.12488V7.8752H1.12503Z" fill="#1F1F1F"/>
                                    <defs>
                                        <clipPath id="bgblur_0_8262_7370_clip_path" transform="translate(10 10)"><path d="M11.6256 12H8.75002C8.19865 12 7.75009 11.5514 7.75009 11.0001V7.75009C7.75009 7.19873 8.19865 6.75017 8.75002 6.75017H10.875V6.00045C10.875 3.31213 8.68827 1.12503 6.00045 1.12503C3.31213 1.12503 1.12503 3.31213 1.12503 6.00045V6.75017H3.24998C3.80134 6.75017 4.24991 7.19873 4.24991 7.75009V11.0001C4.24991 11.5514 3.80134 12 3.24998 12H0.375309C0.168364 12 0 11.832 0 11.6256V6.00045C0 2.69179 2.69179 0 6.00045 0C9.30861 0 12 2.69179 12 6.00045V11.6256C12 11.832 11.832 12 11.6256 12ZM8.87512 7.8752V10.875H10.875V7.8752H8.87512ZM1.12503 7.8752V10.875H3.12488V7.8752H1.12503Z"/>
                                        </clipPath></defs>
                                </svg>
                            </div>
                            <div class="name">
                                スタッフ
                            </div>
                            <div class="action">
                                つける
                            </div>
                            <div class="note">
                                スタッフ名
                            </div>
                        </div>

                        <div class="right-info">
                            <div class="info">
                            </div>
                            <button class="btn-action">
                                絞り込みなし
                            </button>
                            <lme-button-ghost type="blue" size="sm" :icon="true" :rounded="true" @click="editAction()">
                                <svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M12.375 12.5001H0.1251C0.05612 12.5001 0 12.444 0 12.375V11.8125C0 11.5366 0.22448 11.3121 0.5004 11.3121H11.9997C12.2756 11.3121 12.5001 11.5366 12.5001 11.8125V12.375C12.5001 12.4428 12.4428 12.5001 12.375 12.5001ZM2.277 9.9999C2.13816 9.9999 2.00931 9.94637 1.9044 9.8451C1.7816 9.7223 1.72814 9.55271 1.7577 9.3798L2.2185 6.7518C2.22492 6.7197 2.23976 6.69185 2.2626 6.669L8.8857 0.045C8.91472 0.01598 8.95436 0 8.9973 0C9.03966 0 9.07898 0.01598 9.108 0.045L11.7045 2.6433C11.7343 2.67304 11.7506 2.71252 11.7504 2.75446C11.7502 2.79595 11.7339 2.83478 11.7045 2.8638L5.0814 9.4878C5.06169 9.50916 5.03304 9.52411 4.9986 9.531L2.3706 9.9918C2.33923 9.99718 2.30774 9.9999 2.277 9.9999ZM8.9973 1.60919L3.33 7.2747L3.0861 8.6652L4.4748 8.4204L10.1421 2.7549L8.9973 1.60919Z" fill="currentColor"/>
                                </svg>
                            </lme-button-ghost>
                            <lme-button-ghost type="secondary" size="sm" :icon="true" :rounded="true" @click="removeAction()">
                                <svg width="11" height="11" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M9.89919 8.29713e-05C9.89955 0.000192346 9.89986 0.000364221 9.90051 0.00100485L10.8019 0.902411C10.8026 0.903052 10.8027 0.903349 10.8028 0.903724C10.8029 0.904075 10.8029 0.90445 10.8028 0.904802C10.8027 0.905161 10.8026 0.905458 10.8019 0.906099L6.30655 5.40146L10.8019 9.89682C10.8026 9.89744 10.8027 9.89775 10.8028 9.89811C10.8029 9.89847 10.8029 9.89885 10.8028 9.89921C10.8027 9.89955 10.8026 9.89986 10.8019 9.90051L9.90051 10.8019C9.89986 10.8026 9.89957 10.8027 9.89919 10.8028C9.89884 10.8029 9.89847 10.8029 9.89811 10.8028C9.89775 10.8027 9.89746 10.8026 9.89682 10.8019L5.40146 6.30655L0.906099 10.8019C0.905474 10.8026 0.905161 10.8027 0.904802 10.8028C0.904446 10.8029 0.904064 10.8029 0.903708 10.8028C0.903364 10.8027 0.903052 10.8026 0.902411 10.8019L0.00100485 9.90051C0.000364221 9.89986 0.000192346 9.89957 8.29713e-05 9.89919C-2.44471e-05 9.89884 -2.44471e-05 9.89847 8.29713e-05 9.89811C0.000192346 9.89775 0.000364221 9.89746 0.00100485 9.89682L4.49635 5.40146L0.00100485 0.906099C0.000364221 0.905474 0.000192346 0.905161 8.29713e-05 0.904802C-2.76571e-05 0.904446 -2.76571e-05 0.904064 8.29713e-05 0.903708C0.000192346 0.903364 0.000364221 0.903052 0.00100485 0.902411L0.902411 0.00100485C0.903052 0.000364221 0.903349 0.000192346 0.903724 8.29713e-05C0.904075 -2.44471e-05 0.90445 -2.44471e-05 0.904802 8.29713e-05C0.905161 0.000192346 0.905458 0.000364221 0.906099 0.00100485L5.40146 4.49635L9.89682 0.00100485C9.89744 0.000364221 9.89775 0.000192346 9.89811 8.29713e-05C9.89847 -2.76571e-05 9.89884 -2.76571e-05 9.89919 8.29713e-05Z" fill="currentColor"/>
                                </svg>
                            </lme-button-ghost>
                        </div>
                    </div>
                    <div class="action-item">
                        <div class="left-info">
                            <div class="icon">
                                <svg width="12" height="14" viewBox="0 0 12 14" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M11.2003 13.6013L11.1992 13.6008L5.60023 10.9469L0.00113076 13.6003L0 0H11.2003V13.6001V13.6013ZM5.60053 9.57153L10.0001 11.6006V1.20024H1.20025V11.6006L5.60053 9.57153Z" fill="#1F1F1F"/>
                                </svg>
                            </div>
                            <div class="name">
                                ブックマーク
                            </div>
                            <div class="action">
                                つける
                            </div>
                            <div class="note">
                            </div>
                        </div>

                        <div class="right-info">
                            <div class="info">
                            </div>
                            <button class="btn-action">
                                絞り込みなし
                            </button>
                            <lme-button-ghost type="blue" size="sm" :icon="true" :rounded="true" @click="editAction()">
                                <svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M12.375 12.5001H0.1251C0.05612 12.5001 0 12.444 0 12.375V11.8125C0 11.5366 0.22448 11.3121 0.5004 11.3121H11.9997C12.2756 11.3121 12.5001 11.5366 12.5001 11.8125V12.375C12.5001 12.4428 12.4428 12.5001 12.375 12.5001ZM2.277 9.9999C2.13816 9.9999 2.00931 9.94637 1.9044 9.8451C1.7816 9.7223 1.72814 9.55271 1.7577 9.3798L2.2185 6.7518C2.22492 6.7197 2.23976 6.69185 2.2626 6.669L8.8857 0.045C8.91472 0.01598 8.95436 0 8.9973 0C9.03966 0 9.07898 0.01598 9.108 0.045L11.7045 2.6433C11.7343 2.67304 11.7506 2.71252 11.7504 2.75446C11.7502 2.79595 11.7339 2.83478 11.7045 2.8638L5.0814 9.4878C5.06169 9.50916 5.03304 9.52411 4.9986 9.531L2.3706 9.9918C2.33923 9.99718 2.30774 9.9999 2.277 9.9999ZM8.9973 1.60919L3.33 7.2747L3.0861 8.6652L4.4748 8.4204L10.1421 2.7549L8.9973 1.60919Z" fill="currentColor"/>
                                </svg>
                            </lme-button-ghost>
                            <lme-button-ghost type="secondary" size="sm" :icon="true" :rounded="true" @click="removeAction()">
                                <svg width="11" height="11" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M9.89919 8.29713e-05C9.89955 0.000192346 9.89986 0.000364221 9.90051 0.00100485L10.8019 0.902411C10.8026 0.903052 10.8027 0.903349 10.8028 0.903724C10.8029 0.904075 10.8029 0.90445 10.8028 0.904802C10.8027 0.905161 10.8026 0.905458 10.8019 0.906099L6.30655 5.40146L10.8019 9.89682C10.8026 9.89744 10.8027 9.89775 10.8028 9.89811C10.8029 9.89847 10.8029 9.89885 10.8028 9.89921C10.8027 9.89955 10.8026 9.89986 10.8019 9.90051L9.90051 10.8019C9.89986 10.8026 9.89957 10.8027 9.89919 10.8028C9.89884 10.8029 9.89847 10.8029 9.89811 10.8028C9.89775 10.8027 9.89746 10.8026 9.89682 10.8019L5.40146 6.30655L0.906099 10.8019C0.905474 10.8026 0.905161 10.8027 0.904802 10.8028C0.904446 10.8029 0.904064 10.8029 0.903708 10.8028C0.903364 10.8027 0.903052 10.8026 0.902411 10.8019L0.00100485 9.90051C0.000364221 9.89986 0.000192346 9.89957 8.29713e-05 9.89919C-2.44471e-05 9.89884 -2.44471e-05 9.89847 8.29713e-05 9.89811C0.000192346 9.89775 0.000364221 9.89746 0.00100485 9.89682L4.49635 5.40146L0.00100485 0.906099C0.000364221 0.905474 0.000192346 0.905161 8.29713e-05 0.904802C-2.76571e-05 0.904446 -2.76571e-05 0.904064 8.29713e-05 0.903708C0.000192346 0.903364 0.000364221 0.903052 0.00100485 0.902411L0.902411 0.00100485C0.903052 0.000364221 0.903349 0.000192346 0.903724 8.29713e-05C0.904075 -2.44471e-05 0.90445 -2.44471e-05 0.904802 8.29713e-05C0.905161 0.000192346 0.905458 0.000364221 0.906099 0.00100485L5.40146 4.49635L9.89682 0.00100485C9.89744 0.000364221 9.89775 0.000192346 9.89811 8.29713e-05C9.89847 -2.76571e-05 9.89884 -2.76571e-05 9.89919 8.29713e-05Z" fill="currentColor"/>
                                </svg>
                            </lme-button-ghost>
                        </div>
                    </div>
                    <div class="action-item">
                        <div class="left-info">
                            <div class="icon">
                                <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <foreignObject x="-10" y="-10" width="34" height="34"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(5px);clip-path:url(#bgblur_0_8262_7447_clip_path);height:100%;width:100%"></div></foreignObject><path data-figma-bg-blur-radius="10" d="M7 14C3.14019 14 0 10.8598 0 7C0 3.14019 3.14019 0 7 0C10.8598 0 14 3.14019 14 7C14 10.8598 10.8598 14 7 14ZM2.49203 3.3308C1.65051 4.36366 1.18707 5.66674 1.18707 7C1.18707 10.2048 3.79474 12.812 7 12.812C8.33474 12.812 9.6375 12.3486 10.6683 11.5071L2.49203 3.3308ZM7 1.18707C5.66674 1.18707 4.36366 1.65051 3.3308 2.49203L11.5071 10.6683C12.3481 9.63814 12.812 8.33535 12.812 7C12.812 3.79474 10.2048 1.18707 7 1.18707Z" fill="#1F1F1F"/>
                                    <defs>
                                        <clipPath id="bgblur_0_8262_7447_clip_path" transform="translate(10 10)"><path d="M7 14C3.14019 14 0 10.8598 0 7C0 3.14019 3.14019 0 7 0C10.8598 0 14 3.14019 14 7C14 10.8598 10.8598 14 7 14ZM2.49203 3.3308C1.65051 4.36366 1.18707 5.66674 1.18707 7C1.18707 10.2048 3.79474 12.812 7 12.812C8.33474 12.812 9.6375 12.3486 10.6683 11.5071L2.49203 3.3308ZM7 1.18707C5.66674 1.18707 4.36366 1.65051 3.3308 2.49203L11.5071 10.6683C12.3481 9.63814 12.812 8.33535 12.812 7C12.812 3.79474 10.2048 1.18707 7 1.18707Z"/>
                                        </clipPath></defs>
                                </svg>
                            </div>
                            <div class="name">
                                ブロック
                            </div>
                            <div class="action">
                                ブロックする
                            </div>
                            <div class="note">
                            </div>
                        </div>

                        <div class="right-info">
                            <div class="info">
                            </div>
                            <button class="btn-action">
                                絞り込みなし
                            </button>
                            <lme-button-ghost type="blue" size="sm" :icon="true" :rounded="true" @click="editAction()">
                                <svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M12.375 12.5001H0.1251C0.05612 12.5001 0 12.444 0 12.375V11.8125C0 11.5366 0.22448 11.3121 0.5004 11.3121H11.9997C12.2756 11.3121 12.5001 11.5366 12.5001 11.8125V12.375C12.5001 12.4428 12.4428 12.5001 12.375 12.5001ZM2.277 9.9999C2.13816 9.9999 2.00931 9.94637 1.9044 9.8451C1.7816 9.7223 1.72814 9.55271 1.7577 9.3798L2.2185 6.7518C2.22492 6.7197 2.23976 6.69185 2.2626 6.669L8.8857 0.045C8.91472 0.01598 8.95436 0 8.9973 0C9.03966 0 9.07898 0.01598 9.108 0.045L11.7045 2.6433C11.7343 2.67304 11.7506 2.71252 11.7504 2.75446C11.7502 2.79595 11.7339 2.83478 11.7045 2.8638L5.0814 9.4878C5.06169 9.50916 5.03304 9.52411 4.9986 9.531L2.3706 9.9918C2.33923 9.99718 2.30774 9.9999 2.277 9.9999ZM8.9973 1.60919L3.33 7.2747L3.0861 8.6652L4.4748 8.4204L10.1421 2.7549L8.9973 1.60919Z" fill="currentColor"/>
                                </svg>
                            </lme-button-ghost>
                            <lme-button-ghost type="secondary" size="sm" :icon="true" :rounded="true" @click="removeAction()">
                                <svg width="11" height="11" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M9.89919 8.29713e-05C9.89955 0.000192346 9.89986 0.000364221 9.90051 0.00100485L10.8019 0.902411C10.8026 0.903052 10.8027 0.903349 10.8028 0.903724C10.8029 0.904075 10.8029 0.90445 10.8028 0.904802C10.8027 0.905161 10.8026 0.905458 10.8019 0.906099L6.30655 5.40146L10.8019 9.89682C10.8026 9.89744 10.8027 9.89775 10.8028 9.89811C10.8029 9.89847 10.8029 9.89885 10.8028 9.89921C10.8027 9.89955 10.8026 9.89986 10.8019 9.90051L9.90051 10.8019C9.89986 10.8026 9.89957 10.8027 9.89919 10.8028C9.89884 10.8029 9.89847 10.8029 9.89811 10.8028C9.89775 10.8027 9.89746 10.8026 9.89682 10.8019L5.40146 6.30655L0.906099 10.8019C0.905474 10.8026 0.905161 10.8027 0.904802 10.8028C0.904446 10.8029 0.904064 10.8029 0.903708 10.8028C0.903364 10.8027 0.903052 10.8026 0.902411 10.8019L0.00100485 9.90051C0.000364221 9.89986 0.000192346 9.89957 8.29713e-05 9.89919C-2.44471e-05 9.89884 -2.44471e-05 9.89847 8.29713e-05 9.89811C0.000192346 9.89775 0.000364221 9.89746 0.00100485 9.89682L4.49635 5.40146L0.00100485 0.906099C0.000364221 0.905474 0.000192346 0.905161 8.29713e-05 0.904802C-2.76571e-05 0.904446 -2.76571e-05 0.904064 8.29713e-05 0.903708C0.000192346 0.903364 0.000364221 0.903052 0.00100485 0.902411L0.902411 0.00100485C0.903052 0.000364221 0.903349 0.000192346 0.903724 8.29713e-05C0.904075 -2.44471e-05 0.90445 -2.44471e-05 0.904802 8.29713e-05C0.905161 0.000192346 0.905458 0.000364221 0.906099 0.00100485L5.40146 4.49635L9.89682 0.00100485C9.89744 0.000364221 9.89775 0.000192346 9.89811 8.29713e-05C9.89847 -2.76571e-05 9.89884 -2.76571e-05 9.89919 8.29713e-05Z" fill="currentColor"/>
                                </svg>
                            </lme-button-ghost>
                        </div>
                    </div>
                </template>
            </lme-preview-action>
        </div>


    </div>
@endsection

@push('js')
    <script src="/js/component-base/slide/lme-slider.js?v={{config("sns-line.version")}}"></script>
    <script src="/js/component-base/tooltip/lme-tooltip.js?v={{config("sns-line.version")}}"></script>
    <script src="/js/component-base/preview/lme-preview-image.js?v={{config("sns-line.version")}}"></script>
    <script src="/js/component-base/preview/lme-phone-mockup.js?v={{config("sns-line.version")}}"></script>
    <script src="/js/component-base/preview/lme-preview-message.js?v={{config("sns-line.version")}}"></script>
    <script src="/js/component-base/preview/lme-preview-action.js?v={{config("sns-line.version")}}"></script>
    <script src="/js/component-base/button/lme-button.js?v={{config("sns-line.version")}}"></script>
    <script src="/js/component-base/button/lme-button-flat.js?v={{config("sns-line.version")}}"></script>
    <script src="/js/component-base/button/lme-button-ghost.js?v={{config("sns-line.version")}}"></script>
    <script src="/js/component-base/button/lme-button-default.js?v={{config("sns-line.version")}}"></script>
    <script src="/js/component-base/preview/preview.js?v={{config("sns-line.version")}}"></script>
@endpush