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{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}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}@font-face{font-family:roboto-webfont;font-style:normal;font-weight:400;src:url(/packs/fonts/roboto-regular-webfont-1c916d7277aab24456e4fd74162a1394.woff) format("woff")}@font-face{font-family:roboto-webfont;font-style:normal;font-weight:700;src:url(/packs/fonts/roboto-bold-webfont-e0cae1bb80b15a9412be35c83afd4401.woff) format("woff")}@font-face{font-family:roboto-webfont;font-style:normal;font-weight:100;src:url(/packs/fonts/roboto-light-webfont-3a4bd716531c43711df9dcd7fcc2046c.woff) format("woff")}@font-face{font-family:FontAwesome;font-style:normal;font-weight:400;src:url(/packs/_/_/node_modules/font-awesome/fonts/fontawesome-webfont-fee66e712a8a08eef5805a46892932ad.woff) format("woff")}.header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding:12px;background:#263238;color:#eceff1}.header .logo{color:transparent;font:0/0 fake-font;display:block;-ms-flex-negative:0;flex-shrink:0;width:180px;height:36px;background:url(/packs/images/dimensions-logo-0c397d6869cb1094bc4e8f024714121b.svg);background-size:100%}.badge-builder-page{background:#fff}.BadgeBuilder section .content .Preview,.BadgeBuilder section .content blockquote,.BadgeBuilder section .content p,.BadgeBuilder section .content pre,.BadgeBuilder section .content table,.BadgeBuilder section .content ul{margin-bottom:24px}.BadgeBuilder section .content blockquote{padding:12px 12px 12px 24px;border-left:10px solid #78909c;background:#eceff1}.BadgeBuilder section .content h1{font-size:18px;line-height:36px;font-family:roboto-webfont;font-style:normal;font-weight:100;margin-bottom:24px;border-bottom:1px solid #cfd8dc}.BadgeBuilder section .content h2{font-family:roboto-webfont;font-style:normal;font-weight:700;margin-bottom:12px}.BadgeBuilder section .content h3{font-size:18px;line-height:36px;font-family:roboto-webfont;font-style:normal;font-weight:100;margin-bottom:24px;border-bottom:1px solid #cfd8dc}.BadgeBuilder section .content h4{font-size:16px;line-height:24px;font-family:roboto-webfont;font-style:normal;font-weight:700;margin-bottom:12px}.BadgeBuilder section .content ul{list-style-type:disc;list-style-position:inside}.BadgeBuilder section .content blockquote code,.BadgeBuilder section .content p code,.BadgeBuilder section .content table code{font-size:12px;line-height:24px;display:inline-block;margin:0 5px;padding:0 5px;border:1px solid #263238;border-radius:4px;background:#263238;color:#eceff1;font-family:monospace;font-style:normal;line-height:1.2em}.BadgeBuilder section .content pre.hljs{font-size:12px;line-height:18px;padding:24px;border:1px solid #263238;border-radius:4px;background:#263238;color:#eceff1;font-family:monospace}.BadgeBuilder section .content pre.hljs>code.wrap{white-space:normal}.BadgeBuilder section .content pre.hljs .hljs{display:block;overflow-x:auto;padding:.5em;color:#abb2bf;background:#282c34}.BadgeBuilder section .content pre.hljs .hljs-comment,.BadgeBuilder section .content pre.hljs .hljs-quote{color:#5c6370;font-style:italic}.BadgeBuilder section .content pre.hljs .hljs-doctag,.BadgeBuilder section .content pre.hljs .hljs-formula,.BadgeBuilder section .content pre.hljs .hljs-keyword{color:#c678dd}.BadgeBuilder section .content pre.hljs .hljs-deletion,.BadgeBuilder section .content pre.hljs .hljs-name,.BadgeBuilder section .content pre.hljs .hljs-section,.BadgeBuilder section .content pre.hljs .hljs-selector-tag,.BadgeBuilder section .content pre.hljs .hljs-subst{color:#e06c75}.BadgeBuilder section .content pre.hljs .hljs-literal{color:#56b6c2}.BadgeBuilder section .content pre.hljs .hljs-addition,.BadgeBuilder section .content pre.hljs .hljs-attribute,.BadgeBuilder section .content pre.hljs .hljs-meta-string,.BadgeBuilder section .content pre.hljs .hljs-regexp,.BadgeBuilder section .content pre.hljs .hljs-string{color:#98c379}.BadgeBuilder section .content pre.hljs .hljs-built_in,.BadgeBuilder section .content pre.hljs .hljs-class .hljs-title{color:#e6c07b}.BadgeBuilder section .content pre.hljs .hljs-attr,.BadgeBuilder section .content pre.hljs .hljs-number,.BadgeBuilder section .content pre.hljs .hljs-selector-attr,.BadgeBuilder section .content pre.hljs .hljs-selector-class,.BadgeBuilder section .content pre.hljs .hljs-selector-pseudo,.BadgeBuilder section .content pre.hljs .hljs-template-variable,.BadgeBuilder section .content pre.hljs .hljs-type,.BadgeBuilder section .content pre.hljs .hljs-variable{color:#d19a66}.BadgeBuilder section .content pre.hljs .hljs-bullet,.BadgeBuilder section .content pre.hljs .hljs-link,.BadgeBuilder section .content pre.hljs .hljs-meta,.BadgeBuilder section .content pre.hljs .hljs-selector-id,.BadgeBuilder section .content pre.hljs .hljs-symbol,.BadgeBuilder section .content pre.hljs .hljs-title{color:#61aeee}.BadgeBuilder section .content pre.hljs .hljs-emphasis{font-style:italic}.BadgeBuilder section .content pre.hljs .hljs-strong{font-weight:700}.BadgeBuilder section .content pre.hljs .hljs-link{text-decoration:underline}.BadgeBuilder section .content table{width:100%}.BadgeBuilder section .content table td,.BadgeBuilder section .content table th{padding:6px}.BadgeBuilder section .content table th{font-family:roboto-webfont;font-style:normal;font-weight:700;text-align:left}.BadgeBuilder section .content table tr{border-bottom:1px solid #cfd8dc}.BadgeBuilder section .content table tr:nth-child(odd) td{background:#eceff1}.BadgeBuilder section .content table .code{font-size:12px;line-height:24px;font-family:monospace;white-space:nowrap}*{-webkit-box-sizing:border-box;box-sizing:border-box}html{height:100%}body,html{min-width:640px}body{font-family:roboto-webfont;font-style:normal;font-weight:400;min-height:100%;margin:0;background:#eceff1;color:#263238;font-size:14px;line-height:24px;-webkit-text-size-adjust:none}a{color:#1565c0;text-decoration:none;cursor:pointer}a:hover{text-decoration:underline}a.external-link:after{display:inline-block;font:normal normal normal 14px/24px FontAwesome;font-size:inherit;text-rendering:auto;content:"\F08E";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-left:7px;font-size:80%}strong{font-family:roboto-webfont;font-style:normal;font-weight:700}.details-page-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;min-width:640px}@-webkit-keyframes animation-tick-tick{to{stroke-dashoffset:0}}@keyframes animation-tick-tick{to{stroke-dashoffset:0}}@-webkit-keyframes animation-tick-circle{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(.9);transform:scale(.9)}}@keyframes animation-tick-circle{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(.9);transform:scale(.9)}}.BadgeBuilder{max-width:1200px;margin:0 auto;padding:48px 24px 0}.BadgeBuilder .BadgeBuilder-footer{border-top:1px solid #cfd8dc;margin-top:48px;padding:24px;overflow:hidden;background:#eee}.BadgeBuilder .BadgeBuilder-footer .left{float:left}.BadgeBuilder .BadgeBuilder-footer .right{float:right}.BadgeBuilder .BadgeBuilder-footer a{display:inline-block;margin-left:12px}.BadgeBuilder h1{font-size:36px;line-height:36px;font-family:roboto-webfont;font-style:normal;font-weight:100}.BadgeBuilder h1 a{font-size:14px;line-height:24px;float:right;padding:6px 24px 6px 12px;background:#1565c0;color:#fff;border-radius:3px}.BadgeBuilder h1 a:before{display:inline-block;font:normal normal normal 14px/24px FontAwesome;font-size:inherit;text-rendering:auto;content:"\F063";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-right:10px}.BadgeBuilder h1 a:hover{text-decoration:none;opacity:.8}.BadgeBuilder section{margin-top:24px;padding-top:24px;border-top:1px solid #cfd8dc}.BadgeBuilder section h2{font-size:16px;line-height:24px;width:200px;margin-bottom:24px;float:left;font-weight:700}.BadgeBuilder section h2 a{color:#263238}.BadgeBuilder section h2 a:after{display:inline-block;font:normal normal normal 14px/24px FontAwesome;font-size:inherit;text-rendering:auto;content:"\F0C1";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-left:10px;opacity:0;-webkit-transition:opacity .1s ease-in-out;transition:opacity .1s ease-in-out}.BadgeBuilder section h2 a:hover{text-decoration:none}.BadgeBuilder section h2 a:hover:after{opacity:.9}.BadgeBuilder section .content{padding-left:200px}.BadgeBuilder section .content .badge-example:not(:last-child){border-bottom:1px solid #cfd8dc;padding-bottom:12px;margin-bottom:36px}.BadgeBuilder section .content td.description a{font-family:roboto-webfont;font-style:normal;font-weight:700;font-size:12px;line-height:24px}@media only screen and (min-width:0) and (max-width:860px){.BadgeBuilder section h2{float:none}.BadgeBuilder section .content{padding-left:0}}.BadgeBuilder label{display:block}.BadgeBuilder input,.BadgeBuilder select{width:100%;height:3.3em;margin:0;padding:10px;border:1px solid #cfd8dc;border-radius:3px;background:#fff}.BadgeBuilder input:focus,.BadgeBuilder select:focus{border-color:#2196f3;outline:1px solid transparent;-webkit-box-shadow:0 0 5px rgba(33,150,243,.5),1px 1px 3px rgba(0,0,0,.1) inset;box-shadow:0 0 5px rgba(33,150,243,.5),inset 1px 1px 3px rgba(0,0,0,.1)}.BadgeBuilder input[type=text]{-webkit-box-shadow:1px 1px 3px rgba(0,0,0,.1) inset;box-shadow:inset 1px 1px 3px rgba(0,0,0,.1)}.BadgeBuilder select{background:url(/packs/badge_builder/component/arrow-e69fbf274c70b3e2fb562bfcc55e233d.svg) no-repeat 100%,-webkit-gradient(linear,left bottom,left top,from(#eceff1),to(#fff));background:url(/packs/badge_builder/component/arrow-e69fbf274c70b3e2fb562bfcc55e233d.svg) no-repeat 100%,linear-gradient(0deg,#eceff1,#fff);background-size:30px 1.5em,auto;text-shadow:0 0 0 #263238;-webkit-appearance:none;-moz-appearance:none;appearance:none}.BadgeBuilder input[type=checkbox]{width:2em;height:2em;margin-right:1em;float:left}.BadgeBuilder .Help,.BadgeBuilder .Introduction{font-size:13px;line-height:30px}.BadgeBuilder .Form{position:relative;top:-6px}.BadgeBuilder .Form .field{padding:6px;clear:both}.BadgeBuilder .Form .field .info{font-size:12px;line-height:18px;color:#78909c}.BadgeBuilder .Form .field.inline{padding:12px 6px}.BadgeBuilder .Form .field.inline .info{display:block;padding-left:35px}.BadgeBuilder .Form .field.half{width:50%;float:left;clear:none}.BadgeBuilder .Form .warning{font-size:12px;line-height:24px;margin-top:12px;padding:12px;border-radius:5px;background:#fff9c4;overflow:hidden}.BadgeBuilder .Form .warning:before{display:inline-block;font:normal normal normal 14px/24px FontAwesome;font-size:inherit;text-rendering:auto;content:"\F071";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:12px;position:relative;top:2px;margin-right:10px;color:#f57f17}.BadgeBuilder .CodeBlock{position:relative;overflow:hidden;border-radius:4px}.BadgeBuilder .CodeBlock .CopyButton{position:absolute;top:0;right:0;margin:0;padding:5px 10px;-webkit-transform:translateX(130px);transform:translateX(130px);-webkit-transition:-webkit-transform .2s ease-in-out;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out;border:none;background:#546e7a;color:#eceff1;cursor:pointer;-webkit-box-shadow:0 0 10px rgba(0,0,0,.7);box-shadow:0 0 10px rgba(0,0,0,.7)}.BadgeBuilder .CodeBlock .CopyButton:before{display:inline-block;font:normal normal normal 14px/24px FontAwesome;font-size:inherit;text-rendering:auto;content:"\F0C5";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-right:10px}.BadgeBuilder .CodeBlock .CopyButton .text{display:inline-block;width:120px}.BadgeBuilder .CodeBlock .CopyButton:hover{-webkit-transform:translateX(0);transform:translateX(0);text-decoration:none}