body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 50% 0,#1a2027 0,#0c0f14 60%,#07090d 100%);color:#e6e8eb;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}label{display:block;margin-bottom:.2rem;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:#8a939e}.range-description{margin:0 0 .4rem;font-size:.7rem;line-height:1.35;color:#6b737d}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:calc(100% - 3rem);height:4px;background:hsla(0,0%,100%,.08);border-radius:999px;outline:none;cursor:pointer;vertical-align:middle}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#1db954;border:none;box-shadow:0 0 0 4px rgba(29,185,84,.15);-webkit-transition:box-shadow .15s ease,-webkit-transform .15s ease;transition:box-shadow .15s ease,-webkit-transform .15s ease;transition:box-shadow .15s ease,transform .15s ease;transition:box-shadow .15s ease,transform .15s ease,-webkit-transform .15s ease}input[type=range]::-webkit-slider-thumb:hover{box-shadow:0 0 0 6px rgba(29,185,84,.28);-webkit-transform:scale(1.08);transform:scale(1.08)}input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#1db954;border:none;box-shadow:0 0 0 4px rgba(29,185,84,.15)}input[type=range]::-moz-range-track{height:4px;background:hsla(0,0%,100%,.08);border-radius:999px}input[type=range]+span{display:inline-block;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:.75rem;color:#1db954;font-weight:600;min-width:2rem;text-align:right}.controls{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.06);border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.35)}.slider-grid{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:1.25rem;-webkit-column-gap:1.25rem;column-gap:1.25rem;grid-row-gap:.25rem;row-gap:.25rem}.presets{display:flex;grid-gap:.5rem;gap:.5rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid hsla(0,0%,100%,.06)}.preset-button{flex:1 1;padding:.5rem .75rem;font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#e6e8eb;background:rgba(29,185,84,.08);border:1px solid rgba(29,185,84,.3);border-radius:6px;cursor:pointer;-webkit-transition:background .15s ease,border-color .15s ease,-webkit-transform .15s ease;transition:background .15s ease,border-color .15s ease,-webkit-transform .15s ease;transition:background .15s ease,border-color .15s ease,transform .15s ease;transition:background .15s ease,border-color .15s ease,transform .15s ease,-webkit-transform .15s ease}.preset-button:hover{background:rgba(29,185,84,.18);border-color:rgba(29,185,84,.55)}.preset-button:active{-webkit-transform:scale(.97);transform:scale(.97)}canvas{-webkit-filter:drop-shadow(0 0 24px rgba(29,185,84,.25));filter:drop-shadow(0 0 24px rgba(29,185,84,.25))}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.08354110.chunk.css.map */