figure.iris-listen.iris-listen-ready{box-sizing:border-box;padding:16px 20px;margin:0 0 30px;background:#f5f8f7;border:1px solid #e1e9e5;border-radius:10px;color:#222;font-family:inherit}
.iris-listen-ready>audio{display:none}
.iris-listen .iris-listen-ui{display:grid;grid-template-columns:44px minmax(0,1fr) auto;grid-template-rows:minmax(30px,auto) 34px 18px;gap:0 12px;align-items:center}
.iris-listen .iris-listen-play{grid-column:1;grid-row:1/4;display:grid;place-items:center;width:44px;height:44px;min-height:44px;padding:0;border:0;border-radius:50%;background:#00846c;color:#fff;cursor:pointer;font-size:18px;line-height:1}
.iris-listen .iris-listen-title{grid-column:2;grid-row:1;font-size:15px;font-weight:600;line-height:24px;white-space:normal;overflow-wrap:anywhere}
.iris-listen input[type=range]{grid-column:2/4;grid-row:2;box-sizing:border-box;-webkit-appearance:auto;appearance:auto;min-width:20px;width:100%;height:20px;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;accent-color:#00846c;cursor:pointer}
.iris-listen input:disabled{opacity:.45;cursor:default}
.iris-listen .iris-listen-time{grid-column:2/4;grid-row:3;font-size:11px;line-height:18px;white-space:nowrap;font-variant-numeric:tabular-nums;color:#676767}
.iris-listen select{grid-column:3;grid-row:1;box-sizing:border-box;align-self:center;width:auto;margin:0;height:30px;min-height:30px;padding:4px 7px;border:1px solid #dce6e1;border-radius:5px;font-family:inherit;font-size:13px;line-height:1.2;color:#454545;background:transparent;cursor:pointer}
.iris-listen button:focus-visible,.iris-listen input:focus-visible,.iris-listen select:focus-visible{outline:3px solid #049f82;outline-offset:3px}
.iris-listen [hidden]{display:none!important}
.iris-listen figcaption{margin-top:12px}
@media(max-width:600px){figure.iris-listen.iris-listen-ready{padding:14px}.iris-listen .iris-listen-ui{column-gap:8px}.iris-listen .iris-listen-title{font-size:14px}}

.iris-listen-ready>.iris-listen-caption{display:none}