Please wait while JavaScript is catching up…
If a site keeps producing new broken resources filling up the archive (e.g., file download pages with unique session IDs), contact me and we'll make a more automated block.
Other downloads for this URL: text/html, 20 kB
This downloaded file in a sandbox that disallows loading or navigating to external resources:
00000000: 09 0d 0a 09 0d 0a 3c 68 74 6d 6c 20 6c 61 6e 67 3d 22 65 6e 22 20 78 6d 6c 3a 6c 61 6e 67 3d 22 ......<html lang="en" xml:lang=" 00000020: 65 6e 22 3e 0d 0a 3c 68 65 61 64 3e 0d 0a 3c 6d 65 74 61 20 63 68 61 72 73 65 74 3d 22 55 54 46 en">..<head>..<meta charset="UTF 00000040: 2d 38 22 3e 0d 0a 3c 74 69 74 6c 65 3e 47 72 61 70 68 74 6f 79 3c 2f 74 69 74 6c 65 3e 0d 0a 3c -8">..<title>Graphtoy</title>..< 00000060: 6c 69 6e 6b 20 72 65 6c 3d 22 69 63 6f 6e 22 20 68 72 65 66 3d 22 2e 2f 66 61 76 69 63 6f 6e 2e link rel="icon" href="./favicon. 00000080: 70 6e 67 22 3e 0d 0a 3c 6d 65 74 61 20 68 74 74 70 2d 65 71 75 69 76 3d 22 43 6f 6e 74 65 6e 74 png">..<meta http-equiv="Content 000000a0: 2d 4c 61 6e 67 75 61 67 65 22 20 63 6f 6e 74 65 6e 74 3d 22 65 6e 22 3e 0d 0a 3c 6d 65 74 61 20 -Language" content="en">..<meta 000000c0: 6e 61 6d 65 3d 22 4b 65 79 77 6f 72 64 73 22 20 63 6f 6e 74 65 6e 74 3d 22 67 72 61 70 68 73 2c name="Keywords" content="graphs, 000000e0: 20 66 75 6e 63 74 69 6f 6e 73 2c 20 6d 61 74 68 65 6d 61 74 69 63 73 2c 20 6d 61 74 68 73 2c 20 functions, mathematics, maths, 00000100: 71 75 69 6c 65 7a 2c 20 69 6e 69 67 6f 22 3e 0d 0a 3c 6d 65 74 61 20 6e 61 6d 65 3d 22 64 65 73 quilez, inigo">..<meta name="des 00000120: 63 72 69 70 74 69 6f 6e 22 20 63 6f 6e 74 65 6e 74 3d 22 47 72 61 70 68 74 6f 79 20 2d 20 65 61 cription" content="Graphtoy - ea 00000140: 73 79 20 67 72 61 70 68 69 6e 67 20 6f 66 20 66 75 6e 63 74 69 6f 6e 73 2e 22 3e 0d 0a 3c 6d 65 sy graphing of functions.">..<me 00000160: 74 61 20 6e 61 6d 65 3d 22 61 75 74 68 6f 72 22 20 63 6f 6e 74 65 6e 74 3d 22 49 6e 69 67 6f 20 ta name="author" content="Inigo 00000180: 51 75 69 6c 65 7a 22 3e 0d 0a 3c 6d 65 74 61 20 6e 61 6d 65 3d 22 76 69 65 77 70 6f 72 74 22 20 Quilez">..<meta name="viewport" 000001a0: 63 6f 6e 74 65 6e 74 3d 22 77 69 64 74 68 3d 64 65 76 69 63 65 2d 77 69 64 74 68 2c 20 69 6e 69 content="width=device-width, ini 000001c0: 74 69 61 6c 2d 73 63 61 6c 65 3d 31 2e 30 22 3e 0d 0a 3c 6d 65 74 61 20 70 72 6f 70 65 72 74 79 tial-scale=1.0">..<meta property 000001e0: 3d 22 6f 67 3a 74 69 74 6c 65 22 20 63 6f 6e 74 65 6e 74 3d 22 47 72 61 70 68 74 6f 79 22 20 2f ="og:title" content="Graphtoy" / 00000200: 3e 0d 0a 3c 6d 65 74 61 20 70 72 6f 70 65 72 74 79 3d 22 6f 67 3a 64 65 73 63 72 69 70 74 69 6f >..<meta property="og:descriptio 00000220: 6e 22 20 63 6f 6e 74 65 6e 74 3d 22 47 72 61 70 68 69 6e 67 20 66 75 6e 63 74 69 6f 6e 73 20 65 n" content="Graphing functions e 00000240: 61 73 69 6c 79 20 6f 6e 20 74 68 65 20 77 65 62 22 3e 0d 0a 3c 6d 65 74 61 20 70 72 6f 70 65 72 asily on the web">..<meta proper 00000260: 74 79 3d 22 6f 67 3a 74 79 70 65 22 20 63 6f 6e 74 65 6e 74 3d 22 77 65 62 73 69 74 65 22 20 2f ty="og:type" content="website" / 00000280: 3e 0d 0a 3c 6d 65 74 61 20 70 72 6f 70 65 72 74 79 3d 22 6f 67 3a 69 6d 61 67 65 22 20 63 6f 6e >..<meta property="og:image" con 000002a0: 74 65 6e 74 3d 22 68 74 74 70 73 3a 2f 2f 67 72 61 70 68 74 6f 79 2e 63 6f 6d 2f 67 72 61 70 68 tent="https://graphtoy.com/graph 000002c0: 74 6f 79 2e 70 6e 67 22 20 2f 3e 0d 0a 3c 6d 65 74 61 20 70 72 6f 70 65 72 74 79 3d 22 6f 67 3a toy.png" />..<meta property="og: 000002e0: 69 6d 61 67 65 3a 74 79 70 65 22 20 63 6f 6e 74 65 6e 74 3d 22 69 6d 61 67 65 2f 70 6e 67 22 20 image:type" content="image/png" 00000300: 2f 3e 0d 0a 3c 6d 65 74 61 20 70 72 6f 70 65 72 74 79 3d 22 6f 67 3a 75 72 6c 22 20 63 6f 6e 74 />..<meta property="og:url" cont 00000320: 65 6e 74 3d 22 68 74 74 70 73 3a 2f 2f 67 72 61 70 68 74 6f 79 2e 63 6f 6d 22 20 2f 3e 0d 0a 3c ent="https://graphtoy.com" />..< 00000340: 6d 65 74 61 20 6e 61 6d 65 3d 22 74 77 69 74 74 65 72 3a 74 69 74 6c 65 22 20 63 6f 6e 74 65 6e meta name="twitter:title" conten 00000360: 74 3d 22 47 72 61 70 68 74 6f 79 22 3e 0d 0a 3c 6d 65 74 61 20 6e 61 6d 65 3d 22 74 77 69 74 74 t="Graphtoy">..<meta name="twitt 00000380: 65 72 3a 64 65 73 63 72 69 70 74 69 6f 6e 22 20 63 6f 6e 74 65 6e 74 3d 22 47 72 61 70 68 69 6e er:description" content="Graphin 000003a0: 67 20 66 75 6e 63 74 69 6f 6e 73 20 65 61 73 69 6c 79 20 6f 6e 20 74 68 65 20 77 65 62 22 3e 0d g functions easily on the web">. 000003c0: 0a 3c 6d 65 74 61 20 6e 61 6d 65 3d 22 74 77 69 74 74 65 72 3a 69 6d 61 67 65 22 20 63 6f 6e 74 .<meta name="twitter:image" cont 000003e0: 65 6e 74 3d 22 68 74 74 70 73 3a 2f 2f 67 72 61 70 68 74 6f 79 2e 63 6f 6d 2f 67 72 61 70 68 74 ent="https://graphtoy.com/grapht 00000400: 6f 79 2e 70 6e 67 22 3e 0d 0a 3c 6d 65 74 61 20 6e 61 6d 65 3d 22 74 77 69 74 74 65 72 3a 63 61 oy.png">..<meta name="twitter:ca 00000420: 72 64 22 20 63 6f 6e 74 65 6e 74 3d 22 73 75 6d 6d 61 72 79 5f 6c 61 72 67 65 5f 69 6d 61 67 65 rd" content="summary_large_image 00000440: 22 3e 0d 0a 3c 6c 69 6e 6b 20 72 65 6c 3d 22 63 61 6e 6f 6e 69 63 61 6c 22 20 68 72 65 66 3d 22 ">..<link rel="canonical" href=" 00000460: 68 74 74 70 73 3a 2f 2f 67 72 61 70 68 74 6f 79 2e 63 6f 6d 22 2f 3e 0d 0a 3c 73 63 72 69 70 74 https://graphtoy.com"/>..<script 00000480: 20 61 73 79 6e 63 20 73 72 63 3d 22 68 74 74 70 73 3a 2f 2f 70 61 67 65 61 64 32 2e 67 6f 6f 67 async src="https://pagead2.goog 000004a0: 6c 65 73 79 6e 64 69 63 61 74 69 6f 6e 2e 63 6f 6d 2f 70 61 67 65 61 64 2f 6a 73 2f 61 64 73 62 lesyndication.com/pagead/js/adsb 000004c0: 79 67 6f 6f 67 6c 65 2e 6a 73 3f 63 6c 69 65 6e 74 3d 63 61 2d 70 75 62 2d 34 32 30 32 34 39 37 ygoogle.js?client=ca-pub-4202497 000004e0: 32 38 37 39 31 35 30 33 35 22 20 63 72 6f 73 73 6f 72 69 67 69 6e 3d 22 61 6e 6f 6e 79 6d 6f 75 287915035" crossorigin="anonymou 00000500: 73 22 3e 3c 2f 73 63 72 69 70 74 3e 0d 0a 3c 73 74 79 6c 65 3e 0d 0a 0d 0a 3a 72 6f 6f 74 0d 0a s"></script>..<style>....:root.. 00000520: 7b 0d 0a 20 20 2d 2d 63 74 72 6c 43 6f 6c 6f 72 3a 20 23 36 30 36 30 36 30 3b 0d 0a 20 20 2d 2d {.. --ctrlColor: #606060;.. -- 00000540: 63 74 72 6c 43 6f 6c 6f 72 48 6f 76 65 72 3a 20 23 62 30 38 30 31 30 3b 0d 0a 7d 0d 0a 0d 0a 62 ctrlColorHover: #b08010;..}....b 00000560: 6f 64 79 0d 0a 7b 0d 0a 20 63 6f 6c 6f 72 3a 20 23 66 66 66 66 66 66 3b 0d 0a 20 66 6f 6e 74 2d ody..{.. color: #ffffff;.. font- 00000580: 66 61 6d 69 6c 79 3a 20 76 65 72 64 61 6e 61 2c 20 74 61 68 6f 6d 61 3b 0d 0a 20 66 6f 6e 74 2d family: verdana, tahoma;.. font- 000005a0: 73 69 7a 65 3a 20 31 35 70 78 3b 0d 0a 20 62 61 63 6b 67 72 6f 75 6e 64 2d 63 6f 6c 6f 72 3a 20 size: 15px;.. background-color: 000005c0: 23 32 30 32 30 32 30 3b 0d 0a 20 6d 61 72 67 69 6e 3a 20 30 70 78 3b 0d 0a 20 62 6f 72 64 65 72 #202020;.. margin: 0px;.. border 000005e0: 3a 20 30 70 78 3b 0d 0a 20 70 61 64 64 69 6e 67 3a 32 34 70 78 3b 0d 0a 7d 0d 0a 68 31 20 7b 20 : 0px;.. padding:24px;..}..h1 { 00000600: 64 69 73 70 6c 61 79 3a 20 69 6e 6c 69 6e 65 3b 20 7d 0d 0a 0d 0a 2e 6d 6c 20 7b 20 64 69 73 70 display: inline; }.....ml { disp 00000620: 6c 61 79 3a 20 69 6e 6c 69 6e 65 3b 20 7d 0d 0a 2e 6d 73 20 7b 20 64 69 73 70 6c 61 79 3a 20 6e lay: inline; }...ms { display: n 00000640: 6f 6e 65 3b 20 7d 0d 0a 0d 0a 64 69 76 23 66 6f 72 6d 75 6c 61 42 75 74 74 6f 6e 42 61 72 0d 0a one; }....div#formulaButtonBar.. 00000660: 7b 0d 0a 20 20 77 69 64 74 68 3a 20 31 30 30 25 3b 0d 0a 20 20 64 69 73 70 6c 61 79 3a 20 66 6c {.. width: 100%;.. display: fl 00000680: 65 78 3b 0d 0a 20 20 70 61 64 64 69 6e 67 2d 62 6f 74 74 6f 6d 3a 20 32 34 70 78 3b 0d 0a 7d 0d ex;.. padding-bottom: 24px;..}. 000006a0: 0a 0d 0a 64 69 76 23 66 6f 72 6d 75 6c 61 50 61 72 61 6d 42 61 72 0d 0a 7b 0d 0a 20 20 77 69 64 ...div#formulaParamBar..{.. wid 000006c0: 74 68 3a 31 30 30 25 3b 0d 0a 20 20 64 69 73 70 6c 61 79 3a 66 6c 65 78 3b 0d 0a 20 20 61 6c 69 th:100%;.. display:flex;.. ali 000006e0: 67 6e 2d 69 74 65 6d 73 3a 63 65 6e 74 65 72 3b 0d 0a 20 20 70 61 64 64 69 6e 67 2d 74 6f 70 3a gn-items:center;.. padding-top: 00000700: 38 70 78 3b 0d 0a 7d 0d 0a 0d 0a 2e 75 69 46 75 6e 63 50 61 6e 65 6c 0d 0a 7b 0d 0a 20 20 64 69 8px;..}.....uiFuncPanel..{.. di 00000720: 73 70 6c 61 79 3a 66 6c 65 78 3b 0d 0a 20 20 66 6c 65 78 2d 77 72 61 70 3a 77 72 61 70 3b 0d 0a splay:flex;.. flex-wrap:wrap;.. 00000740: 20 20 6a 75 73 74 69 66 79 2d 63 6f 6e 74 65 6e 74 3a 66 6c 65 78 2d 73 74 61 72 74 3b 0d 0a 20 justify-content:flex-start;.. 00000760: 20 61 6c 69 67 6e 2d 69 74 65 6d 73 3a 66 6c 65 78 2d 73 74 61 72 74 3b 0d 0a 20 20 61 6c 69 67 align-items:flex-start;.. alig 00000780: 6e 2d 63 6f 6e 74 65 6e 74 3a 66 6c 65 78 2d 73 74 61 72 74 3b 0d 0a 20 20 0d 0a 20 20 72 6f 77 n-content:flex-start;.. .. row 000007a0: 2d 67 61 70 3a 31 32 70 78 3b 0d 0a 20 20 63 6f 6c 75 6d 6e 2d 67 61 70 3a 31 32 70 78 3b 0d 0a -gap:12px;.. column-gap:12px;.. 000007c0: 7d 0d 0a 0d 0a 2e 75 69 46 75 6e 63 47 72 69 64 0d 0a 7b 0d 0a 20 20 64 69 73 70 6c 61 79 3a 20 }.....uiFuncGrid..{.. display: 000007e0: 67 72 69 64 3b 20 0d 0a 20 20 67 72 69 64 2d 74 65 6d 70 6c 61 74 65 2d 63 6f 6c 75 6d 6e 73 3a grid; .. grid-template-columns: 00000800: 20 31 66 72 20 31 66 72 20 31 66 72 3b 0d 0a 20 20 61 6c 69 67 6e 2d 69 74 65 6d 73 3a 20 73 74 1fr 1fr 1fr;.. align-items: st 00000820: 61 72 74 3b 0d 0a 7d 0d 0a 0d 0a 2e 75 69 46 75 6e 63 2c 0d 0a 2e 75 69 46 75 6e 63 42 0d 0a 7b art;..}.....uiFunc,...uiFuncB..{ 00000840: 0d 0a 20 62 6f 78 2d 73 69 7a 69 6e 67 3a 62 6f 72 64 65 72 2d 62 6f 78 3b 0d 0a 20 6d 61 72 67 .. box-sizing:border-box;.. marg 00000860: 69 6e 3a 33 70 78 3b 0d 0a 20 62 6f 72 64 65 72 2d 63 6f 6c 6f 72 3a 20 23 30 30 30 30 30 30 3b in:3px;.. border-color: #000000; 00000880: 0d 0a 20 62 6f 72 64 65 72 2d 72 61 64 69 75 73 3a 36 70 78 3b 0d 0a 20 63 6f 6c 6f 72 3a 23 66 .. border-radius:6px;.. color:#f 000008a0: 66 66 66 66 66 3b 0d 0a 20 70 61 64 64 69 6e 67 2d 74 6f 70 3a 20 36 70 78 3b 0d 0a 20 63 75 72 fffff;.. padding-top: 6px;.. cur 000008c0: 73 6f 72 3a 20 70 6f 69 6e 74 65 72 3b 0d 0a 20 74 65 78 74 2d 61 6c 69 67 6e 3a 20 63 65 6e 74 sor: pointer;.. text-align: cent 000008e0: 65 72 3b 0d 0a 20 68 65 69 67 68 74 3a 33 32 70 78 3b 0d 0a 20 62 61 63 6b 67 72 6f 75 6e 64 2d er;.. height:32px;.. background- 00000900: 63 6f 6c 6f 72 3a 76 61 72 28 2d 2d 63 74 72 6c 43 6f 6c 6f 72 29 3b 0d 0a 20 75 73 65 72 2d 73 color:var(--ctrlColor);.. user-s 00000920: 65 6c 65 63 74 3a 20 6e 6f 6e 65 3b 0d 0a 7d 0d 0a 2e 75 69 46 75 6e 63 20 20 7b 77 69 64 74 68 elect: none;..}...uiFunc {width 00000940: 3a 38 38 70 78 3b 20 7d 0d 0a 2e 75 69 46 75 6e 63 42 20 7b 67 72 69 64 2d 63 6f 6c 75 6d 6e 3a :88px; }...uiFuncB {grid-column: 00000960: 61 75 74 6f 2f 73 70 61 6e 20 32 3b 20 7d 0d 0a 2e 75 69 46 75 6e 63 3a 68 6f 76 65 72 2c 0d 0a auto/span 2; }...uiFunc:hover,.. 00000980: 2e 75 69 46 75 6e 63 42 3a 68 6f 76 65 72 0d 0a 7b 0d 0a 20 62 61 63 6b 67 72 6f 75 6e 64 2d 63 .uiFuncB:hover..{.. background-c 000009a0: 6f 6c 6f 72 3a 20 76 61 72 28 2d 2d 63 74 72 6c 43 6f 6c 6f 72 48 6f 76 65 72 29 3b 0d 0a 7d 0d olor: var(--ctrlColorHover);..}. 000009c0: 0a 0d 0a 2e 70 61 72 74 73 20 7b 20 64 69 73 70 6c 61 79 3a 20 67 72 69 64 3b 20 67 72 69 64 2d ....parts { display: grid; grid- 000009e0: 74 65 6d 70 6c 61 74 65 2d 63 6f 6c 75 6d 6e 73 3a 20 31 66 72 20 31 66 72 3b 20 70 61 64 64 69 template-columns: 1fr 1fr; paddi 00000a00: 6e 67 2d 74 6f 70 3a 31 36 70 78 3b 20 63 6f 6c 75 6d 6e 2d 67 61 70 3a 31 36 70 78 3b 20 7d 0d ng-top:16px; column-gap:16px; }. 00000a20: 0a 2e 70 61 72 74 20 20 7b 20 62 6f 78 2d 73 69 7a 69 6e 67 3a 62 6f 72 64 65 72 2d 62 6f 78 3b ..part { box-sizing:border-box; 00000a40: 7d 0d 0a 0d 0a 2e 67 75 69 57 69 6e 64 6f 77 20 7b 20 62 61 63 6b 67 72 6f 75 6e 64 2d 63 6f 6c }.....guiWindow { background-col 00000a60: 6f 72 3a 23 34 30 34 30 34 30 3b 20 70 61 64 64 69 6e 67 3a 38 70 78 3b 20 62 6f 72 64 65 72 2d or:#404040; padding:8px; border- 00000a80: 72 61 64 69 75 73 3a 36 70 78 3b 7d 0d 0a 0d 0a 74 64 20 7b 20 70 61 64 64 69 6e 67 3a 30 3b 20 radius:6px;}....td { padding:0; 00000aa0: 62 6f 72 64 65 72 3a 30 20 7d 0d 0a 61 20 7b 20 74 65 78 74 2d 64 65 63 6f 72 61 74 69 6f 6e 3a border:0 }..a { text-decoration: 00000ac0: 6e 6f 6e 65 3b 20 63 6f 6c 6f 72 3a 20 23 66 66 62 30 31 30 3b 20 7d 0d 0a 61 3a 68 6f 76 65 72 none; color: #ffb010; }..a:hover 00000ae0: 20 7b 20 63 6f 6c 6f 72 3a 20 23 66 66 66 66 66 66 3b 20 7d 0d 0a 0d 0a 2e 66 6f 72 6d 75 6c 61 { color: #ffffff; }.....formula 00000b00: 53 65 63 74 69 6f 6e 0d 0a 7b 0d 0a 20 20 77 69 64 74 68 3a 31 30 30 25 3b 0d 0a 20 20 64 69 73 Section..{.. width:100%;.. dis 00000b20: 70 6c 61 79 3a 66 6c 65 78 3b 0d 0a 20 20 70 61 64 64 69 6e 67 2d 62 6f 74 74 6f 6d 3a 34 70 78 play:flex;.. padding-bottom:4px 00000b40: 3b 0d 0a 20 20 61 6c 69 67 6e 2d 69 74 65 6d 73 3a 63 65 6e 74 65 72 3b 0d 0a 7d 0d 0a 0d 0a 2e ;.. align-items:center;..}..... 00000b60: 75 73 65 72 49 6e 70 75 74 0d 0a 7b 0d 0a 20 62 61 63 6b 67 72 6f 75 6e 64 2d 63 6f 6c 6f 72 3a userInput..{.. background-color: 00000b80: 20 23 32 30 32 30 32 30 3b 0d 0a 20 63 6f 6c 6f 72 3a 20 23 66 66 66 66 66 66 3b 0d 0a 20 70 61 #202020;.. color: #ffffff;.. pa 00000ba0: 64 64 69 6e 67 3a 20 34 70 78 3b 0d 0a 20 66 6f 6e 74 2d 73 69 7a 65 3a 20 31 35 70 78 3b 0d 0a dding: 4px;.. font-size: 15px;.. 00000bc0: 20 62 6f 72 64 65 72 2d 72 61 64 69 75 73 3a 36 70 78 3b 0d 0a 7d 0d 0a 2e 66 6f 72 6d 56 69 73 border-radius:6px;..}...formVis 00000be0: 0d 0a 7b 0d 0a 20 20 66 6c 65 78 2d 73 68 72 69 6e 6b 3a 20 30 3b 0d 0a 20 20 63 75 72 73 6f 72 ..{.. flex-shrink: 0;.. cursor 00000c00: 3a 20 70 6f 69 6e 74 65 72 3b 0d 0a 20 20 63 6f 6c 6f 72 3a 20 23 38 30 38 30 38 30 3b 0d 0a 7d : pointer;.. color: #808080;..} 00000c20: 0d 0a 0d 0a 2e 66 6f 72 6d 56 69 73 44 61 72 31 20 7b 20 63 6f 6c 6f 72 3a 23 66 66 63 30 34 30 .....formVisDar1 { color:#ffc040 00000c40: 3b 20 7d 0d 0a 2e 66 6f 72 6d 56 69 73 44 61 72 32 20 7b 20 63 6f 6c 6f 72 3a 23 66 66 66 66 61 ; }...formVisDar2 { color:#ffffa 00000c60: 30 3b 20 7d 0d 0a 2e 66 6f 72 6d 56 69 73 44 61 72 33 20 7b 20 63 6f 6c 6f 72 3a 23 61 30 66 66 0; }...formVisDar3 { color:#a0ff 00000c80: 63 30 3b 20 7d 0d 0a 2e 66 6f 72 6d 56 69 73 44 61 72 34 20 7b 20 63 6f 6c 6f 72 3a 23 34 30 63 c0; }...formVisDar4 { color:#40c 00000ca0: 30 66 66 3b 20 7d 0d 0a 2e 66 6f 72 6d 56 69 73 44 61 72 35 20 7b 20 63 6f 6c 6f 72 3a 23 64 30 0ff; }...formVisDar5 { color:#d0 00000cc0: 61 30 66 66 3b 20 7d 0d 0a 2e 66 6f 72 6d 56 69 73 44 61 72 36 20 7b 20 63 6f 6c 6f 72 3a 23 66 a0ff; }...formVisDar6 { color:#f 00000ce0: 66 38 30 62 30 3b 20 7d 0d 0a 0d 0a 2e 75 73 65 72 49 6e 70 75 74 42 75 74 74 6f 6e 73 42 69 67 f80b0; }.....userInputButtonsBig 00000d00: 2c 0d 0a 2e 75 73 65 72 49 6e 70 75 74 42 75 74 74 6f 6e 73 4d 65 64 69 75 6d 2c 0d 0a 2e 75 73 ,...userInputButtonsMedium,...us 00000d20: 65 72 49 6e 70 75 74 42 75 74 74 6f 6e 73 53 6d 61 6c 6c 0d 0a 7b 0d 0a 20 20 62 61 63 6b 67 72 erInputButtonsSmall..{.. backgr 00000d40: 6f 75 6e 64 2d 63 6f 6c 6f 72 3a 20 76 61 72 28 2d 2d 63 74 72 6c 43 6f 6c 6f 72 29 3b 0d 0a 20 ound-color: var(--ctrlColor);.. 00000d60: 20 62 6f 72 64 65 72 2d 63 6f 6c 6f 72 3a 20 23 30 30 30 30 30 30 3b 0d 0a 20 20 63 6f 6c 6f 72 border-color: #000000;.. color 00000d80: 3a 23 66 66 66 66 66 66 3b 0d 0a 20 20 70 61 64 64 69 6e 67 3a 20 32 70 78 20 31 32 70 78 20 32 :#ffffff;.. padding: 2px 12px 2 00000da0: 70 78 20 31 32 70 78 3b 0d 0a 20 20 63 75 72 73 6f 72 3a 20 70 6f 69 6e 74 65 72 3b 0d 0a 20 20 px 12px;.. cursor: pointer;.. 00000dc0: 74 65 78 74 2d 61 6c 69 67 6e 3a 20 63 65 6e 74 65 72 3b 0d 0a 20 20 62 6f 72 64 65 72 2d 72 61 text-align: center;.. border-ra 00000de0: 64 69 75 73 3a 36 70 78 3b 0d 0a 20 20 75 73 65 72 2d 73 65 6c 65 63 74 3a 20 6e 6f 6e 65 3b 0d dius:6px;.. user-select: none;. 00000e00: 0a 7d 0d 0a 2e 75 73 65 72 49 6e 70 75 74 42 75 74 74 6f 6e 73 42 69 67 20 20 20 20 7b 20 6d 69 .}...userInputButtonsBig { mi 00000e20: 6e 2d 77 69 64 74 68 3a 20 37 36 70 78 3b 20 7d 0d 0a 2e 75 73 65 72 49 6e 70 75 74 42 75 74 74 n-width: 76px; }...userInputButt 00000e40: 6f 6e 73 4d 65 64 69 75 6d 20 7b 20 6d 69 6e 2d 77 69 64 74 68 3a 20 34 38 70 78 3b 20 7d 0d 0a onsMedium { min-width: 48px; }.. 00000e60: 2e 75 73 65 72 49 6e 70 75 74 42 75 74 74 6f 6e 73 53 6d 61 6c 6c 20 20 7b 20 6d 69 6e 2d 77 69 .userInputButtonsSmall { min-wi 00000e80: 64 74 68 3a 20 34 38 70 78 3b 20 7d 0d 0a 0d 0a 2e 75 73 65 72 49 6e 70 75 74 42 75 74 74 6f 6e dth: 48px; }.....userInputButton 00000ea0: 73 42 69 67 3a 68 6f 76 65 72 2c 0d 0a 2e 75 73 65 72 49 6e 70 75 74 42 75 74 74 6f 6e 73 4d 65 sBig:hover,...userInputButtonsMe 00000ec0: 64 69 75 6d 3a 68 6f 76 65 72 2c 0d 0a 2e 75 73 65 72 49 6e 70 75 74 42 75 74 74 6f 6e 73 53 6d dium:hover,...userInputButtonsSm 00000ee0: 61 6c 6c 3a 68 6f 76 65 72 0d 0a 7b 0d 0a 20 62 61 63 6b 67 72 6f 75 6e 64 2d 63 6f 6c 6f 72 3a all:hover..{.. background-color: 00000f00: 20 76 61 72 28 2d 2d 63 74 72 6c 43 6f 6c 6f 72 48 6f 76 65 72 29 3b 0d 0a 7d 0d 0a 0d 0a 40 6d var(--ctrlColorHover);..}....@m 00000f20: 65 64 69 61 20 6f 6e 6c 79 20 73 63 72 65 65 6e 20 61 6e 64 20 28 6d 61 78 2d 77 69 64 74 68 3a edia only screen and (max-width: 00000f40: 20 31 30 32 34 70 78 29 0d 0a 7b 0d 0a 20 20 62 6f 64 79 7b 20 70 61 64 64 69 6e 67 3a 30 70 78 1024px)..{.. body{ padding:0px 00000f60: 3b 20 7d 0d 0a 20 20 2e 70 61 72 74 73 20 7b 20 64 69 73 70 6c 61 79 3a 20 67 72 69 64 3b 20 67 ; }.. .parts { display: grid; g 00000f80: 72 69 64 2d 74 65 6d 70 6c 61 74 65 2d 63 6f 6c 75 6d 6e 73 3a 20 31 66 72 3b 20 70 61 64 64 69 rid-template-columns: 1fr; paddi 00000fa0: 6e 67 2d 74 6f 70 3a 30 70 78 3b 20 63 6f 6c 75 6d 6e 2d 67 61 70 3a 30 70 78 3b 20 7d 0d 0a 20 ng-top:0px; column-gap:0px; }.. 00000fc0: 20 2e 70 61 72 74 20 20 7b 20 62 6f 78 2d 73 69 7a 69 6e 67 3a 62 6f 72 64 65 72 2d 62 6f 78 3b .part { box-sizing:border-box; 00000fe0: 20 70 61 64 64 69 6e 67 2d 62 6f 74 74 6f 6d 3a 31 36 70 78 3b 20 7d 0d 0a 20 20 2e 6d 6c 20 7b padding-bottom:16px; }.. .ml {