.visualizer-frame{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(7,1fr);place-items:center;width:94%;height:90%;display:grid;position:absolute;top:5%;left:3%}.frame-outer-background{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);width:80%;height:80%;color:var(--accent-text);border-radius:.2rem;justify-content:center;align-items:center;font-size:.6rem;display:flex}.frame-note-ns{background-color:var(--primary);border-radius:50%;width:25%;padding-bottom:25%}.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-note-s{border-radius:2px}.frame-note-ns{background-color:#000!important}.frame-outer{border:.1rem solid #000;background-color:#fff!important}.visualizer-ball{border:none!important}}