@import"https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Syne:wght@700&display=swap";.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media(prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body{margin:0;padding:0;font-family:Roboto Mono,monospace;font-size:11px;background-color:#fff;color:#000}h1{font-family:Syne,sans-serif}*{box-sizing:border-box}.shape{width:100vw;height:100vh}.dataPoints{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));word-break:break-all;gap:20px;padding:20px}.canvas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:20px}.dataPoints>div{max-height:380px;overflow:auto}.dataPointHeader{background-color:#0ff;color:#000;font-weight:600;text-align:center;margin-bottom:10px;padding:2px 0;position:sticky;width:100%;top:0;box-shadow:2px 3px red}.goreHolder{height:100%;position:relative}input,textarea{background-color:#111;color:#eee;font-weight:600;border:1px solid #222;margin:0 5px 0 0}textarea{width:100%;margin-top:5px;height:100px}.dataBox{padding-bottom:5px;overflow:auto}.hidden{display:none}.spacedPoints{grid-template-rows:auto 1fr auto 1fr;display:grid}.gore,.svgPath{padding:20px}.settings{background-color:#000;padding:20px;color:#fff;position:relative;height:100vh;overflow:auto;display:grid;align-content:space-between;align-items:stretch;justify-items:stretch}label{display:block;padding-bottom:5px;color:#0ff}textarea,input,button{margin-bottom:15px;font-weight:400;font-family:Roboto Mono,monospace;font-size:11px}button{margin-top:20px;background-color:#111;color:#ddd;padding:10px 20px;border:1px solid #222;margin-right:20px}textarea{color:#444}.grid{display:grid;grid-template-columns:300px 1fr 345px;grid-template-rows:1fr;grid-column-gap:0px;grid-row-gap:0px;height:100vh}.shapeContainer{position:relative;background-color:#090909;overflow:hidden}.svgContainer{border:1px solid #222;padding:20px;height:260px;overflow:auto;object-fit:contain;position:relative}.svgContainer svg{position:absolute;height:90%;top:50%;left:50%;transform:translate(-50%,-50%);fill:none;stroke:#0f0!important}.metaInfo{opacity:.5}.innerGore{width:100%;height:100%}.bottomText{position:absolute;bottom:20px;color:#999;text-align:center;width:100%;text-transform:uppercase}.gore,.svgPath{max-width:100%;border:1px solid #111;margin-top:10px}.goreInfo{color:#555;text-align:center;padding:5px 0 0}.colorClicker{padding:5px;outline:1px solid #111;border:2px solid #fff;width:30px;cursor:pointer}hr{width:calc(100% + 40px);transform:translate(-20px);border:1px solid #111;margin:10px 0}.metaInfo div,.metaInfo label{color:#fff;display:inline-block;padding:0}.sketch-picker{position:fixed;z-index:2}.svgPicker{display:flex;flex-direction:row;align-content:stretch;justify-content:space-between}.flex{display:flex;align-items:center;padding:10px 0}.flex label{width:125px;color:#fff;padding:0}.flex input{margin:0}.svgPath{stroke-width:2}.svgPath path{stroke:#0f0!important}.genHolder{position:relative}.lil{position:absolute;top:12px;left:2px;font-size:10px;color:#888}