.recordingsPage{width:100%;min-height:100svh;font-family:var(--font-lora);color:black}.concertContainer,.recordingsPage{display:flex;flex-direction:column;align-items:center}.concertContainer{width:auto;background-color:var(--foreground);text-align:center;margin-bottom:40px;padding:0 100px}.concertContainer h2{font-size:16pt;margin:10px}.concertContainer a{color:blue}.headerContainer{width:100%;background-color:var(--foreground);display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.headerContainer h1{font-size:32pt;font-style:italic;margin-top:20px}.headerContainer p{font-size:14pt;margin:20px}.buttonRow{width:1000px;max-width:100vw;display:flex;justify-content:center;margin-bottom:20px}.buttonContainer{margin:0 20px;display:flex}.buttonSelected>div{background-color:black;color:white}.buttonUnselected>div{background-color:var(--background);color:black}.buttonCircle{height:50px;width:50px;background-color:black;border-radius:50%;display:inline-block;z-index:0}.leftCircle{margin-right:-25px}.rightCircle{margin-left:-25px}.buttonRectangle{z-index:1;text-align:center}.audioTable,.buttonRectangle{display:flex;align-items:center}.audioTable{flex-direction:column;max-height:485px;overflow-y:scroll;scrollbar-color:black var(--foreground);width:922px;margin-bottom:50px}.videoTable{flex-direction:column;padding:20px 0}.tableVisible,.videoTable{display:flex}.tableHidden{display:none}.internalLink{color:blue;cursor:pointer}.externalLink{display:flex;flex-direction:row;justify-content:center;align-items:center}.videoBackground{position:fixed;width:100%;height:100%;z-index:4;background-color:black}.backgroundUnselected{opacity:0;pointer-events:none}.backgroundSelected{opacity:.6;pointer-events:auto}.xButton{cursor:pointer;height:50px;width:50px}.recordedVideo,.xButton{position:fixed;z-index:5}.recordedVideo{top:50%;left:50%;transform:translate(-50%,-50%)}.videoUnselected{display:none}.videoSelected{display:block}@media screen and (max-width:1400px){.audioTable{width:700px}}@media screen and (max-width:700px){.concertContainer h2{font-size:10pt;margin:10px 0 5px}.headerContainer h1{font-size:18pt}.headerContainer p{font-size:8pt;margin:10px}.buttonRow{width:100%;display:flex;justify-content:center;margin-bottom:20px}.buttonContainer{margin:0 10px}.buttonCircle{height:30px;width:30px}.leftCircle{margin-right:-15px}.rightCircle{margin-left:-15px}.buttonRectangle p{font-size:7pt}.audioTable{max-height:274px;width:355px;margin-bottom:50px}.xButton{height:25px;width:25px}.concertContainer{width:90%;padding:0}}