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}.settings-panel{background-color:#fff;border-radius:1rem;box-shadow:0 .5rem 1.25rem #0000001a;left:50%;max-height:80vh;overflow-y:auto;padding:2rem;pointer-events:auto;position:absolute;top:50%;transform:translate(-50%,-50%);transition:transform .3s,box-shadow .3s;width:40%}.settings-panel:hover{box-shadow:0 12px 30px #0003;transform:translate(-50%,-53%)}.settings-panel::-webkit-scrollbar{display:none}.settings-panel{scrollbar-width:none}.App{height:100vh;overflow:hidden;pointer-events:none;position:relative;width:100vw}.settings-panel,.settings-panel *{pointer-events:auto}.settings-panel h1{color:#333;font-size:1.8rem}.settings-panel h1,.settings-panel h3{margin-bottom:1.5rem;text-align:center}.settings-panel h3{color:#555;font-size:1.2rem}.settings-subtitle{border-bottom:.125rem solid #eee;color:#666;font-size:1.2rem;margin:1rem 0;padding-bottom:.5rem}.settings-section{margin-bottom:1.5rem}.settings-panel label{color:#555;display:block;font-size:.9rem;margin:.75rem 0}.settings-panel input[type=range]{margin-top:.5rem;width:100%}.settings-panel input[type=color]{height:2.5rem;margin-top:.5rem;padding:.125rem;width:100%}.checkbox-label{align-items:center;display:flex!important;gap:.5rem}.checkbox-label input[type=checkbox]{margin:0;width:auto}.github-link a{align-items:center;color:#555;display:flex;gap:.5rem;justify-content:center;text-decoration:none}.github-link .github-icon{fill:currentColor;height:1rem;width:1rem}#swatch{background:#fff;border-radius:20px;border-top-left-radius:0;border-top-right-radius:0;box-shadow:1em 1em 1em #0000001a;display:flex;flex-direction:column;overflow:hidden;padding:0}#swatch .info{padding:1em}#swatch h4{font-weight:400;margin:0}input[type=color]{appearance:none;-moz-appearance:none;-webkit-appearance:none;background:none;border:0;border-top-left-radius:0;border-top-right-radius:0;cursor:pointer;width:100%}:focus{outline:none}::-webkit-color-swatch-wrapper{padding:0}::-webkit-color-swatch{border:0}::-moz-color-swatch,::-moz-focus-inner{border:0}::-moz-focus-inner{padding:0}
/*# sourceMappingURL=main.031bb880.css.map*/