更新完了チェックマーク表示状態

<div class="d11-11-02-frame">
          <div class="d11-11-02-done">
            <span class="d11-11-02-check"><i></i></span>
            <p class="d11-11-02-txt">更新しました</p>
          </div>
          <div class="d11-11-02-list">
            <div class="d11-11-02-row"><span class="d11-11-02-av"></span><div class="d11-11-02-lines"><span></span><span class="short"></span></div></div>
            <div class="d11-11-02-row"><span class="d11-11-02-av"></span><div class="d11-11-02-lines"><span></span><span class="short"></span></div></div>
          </div>
        </div>

.d11-11-02-frame{ width:270px; background:#fff; border:1px solid #e5e7eb; border-radius:14px; overflow:hidden; }
        .d11-11-02-done{ display:flex; flex-direction:column; align-items:center; gap:7px; padding:16px 0 13px; background:#f0fdf4; border-bottom:1px solid #dcfce7; }
        .d11-11-02-check{ width:22px; height:22px; border-radius:50%; background:#16a34a; display:flex; align-items:center; justify-content:center; }
        .d11-11-02-check i{ width:9px; height:5px; border-left:2px solid #fff; border-bottom:2px solid #fff; transform:rotate(-45deg) translate(1px,-1px); display:block; }
        .d11-11-02-txt{ font-size:11px; color:#16a34a; font-weight:700; }
        .d11-11-02-list{ padding:12px 14px; display:flex; flex-direction:column; gap:12px; }
        .d11-11-02-row{ display:flex; align-items:center; gap:10px; }
        .d11-11-02-av{ width:28px; height:28px; border-radius:50%; background:#dbe4f5; flex:0 0 auto; }
        .d11-11-02-lines{ flex:1; display:flex; flex-direction:column; gap:5px; }
        .d11-11-02-lines span{ height:8px; border-radius:4px; background:#e6e9ee; display:block; }
        .d11-11-02-lines span.short{ width:55%; }