.record-listen{color:#254b42;max-width:100%;position:relative}.record-share .record-listen-trigger,.record-listen-trigger{color:#254b42;background:#fff;border:1px solid #cbd6c8;border-radius:9px;align-items:center;gap:7px;min-height:44px;padding:5px 10px;font-size:12px;display:inline-flex}.record-listen-trigger img{object-fit:cover;object-position:center 22%;background:#eeeadd;border-radius:50%;width:32px;height:32px}.record-listen-trigger small{color:#66746c;font-size:10px}.record-listen-trigger:disabled{opacity:.6;cursor:wait}.record-listen-inline{background:#f7f8f3;border:1px solid #d5ddcf;border-radius:9px;flex-wrap:wrap;align-items:center;gap:8px;min-width:230px;max-width:420px;margin-top:7px;padding:12px 32px 12px 12px;font-size:11px;display:flex;position:relative}.record-listen-caption{width:100%;font-weight:600}.record-listen-inline>small{width:100%;font-size:10px;line-height:1.5}.record-listen-timeline{font-variant-numeric:tabular-nums;align-items:center;gap:7px;width:100%;display:flex}.record-listen-timeline input{accent-color:#426b56;width:100%;min-width:50px}.record-share .record-listen-close,.record-listen-close{background:0 0;border:0;min-width:28px;min-height:28px;padding:7px;position:absolute;top:3px;right:3px}:is(.record-listen button:focus-visible,.record-listen input:focus-visible){outline-offset:3px;outline:2px solid #426b56}@media (max-width:480px){.record-listen{width:100%}.record-listen-inline{min-width:0;max-width:100%}.record-listen-trigger{max-width:100%}}