.spread{--layout-pages:1;--slot-display:none;--slot-left:100%;--slot-right:100%;--hinge:clamp(10px, 2.5vw, 28px);--folio-h:1.25rem;--mushaf-ratio:calc(var(--mushaf-rows,15) * var(--mushaf-line) / 100);direction:ltr;justify-content:center;align-items:center;min-width:0;height:100%;min-height:0;display:flex}.mushaf-view{flex:auto;min-height:0;position:relative;container-type:size}.spread__slot{align-content:safe center;justify-items:safe center;min-width:0;min-height:0;display:grid}.spread__page{width:calc(min(100%, calc((100cqh - var(--folio-h)) / var(--mushaf-ratio))) * var(--pref-text-scale,1));grid-template-rows:auto auto;justify-items:center;display:grid}:root[data-zoom=on] .mushaf-view{overscroll-behavior:contain;overflow:auto}:root[data-zoom=on] .spread__slot,:root[data-zoom=on] .spread__slot--left,:root[data-zoom=on] .spread__slot--right{align-content:start;justify-items:start}:root[data-zoom=on] .book{align-items:start}.spread__slot--left{justify-items:safe end}.spread__slot--right{justify-items:safe start}.spread__slot--left{order:1;flex:0 1 var(--slot-left)}.spread__hinge{order:2;flex:0 0 var(--hinge);background:linear-gradient(to right, transparent 0, transparent calc(50% - .5px), var(--hairline) calc(50% - .5px), var(--hairline) calc(50% + .5px), transparent calc(50% + .5px), transparent 100%);align-self:stretch}.spread__slot--right{order:3;flex:0 1 var(--slot-right)}.spread__slot[data-current=false],.spread__hinge{display:var(--slot-display)}.spread__folio{height:var(--folio-h);font-size:.6875rem;line-height:var(--folio-h);font-variant-numeric:tabular-nums;color:var(--muted);margin:0}@media (min-width:600px){.spread{--layout-pages:2;--slot-display:grid;--slot-left:50%;--slot-right:50%}}@media (device-posture:folded) and (min-width:600px){.spread{--layout-pages:2;--slot-display:grid;--slot-left:50%;--slot-right:50%}}@media (horizontal-viewport-segments:2){.spread{--layout-pages:2;--slot-display:grid;--slot-left:env(viewport-segment-width 0 0,50%);--slot-right:env(viewport-segment-width 1 0,50%);--hinge:calc(env(viewport-segment-left 1 0,50%) - env(viewport-segment-right 0 0,50%))}}@media (vertical-viewport-segments:2){.spread{--layout-pages:1;--slot-display:none;--slot-left:100%;--slot-right:100%}}:root[data-view-mode=single] .spread{--layout-pages:1;--slot-display:none;--slot-left:100%;--slot-right:100%}:root[data-view-mode=double] .spread{--layout-pages:2;--slot-display:grid}.pagenav__single{display:contents}.pagenav__double{display:none}@media (min-width:600px){.pagenav__single{display:none}.pagenav__double{display:contents}}@media (vertical-viewport-segments:2){.pagenav__single{display:contents}.pagenav__double{display:none}}:root[data-view-mode=single] .pagenav__single{display:contents}:root[data-view-mode=single] .pagenav__double,:root[data-view-mode=double] .pagenav__single{display:none}:root[data-view-mode=double] .pagenav__double{display:contents}:root[data-layout-anim="1"] .spread{animation:.26s cubic-bezier(.22,1,.36,1) spread-crossfade}@keyframes spread-crossfade{0%{opacity:.3}to{opacity:1}}.spread__slot,.spread__hinge{transition:opacity .22s cubic-bezier(.22,1,.36,1)}@media (max-height:480px){.mushaf-screen{gap:.25rem;padding-top:0;padding-bottom:0}.mushaf-screen>header,.mushaf-screen>nav{font-size:.75rem}.mushaf-screen>footer{padding-top:.125rem;font-size:.5625rem}.spread{--folio-h:.875rem}.spread__folio{font-size:.5625rem}}.mushaf-screen__navlink{border:1px solid var(--hairline);min-height:44px;color:var(--ink);border-radius:.5rem;place-items:center;padding:0 .625rem;font-size:.75rem;text-decoration:none;display:inline-grid}.mushaf-screen__navlink:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}.akun{align-items:center;gap:.375rem;display:inline-flex}.akun__nama{text-overflow:ellipsis;white-space:nowrap;max-width:7rem;color:var(--muted);font-size:.75rem;overflow:hidden}.akun__tautan,.akun__keluar{border:1px solid var(--hairline);min-height:44px;color:var(--ink);cursor:pointer;background:0 0;border-radius:.5rem;place-items:center;padding:0 .625rem;font-size:.75rem;text-decoration:none;display:inline-grid}.akun__tautan:focus-visible,.akun__keluar:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}.bookmark__btn{border:1px solid var(--hairline);min-width:44px;min-height:44px;color:var(--muted);cursor:pointer;background:0 0;border-radius:.5rem;place-items:center;font-size:1rem;line-height:1;display:inline-grid}.bookmark__btn[aria-pressed=true]{color:var(--gold);border-color:var(--gold)}.bookmark__btn:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}