.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 .track-image{width:50px;height:50px;border-radius:8px;margin-left:16px}@media(min-width:641px){.trackinfo .track-image{width:80px;height:80px;margin-bottom:12px}}.trackinfo .track-name-container{display:flex;flex-direction:column}@media(min-width:641px){.trackinfo .track-name-container{justify-content:center;padding-bottom:12px}}.trackinfo .track-name{font-weight:400;width:200px}@media(min-width:641px){.trackinfo .track-name{width:150px}}.trackinfo span{font-size:small;width:38px;display:inline-block}.trackinfo span.total-secs{margin-left:4px}.trackinfo .read-audio-placeholder{display:flex;align-items:center;justify-content:center;background:#333;border-radius:4px;font-size:2rem}.trackinfo .track-subtitle{font-size:.8rem;color:#999;margin-bottom:.25rem}.audio-player-container .progress-bar{margin-bottom:8px;margin-top:-12px}.audio-player-container .progress-bar input{--range:calc(var(--max) - var(--min));--ratio:calc((var(--val) - var(--min))/var(--range));--sx:calc(.5*12px + var(--ratio)*(100% - 12px));margin:0;padding:0;width:100%;height:12px;background:transparent;cursor:pointer;font:1em/1 arial,sans-serif}.audio-player-container .progress-bar input,.audio-player-container .progress-bar input::-webkit-slider-thumb{-webkit-appearance:none}.audio-player-container .progress-bar input::-webkit-slider-runnable-track{box-sizing:border-box;border:none;width:100%;height:12px;background:var(--border_gray)}.js .audio-player-container .progress-bar input::-webkit-slider-runnable-track{background:linear-gradient(var(--color-main),var(--color-main)) 0/var(--sx) 100% no-repeat var(--border_gray)}.audio-player-container .progress-bar input::-moz-range-track{box-sizing:border-box;border:none;width:100%;height:12px;background:var(--border_gray)}.audio-player-container .progress-bar input::-ms-track{box-sizing:border-box;border:none;width:100%;height:12px;background:var(--border_gray)}.audio-player-container .progress-bar input::-moz-range-progress{height:12px;background:var(--color-main)}.audio-player-container .progress-bar input::-ms-fill-lower{height:12px;background:var(--color-main)}.audio-player-container .progress-bar input::-webkit-slider-thumb{margin-top:0;box-sizing:border-box;border:none;width:0;height:0;border-radius:50%;background:var(--color-main)}.audio-player-container .progress-bar input::-moz-range-thumb{box-sizing:border-box;border:none;width:0;height:0;border-radius:50%;background:var(--color-main)}.audio-player-container .progress-bar input::-ms-thumb{margin-top:0;box-sizing:border-box;border:none;width:0;height:0;border-radius:50%;background:var(--color-main)}.audio-player-container .progress-bar input::-ms-tooltip{display:none}.audio-player-container button{cursor:pointer;z-index:10;padding-right:12px}.audio-player-container .volume-control{position:relative;align-items:flex-start}.audio-player-container .volume-control .audio-input-container{position:absolute;height:200px;width:20px;top:-120px;right:10px}@media(min-width:641px){.audio-player-container .volume-control .audio-input-container{top:-150px}}.audio-player-container .volume-control input{--range:calc(var(--max) - var(--min));--ratio:calc((var(--val) - var(--min))/var(--range));--sx:calc(.5*0.75em + var(--ratio)*(100% - 0.75em));cursor:pointer;margin:0;padding:0;width:10em;height:.75em;transform:translate(-50%,-50%) rotate(-90deg);background:transparent;font:1em/1 arial,sans-serif}.audio-player-container .volume-control input,.audio-player-container .volume-control input::-webkit-slider-thumb{-webkit-appearance:none}.audio-player-container .volume-control input::-webkit-slider-runnable-track{box-sizing:border-box;border:none;width:10em;height:.75em;background:var(--border_gray)}.js .audio-player-container .volume-control input::-webkit-slider-runnable-track{background:linear-gradient(var(--color-main),var(--color-main)) 0/var(--sx) 100% no-repeat var(--border_gray)}.audio-player-container .volume-control input::-moz-range-track{box-sizing:border-box;border:none;width:10em;height:.75em;background:var(--border_gray)}.audio-player-container .volume-control input::-ms-track{box-sizing:border-box;border:none;width:10em;height:.75em;background:var(--border_gray)}.audio-player-container .volume-control input::-moz-range-progress{height:.75em;background:var(--color-main)}.audio-player-container .volume-control input::-ms-fill-lower{height:.75em;background:var(--color-main)}.audio-player-container .volume-control input::-webkit-slider-thumb{margin-top:0;box-sizing:border-box;border:none;width:0;height:0;border-radius:50%;background:#f90}.audio-player-container .volume-control input::-moz-range-thumb{box-sizing:border-box;border:none;width:0;height:0;border-radius:50%;background:#f90}.audio-player-container .volume-control input::-ms-thumb{margin-top:0;box-sizing:border-box;border:none;width:0;height:0;border-radius:50%;background:#f90}.audio-player-container .volume-control input::-ms-tooltip{display:none}