@media only screen and (min-width: 1px){.tone-generator[data-astro-cid-7dqbuben] .header[data-astro-cid-7dqbuben]{text-align:center}.tone-generator[data-astro-cid-7dqbuben] .app-wrapper[data-astro-cid-7dqbuben]{display:flex;flex-direction:column;padding:15px;gap:15px}.tone-generator[data-astro-cid-7dqbuben] .app-wrapper[data-astro-cid-7dqbuben] .generator-display[data-astro-cid-7dqbuben]{display:flex;flex-direction:column;align-items:center;gap:12px;background:#fff;border:1px solid #dbdbdb;border-radius:5px;box-shadow:0 0 3px #0000001a;padding:20px 15px}.tone-generator[data-astro-cid-7dqbuben] .app-wrapper[data-astro-cid-7dqbuben] .generator-display[data-astro-cid-7dqbuben] .frequency-readout[data-astro-cid-7dqbuben]{font-size:36px;font-weight:700;color:#222;line-height:1}.tone-generator[data-astro-cid-7dqbuben] .app-wrapper[data-astro-cid-7dqbuben] .generator-display[data-astro-cid-7dqbuben] .frequency-readout[data-astro-cid-7dqbuben] .unit[data-astro-cid-7dqbuben]{font-size:18px;font-weight:400;color:#555}.tone-generator[data-astro-cid-7dqbuben] .app-wrapper[data-astro-cid-7dqbuben] .generator-display[data-astro-cid-7dqbuben] #frequency-slider[data-astro-cid-7dqbuben],.tone-generator[data-astro-cid-7dqbuben] .app-wrapper[data-astro-cid-7dqbuben] .generator-display[data-astro-cid-7dqbuben] #volume-slider[data-astro-cid-7dqbuben]{width:100%;cursor:pointer}.tone-generator[data-astro-cid-7dqbuben] .app-wrapper[data-astro-cid-7dqbuben] .generator-display[data-astro-cid-7dqbuben] .frequency-labels[data-astro-cid-7dqbuben]{width:100%;display:flex;justify-content:space-between;font-size:11px;color:#888;margin-top:-8px}.tone-generator[data-astro-cid-7dqbuben] .app-wrapper[data-astro-cid-7dqbuben] .generator-display[data-astro-cid-7dqbuben] .presets[data-astro-cid-7dqbuben]{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;width:100%}.tone-generator[data-astro-cid-7dqbuben] .app-wrapper[data-astro-cid-7dqbuben] .generator-display[data-astro-cid-7dqbuben] .presets[data-astro-cid-7dqbuben] .preset-btn[data-astro-cid-7dqbuben]{padding:6px 12px;background:#f5f5f5;border:1px solid #dbdbdb;border-radius:20px;font-size:12px;color:#555;cursor:pointer}.tone-generator[data-astro-cid-7dqbuben] .app-wrapper[data-astro-cid-7dqbuben] .generator-display[data-astro-cid-7dqbuben] .presets[data-astro-cid-7dqbuben] .preset-btn[data-astro-cid-7dqbuben]:hover{background:#e9e9e9}.tone-generator[data-astro-cid-7dqbuben] .app-wrapper[data-astro-cid-7dqbuben] .generator-display[data-astro-cid-7dqbuben] .presets[data-astro-cid-7dqbuben] .preset-btn[data-astro-cid-7dqbuben].active{background:#f6fdff;border-color:#00aeff;color:#0069d9}.tone-generator[data-astro-cid-7dqbuben] .app-wrapper[data-astro-cid-7dqbuben] .generator-display[data-astro-cid-7dqbuben] .volume-control[data-astro-cid-7dqbuben]{width:100%;display:flex;align-items:center;gap:10px}.tone-generator[data-astro-cid-7dqbuben] .app-wrapper[data-astro-cid-7dqbuben] .generator-display[data-astro-cid-7dqbuben] .volume-control[data-astro-cid-7dqbuben] label[data-astro-cid-7dqbuben]{font-size:12px;color:#555;white-space:nowrap}.tone-generator[data-astro-cid-7dqbuben] .app-wrapper[data-astro-cid-7dqbuben] .generator-display[data-astro-cid-7dqbuben] .volume-control[data-astro-cid-7dqbuben] input[data-astro-cid-7dqbuben]{flex:1}.tone-generator[data-astro-cid-7dqbuben] .app-wrapper[data-astro-cid-7dqbuben] .generator-display[data-astro-cid-7dqbuben] #main-play-btn[data-astro-cid-7dqbuben]{width:100%;display:flex;height:120px;flex-direction:column;align-items:center;justify-content:space-evenly;background:#fff;border:1px solid #dbdbdb;border-radius:5px;box-shadow:0 0 3px #0000001a;color:#222;cursor:pointer;margin-top:5px}.tone-generator[data-astro-cid-7dqbuben] .app-wrapper[data-astro-cid-7dqbuben] .generator-display[data-astro-cid-7dqbuben] #main-play-btn[data-astro-cid-7dqbuben]>span[data-astro-cid-7dqbuben]{text-transform:uppercase;font-size:10px;color:#555}.tone-generator[data-astro-cid-7dqbuben] .app-wrapper[data-astro-cid-7dqbuben] .generator-display[data-astro-cid-7dqbuben] #main-play-btn[data-astro-cid-7dqbuben].active{animation:pulse 2s infinite;background:#f6fdff}.tone-generator[data-astro-cid-7dqbuben] .app-wrapper[data-astro-cid-7dqbuben] .generator-display[data-astro-cid-7dqbuben] #main-play-btn[data-astro-cid-7dqbuben].active svg[data-astro-cid-7dqbuben]{animation:wobbleScale .6s infinite ease-in-out}ul[data-astro-cid-7dqbuben]{margin:0;padding-left:18px}}@media only screen and (min-width: 1200px){.tone-generator[data-astro-cid-7dqbuben] .app-wrapper[data-astro-cid-7dqbuben]{width:450px}}@-webkit-keyframes pulse{0%{-webkit-box-shadow:0 0 0 0 rgba(0,174,255,.4)}25%{-webkit-box-shadow:0 0 0 10px rgba(0,174,255,0)}26%{-webkit-box-shadow:0 0 0 0 rgba(0,174,255,.4)}75%{-webkit-box-shadow:0 0 0 10px rgba(0,174,255,0)}to{-webkit-box-shadow:0 0 0 0 rgba(0,174,255,0)}}@keyframes pulse{0%{-moz-box-shadow:0 0 0 0 rgba(0,174,255,.4);box-shadow:0 0 #00aeff66}25%{-moz-box-shadow:0 0 0 10px rgba(0,174,255,0);box-shadow:0 0 0 10px #00aeff00}26%{-moz-box-shadow:0 0 0 0 rgba(0,174,255,.4);box-shadow:0 0 #00aeff66}75%{-moz-box-shadow:0 0 0 10px rgba(0,174,255,0);box-shadow:0 0 0 10px #00aeff00}to{-moz-box-shadow:0 0 0 0 rgba(0,174,255,0);box-shadow:0 0 #00aeff00}}@keyframes wobbleScale{0%{transform:rotate(0) scale(1)}25%{transform:rotate(-3deg) scale(1.05)}50%{transform:rotate(3deg) scale(1.1)}75%{transform:rotate(-3deg) scale(1.05)}to{transform:rotate(0) scale(1)}}