body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}section{padding:100px 15px}.bg-wrapper{height:100%;inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .24s ease-in-out;width:100%;will-change:opacity;z-index:1}.bg-wrapper.bg-visible{opacity:1}.bg-wrapper.bg-hidden{opacity:0}img.logo{background:#635e94;border-radius:0 0 20px 20px;box-shadow:0 0 10px #1a154866;left:0;margin:0 auto;max-width:160px;padding:20px;position:absolute;right:0;top:0}.cancelTime{background-color:#fff;border-radius:10px;box-shadow:0 0 10px #0000001a;padding:10px 20px}.SoundBlock{grid-gap:20px;display:grid;gap:20px;grid-template-columns: 1fr 1fr 1fr}#bg-wrap {height: 100%;} #bg-wrap svg {height: 100%;width: 100%;}.container{margin:0 auto;max-width:1170px}.toggle-btn{background:#fff;border:none;border-radius:50%;box-shadow:inset 2px 2px 2px 0 #ffffff80,7px 7px 20px 0 #0000001a,4px 4px 5px 0 #0000001a;color:#fff;cursor:pointer;display:inline-block;font-size:14px;font-weight:700;height:56px;outline:none;padding:4px;position:relative;text-transform:uppercase;transition:all .3s ease;width:56px}.btn-on{background-color:#89d8d3;background-image:linear-gradient(315deg,#89d8d3,#03c8a8 74%);color:#fff}.btn-off{background:#ff1b00;background:linear-gradient(0deg,#ff1b00,#fb4b02);color:#fff}.toggle-btn:hover{opacity:.8}.Schedule{background-color:#fff;border-radius:10px;box-shadow:0 0 10px #0000001a;padding:10px 20px}.Schedule p{font-weight:700;line-height:1;margin:0}.scheduleBtn.toggle-btn{background:#00acee;background:linear-gradient(0deg,#00acee,#027efb);height:50px;width:50px}.btn-cancel{background:orange;border:none;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;box-shadow:inset 2px 2px 2px 0 #ffffff80,7px 7px 20px 0 #0000001a,4px 4px 5px 0 #0000001a;color:#fff;cursor:pointer;display:inline-block;font-size:14px;font-weight:700;outline:none;padding:10px 26px;position:relative;text-transform:uppercase;transition:all .3s ease}.SoundBlock>div{background-color:#fff;border-radius:8px;box-shadow:0 0 10px #0000001a;margin:15px 0 20px;padding:20px;position:relative}.SoundArea label{margin:0!important}.SoundName{background:#363e5d;border-radius:6px;box-shadow:0 0 10px #00000045;color:#fff;padding:6px 14px;position:absolute;top:-20px;width:auto}.SoundArea [type=range]{--min:0;--rng:calc(var(--max, 100) - var(--min));--pos:calc(0.875em + (var(--val) - var(--min))/var(--rng)*(100% - 1.75em));background:linear-gradient(#cdcdcd,#f4f4f4) border-box;border:.4375em solid #0000;border-radius:.875em;box-shadow:0 1px 1px #d5d5d5;box-sizing:border-box;cursor:pointer;font-size:1em;height:1.75em;justify-self:center;margin:0;width:100%}.SoundArea [type=range]::-webkit-slider-runnable-track,.SoundArea [type=range]::-webkit-slider-thumb,[type=range]{-webkit-appearance:none}.SoundArea [type=range]::-webkit-slider-runnable-track{--fill:linear-gradient(#fbfbfb,#cacaca) 0/calc(var(--js)*var(--prg, 0)*var(--pos)) no-repeat,;background:var(--fill,  ) linear-gradient(#adadad,#dcdcdc);border-radius:.875em;box-shadow:inset 0 0 0 1px #878787;height:100%;width:100%}.SoundArea [type=range]::-moz-range-track{background:var(--fill,  ) linear-gradient(#adadad,#dcdcdc);border-radius:.875em;box-shadow:inset 0 0 0 1px #878787;height:100%;width:100%}.SoundArea [type=range]::-moz-range-progress{background:linear-gradient(#fbfbfb,#cacaca);border-radius:.875em 0 0 .875em;box-shadow:inset 0 0 0 1px #878787;height:100%;opacity:0;opacity:var(--prg,0)}.SoundArea [type=range]::-webkit-slider-thumb{background:repeating-linear-gradient(90deg,#b3b3b3 0 1px,#dedede 0 2px,#0000 0 .3125em) 50%/calc(0em + 0px) no-repeat content-box,linear-gradient(#e2e2e2,#bfbfbf);background:repeating-linear-gradient(90deg,#b3b3b3 0 1px,#dedede 0 2px,#0000 0 .3125em) 50%/calc(var(--lin, 0)*(.9375em + 2px)) no-repeat content-box,linear-gradient(#e2e2e2,#bfbfbf);border:none;border-radius:5px;box-shadow:0 0 0 1px #878787,inset 0 1px 1px #f8f8f8;box-sizing:border-box;cursor:ew-resize;height:100%;height:calc(100% + var(--voh, 0)*2*3px);margin-top:calc(var(--voh)*1*-1*3px);padding:.25em;width:1.75em}.SoundArea [type=range]::-moz-range-thumb{background:repeating-linear-gradient(90deg,#b3b3b3 0 1px,#dedede 0 2px,#0000 0 .3125em) 50%/calc(0em + 0px) no-repeat content-box,linear-gradient(#e2e2e2,#bfbfbf);background:repeating-linear-gradient(90deg,#b3b3b3 0 1px,#dedede 0 2px,#0000 0 .3125em) 50%/calc(var(--lin, 0)*(.9375em + 2px)) no-repeat content-box,linear-gradient(#e2e2e2,#bfbfbf);border:none;border-radius:5px;box-shadow:0 0 0 1px #878787,inset 0 1px 1px #f8f8f8;box-sizing:border-box;cursor:ew-resize;height:100%;height:calc(100% + var(--voh, 0)*2*3px);margin:0;padding:.25em;width:1.75em}.SoundArea [type=range]:focus{box-shadow:0 0 .125em teal;outline:none}@media (max-width:425px){.topBtns{display:block;display:block!important;text-align:center;width:100%!important}.SoundBlock>div{width:auto}button.toggle-btn{margin:0 0 30px}.scheduleBtn.toggle-btn{height:46px;margin:0;width:46px}.SoundArea h1{margin:0 0 30px;text-align:center}section{padding:50px 15px}}
/*# sourceMappingURL=main.ca91d735.css.map*/