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}
body{-webkit-text-size-adjust:none}
mark{background-color:transparent;color:inherit}
input::-moz-focus-inner{border:0;padding:0}
input,select,textarea{-moz-appearance:none;-webkit-appearance:none;-ms-appearance:none;appearance:none}
@-ms-viewport{width:device-width}
body{-ms-overflow-style:scrollbar}
@media screen and (max-width:736px){
body,html{min-width:320px}
}
html{box-sizing:border-box}
*,:after,:before{box-sizing:inherit}
body{background:#fff}
body.is-loading *,body.is-loading :after,body.is-loading :before{-moz-transition:none!important;-webkit-transition:none!important;-ms-transition:none!important;transition:none!important;-moz-animation:none!important;-webkit-animation:none!important;-ms-animation:none!important;animation:none!important}
body,input,select,textarea{font-family:'Source Sans Pro',Arial,sans-serif;font-size:13pt;line-height:1.5em;color:#676d79;font-weight:300}
b,strong{font-weight:600}
a{text-decoration:none;border-bottom:dotted 1px #d0d6e2;color:inherit;-moz-transition:color .2s ease-in-out,border-color .2s ease-in-out,background-color .2s ease-in-out;-webkit-transition:color .2s ease-in-out,border-color .2s ease-in-out,background-color .2s ease-in-out;-ms-transition:color .2s ease-in-out,border-color .2s ease-in-out,background-color .2s ease-in-out;transition:color .2s ease-in-out,border-color .2s ease-in-out,background-color .2s ease-in-out}
a:hover{color:#e7746f;border-color:#e7746f}
hr{border:0;box-shadow:inset 0 1px 0 0 #dee0e3;margin:2em 0 0 0;padding:2em 0 0 0}
input,select,textarea{-webkit-appearance:none;display:block;width:100%;height:2.75em;line-height:2.7em;padding:0 1em;border-radius:4px;text-decoration:none;border:solid 1px #dee0e3;background-color:#f4f5f7;outline:0}
input:focus,select:focus,textarea:focus{border-color:#e7746f;box-shadow:0 0 0 1px #e7746f}
form{display:-moz-flex;display:-webkit-flex;display:-ms-flex;display:flex;width:100%}
form>*{margin-left:1em;-ms-flex:0 1 auto}
form>:first-child{margin-left:0}
.button{display:inline-block;height:2.75em;line-height:2.7em;padding:0 1.5em 0 1.5em;border-radius:4px;text-decoration:none;font-weight:600;border:solid 1px #dee0e3;white-space:nowrap}
.button:hover{border-color:#e7746f;color:#e7746f}
.button.alt{background:#676d79;border-color:#676d79;color:#fff}
.button.alt.on,.button.alt:hover{background:#e7746f;border-color:#e7746f}
.button em{font-weight:300}
.button.icon{padding:0 1.2em 0 1em}
.button.icon:before{position:relative;top:.15em;margin-right:.4em}
.button.icon.solo{padding:0;width:3em;text-align:center;position:relative}
.button.icon.solo:before{margin:0}
.button.icon.solo .label{position:absolute;left:0;top:0;text-indent:100%;overflow-x:hidden}
ul.selector{display:inline-block;height:2.75em;line-height:2.7em;padding:0;text-decoration:none;font-weight:600;color:inherit;overflow:hidden}
ul.selector li{position:relative;display:block;float:left;overflow:hidden;padding:0 1em 0 1em;cursor:pointer;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out;border-style:solid;border-color:#dee0e3;height:2.75em;border-top-width:1px;border-bottom-width:1px}
ul.selector li:first-child{border-radius:4px 0 0 4px;border-left-width:1px}
ul.selector li:last-child{border-radius:0 4px 4px 0;border-right-width:1px}
ul.selector li:hover{background:#f2f4f7}
ul.selector li.active{background:#676d79;color:#fff;border-color:#676d79}
.actions .button{margin-left:.75em}
.actions .button:first-child{margin-left:0!important}
body#demo{background:#fafbfd}
#demo-iframe-wrapper{position:fixed;background:#dee0e3;top:3.375em;left:0;width:100%;height:calc(100% - 3.375em);opacity:1;border-radius:10px;-moz-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
body.overlap #demo-iframe-wrapper{top:0;height:100%}
#demo-iframe-wrapper iframe{position:absolute;left:0;top:0;width:100%;height:100%;-moz-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;overflow-x:hidden}
#demo-iframe-wrapper.loading iframe{opacity:0}
#demo-iframe-wrapper.framed{box-shadow:0 0 0 29px #fff,0 0 0 30px #dee0e3}
#demo-iframe-wrapper.framed iframe{box-shadow:0 0 0 1px #dee0e3}
#demo-header{position:fixed;left:0;top:0;width:100%;background:#fff;background:rgba(255,255,255,.95);z-index:10000;box-shadow:0 0 1px 0 rgba(16,16,32,.25),0 0 2px 0 rgba(0,0,0,.15);height:3.75em;-moz-transition:top .25s ease-in-out;-webkit-transition:top .25s ease-in-out;-ms-transition:top .25s ease-in-out;transition:top .25s ease-in-out;font-size:.9em;z-index:10000;cursor:default}
#demo-header .button.alt2{outline:0}
#demo-header .left{position:absolute;top:.5em;left:.5em;white-space:nowrap;overflow:hidden}
#demo-header .left .selector{float:left}
#demo-header .left .actions{float:left;margin-left:.5em}
#demo-header .right{position:absolute;top:.5em;right:.5em;white-space:nowrap;overflow:hidden}
#demo-header .right .actions{float:left;margin-left:.5em}
#demo-header .right .actions a{margin-left:.5em}
#demo-header h1{letter-spacing:-.5px;font-weight:600;float:left;height:2.75em;line-height:2.75em;margin:0 1.25em 0 .5em;display:inline-block}
#demo-header h1 span{font-size:1.25em}
body.dark #demo-header .selector li,body.dark #demo-header .share{border-color:#575d69}
body.dark #demo-header{background:#272d39;background:rgba(55,61,73,.975);color:#fff;box-shadow:none}
body.dark #demo-header .button.alt2{border-color:#575d69}
body.dark #demo-header .button.alt2:hover{border-color:#e7746f}
body.dark #demo-header .selector li:hover{background:#474d59}
body.dark #demo-header .selector li.active{border-color:#676d79;background:#676d79}
@media screen and (max-width:1280px){
body,input,select,textarea{font-size:12pt}
}
@media screen and (max-width:1140px){
#demo-header .left .actions,#demo-header .left .selector{display:none}
}
@media screen and (max-width:736px){
body{min-width:320px;font-size:11.5pt}
input,select,textarea{font-size:11.5pt}
#demo-iframe-wrapper{min-width:320px}
#demo-header{min-width:320px}
#demo-header .right{padding-left:1em}
#demo-header .actions{width:100%;margin:0}
#demo-header .actions .download{position:absolute;right:0;top:0}
}
@media screen and (min-width:961px){
.button.demo:hover{color:inherit!important}
.button.download:hover{border-color:#e7746f!important;background:#e7746f!important;color:#fff!important}
}