*,body{box-sizing:border-box}body{margin:0;font-family:"Montserrat",-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;height:100vh;padding:50px 0;background:#ebebeb;overflow-y:scroll}#root{height:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*{padding:0}.App{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));height:100%;grid-gap:20px;gap:20px}#left,.App{display:grid}#left{place-items:center;grid-gap:10%;gap:10%;padding:100px 50px;grid-column:1/3}#blob{box-shadow:0 60px 20px -20px rgba(0,0,0,.2);position:relative;mix-blend-mode:screen}#right{margin-top:100px;display:grid;align-items:center;padding:100px 50px}@media screen and (max-width:650px){.App{grid-gap:0;gap:0}#left{order:2;padding:0;margin-top:0}#blob{-webkit-transform:scale(.8);transform:scale(.8)}#right{order:3;grid-gap:20px;gap:20px;margin-top:150px;padding:0 20px 100px}}.fieldWrapper{display:grid;grid-gap:10px;gap:10px}.fieldWrapper:hover>label{color:#000}.inputWrapper{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;gap:20px;align-items:center}.inputWrapper div:nth-child(2),.inputWrapper input[type=range]{grid-column:2/5}.inputWrapper div:nth-child(2){text-align:right;font-weight:700}.inputWrapper div:nth-child(2)>p{display:inline-block}.inputWrapper div:nth-child(2)>p:first-child{display:inline-block;margin-right:10px}label{color:#000;font-weight:600;font-size:.8rem}input[type=color]{-webkit-appearance:none;border:none;width:30px;height:30px;background:none;padding-right:5px}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:none;height:25px;width:20px;border-radius:50%}input[type=number]{background:none;border:2px solid #222;padding:10px;width:100px;border-radius:10px;text-align:center}input[type=number]::-webkit-inner-spin-button{opacity:1}input[type=range]{-webkit-appearance:none;padding:10px;border-radius:10px;background:#222;box-shadow:0 10px 10px -11px rgb(0 0 0/20%)}footer{display:grid;grid-template-columns:repeat(auto-fit,minmax(48%,1fr));width:100%;grid-gap:20px;gap:20px}.controllerWrapper{display:grid;grid-gap:15px;gap:15px}.finalResult{color:#bbb;mix-blend-mode:screen;font-weight:700;background:#000;padding:10px 15px;position:fixed;top:0;left:50%;width:80vw;-webkit-transform:translateX(-50%);transform:translateX(-50%)}button{all:unset;position:absolute;top:25%;right:20px;text-align:center;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:50px;height:15px;border:1px solid #fff;padding:5px 10px;font-family:"Montserrat";font-weight:600;font-size:.8rem;border-radius:10px;overflow:hidden}button[type=reset]{border-color:#bf2b2b;color:#bf2b2b}#copyResult{right:100px}#copyResult>span{display:block;position:absolute;left:50%;top:50%;pointer-events:none;transition:all 1s cubic-bezier(.19,1,.22,1)}#copyResult:disabled{color:#000;background:#54c10b;border-color:transparent}#copyResult>span:first-child{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:1}#copyResult:disabled>span:first-child{-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%);opacity:0}#copyResult>span:nth-child(2){-webkit-transform:translate(-50%,100%);transform:translate(-50%,100%);opacity:0}#copyResult:disabled>span:nth-child(2){-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:1}@media screen and (max-width:650px){footer{padding:20px}.finalResult{background:transparent;position:relative;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;order:1;height:-webkit-max-content;height:max-content}.finalResult>#copyResult{position:relative;display:block;margin-top:50px;top:0;right:0;border:1px solid grey}button[type=reset]{display:none}}
/*# sourceMappingURL=main.c678fca6.chunk.css.map */