/*! normalize.css v3.0.1 | MIT License | git.io/normalize */html{font-family:"Muli","Helvetica","Arial",sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0 0 0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.borderOpts,.shadowOpts,.fillOpt{opacity:0.3;transition:all 0.2s}.borderOpts.revealed,.shadowOpts.revealed,.fillOpt.revealed{opacity:1}.fillOpt{display:none}.fillOpt.revealed{display:block}.checkbox label,.radio label{position:relative;width:100%}label input[type=checkbox]{display:none}label input[type=checkbox]+.custom-checkbox{position:absolute;right:2px;bottom:5px;padding:6px;background-color:#f6f6f6;border:1px solid #666;display:inline-block}label input[type=checkbox]:checked+.custom-checkbox{background:#64C7CC}label input[type=checkbox]:checked+.custom-checkbox:after{font-size:25px;position:absolute;top:0;left:0;color:#333;line-height:9px}label input[type=radio]{display:none}label input[type=radio]+.custom-radio{position:absolute;right:2px;bottom:5px;background-color:#f6f6f6;border:1px solid #666;padding:7px;border-radius:50%;display:inline-block}label input[type=radio]:checked+.custom-radio{background-color:#64C7CC}input[type=color]{font-size:30px;max-width:140px;text-align:right;border:none}input[type=color]:focus{color:#64C7CC}input[type=color].ng-invalid{color:red}.inputtypecolor input[type=color]{border:solid 1px #333;bottom:6px;padding:2px;width:45px}.inputtypecolor input[type=color]:focus{outline:none}::-webkit-color-swatch-wrapper{padding:0px}input[type=range]{padding-bottom:0;height:10px;-webkit-appearance:none;background:-moz-linear-gradient(left, transparent 0%, #000 100%);background:-webkit-gradient(linear, left top, right top, color-stop(0%, transparent), color-stop(100%, #000));background:-webkit-linear-gradient(left, transparent 0%, #000 100%);background:-ms-linear-gradient(left, transparent 0%, #000 100%);background:linear-gradient(to right, transparent 0%, #000 100%)}input[type=range]:focus{outline:0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:1px solid #666;border-radius:50%;height:16px;width:16px;background:#fafafa}input[type=range]::-moz-range-track{height:10px;border:none;background:-moz-linear-gradient(left, transparent 0%, #000 100%);background:linear-gradient(to right, transparent 0%, #000 100%)}input[type=range]::-moz-range-thumb{border:1px solid #666;border-radius:50%;height:14px;width:14px;background:#fafafa}input[type=range]::-ms-track{height:10px}input[type=range]::-ms-thumb{border:1px solid #666;border-radius:50%;height:14px;width:14px;background:#fafafa}input[type=range]:focus::-moz-range-track{outline:0}*,*:before,*:after{-moz-box-sizing:border-box;box-sizing:border-box}body{background:#fafafa}h1{margin:0 0 54px}h3{margin-top:0}pre{background:#fff;padding:20px}a{color:#333;text-decoration:none}a:hover{color:#64C7CC}.container{max-width:1350px;margin:0 auto;overflow:hidden}form{width:100%;overflow:hidden;background:#fff}form .col{width:25%;float:left;padding:0 20px}form .container{padding:30px 20px 0}.credits{text-align:right;background:#fff}.credits .container{padding:0 40px}.credits p{line-height:30px;font-size:14px;margin:7px 0}.credits a.icon{vertical-align:text-top}.credits a.icon:hover path{fill:#64C7CC}.credits svg.github{position:relative;top:-3px}.credits svg.twitter{margin-left:3px}.output{overflow:hidden;padding:40px}.snippet{float:left;width:50%}.result{float:left;width:calc(50% - 40px);margin-right:40px;padding:13.33333px;background-color:#fefefe;background-image:linear-gradient(45deg, #f5f5f5 25%, transparent 25%, transparent 75%, #f5f5f5 75%, #f5f5f5),linear-gradient(45deg, #f5f5f5 25%, transparent 25%, transparent 75%, #f5f5f5 75%, #f5f5f5);background-size:30px 30px;background-position:0 0,15px 15px}.preview .hexagon{margin-left:auto;margin-right:auto}.hexagon{background-color:#E4FEFF}@media screen and (max-width: 1250px){h1{margin-bottom:31px}h1 br{display:none}form .container{-moz-columns:2;-webkit-columns:2;columns:2;-moz-column-gap:0;-webkit-column-gap:0;column-gap:0}form .col{width:100%}form .col:nth-child(even){padding-top:40px}}@media screen and (max-width: 800px){h1{margin-bottom:35px}h1 br{display:block}.result{width:100%;margin-bottom:40px}.snippet{width:100%}}@media screen and (max-width: 650px){form .container{-moz-columns:1;-webkit-columns:1;columns:1}form .container .col{padding-left:0;padding-right:0}form .container .col:nth-child(3){padding-top:40px}.credits .container{padding:20px 20px 0;text-align:left}.output{padding-left:20px;padding-right:20px}}.fieldGroup{display:block;position:relative}label{line-height:25px;font-size:15px}.checkbox label,.color label,.range label,.radio label{display:block;padding-left:2px;border-bottom:solid 1px #333;margin-top:18px}.number label{position:absolute;left:2px;bottom:2px}.number:after{content:"px";font-size:30px;position:absolute;right:0;bottom:3px;font-size:25px}label[for=image]{display:block;margin-top:14px;margin-bottom:9px}input[type=number]{padding:6px 30px 0;border:none;border-bottom:solid 1px #333;width:100%;font-size:30px;text-align:right;-moz-appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}input[type=number]:focus{outline:none;color:#64C7CC}input[type=number]:focus+label:after{color:#64C7CC}input[type=number].ng-invalid{color:red}input[type=checkbox],input[type=color],input[type=range],input[type=radio]{position:absolute;right:2px}input[type=color]{bottom:1px}input[type=range]{width:110px;bottom:10px}input[type=url]{font-size:25px;border:none;border-bottom:solid 1px #333;width:100%;padding-top:11px;text-overflow:ellipsis}input[type=url]:focus{outline:none;color:#64C7CC}input[type=url].ng-invalid{color:red}.code-container{position:relative}.code-container .button-copy{position:absolute;width:60px;right:8px;top:50px;background:none;border:1px solid #666;color:#666;font-family:"Muli","Helvetica","Arial",sans-serif;font-size:13px}.code-container .button-copy.button-copy-is-hover,.code-container .button-copy:focus{background-color:#64C7CC;color:#fff;outline:none}
/*# sourceMappingURL=style-min.css.map */
