.auto-scroll-sync-icon{color:var(--foreground)}.auto-scroll-sync-icon.active{color:var(--color-main)}.auto-scroll-sync-icon.inactive{color:var(--foreground)}
.trackinfo{display:contents}.track-image{aspect-ratio:1;-o-object-fit:cover;object-fit:cover;border-radius:8px;flex-shrink:0;grid-area:art;align-self:center;width:56px;height:auto}.track-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;grid-area:title;align-self:end;min-width:0;font-weight:400;line-height:1.25;display:-webkit-box;overflow:hidden}.track-sub{white-space:nowrap;flex-direction:row;grid-area:sub;align-self:start;align-items:center;gap:16px;min-width:0;display:flex}.track-sub span{font-variant-numeric:tabular-nums;font-size:small}.track-time{align-items:baseline;gap:2px;display:inline-flex}.track-subtitle{min-width:0;color:var(--gray);text-overflow:ellipsis;white-space:nowrap;flex-shrink:1;font-size:.8rem;overflow:hidden}.read-audio-placeholder{aspect-ratio:1;background:var(--gray_background);border-radius:8px;grid-area:art;justify-content:center;align-items:center;width:56px;font-size:2rem;display:flex}@container player (min-width:520px){.track-image,.read-audio-placeholder{width:64px}}@container player (min-width:840px){.track-image,.read-audio-placeholder{width:80px}.track-name{-webkit-line-clamp:1}}
.progress-bar{--track-w:100%;--track-h:12px;--thumb-d:12px;--track-c:var(--border_gray);--filll-c:var(--color-main);margin-top:-12px;margin-bottom:8px}.progress-bar input{appearance:none;--range:calc(var(--max) - var(--min));--ratio:calc((var(--val) - var(--min))/var(--range));--sx:calc(.5*var(--thumb-d) + var(--ratio)*(100% - var(--thumb-d)));width:var(--track-w);height:var(--thumb-d);cursor:pointer;background:0 0;margin:0;padding:0;font:1em/1 arial,sans-serif}:is(.progress-bar input)::-webkit-slider-thumb{appearance:none}:is(.progress-bar input)::-webkit-slider-runnable-track{box-sizing:border-box;width:var(--track-w);height:var(--track-h);background:linear-gradient(var(--filll-c),var(--filll-c))0/var(--sx)100% no-repeat var(--track-c);border:none}:is(.progress-bar input)::-moz-range-track{box-sizing:border-box;width:var(--track-w);height:var(--track-h);background:var(--track-c);border:none}:is(.progress-bar input)::-ms-track{box-sizing:border-box;width:var(--track-w);height:var(--track-h);background:var(--track-c);border:none}:is(.progress-bar input)::-moz-range-progress{height:var(--track-h);background:var(--filll-c)}:is(.progress-bar input)::-ms-fill-lower{height:var(--track-h);background:var(--filll-c)}:is(.progress-bar input)::-webkit-slider-thumb{margin-top:calc(.5*(var(--track-h) - var(--thumb-d)));box-sizing:border-box;background:var(--color-main);border:none;border-radius:50%;width:0;height:0}:is(.progress-bar input)::-moz-range-thumb{box-sizing:border-box;background:var(--color-main);border:none;border-radius:50%;width:0;height:0}:is(.progress-bar input)::-ms-thumb{box-sizing:border-box;background:var(--color-main);border:none;border-radius:50%;width:0;height:0;margin-top:0}:is(.progress-bar input)::-ms-tooltip{display:none}
.volume-control{--track-w:10em;--track-h:.75em;--thumb-d:.75em;--track-c:var(--border_gray);--filll-c:var(--color-main);align-items:flex-start;position:relative}.volume-control button{cursor:pointer;z-index:10}.volume-control .audio-input-container{width:20px;height:200px;position:absolute;top:-120px;right:10px}@media (min-width:640px){.volume-control .audio-input-container{top:-150px}}.volume-control input{appearance:none;--range:calc(var(--max) - var(--min));--ratio:calc((var(--val) - var(--min))/var(--range));--sx:calc(.5*var(--thumb-d) + var(--ratio)*(100% - var(--thumb-d)));cursor:pointer;width:var(--track-w);height:var(--track-h);background:0 0;margin:0;padding:0;font:1em/1 arial,sans-serif;transform:translate(-50%,-50%)rotate(-90deg)}:is(.volume-control input)::-webkit-slider-thumb{appearance:none}:is(.volume-control input)::-webkit-slider-runnable-track{box-sizing:border-box;width:var(--track-w);height:var(--track-h);background:linear-gradient(var(--filll-c),var(--filll-c))0/var(--sx)100% no-repeat var(--track-c);border:none}:is(.volume-control input)::-moz-range-track{box-sizing:border-box;width:var(--track-w);height:var(--track-h);background:var(--track-c);border:none}:is(.volume-control input)::-ms-track{box-sizing:border-box;width:var(--track-w);height:var(--track-h);background:var(--track-c);border:none}:is(.volume-control input)::-moz-range-progress{height:var(--track-h);background:var(--filll-c)}:is(.volume-control input)::-ms-fill-lower{height:var(--track-h);background:var(--filll-c)}:is(.volume-control input)::-webkit-slider-thumb{margin-top:calc(.5*(var(--track-h) - var(--thumb-d)));box-sizing:border-box;background:#f90;border:none;border-radius:50%;width:0;height:0}:is(.volume-control input)::-moz-range-thumb{box-sizing:border-box;background:#f90;border:none;border-radius:50%;width:0;height:0}:is(.volume-control input)::-ms-thumb{box-sizing:border-box;background:#f90;border:none;border-radius:50%;width:0;height:0;margin-top:0}:is(.volume-control input)::-ms-tooltip{display:none}
/*# sourceMappingURL=521beeb5ce042949.css.map*/