#controlsInner{background:linear-gradient(#f9f9f979, #f9f9f9B4 50px);flex-wrap:wrap;padding-bottom:0;}#prevNextControls{background:#f9f9f964;display:flex;font-size:16px;margin-top:10px;width:100vw;}#prevControl{cursor:pointer;display:flex;flex-basis:50%;overflow:hidden;padding:10px 10px 10px 0;transition:background-color 0.5s;}@-webkit-keyframes prevAnim{0%{transform:translateX(0);opacity:1;}90%{transform:translateX(-100%);opacity:0;}91%{transform:translateX(0);opacity:0;}100%{transform:translateX(0);opacity:1;}}#prevControl:hover{background-color:#c7c7c780;}#prevArrow{display:flex;align-items:center;font-size:35px;opacity:0.6;transition:transform 0.5s;width:50px;}#prevControl:hover #prevArrow{transform:translateX(-6px);}#prevContent{display:flex;flex-direction:column;justify-content:center;overflow:hidden;position:relative;transition:transform 0.5s;}#prevControl:hover #prevContent{transform:translateX(-6px);}#prevLabel{font-size:13px;opacity:0.6;}#prevRadio{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}#nextControl{cursor:pointer;display:flex;flex-basis:50%;justify-content:flex-end;overflow:hidden;padding:10px 0 10px 15px;transition:background-color 0.5s;}#nextControl.withPrev{border-left:1px solid #cccccc;}@-webkit-keyframes nextAnim{0%{transform:translateX(0);opacity:1;}90%{transform:translateX(100%);opacity:0;}91%{transform:translateX(0);opacity:0;}100%{transform:translateX(0);opacity:1;}}#nextControl:hover{background-color:#c7c7c780;}#nextArrow{display:flex;align-items:center;font-size:35px;opacity:0.6;transition:transform 0.5s;width:50px;}#nextControl:hover #nextArrow{transform:translateX(6px);}#nextContent{align-items:flex-end;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;transition:transform 0.5s;}#nextControl:hover #nextContent{transform:translateX(6px);}#nextLabel{font-size:13px;opacity:0.6;}#nextRadio{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}