body{background-color:#222}#app{color:#fff}div[data-v-82d5f558]{background-color:#111;border:0;outline:0;padding:15px 15px 20px;border-radius:14px;font:100 18px monospace,serif;width:625px;flex-shrink:0;white-space:break-spaces}.token.orangered{color:#ff4500}.token.orange{color:orange}.token.blueviolet{color:#8a2be2}.token.silver{color:silver}.token.aqua{color:#0ff}.token.chartreuse{color:#7fff00}.token.magenta{color:#f0f}#rule-maker[data-v-fe7ccd08]{max-width:650px}h2[data-v-fe7ccd08]{font:600 29px Arial,sans-serif;margin:10px 0}h2 small[data-v-fe7ccd08]{font-size:14px;cursor:pointer}#form[data-v-fe7ccd08]{display:flex;gap:10px;align-items:center}#form button[data-v-fe7ccd08]{width:35px;height:35px;padding:10px;border-radius:50%;cursor:pointer;border:0;background-color:#6db700;transition:.2s;flex-shrink:0}#form button[data-v-fe7ccd08]:hover{background-color:#98ff00}#form button svg[data-v-fe7ccd08]{width:100%;height:100%;transition:.2s;transform:rotate(0)}#form button:hover svg[data-v-fe7ccd08]{transform:rotate(90deg)}#form input[data-v-fe7ccd08],#form select[data-v-fe7ccd08]{background:#141414;color:#ccc;border:0;padding:12px;border-radius:5px}#rule-maker[data-v-fe7ccd08]{min-width:600px}#rules .close[data-v-fe7ccd08]{cursor:pointer;width:15px;height:15px;color:#484848;padding:5px;border-radius:50%;transition:.2s;position:absolute;right:8px;top:8px}#rules .close[data-v-fe7ccd08]:hover{background-color:#ffa300;color:#fff!important}#rules .label[data-v-fe7ccd08]{font:700 18px Segoe UI,sans-serif;color:#ffa300;margin:0}#rules[data-v-fe7ccd08]{display:flex;flex-direction:row;flex-wrap:wrap;gap:15px;margin-top:15px}#rules .rule[data-v-fe7ccd08]{background-color:#1b1b1b;padding:15px 12px;border-radius:8px;display:flex;gap:20px;transition:.2s;flex-grow:1;flex-basis:40%;flex-direction:column;justify-content:center;align-items:center;position:relative}.merge[data-v-fe7ccd08]{display:inline-flex;font:100 12px verdana;cursor:pointer;align-items:center;padding:15px;color:#666}.rule .merge[data-v-fe7ccd08]{position:absolute;bottom:-5px;right:-5px}.merge input[data-v-fe7ccd08]{width:13px;height:13px}#rules .rule[data-v-fe7ccd08]:hover{background-color:#333}#rules .rule:hover .close[data-v-fe7ccd08]{color:#121212}#rules .rule .tokens[data-v-fe7ccd08]{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:35px}#rules .rule .tokens .token[data-v-fe7ccd08]{background-color:#333;color:#aaa;padding:4px 12px;font:100 12px verdana;border-radius:40px;transition:.2s}#rules .rule:hover .tokens .token[data-v-fe7ccd08]{background-color:#424242;color:#fff}h2[data-v-3071b500]{font:600 29px Arial,sans-serif}.tokens[data-v-3071b500]{display:flex;flex-wrap:wrap;gap:15px;padding:0 15px 0 0;font:100 12px verdana}.token[data-v-3071b500]{width:113px;height:76px;background-color:#1b1b1b;padding:10px;border-radius:10px;text-align:center}.token h3[data-v-3071b500]{margin:0;font:600 16px Arial;letter-spacing:2px;color:#b4d5ff}#playground[data-v-8a3822d8]{display:flex;gap:20px}svg[data-v-0455b802]{width:inherit;height:inherit;fill:currentColor;transform:rotateX(-180deg)}