.container{width:100%;margin-left:auto;margin-right:auto;padding-left:2rem;padding-right:2rem}@media (min-width:1400px){.container{max-width:1400px}}:root{--reproduction-controls-height:400px;--reproduction-controls-height-practice:540px}@media (min-width:768px){:root{--reproduction-controls-height:194px;--reproduction-controls-height-practice:280px}}.reproduction-controls{height:auto;min-height:var(--reproduction-controls-height);padding-bottom:max(.5rem, env(safe-area-inset-bottom))}@media (min-width:768px){.reproduction-controls{height:var(--reproduction-controls-height);min-height:unset;padding-bottom:unset}}.reproduction-controls--practice{min-height:var(--reproduction-controls-height-practice)}@media (min-width:768px){.reproduction-controls--practice{height:var(--reproduction-controls-height-practice);min-height:unset}}.reproduction-controls-min-height{min-height:var(--reproduction-controls-height-practice)}.reproduction-controls .song-view-reproduction-bar-timeline{color:hsl(var(--primary));background-color:#0000;border:none;width:100%;height:20px}.reproduction-controls .song-view-reproduction-bar-timeline>div{cursor:pointer;height:20px}.reproduction-controls .song-view-reproduction-bar-timeline>div>.media-timeline-pre-value-line{background-color:hsl(var(--secondary));height:4px}.reproduction-controls .song-view-reproduction-bar-timeline>div>.media-timeline-value-line{background-color:hsl(var(--secondary));border-radius:10px;width:10px;height:10px}.reproduction-controls .song-view-reproduction-bar-timeline>div>.media-timeline-post-value-line{background-color:hsl(var(--accent));height:4px}.reproduction-controls .song-view-reproduction-bar-timeline>div>.media-timeline-marker{margin-top:82px}.reproduction-controls .song-view-reproduction-bar-timeline>div>.media-timeline-marker div{background-color:hsl(var(--secondary));border:none;width:4px;height:20px;position:absolute}