body,h1,h2,h3,h4,h5,h6,p,blockquote,pre,hr,dl,dd,ol,ul,figure{margin:0;padding:0}body{font-family:Helvetica,Arial,sans-serif;font-size:16px;line-height:1.5;font-weight:300;color:#555;background-color:#fdfdfd;-webkit-text-size-adjust:100%}h1,h2,h3,h4,h5,h6,p,blockquote,pre,ul,ol,dl,figure,.highlight{margin-bottom:15px}img{max-width:100%;vertical-align:middle}figure>img{display:block}figcaption{font-size:14px}ul,ol{margin-left:30px}li>ul,li>ol{margin-bottom:0}h1,h2,h3,h4,h5,h6{font-family:"Open Sans",sans-serif;font-weight:300;color:#111}h2{font-weight:500}h3{font-weight:500;margin-top:30px}a{color:#259da9;text-decoration:none}a:visited{color:#218994}a:hover{color:#555;text-decoration:underline}blockquote{color:#828282;border-left:4px solid #e8e8e8;padding-left:15px;font-size:18px;letter-spacing:-1px;font-style:italic}blockquote>:last-child{margin-bottom:0}pre,code,kbd{font-size:15px;border:1px solid #e8e8e8;border-radius:3px;background-color:#f7f7f9}code,kbd{padding:1px 5px}pre{padding:8px 12px;overflow-x:scroll}pre>code{border:0;padding-right:0;padding-left:0}.wrapper{max-width:-webkit-calc(800px - (30px * 2));max-width:calc(800px - (30px * 2));margin-right:auto;margin-left:auto;padding-right:30px;padding-left:30px}@media screen and (max-width: 800px){.wrapper{max-width:-webkit-calc(800px - (30px));max-width:calc(800px - (30px));padding-right:15px;padding-left:15px}}.wrapper:after,.footer-col-wrapper:after{content:"";display:table;clear:both}.icon>svg{display:inline-block;width:16px;height:16px;vertical-align:middle}.icon>svg path{fill:#828282}.home{padding:60px 0}.site-footer{border-top:1px solid #e8e8e8;padding:30px 0}.footer-heading{font-size:18px;margin-bottom:15px}.contact-list,.social-media-list{list-style:none;margin-left:0}.footer-col-wrapper{font-size:15px;color:#828282;margin-left:-15px}.footer-col{float:left;margin-bottom:15px;padding-left:15px}.footer-col-1{width:-webkit-calc(35% - (30px / 2));width:calc(35% - (30px / 2))}.footer-col-2{width:-webkit-calc(20% - (30px / 2));width:calc(20% - (30px / 2))}.footer-col-3{width:-webkit-calc(45% - (30px / 2));width:calc(45% - (30px / 2))}@media screen and (max-width: 800px){.footer-col-1,.footer-col-2{width:-webkit-calc(50% - (30px / 2));width:calc(50% - (30px / 2))}.footer-col-3{width:-webkit-calc(100% - (30px / 2));width:calc(100% - (30px / 2))}}@media screen and (max-width: 600px){.footer-col{float:none;width:-webkit-calc(100% - (30px / 2));width:calc(100% - (30px / 2))}}.header{background:#2ab0be;color:#fff;position:relative;z-index:1}.header__logo{float:left;width:30%;padding-top:30px;padding-bottom:30px}.header__nav{float:right;width:70%;padding-top:30px}@media screen and (max-width: 600px){.header{background:#2ab0be;text-align:center}.header__logo,.header__nav{float:none;width:100%}.header__nav{padding-top:15px;background:#2ab0be;border-top:1px solid #87D0D8}.header__nav:before{display:none}}.nav{float:right;line-height:1;padding-top:14px;font-family:"Open Sans",sans-serif}.nav:after{content:"";display:table;clear:both}.nav__menu-icon{display:none}.nav__item,.nav__item:visited{box-sizing:border-box;float:left;color:#fff;line-height:1.5;text-transform:uppercase;padding:15px 15px 30px 15px;text-shadow:0 1px 2px rgba(0,0,0,0.2)}.nav__item:not(:first-child),.nav__item:visited:not(:first-child){margin-left:20px}.nav__item:hover{text-decoration:none;color:#fff}.nav__item.is-active{background:#D0455B;border-top:1px solid #eaabb5;box-shadow:0 5px 5px rgba(0,0,0,0.25)}@media screen and (max-width: 600px){.nav{float:none}.nav__item{width:20%;margin-left:0;padding-left:0;padding-right:0}}section{padding-bottom:60px;padding-top:60px;border-bottom:3px dashed #ccc}section:last-child{border-bottom:none}section>:last-child{padding-bottom:0;margin-bottom:0}.highlight .hll{background-color:#ffc}.highlight .c{color:#586E75}.highlight .err{color:#93A1A1}.highlight .g{color:#93A1A1}.highlight .k{color:#859900}.highlight .l{color:#93A1A1}.highlight .n{color:#93A1A1}.highlight .o{color:#859900}.highlight .x{color:#CB4B16}.highlight .p{color:#93A1A1}.highlight .cm{color:#586E75}.highlight .cp{color:#859900}.highlight .c1{color:#586E75}.highlight .cs{color:#859900}.highlight .gd{color:#2AA198}.highlight .ge{color:#93A1A1;font-style:italic}.highlight .gr{color:#DC322F}.highlight .gh{color:#CB4B16}.highlight .gi{color:#859900}.highlight .go{color:#93A1A1}.highlight .gp{color:#93A1A1}.highlight .gs{color:#93A1A1;font-weight:bold}.highlight .gu{color:#CB4B16}.highlight .gt{color:#93A1A1}.highlight .kc{color:#CB4B16}.highlight .kd{color:#268BD2}.highlight .kn{color:#859900}.highlight .kp{color:#859900}.highlight .kr{color:#268BD2}.highlight .kt{color:#DC322F}.highlight .ld{color:#93A1A1}.highlight .m{color:#2AA198}.highlight .s{color:#2AA198}.highlight .na{color:#93A1A1}.highlight .nb{color:#B58900}.highlight .nc{color:#268BD2}.highlight .no{color:#CB4B16}.highlight .nd{color:#268BD2}.highlight .ni{color:#CB4B16}.highlight .ne{color:#CB4B16}.highlight .nf{color:#268BD2}.highlight .nl{color:#93A1A1}.highlight .nn{color:#93A1A1}.highlight .nx{color:#555}.highlight .py{color:#93A1A1}.highlight .nt{color:#268BD2}.highlight .nv{color:#268BD2}.highlight .ow{color:#859900}.highlight .w{color:#93A1A1}.highlight .mf{color:#2AA198}.highlight .mh{color:#2AA198}.highlight .mi{color:#2AA198}.highlight .mo{color:#2AA198}.highlight .sb{color:#586E75}.highlight .sc{color:#2AA198}.highlight .sd{color:#93A1A1}.highlight .s2{color:#2AA198}.highlight .se{color:#CB4B16}.highlight .sh{color:#93A1A1}.highlight .si{color:#2AA198}.highlight .sx{color:#2AA198}.highlight .sr{color:#DC322F}.highlight .s1{color:#2AA198}.highlight .ss{color:#2AA198}.highlight .bp{color:#268BD2}.highlight .vc{color:#268BD2}.highlight .vg{color:#268BD2}.highlight .vi{color:#268BD2}.highlight .il{color:#2AA198}.support-level{padding:30px 0}.support-level p{clear:left;margin-top:15px;margin-bottom:0}.support-level+.support-level{border-top:2px dashed #e8e8e8}.support-level__browsers:after{content:"";display:table;clear:both}.browser{width:100px;height:100px;border-radius:50%;display:inline-block;background:#2ab0be;color:#fff;text-align:center;line-height:1.2;display:flex;justify-content:center;align-items:center;flex-direction:column;float:left}.browser+.browser{margin-left:3px}.browser__note{opacity:0.8}.browser--ie{background:#f78a1f}.browser--ff{background:#d0455b}.browser--safari{background:#ffb200}ul.file-system{list-style-type:none;margin:0 0 15px;line-height:normal}ul.file-system ul{list-style-type:none;padding:0 0 0 5px;margin:0}ul.file-system li{margin-bottom:8px}.file-system--folder{background:url(../img/folder.svg) no-repeat;background-size:20px 20px;padding:0 0 0 27px}.file-system--folder .file-system--folder span{opacity:0.5;border-radius:4px;padding:2px 5px;background:#2ab0be;color:#fff}.file-system--folder .file-system--folder span:hover{opacity:1}.logo{font-family:"Open Sans",sans-serif;font-size:22px;font-weight:300;line-height:27px;text-align:center;float:left}.logo,.logo:visited,.logo:hover{text-decoration:none;color:#fff}.logo-strong{font-weight:400;padding-right:2px}.logo-title{display:block;text-transform:uppercase;font-size:20px;font-weight:600;letter-spacing:2px}@media screen and (max-width: 600px){.logo{float:none}}.toc{padding:60px 0;background:#E7F6F7;border-bottom:1px solid #d4eef1;font-family:"Open Sans",sans-serif;box-shadow:0 -3px 4px rgba(0,0,0,0.05);z-index:2;position:relative}.toc h1{color:#2499a5;font-weight:300;margin-bottom:20px;line-height:1;text-transform:uppercase}.toc h1:after{content:'';display:block;width:10%;height:0;margin-top:30px;margin-bottom:30px;border-bottom:1px solid #2ab0be}.contents{margin:0;padding:0;list-style:none;font-size:18px}.contents li{margin-bottom:6px}.contents:last-child li:last-child{margin-bottom:0;padding-bottom:0}.contents li:before{vertical-align:middle;content:'';display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:15px;background:#2ab0be}.contents a{color:#555}.contents a:visited{color:#6f6f6f}.cards{list-style:none;margin:30px 0;padding:0;display:flex;flex-wrap:wrap;justify-content:space-between}.cards__item{box-sizing:border-box;width:48%;margin-bottom:30px}.cards__link{display:block;padding:30px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,0.1);border:5px solid #fff;transition:border-color 0.1s ease-out}.cards__link:hover{text-decoration:none;border:5px solid #87D0D8}