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 auto;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}
/* Keep a generous hit area while drawing the same slim track on each OS. */
.iris-listen input[type=range]{--iris-progress:0%;grid-column:2/4;grid-row:2;box-sizing:border-box;-webkit-appearance:none;appearance:none;display:block;min-width:20px;width:100%;height:28px;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;transition:none;cursor:pointer;opacity:1}
.iris-listen input[type=range]::-webkit-slider-runnable-track{height:5px;border:0;border-radius:99px;box-shadow:none;background:linear-gradient(to right,#00846c 0 var(--iris-progress),#b6bfbc var(--iris-progress) 100%)}
.iris-listen input[type=range]::-moz-range-track{height:5px;border:0;border-radius:99px;box-shadow:none;background:linear-gradient(to right,#00846c 0 var(--iris-progress),#b6bfbc var(--iris-progress) 100%)}
.iris-listen input[type=range]::-moz-range-progress{background:transparent}
.iris-listen input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;margin-top:-4.5px;border:0;border-radius:50%;background:#00846c;box-shadow:none}
.iris-listen input[type=range]::-moz-range-thumb{width:14px;height:14px;border:0;border-radius:50%;background:#00846c;box-shadow:none}
.iris-listen input[type=range]:disabled{opacity:1;cursor:default}
.iris-listen input[type=range]:disabled::-webkit-slider-thumb{background:#8b9993}
.iris-listen input[type=range]:disabled::-moz-range-thumb{background:#8b9993}
.iris-listen .iris-listen-play svg{display:block;width:22px;height:22px;fill:currentColor;pointer-events:none}
.iris-listen .iris-listen-play .iris-icon-pause{display:none}
.iris-listen .iris-listen-play.is-playing .iris-icon-play{display:none}
.iris-listen .iris-listen-play.is-playing .iris-icon-pause{display:block}
.iris-listen .iris-listen-time{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:2px solid #049f82;outline-offset:2px}
.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}
.iris-listen .iris-listen-footer{grid-column:2/4;grid-row:3;display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;min-height:18px}
.iris-listen .iris-listen-info{min-width:0;font-size:11px;line-height:18px;color:#676767}
.iris-listen .iris-listen-info:has(.iris-listen-status:not([hidden])) .iris-listen-time{display:none}
.iris-listen .iris-listen-continuous{display:flex;align-items:center;flex-shrink:0;gap:5px;margin:0;font-size:11px;line-height:18px;font-weight:400;cursor:pointer}
.iris-listen .iris-listen-continuous input{margin:0;width:14px;height:14px;accent-color:#00846c}
.iris-listen .iris-listen-status{font-size:11px;line-height:18px;color:#676767}
/* Theme input focus shadows must not turn the seek bar into a raised field. */
figure.iris-listen input[type=range]:focus,figure.iris-listen input[type=range]:active,figure.iris-listen input[type=range]:hover{box-shadow:none;transition:none}
figure.iris-listen input[type=range]:focus:not(:focus-visible){outline:none}
figure.iris-listen input[type=range]:focus-visible{outline:2px solid #049f82;outline-offset:2px}
.iris-listen .iris-listen-title a.iris-listen-reading{color:inherit;text-decoration:none}
.iris-listen .iris-listen-title a.iris-listen-reading:hover{text-decoration:underline}
.iris-listen .iris-listen-info:has(.iris-listen-resume:not([hidden])) .iris-listen-time{display:none}
.iris-listen .iris-listen-info:has(.iris-listen-status:not([hidden])) .iris-listen-resume{display:none}
.iris-listen .iris-listen-resume{display:flex;gap:3px;min-width:0;white-space:nowrap;color:#00846c;text-decoration:none;font-size:11px;line-height:18px}
.iris-listen a.iris-listen-reading:focus-visible,.iris-listen a.iris-listen-resume:focus-visible{outline:2px solid #049f82;outline-offset:2px}

.iris-listen .iris-listen-resume-label{overflow:hidden;text-overflow:ellipsis;min-width:0}
.iris-listen .iris-listen-resume-position{flex-shrink:0}