.u-loop{display:flex;align-items:center;gap:var(--sp-12);
   width:fit-content;max-width:100%;margin:var(--sp-6) auto 0;
   padding:var(--sp-8) var(--sp-12);border-radius:var(--r-card);
   background:linear-gradient(160deg,#fff,#e2eafc);
   border:1px solid rgba(25,92,255,.22);
   box-shadow:0 26px 60px rgba(25,92,255,.12),inset 0 1px 0 rgba(255,255,255,.92)}

.u-loop-dial{position:relative;flex:none;width:132px;height:132px}
.u-loop-dial b{position:absolute;inset:0;display:grid;place-items:center;
   font-size:var(--fs-eyebrow);font-weight:var(--fw-bold);color:var(--blue)}
.u-loop-dial svg{display:block;width:100%;height:100%;transform:rotate(-90deg)}
.u-loop-dial .t{fill:none;stroke:rgba(25,92,255,.12);stroke-width:3}
.u-loop-dial .r{fill:none;stroke:var(--blue);stroke-width:3;stroke-linecap:round;
   stroke-dasharray:20 80;animation:u-loop-dial 7s linear infinite}
@keyframes u-loop-dial{to{stroke-dashoffset:-100}}

.u-loop-list{list-style:none;margin:0;padding:0;text-align:start}

.u-loop-list li{--i:0;display:flex;align-items:center;gap:var(--sp-3);
   font-size:var(--fs-body);line-height:var(--lh-card);color:#000;
   animation:u-loop-wake 7s linear infinite;animation-delay:calc(var(--i) * 1.4s)}

.u-loop-list .tx{display:inline-grid}
.u-loop-list .tx > span,
.u-loop-list .tx::after{grid-area:1 / 1}
.u-loop-list .tx::after{content:attr(data-t);font-weight:var(--fw-bold);visibility:hidden}
.u-loop-list li + li{margin-block-start:var(--sp-3)}

.u-loop-list li::before{content:"";width:8px;height:8px;flex:none;
   border-radius:var(--r-pill);background:var(--green);opacity:.22;
   animation:u-loop-dot 7s linear infinite;animation-delay:calc(var(--i) * 1.4s)}

@keyframes u-loop-wake{0%,19.4%{font-weight:var(--fw-bold)}20%,100%{font-weight:var(--fw-body)}}
@keyframes u-loop-dot{0%,19.4%{opacity:1;scale:1.4}20%,100%{opacity:.22;scale:1}}

@media(max-width:760px){
  .u-loop{flex-direction:column;gap:var(--sp-6);width:100%;
     padding:var(--sp-6) var(--sp-4)}
  .u-loop-dial{width:88px;height:88px}
  .u-loop-list{align-self:stretch}
}