body{font-family:'Roboto Condensed', sans-serif}input,input:focus,button,button:focus{outline:none}.mirror.svelte-636bt2{transform:scaleX(-1)}.zoom-value.svelte-1pqlx0r{width:100px;left:calc(50vw - 50px);top:25px}.board.svelte-yihx60{max-width:800px}.crosshair.svelte-yihx60{cursor:crosshair}.main.svelte-1gqfua5{width:600px;height:250px}input.svelte-1gqfua5{width:80px}img.svelte-1gqfua5{width:auto;height:auto;max-width:100%}.main.svelte-35xlhr{width:700px;height:360px}input.svelte-35xlhr{width:100%}.splitter.svelte-35xlhr{width:1px}label.svelte-35xlhr{display:block;cursor:inherit}i.svelte-13yj4ln{width:20px;height:20px;display:block}.slider.svelte-1um75ds{height:5px}.selector.svelte-1um75ds{cursor:pointer;width:18px;height:18px;border-radius:50%;border-width:5px;top:calc(50% - 8px);box-shadow:0 0 5px 0px rgba(0, 0, 0, 0.4)}span.svelte-hv32wi{width:20px;height:20px;display:block}label.svelte-hv32wi{cursor:inherit}.radio-item.svelte-nuwtrk{width:18px;height:18px;border-radius:50%;box-shadow:inset 0px 2px 3px -1px #444}.radio-item-selected.svelte-nuwtrk{width:18px;height:18px;border-radius:50%;border-width:5px}.button-group.svelte-ptnno2.svelte-ptnno2{display:flex;align-items:center;justify-content:flex-end;padding:0 10px}.button-group.svelte-ptnno2 button.svelte-ptnno2{border:#aaa 1px solid;color:#aaa;padding:0 10px;border-radius:5px;background:#fff}.main-container.svelte-ptnno2.svelte-ptnno2{width:240px;height:265px;background:#f2f2f2;border-radius:1px;-webkit-box-shadow:0px 0px 4px 0px rgba(0, 0, 0, 0.51);-moz-box-shadow:0px 0px 4px 0px rgba(0, 0, 0, 0.51);box-shadow:0px 0px 4px 0px rgba(0, 0, 0, 0.51);-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.saturation-gradient.svelte-ptnno2.svelte-ptnno2{background:linear-gradient(to right, rgb(255, 255, 255), rgba(255, 255, 255, 0));width:240px;height:160px}.value-gradient.svelte-ptnno2.svelte-ptnno2{background:linear-gradient(to top, rgb(0, 0, 0), rgba(0, 0, 0, 0));overflow:hidden;width:240px;height:160px}.hue-selector.svelte-ptnno2.svelte-ptnno2{background:linear-gradient(
      to right,
      #ff0000 0%,
      #ffff00 17%,
      #00ff00 33%,
      #00ffff 50%,
      #0000ff 67%,
      #ff00ff 83%,
      #ff0000 100%
    );margin:15px 10px 10px 10px;border-radius:10px;height:10px}#hue-picker.svelte-ptnno2.svelte-ptnno2{background:#fff;width:12px;height:12px;border-radius:50%;left:0%;position:relative;cursor:default;transform:translate(-5px, -1px);-webkit-box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.67);-moz-box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.67);box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.67)}#hue-event.svelte-ptnno2.svelte-ptnno2{width:236px;height:14px;transform:translate(-8px, -14px);cursor:default;touch-action:none}.colorsquare.svelte-ptnno2.svelte-ptnno2{background:rgb(255, 0, 0)}#colorsquare-picker.svelte-ptnno2.svelte-ptnno2{margin:0;padding:0;width:12px;height:12px;border-radius:50%;border:2px solid #fffb;position:relative;transform:translate(-9px, -9px);left:100%}#colorsquare-event.svelte-ptnno2.svelte-ptnno2{width:100%;height:100%;position:relative;transform:translate(0, -16px);touch-action:none}.color-info-box.svelte-ptnno2.svelte-ptnno2{margin:10px;width:100%;height:22px;vertical-align:middle;position:relative}.color-picked.svelte-ptnno2.svelte-ptnno2{width:22px;height:22px;border-radius:2px;background:rgba(255, 0, 0, 1);display:inline-block}.color-picked-bg.svelte-ptnno2.svelte-ptnno2{background-image:linear-gradient(45deg, #808080 25%, transparent 25%),
      linear-gradient(-45deg, #808080 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #808080 75%),
      linear-gradient(-45deg, transparent 75%, #808080 75%);background-size:10px 10px;background-position:0 0, 0 5px, 5px -5px, -5px 0px;border:2px solid #fff;border-radius:4px;width:26px;height:26px;color:#fff;display:inline-block}.hex-text-block.svelte-ptnno2.svelte-ptnno2{display:inline-block;background:white;border-radius:2px;padding:2px;border:1px solid #e3e3e3;height:30px;width:60px;vertical-align:top;text-align:center}.text.svelte-ptnno2.svelte-ptnno2{display:inline;font-family:sans-serif;margin:0;display:inline-block;font-size:12px;font-size-adjust:0.5;position:relative;top:-1px;vertical-align:middle;-webkit-touch-callout:all;-webkit-user-select:all;-khtml-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all}