@import url("https://fonts.googleapis.com/css?family=Open+Sans:400, 600");a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}button,input[type=button],input[type=file],input[type=reset],input[type=submit]{border-radius:0}input[type=text]::-ms-clear{display:none}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}sup{vertical-align:super}sub{vertical-align:sub}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}body{background:#9acd32}@use postcss-cssnext;:root{--ad-Color-del:#e53935;--ad-Color-prim:#111;--ad-Color-sec:#00e676}html{font-family:Open Sans,sans-serif;font-size:16px}.ad-App,body,html{height:100%}.ad-App{align-items:center;display:flex;flex-direction:column;justify-content:center}.ad-Container{background:#fff;display:flex;height:100vh;width:100%}.ad-Container-main{display:flex;flex:1;flex-direction:column;height:100%}.ad-Container-svg{align-items:center;background:#f3f3f3;display:flex;flex:1;height:100%;justify-content:center}.ad-Container-controls{background:var(--ad-Color-prim);display:flex;flex-direction:column;height:100%;overflow:hidden;width:20rem}.ad-Container-controls ::-webkit-scrollbar{width:6px}.ad-Container-controls ::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.3);border-radius:30px}.ad-Foot{background:#fff;border-top:2px solid #eee;display:flex;padding:1.5rem 2rem}.ad-Foot-list{flex:1}.ad-Foot-item{color:var(--ad-Color-prim);font-size:.7rem;text-transform:uppercase}.ad-Foot-item+.ad-Foot-item{margin-top:.5rem}.ad-Foot-highlight{border-bottom:2px solid var(--ad-Color-sec);font-weight:700;padding-bottom:.04rem}.ad-Foot-meta{color:var(--ad-Color-prim);font-size:.7rem;line-height:1.4;margin-left:2rem;text-align:right}.ad-Foot-meta a{color:var(--ad-Color-prim);text-decoration:underline}.ad-SVG{background:pink;border-radius:4px;display:block}.ad-Grid{fill:none;stroke:#eee;stroke-width:1px}.ad-Grid.is-hidden{opacity:0}.ad-Path{fill:none;stroke:#555;stroke-linecap:round;stroke-width:4px}.ad-Point{cursor:pointer;fill:#fff;stroke:#555;stroke-width:5px;transition:fill .2s}.ad-Point:hover,.ad-PointGroup.is-active .ad-Point{fill:var(--ad-Color-sec)}.ad-PointGroup--first .ad-Point{stroke:var(--ad-Color-sec)}.ad-Anchor{opacity:.5}.ad-PointGroup.is-active .ad-Anchor{opacity:1}.ad-Anchor-point{cursor:pointer;fill:#fff;stroke:#888;stroke-width:5px}.ad-Anchor-line{stroke:#888;stroke-dasharray:5 5;stroke-width:1px}.ad-Controls{flex:1;overflow:auto;padding:2rem}.ad-Controls :first-child{margin-top:0}.ad-Controls-title{color:#fff;font-size:.8rem;font-weight:700;margin:3rem 0 1.5rem}.ad-Controls-container{display:flex}.ad-Controls-container+.ad-Controls-container{margin-top:1.5rem}.ad-Control{flex:1}.ad-Control-label{color:color(var(--ad-Color-prim) l(75%));display:block;font-size:.6rem;font-weight:700;margin-bottom:.5rem;text-transform:uppercase}.ad-Result{background:var(--ad-Color-prim);box-shadow:0 -5px 10px rgba(0,0,0,.4);height:5rem;padding:1.4rem 1.6rem}.ad-Result-textarea{background:none;border:none;color:#fff;font-family:Open Sans,sans-serif;font-size:.7rem;font-weight:700;height:100%;line-height:1.8;resize:none;text-transform:uppercase;width:100%}.ad-Result-textarea:focus{outline:0}.ad-Button{background:var(--ad-Color-sec);border:none;border-radius:50px;color:#fff;cursor:pointer;font-family:Open Sans,sans-serif;font-size:.6rem;font-weight:700;letter-spacing:.08rem;padding:.8rem 1.4rem;text-transform:uppercase;transition:background .2s}.ad-Button:focus,.ad-Button:hover{background:color(var(--ad-Color-sec) l(5%));outline:0}.ad-Button--delete{background:var(--ad-Color-del)}.ad-Button--delete:focus,.ad-Button--delete:hover{background:color(var(--ad-Color-del) l(5%))}.ad-Button--reset{background:color(var(--ad-Color-prim) l(10%))}.ad-Button--reset:focus,.ad-Button--reset:hover{background:color(var(--ad-Color-prim) l(15%))}.ad-Text{background:color(var(--ad-Color-prim) l(10%));border:none;border-radius:4px;color:#fff;font-family:Open Sans,sans-serif;font-size:.6rem;height:18px;text-align:center;width:2rem}.ad-Text:focus{background:color(var(--ad-Color-prim) l(20%));outline:0}.ad-Checkbox-input{display:none}.ad-Checkbox-fake{border-radius:30px;height:14px;position:relative;width:2rem}.ad-Checkbox-fake,.ad-Checkbox-fake:after{background:color(var(--ad-Color-prim) l(10%))}.ad-Checkbox-fake:after{border:4px solid #fff;border-radius:50%;box-sizing:border-box;content:"";cursor:pointer;display:block;height:18px;left:0;position:absolute;top:-2px;width:18px}.ad-Checkbox-input:checked+.ad-Checkbox-fake:after{border-color:var(--ad-Color-sec);left:auto;right:0}.ad-Choices{display:flex;width:12rem}.ad-Choice{flex:1}.ad-Choice-input{display:none}.ad-Choice-fake{background:color(var(--ad-Color-prim) l(10%));border:4px solid transparent;color:#fff;cursor:pointer;font-family:Open Sans,sans-serif;font-size:.8rem;font-weight:700;padding:.6rem;text-align:center;text-transform:uppercase;transition:border .2s}.ad-Choice:first-child .ad-Choice-fake{border-radius:4px 0 0 4px}.ad-Choice:last-child .ad-Choice-fake{border-radius:0 4px 4px 0}.ad-Choice-input:checked+.ad-Choice-fake{border-color:var(--ad-Color-sec)}.ad-Range{align-items:center;display:flex}.ad-Range-text{margin-left:.5rem}.ad-Range-input{appearance:none;background:color(var(--ad-Color-prim) l(10%));border-radius:30px;height:14px;width:100%}.ad-Range-input:focus{background:color(var(--ad-Color-prim) l(20%));outline:0}.ad-Range-input::-webkit-slider-thumb{-webkit-appearance:none;background:color(var(--ad-Color-prim) l(10%));border:4px solid #fff;border-radius:50%;cursor:pointer;height:18px;transition:border .2s;width:18px}.ad-Range-input::-moz-range-thumb{-webkit-appearance:none;background:color(var(--ad-Color-prim) l(10%));border:4px solid #fff;border-radius:50%;cursor:pointer;height:18px;transition:border .2s;width:18px}.ad-Range-input:focus::-webkit-slider-thumb,.ad-Range-input:hover::-webkit-slider-thumb{border-color:var(--ad-Color-sec)}.ad-Range-input:focus::-moz-range-thumb,.ad-Range-input:hover::-moz-range-thumb{border-color:var(--ad-Color-sec)}