/* The classroom master fader belongs to the instrument section, after the mix. */
.playback-dock .master-volume-control{box-sizing:border-box;display:flex;flex-direction:row;align-items:center;gap:6px;flex:0 0 132px;width:132px;min-width:132px;height:44px;padding:0 8px;margin:0;border:1px solid #c5d3ca;border-radius:10px 13px 10px 12px;background:#fffdf3;color:#355d67}
.master-volume-control>[data-icon]{display:inline-flex;flex:0 0 20px;width:20px}
.master-volume-control .ui-icon{width:20px;height:20px}
.master-volume-control output{flex:0 0 30px;width:30px;text-align:right;font:600 9px Playpen,sans-serif;font-variant-numeric:tabular-nums}
.playback-dock #masterVolume{appearance:none;-webkit-appearance:none;display:block;flex:1 1 0;min-width:24px;width:100%;height:6px;margin:0;padding:0;border:0;border-radius:5px;background:linear-gradient(to right,#3a8c96 var(--volume-fill,100%),#e1e6de var(--volume-fill,100%));cursor:pointer;box-shadow:inset 0 0 0 1px #355d6712}
.playback-dock #masterVolume::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:14px;height:14px;border:2px solid #fffdf3;border-radius:50%;background:#efc55d;box-shadow:0 1px 3px #355d6740}
.playback-dock #masterVolume::-moz-range-thumb{width:10px;height:10px;border:2px solid #fffdf3;border-radius:50%;background:#efc55d;box-shadow:0 1px 3px #355d6740}
.master-volume-control:focus-within{outline:2px solid #3a8c96;outline-offset:2px}
.playback-dock #masterVolume:focus-visible{outline:none}
@media(min-width:1051px) and (max-width:1200px){.playback-dock .playback-mode-control{flex-basis:194px;width:194px}.playback-dock .transport-instrument{flex-basis:160px;width:160px}}
@media(max-width:1050px){.playback-dock .transport-bank{max-width:760px}.playback-dock .master-volume-control{flex-basis:122px;width:122px;min-width:122px}}
@media(max-width:620px){
 .playback-dock .transport-bank{display:grid;grid-template-columns:1px minmax(0,1fr) 116px 1px auto;gap:7px 5px}
 .playback-dock .transport-bank>.transport-divider:first-child{grid-column:1;grid-row:1/3;align-self:stretch;height:100%;margin:0}
 .playback-dock .transport-bank>.playback-mode-control{grid-column:2/-1;grid-row:1;width:100%}
 .playback-dock .transport-bank>.transport-instrument{grid-column:2;grid-row:2;width:100%;min-width:0}
 .playback-dock .master-volume-control{grid-column:3;grid-row:2;width:116px;min-width:116px;padding:0 6px;gap:4px}
 .playback-dock .transport-bank>.master-volume-control+.transport-divider{grid-column:4;grid-row:2;margin:0}
 .playback-dock .transport-bank>.transport-transpose{grid-column:5;grid-row:2}
 .playback-dock .transport-bank>#toolbarSettingsButton{grid-column:2;grid-row:3;justify-self:end}
 .playback-dock .transport-bank>#classroomViewButton{grid-column:3;grid-row:3;justify-self:start}
}