body,html{font-family:sans-serif;overflow-x:hidden;overscroll-behavior-x:none;overscroll-behavior-y:none;width:100vw}#Layer_1,#up,#x{height:50px;margin:auto;width:50px}.new-filter-data{display:flex;flex-wrap:nowrap;height:50px;margin-top:10px;width:45%}.new-filter-data input{width:60%}.new-filter-data button{width:40%}#video,.filter{-webkit-filter:url(#filterData);filter:url(#filterData)}#canvas-video,#svg-canvas,.notcamorimg{display:none}.image-wrapper{grid-gap:1em;display:grid;grid-auto-rows:20vh;grid-template-columns:auto auto auto auto;width:100%}.gradient-wrapper{grid-gap:1em;display:grid;grid-template-columns:repeat(auto-fit,minmax(50px,1fr));width:100%}.linear-gradient-wrapper{display:grid;grid-template-columns:1fr 50%;height:100vh}.filter-thumbnail{grid-gap:1em;display:grid;grid-auto-rows:20vw;grid-template-columns:repeat(4,20vw);justify-content:space-around;overflow:hidden;width:100vw}*{box-sizing:border-box}body{margin:0;padding:0}nav{background-image:url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 width=%2710%27 height=%2710%27> <rect  width=%2710%27 height=%2710%27 fill=%27rebeccapurple%27 stroke=%27chartreuse%27/> <circle cx=%275%27 cy=%275%27 r=%274%27 fill=%27slateblue%27  /></svg>");border:1px solid green;width:100vw}ul li{flex:1 1 auto}li{background-color:#d2691e;border-radius:4px;color:#6a5acd;display:inline-block;margin-right:10px}a{font-size:1em;text-decoration:none}.svg-icon{margin-right:2px;position:relative;top:.125em}select{background:tomato;font-size:16px;height:34px;width:40%}option{background-color:red}input:focus,select:focus{outline:0}.select-wrapper{align-content:flex-start;align-items:flex-start;border:1px solid #000;display:flex;flex-wrap:wrap;justify-content:space-around}.input-style{border:none;border-radius:.2em;padding:.5em}.flex{background-color:#6495ed;display:flex;justify-content:space-around;padding:.5em}.html-label-wrapper{display:flex;flex-direction:column;margin-left:1em}.item-a{grid-area:svg;justify-self:center}.item-b{grid-area:filterdata}.item-c{grid-area:menu}.grid-svg-filterdata{grid-gap:1em;display:grid;grid-template-areas:"filterdata menu" "filterdata svg";grid-template-columns:50% 1fr;grid-template-rows:200px 1fr}.grid{grid-gap:5px;display:grid;grid-template-columns:1fr}.htmlcard{background-color:#6a5acd;border:3px solid coral;border-radius:5px}.label-wrapper{display:grid;grid-template-columns:repeat(2,1fr);justify-items:end}.label-wrapper2{background-color:#6a5acd;display:grid;grid-template-columns:repeat(4,1fr);justify-items:end}label{display:inline-block;padding-bottom:5px}.component-name{background:#639;padding:.5em}.object-keys{color:#7fffd4}.object-values{color:#deb887}select{margin:10px 0 0 2px}.htmlcard button{background-color:#7fffd4;border-radius:5px;color:blue;font-style:italic;font-weight:900;padding:0 16px;text-transform:uppercase;transition:3s}.htmlcard button:hover{background-color:#7fff00;transition:3s}.rep-svg-wrapper{grid-column-gap:1rem;display:grid;grid-template-columns:35vw 1fr}@media (max-width:1100px){.grid{grid-template-columns:1fr}}@media (max-width:910px){.rep-svg-wrapper{grid-template-columns:1fr}}.linear-rep{margin:7px}.linear-rep button{padding:4px}.filterData-wrapper{grid-gap:.5rem;align-content:start;display:grid;grid-template-columns:100%;height:100vh;overflow:scroll}.filterData{background:cyan}.newFilter{-webkit-filter:url(#filterData);filter:url(#filterData)}.hideSourceGraphicEditor{display:none}#colorMatrix{display:grid;font-size:.5em;grid-template-columns:repeat(5,20%)}#colorMatrix label{display:grid;grid-template-columns:40px 2em 1fr;margin:.3em 0}.feOffset{background:lime;display:grid}.i-type{justify-self:center}.feGaussianBlur{background:#ff4500}.feComposite{background:#8a2be2}.feDiffuseLighting{background:#9acd32;display:flex;flex-wrap:wrap}.diffuseConstant,.surfaceScale{background:#98fb98;margin-bottom:1px;width:90%}.dx,.dy{grid-gap:5px;background:#ff1493;display:grid;padding:0}.dx label,.dy label{background:#00bfff;display:grid;grid-template-columns:-webkit-min-content 1fr -webkit-min-content;grid-template-columns:min-content 1fr min-content}.in-or-result{display:grid}.in-or-result label{display:flex}.in-or-result label input{flex-shrink:1}.button-wrapper{display:flex;flex-wrap:wrap;justify-content:space-around}.button-wrapper button{flex-basis:150px}input[type=text]{width:98%}.filterData div label{margin:.5em 1em}@media screen and (max-width:667px){#colorMatrix label input{width:25px}.feOffset{background:tomato}.grid-svg-filterdata{grid-gap:1em;grid-template-areas:" menu svg" "filterdata filterdata";grid-template-columns:1fr 1fr;grid-template-rows:40vh 1fr}.filterData-wrapper{grid-gap:.5rem;align-content:start;display:grid;height:50vh;overflow:scroll}}@media screen and (max-width:414px){.item-a,.item-b,.item-c{width:100vw}.feOffset{background:#639}.grid-svg-filterdata{grid-gap:0;border:1px solid #ff0;display:grid;grid-template-areas:"menu" "svg" "filterdata";grid-template-columns:1fr;grid-template-rows:auto 50vh 1fr;width:100vw}.filterData-wrapper{grid-gap:.5rem;align-content:start;border:1px solid red;display:grid;grid-template-columns:1fr;height:calc(67vh - 140px);overflow:scroll}}.partial{color:#ff1493}.message,message-shared{border:1px solid #ccc;padding:10px}.sass{color:#bada55;font:100% Helvetica,sans-serif}
/*# sourceMappingURL=main.c63cda1d.css.map*/