.matita.matita .dorica{aspect-ratio:5/8;touch-action:pan-y;outline-offset:4px;border-radius:6px;width:100%;position:relative}.matita.matita .dorica .dorica__canvas{cursor:grab;opacity:0;width:100%;height:100%;transition:opacity .7s;display:block;position:absolute;inset:0}.matita.matita .dorica[data-dorica-state=ready] .dorica__canvas{opacity:1}.matita.matita .dorica[data-dragging] .dorica__canvas{cursor:grabbing}.matita.matita .dorica__placeholder{fill:#2e352412;width:100%;height:86%;transition:opacity .7s;position:absolute;inset:7% 0}.matita.matita .dorica[data-dorica-state=ready] .dorica__placeholder{opacity:0}