.angle-input{--disk-radius: 24px;--pivot-radius: 16px;--border-color: #ccc;background-color:#eef;border:1px solid var(--border-color);box-shadow:2px 2px 2px #888;border-radius:50%;width:calc(2 * var(--disk-radius));height:calc(2 * var(--disk-radius));position:relative;top:0;left:0}.angle-input:focus{outline:none;--border-color: #77f}.angle-input input{opacity:0;width:0;height:0}.angle-input .pivot{display:inline-block;background-color:transparent;border-radius:50%;width:calc(2 * var(--disk-radius));height:calc(2 * var(--disk-radius));position:absolute;top:calc(var(--disk-radius) - var(--pivot-radius) - 7px);left:calc(var(--disk-radius) - var(--pivot-radius) - 7px)}.angle-input .pivot:before{position:absolute;content:"";cursor:move;height:16px;width:16px;border-radius:50%;border:1px solid var(--border-color);right:16px;background-color:#ccc;box-shadow:0 0 8px #fff}.range-input[type=range]{-webkit-appearance:none;appearance:none;outline:none;width:70%;border:none;overflow:hidden}.range-input[type=range]::-webkit-slider-runnable-track{border:1px solid #ccc;height:16px;border-radius:2px;color:var(--key-color)}.range-input[type=range]::-moz-range-track{border:1px solid #ccc;height:16px;border-radius:2px;color:var(--key-color)}.range-input[type=range]::-webkit-slider-thumb{width:16px;height:16px;background:var(--key-color);border-radius:3px;cursor:pointer;-webkit-appearance:none;appearance:none;box-shadow:0 0 2px 2px #759fff,-105px 0 0 100px #6080ab;margin-top:-1px}.range-input[type=range]::-moz-range-thumb{width:16px;height:16px;background:var(--key-color);border-radius:3px;cursor:pointer;-webkit-appearance:none;appearance:none;box-shadow:0 0 2px 2px #759fff,-105px 0 0 100px #6080ab;margin-top:-1px}.range-input[type=range]::-moz-range-progress{background-color:var(--key-color)}.palette table{border-collapse:collapse;border:1px solid #dfd;background-color:#dfd;width:100%;box-shadow:2px 2px 2px #888}.palette td{border:1px solid rgb(178,231,178);padding:3px}.palette input{border:1px solid var(--border-color)}.palette input[type=number]{width:3em}.palette input[type=text]{width:10em}.copiable-text{display:flex;background-color:var(--button-like-bg-color);width:100%;padding:3px;border:2px solid #777;border-radius:4px}.copiable-text input[type=text]{width:calc(100% - 2.1em);border:none;background-color:transparent;overflow-x:scroll}.copiable-text button{font-family:monospace;background-color:transparent;width:2em;border:none;cursor:pointer}.copiable-text button svg{--color: #777}.copiable-text button:focus{outline:none}.preview{width:max(15em,min(30vw,30vh));height:max(15em,min(30vw,30vh));background:linear-gradient(45deg,#ccc 25%,transparent 25%,transparent 75%,#ccc 75%),linear-gradient(45deg,#ccc 25%,transparent 25%,transparent 75%,#ccc 75%);background-size:1em 1em;background-position:0 0,.5em .5em;margin-bottom:9em}.preview #messages{color:#f33;height:3em;overflow-y:auto}.preview #svg-image{width:100%;height:100%}.svg-save-form{margin:5px 0}:root{--bg-color: #f0f7ff;--key-color: #235599;--border-color: #ccc;--button-like-bg-color: #eef;background-color:var(--bg-color);color:var(--key-color);font-family:Times New Roman,Times,serif}.flex{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center}select{border:1px solid var(--border-color);background-color:var(--button-like-bg-color);color:var(--key-color);border-radius:5px;box-shadow:2px 2px 2px #888;margin:0 .3em .5em}caption{font-weight:700;margin-top:.5em}input{color:var(--key-color)}input[type=submit]{background-color:var(--button-like-bg-color);border:3px outset var(--border-color);border-radius:5px}input[type=number],input[type=text]{background-color:#fffb;border:none;border-bottom:2px solid var(--border-color);text-align:center;vertical-align:middle}input[type=number]:focus,input[type=text]:focus{outline:none;border-bottom:2px solid var(--key-color);background-color:#fff}input[type=number]:disabled,input[type=text]:disabled{color:var(--key-color)}.unit,.sep{font-family:monospace;margin:0 .3em}.small{font-size:.7em;vertical-align:middle}.git-link{width:1.6em;height:1.6em;margin:5px 0 0 5px}