@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600);.ad-App,.ad-Container-controls,.ad-Container-main{-webkit-box-orient:vertical;-webkit-box-direction:normal}:root{--ad-Color-prim:#111;--ad-Color-sec:#00E676;--ad-Color-del:#E53935}html{font-size:16px}.ad-App{height:93%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.ad-Container,.ad-Container-main{height:100%;display:-webkit-box;display:-ms-flexbox}.ad-Container{width:100%;display:flex;flex-wrap:wrap;background:#fff}.ad-Container-main{-webkit-box-flex:1;-ms-flex:1;flex:1;display:flex;-ms-flex-direction:column;flex-direction:column}.ad-Container-controls,.ad-Container-svg{display:-webkit-box;display:-ms-flexbox;height:100%}.ad-Container-svg{-webkit-box-flex:1;-ms-flex:1;flex:1;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#f7f8fb}.ad-Container-controls{overflow:hidden;display:flex;-ms-flex-direction:column;flex-direction:column;width:21rem;background:#22387c;margin:auto}.ad-Container-controls ::-webkit-scrollbar{width:6px}.ad-Container-controls ::-webkit-scrollbar-thumb{border-radius:30px;background:rgba(255,255,255,.3)}.ad-Foot{padding:1.5rem 2rem;display:-webkit-box;display:-ms-flexbox;display:flex;background:#fff;border-top:2px solid #eee}.ad-Choice,.ad-Control,.ad-Foot-list{-webkit-box-flex:1;-ms-flex:1;flex:1}.ad-Foot-item{text-transform:uppercase;font-size:.7rem;color:#111;color:var(--ad-Color-prim)}.ad-Foot-item+.ad-Foot-item{margin-top:.5rem}.ad-Foot-highlight{padding-bottom:.04rem;border-bottom:2px solid #4e73df;font-weight:700}.ad-Foot-meta{margin-left:2rem;text-align:right;line-height:1.4;font-size:.7rem;color:#111;color:var(--ad-Color-prim)}.ad-Foot-meta a{text-decoration:underline;color:#111;color:var(--ad-Color-prim)}.ad-SVG{display:block;background:#fff;border-radius:4px}.ad-Choices,.ad-Controls-container{display:-webkit-box;display:-ms-flexbox}.ad-Button,.ad-Result-textarea{border:none;text-transform:uppercase;font-weight:700;color:#fff}.ad-Grid{fill:none;stroke:#eee;stroke-width:1px}.ad-Grid.is-hidden{opacity:0}.ad-Path{fill:none;stroke:#555;stroke-width:4px;stroke-linecap:round}.ad-Point{cursor:pointer;fill:#fff;stroke:#555;stroke-width:5px;-webkit-transition:fill .2s;-o-transition:fill .2s;transition:fill .2s}.ad-Point:hover,.ad-PointGroup.is-active .ad-Point{fill:#4e73df}.ad-PointGroup--first .ad-Point{stroke:#4e73df}.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-width:1px;stroke-dasharray:5 5}.ad-Controls{overflow:auto;-webkit-box-flex:1;-ms-flex:1;flex:1;padding:1.4rem}.ad-Controls :first-child{margin-top:0}.ad-Controls-title{margin:.9rem 0 1.1rem;font-size:17px;font-weight:700;color:#fff}.ad-Controls-container{display:flex}.ad-Controls-container+.ad-Controls-container{margin-top:1.5rem}.ad-Control-label{display:block;margin-bottom:.5rem;text-transform:uppercase;font-size:12px;font-weight:700;color:#fff}.ad-Result{height:8rem;padding:1.4rem 1.6rem;background:#111;background:var(--ad-Color-prim);-webkit-box-shadow:0 -5px 10px rgba(0,0,0,.4);box-shadow:0 -5px 10px rgba(0,0,0,.4)}.ad-Result-textarea{height:100%;width:100%;resize:none;background:0 0;font-size:.7rem;line-height:1.8}.ad-Result-textarea:focus{outline:0}.ad-Button{padding:.8rem 1.4rem;background:#00e676;background:var(--ad-Color-sec);border-radius:50px;cursor:pointer;-webkit-transition:background .2s;-o-transition:background .2s;transition:background .2s;font-size:.8rem;letter-spacing:.08rem}.ad-Button--delete,.ad-Button--reset{background:#4e73df}.ad-Button:focus,.ad-Button:hover{outline:0;background:color(#00e676 l(+5%));background:color(var(--ad-Color-sec) l(+5%))}.ad-Button--delete:focus,.ad-Button--delete:hover{background-color:#7898f9;color:#142864}.ad-Button--reset{font-size:14px}.ad-Button--reset:focus,.ad-Button--reset:hover{background:color(#111 l(+15%));background-color:#7898f9;color:#142864}.ad-Text{height:18px;width:2.5rem;background:color(#111 l(+10%));background:color(var(--ad-Color-prim) l(+10%));border:none;border-radius:4px;text-align:center;font-size:18px;color:#fff}.ad-Text:focus{outline:0;background:color(#111 l(+20%));background:color(var(--ad-Color-prim) l(+20%))}.ad-Checkbox-fake,.ad-Checkbox-fake::after,.ad-Choice-fake{background:color(#111 l(+10%))}.ad-Checkbox-input,.ad-Choice-input{display:none}.ad-Checkbox-fake{position:relative;height:12.5px;width:2.5rem;background:color(var(--ad-Color-prim) l(+10%));border-radius:30px;background-color:#7898f9}.ad-Checkbox-fake::after{content:"";-webkit-box-sizing:border-box;box-sizing:border-box;display:block;position:absolute;top:-3px;left:0;height:18px;width:18px;cursor:pointer;border:4px solid #fff;background:color(var(--ad-Color-prim) l(+10%));border-radius:50%}.ad-Checkbox-input:checked+.ad-Checkbox-fake::after{left:auto;right:0;border-color:#fff}.ad-Choices{display:flex;width:12rem}.ad-Choice-fake{padding:.6rem;background:color(var(--ad-Color-prim) l(+10%));border:4px solid transparent;-webkit-transition:border .2s;-o-transition:border .2s;transition:border .2s;cursor:pointer;text-align:center;text-transform:uppercase;font-size:1.1rem;font-weight:700;color:#fff}.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:#83a2ff}.ad-Range{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ad-Range-text{margin-left:.5rem}.ad-Range-input{width:100%;height:14px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:30px;background:color(#111 l(+10%));background-color:#7898f9}.ad-Range-input:focus{outline:0;background-color:#7898f9}.ad-Range-input::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border:4px solid #fff;background:color(#111 l(+10%));background:color(var(--ad-Color-prim) l(+10%));border-radius:50%;cursor:pointer;-webkit-transition:border .2s;transition:border .2s}.ad-Range-input::-moz-range-thumb{-webkit-appearance:none;width:18px;height:18px;border:4px solid #fff;background:color(#111 l(+10%));background:color(var(--ad-Color-prim) l(+10%));border-radius:50%;cursor:pointer;-moz-transition:border .2s;transition:border .2s}.ad-Range-input:focus::-webkit-slider-thumb,.ad-Range-input:hover::-webkit-slider-thumb{border-color:#142864}.ad-Range-input:focus::-moz-range-thumb,.ad-Range-input:hover::-moz-range-thumb{border-color:#00e676;border-color:var(--ad-Color-sec)}@media (max-width:1825px){.ad-Container{justify-content:center!important;display:block;height:auto}.ad-App,.ad-Container-main{height:auto}.ad-Container-main{width:100%}.ad-Container-svg{overflow-x:scroll!important;display:block!important}}