@import 'NewOscillator-d18b4f2c.css';.pan-controller.svelte-g2nsjw.svelte-g2nsjw{display:grid;position:absolute;top:3rem;left:-5rem;padding:1rem;background-color:rgb(221, 221, 221);box-shadow:0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12)}.pan-controller.svelte-g2nsjw.svelte-g2nsjw::after{content:"";position:absolute;width:12px;height:12px;left:50%;top:-10px;transform:translate(-50%, 50%) rotate(45deg);background-color:rgb(221, 221, 221)}.pan-controller.svelte-g2nsjw .pan-buttons.svelte-g2nsjw{display:grid;grid-template-columns:33% 33% 33%;justify-content:center}.pan-controller.svelte-g2nsjw .pan-buttons button.svelte-g2nsjw{margin:1rem;font-size:10px;width:25px;height:25px}.pan-controller.svelte-g2nsjw .pan-buttons .pan-left-button.svelte-g2nsjw{position:relative;right:25%}.pan-controller.svelte-g2nsjw .pan-buttons .pan-right-button.svelte-g2nsjw{position:relative;left:25%}.pan-controller.svelte-g2nsjw .pan-slider.svelte-g2nsjw{display:grid;grid-template-columns:15% 70% 15%}.pan-controller.svelte-g2nsjw .pan-slider img.svelte-g2nsjw{width:20px}.pan-controller.svelte-g2nsjw .pan-slider img.pan-left-icon.svelte-g2nsjw{transform:scaleX(-1) scaleY(1)}.pan-controller.svelte-g2nsjw .pan-slider input.svelte-g2nsjw::after{content:"";border-right:solid 1px black;position:absolute;left:49.5%;top:75px;width:1px;height:30px}
.wave-select.svelte-5v727l.svelte-5v727l{position:absolute;top:3rem;left:-5.3rem;background-color:rgb(221, 221, 221);display:flex;box-shadow:0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12)}.wave-select.svelte-5v727l.svelte-5v727l::after{content:"";position:absolute;width:12px;height:12px;left:50%;top:-10px;transform:translate(-50%, 50%) rotate(45deg);background-color:rgb(221, 221, 221)}.wave-select.svelte-5v727l .wave-select-box.svelte-5v727l{margin:0.5rem}.wave-select-box.svelte-5v727l img.svelte-5v727l{width:20px}
.close-container.svelte-3kfxr8.svelte-3kfxr8{display:flex;justify-content:flex-end}.play-vol-container.svelte-3kfxr8.svelte-3kfxr8{display:grid;grid-template-columns:20% 80%;margin:1rem}.volume.svelte-3kfxr8.svelte-3kfxr8{display:flex;justify-content:center;align-items:center}.volume.svelte-3kfxr8 input.svelte-3kfxr8{width:60%;margin:0rem 0.5rem}.volume.svelte-3kfxr8 img.svelte-3kfxr8{width:20px}.pan.svelte-3kfxr8.svelte-3kfxr8{position:relative}.pan-controller.svelte-3kfxr8.svelte-3kfxr8{display:grid;position:absolute;top:3rem;left:-20%;padding:1rem;background-color:rgb(221, 221, 221);box-shadow:0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12)}.pan-controller.svelte-3kfxr8.svelte-3kfxr8::after{content:"";position:absolute;width:12px;height:12px;left:50%;top:-10px;transform:translate(-50%, 50%) rotate(45deg);background-color:rgb(221, 221, 221)}.wave-select-container.svelte-3kfxr8.svelte-3kfxr8{position:relative}.wave-select-container.svelte-3kfxr8 .wave-select.svelte-3kfxr8{position:absolute;top:3rem;left:-100%;background-color:rgb(221, 221, 221);display:flex;box-shadow:0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12)}.wave-select-container.svelte-3kfxr8 .wave-select.svelte-3kfxr8::after{content:"";position:absolute;width:12px;height:12px;left:50%;top:-10px;transform:translate(-50%, 50%) rotate(45deg);background-color:rgb(221, 221, 221)}.wave-select-container.svelte-3kfxr8 .wave-select .wave-select-box.svelte-3kfxr8{margin:0.5rem}.wave-select-container.svelte-3kfxr8 .wave-select-button.svelte-3kfxr8{background-size:contain;background-position:center;background-repeat:no-repeat;width:40px;height:100%}.wave-select-container.svelte-3kfxr8 .wave-select-button.sine.svelte-3kfxr8{background-image:url("/icons/sine-light.png")}.wave-select-container.svelte-3kfxr8 .wave-select-button.square.svelte-3kfxr8{background-image:url("/icons/square-light.png")}.wave-select-container.svelte-3kfxr8 .wave-select-button.triangle.svelte-3kfxr8{background-image:url("/icons/triangle-light.png")}.wave-select-container.svelte-3kfxr8 .wave-select-button.sawtooth.svelte-3kfxr8{background-image:url("/icons/sawtooth-light.png")}.frequency-container.svelte-3kfxr8.svelte-3kfxr8{margin:0 2rem}.frequency-container.svelte-3kfxr8 .slider.frequency.svelte-3kfxr8{width:100%}.frequency-container.svelte-3kfxr8 .frequency-controls.svelte-3kfxr8{display:grid;grid-template-columns:18% 18% 28% 18% 18%;justify-content:center}.frequency-container.svelte-3kfxr8 .frequency-controls .frequency-arith-button.svelte-3kfxr8{margin:0px 5px;max-width:5rem}.frequency-container.svelte-3kfxr8 .frequency-label.svelte-3kfxr8{text-align:center}.frequency-container.svelte-3kfxr8 .frequency-label input.svelte-3kfxr8{width:5rem}.pan-wave-container.svelte-3kfxr8.svelte-3kfxr8{display:grid;grid-template-columns:auto auto;margin:1rem;justify-content:center}.pan-wave-container.svelte-3kfxr8 div.svelte-3kfxr8{margin:1rem}.pitch-selector-container.svelte-3kfxr8.svelte-3kfxr8{text-align:center;margin:2rem 0}@media only screen and (max-width: 768px){.frequency-controls.svelte-3kfxr8 .frequency-arith-button.svelte-3kfxr8{font-size:0.65rem}}
.static.svelte-b9vzll.svelte-b9vzll{align-items:center;justify-content:center;background-color:#4c4c4c}.static.svelte-b9vzll .oscillator-master-control.svelte-b9vzll{display:flex}.static.svelte-b9vzll .oscillator-master-control button.svelte-b9vzll{margin:1rem}.static.svelte-b9vzll .oscillator-master-control .create-oscillator.svelte-b9vzll{margin-left:0}.static.svelte-b9vzll .overtone-preset-container h3.svelte-b9vzll{margin-bottom:0.5rem}.static.svelte-b9vzll .overtone-preset-container.svelte-b9vzll{margin-bottom:1rem}.static.svelte-b9vzll .overtone-preset-container select.svelte-b9vzll{margin-right:1rem}@media only screen and (max-width: 768px){.static.svelte-b9vzll .overtone-preset-container.svelte-b9vzll{margin:0 0 1rem 0}}