.app-layout{height:100%;max-height:100%;display:grid;grid-template-columns:clamp(200px, 40%, 400px) 1fr;gap:1rem;position:relative}.app-display{max-height:100%;overflow:hidden;container-type:inline-size;container-name:app-display;-webkit-user-select:none;-ms-user-select:none;user-select:none}.mobile-close{display:none}.badge.badge-link{line-height:1;white-space:wrap;margin:1px;text-align:left}.app h1{font-size:2rem}.app h2{font-size:1.5rem}.app h3{font-size:1.5rem}.titlebar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:.5rem}@media (max-width:750px){.mobile-close{display:inline-block}.titlebar{grid-template-columns:1fr}.app-layout{grid-template-columns:1fr}div.filters{position:absolute;inset:0;background:#fff;padding:10px;border:0!important}.app-display{position:absolute;inset:0;left:100%;width:100%;transition:left 0.2s;background:#fff;z-index:100}.app-display:has(.content-container){left:0}.content-container{padding:.5rem}}.print-layout{display:none}@media print{.app,.modal,.modal-backdrop{display:none!important}.print-layout{display:grid;grid-template-rows:auto 1fr auto;gap:2rem;height:100%}.print-layout section{display:grid;grid-template-rows:auto 1fr;gap:2rem;align-items:start}footer p{margin:0;padding:0}@page{size:A4;margin:11mm 17mm 17mm 17mm}footer{position:fixed;bottom:0;color:#000;padding:0;margin:0}.content-block,p{page-break-inside:avoid}html,body{width:210mm;height:297mm}.print-layout footer,.print-layout header{border:0 solid!important}header svg{width:200px}}@media (max-width:750px) or (max-height:700px){div.filters form.filter-view{max-height:initial;height:auto}.matches{padding-right:5px!important}.tab-pane{overflow:scroll!important;padding-right:5px}}.item-card{position:relative;&:hover{background:#f7f7f7}a{position:relative;z-index:1}}.item-card{a.card-main-link{position:static;color:inherit;text-decoration:none;&::before{content:"";position:absolute;z-index:0;inset:0}}}#header-content{display:grid;grid-template-columns:auto 1fr;grid-template-rows:42px 0fr}.header-menu{align-self:center;justify-self:end;grid-column:2;grid-row:1;display:flex;gap:1rem}.menu-toggle{display:none;grid-column:2;grid-row:1}@media (max-width:500px){.menu-toggle{display:block;font-size:2.5rem;align-self:center;justify-self:right}.header-menu{align-self:start;justify-self:center;grid-column:1 / -1;grid-row:2;overflow:hidden;display:grid;gap:1rem;text-align:center;font-size:1.2rem}.header-menu a:first-child{padding-top:20px}header #header-content{grid-template-rows:42px 0fr;overflow:hidden;transition:all 0.5s}header #header-content.menu-open{grid-template-rows:42px 1fr}}.book-container,.source-container{display:grid;grid-template-columns:1fr 1fr minmax(300px,30%);grid-template-rows:auto 1fr;height:100%;overflow:hidden;gap:1rem 1rem}.book-container .titlebar,.source-container .titlebar{grid-column:1/span 3}.book-items,.source-items{display:grid;grid-template-rows:auto 1fr;height:100%;overflow-y:hidden}@container app-display (max-width:750px){.book-container,.source-container{grid-template-columns:auto!important;grid-template-rows:auto;max-height:100%;height:auto;overflow:scroll}.book-container .titlebar,.source-container .titlebar{grid-column:1}.book-items,.book-container .sidebar,.source-items,.source-container .sidebar{overflow:visible!important}.book-container .sidebar,.source-container .sidebar{grid-row:2}}.two-col-block{display:grid;gap:1rem;grid-template-columns:1fr 1fr}@media (max-width:600px){.two-col-block{grid-template-columns:1fr;gap:.5rem}}.app-display{container-type:inline-size;container-name:app-display}.text-container{display:grid;grid-template-columns:1fr minmax(300px,30%);grid-template-rows:auto 1fr;height:100%;overflow:hidden;gap:1rem 1rem}.titlebar{grid-row:1;grid-column:1/span 2}.lyrics,.sidebar{height:100%;overflow-y:scroll}@container app-display (max-width:750px){.text-container{grid-template-columns:1fr;max-height:100%;overflow:scroll}.titlebar{grid-column:1}.lyrics,.sidebar{overflow:visible!important}}.filter-bibleref{position:relative}.filter-bibleref:has(input:placeholder-shown):after{content:'(Enter a Bible Ref.)';position:absolute;right:7px;;top:0;bottom:0;display:flex;align-items:center;font-size:.8rem;color:#7f7f7f}.limit-results{display:grid;align-items:center;grid-template-columns:auto 1fr 1fr;gap:0 1rem}.limit-results label{padding-left:0.5rem!important}.limit-results>div{padding-top:0!important;margin-bottom:0}.limit-results .error-display{display:none}.tune-container{display:grid;grid-template-columns:1fr minmax(300px,30%);grid-template-rows:auto 1fr;height:100%;overflow:hidden;gap:1rem 1rem}@container app-display (max-width:750px){.tune-container{grid-template-columns:1fr;max-height:100%;overflow:scroll}}.filter-metre{position:relative}.filter-metre:has(input:placeholder-shown):after{content:'(Enter a Metre)';position:absolute;right:7px;;top:0;bottom:0;display:flex;align-items:center;font-size:.8rem;color:#7f7f7f}.score-viewer .modal-dialog{height:95vh}.score-viewer .modal-content{height:100%}.score-viewer iframe{height:100%}button.fave-toggle:before{content:'\F588';font-family:'bootstrap-icons';display:inline-block;font-size:.9em}button:not(.compact).fave-toggle:after{padding-left:5px;content:'Favourite'}button.fave-toggle.fave-toggle-processing{opacity:.4}button.fave-toggle.fave-toggle-processing:before{content:'\F41E'}button.fave-toggle.fave-toggle-active{background:var(--primary);color:#fff}button.fave-toggle.fave-toggle-active:before{content:'\F586'}button:not(.compact).fave-toggle-active:after{padding-left:5px;content:'Favourited'}.filter-keyboard-keys{display:flex;flex-wrap:nowrap;position:relative;height:75px}.key{cursor:pointer}.key-white{height:100%;width:5.55%;border-bottom-left-radius:5px;border-bottom-right-radius:5px;border:1px solid #dedede;background:#fff;position:relative;overflow:visible}.key-black{position:relative;height:60%;width:15px;margin-left:-15px;top:0;background:#000;border-bottom-left-radius:3px;border-bottom-right-radius:3px;right:-8px;z-index:11}.key:hover{box-shadow:0 3px 3px var(--primary)}.key-white:hover{z-index:10}.filter-keyboard input.interval{display:none}