.reader-auto-option{position:relative;display:flex;align-items:center;gap:11px;width:max-content;max-width:100%;color:#d1d7d4;font:12px/1.5 'DM Sans',sans-serif;cursor:pointer}
.reader-auto-option input{position:absolute;width:22px;height:22px;margin:0;opacity:0;cursor:pointer}
.reader-auto-check{display:grid;place-items:center;flex:none;width:22px;height:22px;border:1px solid #bda46e88;border-radius:6px;background:#233b49;color:transparent;box-shadow:inset 0 1px #fff1}
.reader-auto-check svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.reader-auto-option input:checked+.reader-auto-check{border-color:#d8bd83;background:#b99b65;color:#142431}
.reader-auto-option input:focus-visible+.reader-auto-check{outline:2px solid #efd498;outline-offset:3px}
.reader-auto-speed{display:flex;align-items:center;gap:9px;margin-top:-3px;padding:0 2px;color:#d9be85}
.reader-auto-speed[hidden]{display:none!important}
.reader-auto-speed svg{flex:none;width:25px;height:23px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
#readerAutoSpeed{flex:1;min-width:0;height:22px;margin:0;padding:0;appearance:none;-webkit-appearance:none;border:0;background:transparent;cursor:pointer;--auto-progress:20%}
#readerAutoSpeed::-webkit-slider-runnable-track{height:4px;border-radius:8px;background:linear-gradient(to right,#d6b577 var(--auto-progress),#607384 var(--auto-progress))}
#readerAutoSpeed::-moz-range-track{height:4px;border-radius:8px;background:linear-gradient(to right,#d6b577 var(--auto-progress),#607384 var(--auto-progress))}
#readerAutoSpeed::-webkit-slider-thumb{width:15px;height:15px;margin-top:-5.5px;appearance:none;-webkit-appearance:none;border:2px solid #f5e0b6;border-radius:50%;background:#b4925d}
#readerAutoSpeed::-moz-range-thumb{width:12px;height:12px;border:2px solid #f5e0b6;border-radius:50%;background:#b4925d}
#readerAutoSpeed:focus-visible{outline:2px solid #efd498;outline-offset:3px}