html,body{height:100%;margin:0;overflow-y:hidden}body{padding-top:48px;display:flex;flex-direction:row;align-items:stretch;justify-content:flex-start;overflow-y:auto;background:#2b2b2b;color:#f0f0f0}#hymn-viewer{padding-top:48px;width:82vw;max-width:82%;overflow-x:auto;background:#fff;color:#000}#hymn-viewer svg{width:100%;height:auto}#controls{top:48px;width:18vw;min-width:0;height:calc(100vh - 54px);position:fixed;right:0;overflow-y:hidden;padding:20px;display:flex;flex-direction:column;align-items:flex-start;background:#2b2b2b;color:#f0f0f0;box-sizing:border-box}#controls input[type=range]{width:95%;accent-color:rgb(93,23,23);margin-bottom:5px}#controls button{margin-top:5px;padding:6px 12px;background:#444;color:#fff;border:1px solid #666;border-radius:4px;cursor:pointer;transition:background .2s ease}#controls button:hover{background:#555}#controls label{margin-top:12px;font-weight:500;color:#e4e4e4}#controls select{margin-top:5px;padding:6px;width:95%;background:#3a3a3a;color:#fff;border:1px solid #666;border-radius:4px}.highlighted{color:red!important;filter:drop-shadow(0 0 1px red)!important}#topbar{position:fixed;top:0;left:0;right:0;height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;background:#5d1717;border-bottom:2px solid #444;z-index:3000}#topbar a{color:#db0;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif;font-weight:bolder;text-decoration:none}#topbar a:hover{text-decoration:underline}#topbar-center{display:flex}#topbar button{background:transparent;border:2px solid transparent;padding:2px;border-radius:6px}#topbar button:hover{border:2px solid rgb(221,187,0)}#topbar button svg{width:28px;height:28px;fill:gray}#topbar button:enabled svg{fill:#db0}