.visualizer-frame{grid-template-columns:repeat(var(--sheet-cols,7), 1fr);background-image:radial-gradient(circle closest-side, var(--sheet-dot-color,var(--primary)) calc(var(--sheet-dot-r,25%) - .5px), transparent var(--sheet-dot-r,25%));background-size:calc(100% / var(--sheet-cols,7)) calc(100% / 3);-webkit-print-color-adjust:exact;print-color-adjust:exact;grid-template-rows:repeat(3,1fr);place-items:center;width:94%;height:90%;display:grid;position:absolute;top:5%;left:3%}.frame-outer-background{content-visibility:auto;contain-intrinsic-size:auto 5rem;width:100%;height:100%;padding:.25rem}.frame-empty-counter{opacity:.5;font-size:.8rem;position:absolute;top:-.5rem;right:0;transform:translate(50%)rotate(45deg)}.frame-outer,.frame-outer-smaller{background-color:var(--primary);border:solid var(--primary) .18rem;border-radius:.4rem;width:100%;height:100%;padding-bottom:60%;position:relative}.frame-outer-smaller{padding-bottom:49%}.frame-note-s{background-color:var(--selected-note-background,var(--accent));width:80%;height:80%;color:var(--accent-text);border-radius:.2rem;justify-content:center;align-items:center;font-size:.6rem;display:flex;position:relative}.frame-note-held:after{content:"";opacity:.75;pointer-events:none;background-color:currentColor;border-radius:1rem;height:.14rem;position:absolute;bottom:8%;left:22%;right:22%}.visualizer-ball{background-color:#0000;border-color:#0000;justify-content:center;align-items:center;height:100%;display:flex}.visualizer-ball div{opacity:.5;background-color:#606876;border-radius:50%;width:.5rem;height:.5rem;position:absolute;top:calc(50% - .25rem);left:calc(50% - .25rem)}@media print{.frame-outer-background{content-visibility:visible}.frame-note-s{border-radius:2px}.visualizer-frame{--sheet-dot-color:black}.frame-outer{border:.1rem solid #000;background-color:#fff!important}.visualizer-ball{border:none!important}}
