*{margin:0;padding:0;box-sizing:border-box;font-family:sans-serif;overflow-x:hidden}header{width:100vw;display:flex;justify-content:center;align-items:center;flex-direction:column;background:#fff;transition:.2s}.container{display:flex;justify-content:space-around;width:100%;margin:20px 0}.btn{cursor:pointer;outline:0;border-width:0;transition:.5s!important}#j{position:absolute;top:2%;right:2%;cursor:pointer;font-size:19px}#fosval{width:40px}#borval{width:40px}#bow{width:40px}#pval{width:40px}#prval{width:40px}#pbval{width:40px}#plval{width:40px}#bocval{width:60px}#bsval{width:60px}#sval{width:40px}#yval{width:40px}#bval{width:40px}#tsval{width:60px}#txval{width:40px}#tyval{width:40px}#tbval{width:40px}input{text-align:center;margin:7px 8px;padding:1px}#focval{width:60px}#boval{width:60px}.preview{border:2px solid #ccc;width:500px;height:300px;display:flex;justify-content:center;align-items:center}.customize{border:2px solid #ccc;width:600px;padding:10px}#code{color:#f8f8f2;background:#282a36;text-shadow:0 1px rgb(0 0 0 / 30%);font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;text-align:left;position:relative;line-height:1.5;padding:1em;margin:.5em 0;overflow:auto;border-radius:.3em;width:auto}input[type=range]{height:25px;-webkit-appearance:none;margin:0 0}input[type=color]{cursor:pointer}input[type=range]:focus{outline:0}input[type=range]::-webkit-slider-runnable-track{width:100%;height:5px;cursor:pointer;animate:.2s;box-shadow:0 0 0 #000;background:#2497e3;border-radius:1px;border:0 solid #000}input[type=range]::-webkit-slider-thumb{box-shadow:0 0 0 #000;border:1px solid #2497e3;height:18px;width:18px;border-radius:25px;background:#a1d0ff;cursor:pointer;-webkit-appearance:none;margin-top:-7px}input[type=range]:focus::-webkit-slider-runnable-track{background:#2497e3}input[type=range]::-moz-range-track{width:100%;height:5px;cursor:pointer;animate:.2s;box-shadow:0 0 0 #000;background:#2497e3;border-radius:1px;border:0 solid #000}input[type=range]::-moz-range-thumb{box-shadow:0 0 0 #000;border:1px solid #2497e3;height:18px;width:18px;border-radius:25px;background:#a1d0ff;cursor:pointer}input[type=range]::-ms-track{width:100%;height:5px;cursor:pointer;animate:.2s;background:0 0;border-color:transparent;color:transparent}input[type=range]::-ms-fill-lower{background:#2497e3;border:0 solid #000;border-radius:2px;box-shadow:0 0 0 #000}input[type=range]::-ms-fill-upper{background:#2497e3;border:0 solid #000;border-radius:2px;box-shadow:0 0 0 #000}input[type=range]::-ms-thumb{margin-top:1px;box-shadow:0 0 0 #000;border:1px solid #2497e3;height:18px;width:18px;border-radius:25px;background:#a1d0ff;cursor:pointer}input[type=range]:focus::-ms-fill-lower{background:#2497e3}input[type=range]:focus::-ms-fill-upper{background:#2497e3}.stat{display:flex;align-items:center}input[type=color]{outline:0;border:none;padding:0;width:24px;height:27px;border-radius:50%;background:0 0}.com{color:#ff79c6}.m{color:#50fa7b}#font{border-bottom:2px solid #000;height:0;transition:.3s;padding:0 10px;border-radius:3px;margin:5px 0}#font::-webkit-scrollbar{display:none}#lu{background:green;cursor:pointer;padding:10px;margin:2px;color:#fff;font-size:18px;border-radius:3px}.active{height:278px!important}#box{height:0;border-bottom:2px solid #000;transition:.3s;padding:0 10px;border-radius:3px;margin:5px 0}#pu{background:green;cursor:pointer;padding:10px;margin:2px;color:#fff;font-size:18px;border-radius:3px}#box::-webkit-scrollbar{display:none}.ptive{height:289px!important}#bord{height:0;border-bottom:2px solid #000;transition:.3s;padding:0 10px;border-radius:3px;margin:5px 0}#ku{background:green;cursor:pointer;padding:10px;margin:2px;color:#fff;font-size:18px;border-radius:3px}#bord::-webkit-scrollbar{display:none}.ktive{height:124px!important}#bags{height:0;border-bottom:2px solid #000;transition:.3s;padding:0 10px;border-radius:3px;margin:5px 0}#du{background:green;cursor:pointer;padding:10px;margin:2px;color:#fff;font-size:18px;border-radius:3px}#bags::-webkit-scrollbar{display:none}.dtive{height:107px!important}.bc{display:flex;align-items:center}#hover{height:0;border-bottom:2px solid #000;transition:.3s;padding:0 10px;border-radius:3px;margin:5px 0}#nu{background:green;cursor:pointer;padding:10px;margin:2px;color:#fff;font-size:18px;border-radius:3px}#hover::-webkit-scrollbar{display:none}.stive{height:107px!important}#copy{background:#000;color:#fff;text-align:center;width:500px;border-radius:8px;padding:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9999;opacity:0}@media (max-width:1149px){.container{flex-direction:column;justify-content:center!important;align-items:center}.customize{width:auto}.preview{width:346px}#code{margin:0 16px;width:auto}}