.btn-square{aspect-ratio:1;text-align:center;justify-content:center;align-items:center;padding:.5em}.btn-square#current{color:#fff;background-color:var(--primary-color)}.actions{margin-top:20px;gap:10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.actions .btn-primary{width:100%;background:var(--primary-color);color:#fff;text-align:center;justify-content:center;align-items:center;aspect-ratio:2/.5}.actions .btn-primary:hover{background-color:color-mix(in srgb,var(--primary-color) 90%,white 10%)}body:has(.verse input:checked) #side-actions{opacity:1;transform:translateY(-50%)!important}#side-actions{position:fixed;left:0;top:50%;opacity:1;background-color:#fff;transition:all.4s;padding:15px;min-width:200px;border-radius:0 10px 10px 0;z-index:777;box-shadow:0 0 17px -3px #282d464d}#side-actions .btn{justify-content:center;background-color:var(--primary-color);color:#fff;gap:10px}.content{display:flex;flex-direction:column;line-height:2.2em;gap:5px}.content .verse{display:flex;font-size:1.1em;border-radius:10px;padding:.5em 1.5em;cursor:pointer;transition:all.2s;border:dashed 2px transparent}.content .verse span{position:absolute;opacity:0}.content .verse sup{position:absolute;left:-19px;top:9px;width:20px;font-weight:800;font-size:.7em;line-height:1em;opacity:.3}.content .verse p{width:40px;flex-grow:1}.content .verse:hover{background-color:color-mix(in srgb,var(--primary-color) 10%,white 100%)}.content .verse input{position:absolute;left:-20px;top:15px;visibility:hidden}.content .verse:has(input:checked){background-color:color-mix(in srgb,var(--primary-color) 10%,white 100%);color:color-mix(in srgb,var(--primary-color) 10%,black 100%);border-color:color-mix(in srgb,var(--primary-color) 70%,white 50%)}.content .verse:has(input:checked) sup{opacity:.7}.bookmark{width:60px;position:absolute;right:20px;top:-8px;color:#d4def3;fill:#fff;stroke:currentColor;cursor:pointer;transition:all.2s;z-index:1}.bookmark:has(input:checked){color:var(--primary-color);fill:currentColor}.bookmark input{all:unset;display:none}h2{color:color-mix(in srgb,var(--primary-color) 20%,black 70%);font-size:1.7em;line-height:1.4em}.bookhead{display:flex;flex-direction:column;gap:10px;margin-bottom:20px;-webkit-user-select:none;user-select:none}.bookhead h2{text-wrap:balance}.bookhead p{opacity:.5}