.hsvg-card{color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:0;padding:var(--page-pad);box-shadow:var(--page-shadow)}@media(max-width:639px){.hsvg-card{border:0;background:rgba(0,0,0,0);box-shadow:none}}.hsvg-body svg{display:block;width:100%;height:auto}.hsvg-body path:not(.ayahPolygon){fill:currentColor;pointer-events:none}.hsvg-body .ayahPolygon{fill-opacity:0;cursor:pointer}.hsvg-body .ayahPolygon:hover{fill:var(--accent-soft);fill-opacity:1}.qp-card.qp-focus{border-color:rgba(0,0,0,0);box-shadow:none;background:none}.qp-card.qp-focus .qp-img{mix-blend-mode:multiply}[data-theme=dark] .qp-card.qp-focus{border-color:var(--border);box-shadow:var(--shadow)}[data-theme=dark] .qp-card.qp-focus .qp-img{mix-blend-mode:normal}.qsvg-card{color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:0;padding:var(--page-pad);box-shadow:var(--page-shadow)}@media(max-width:639px){.qsvg-card{border:0;background:rgba(0,0,0,0);box-shadow:none}}.qsvg-body svg{display:block;width:100%;height:auto}.qsvg-body path:not(.ayahPolygon){fill:currentColor;pointer-events:none}.qsvg-body .ayahPolygon{fill-opacity:0;cursor:pointer}.qsvg-body .ayahPolygon:hover{fill:var(--accent-soft);fill-opacity:1}