article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}::-moz-selection{background-color:rgba(0,0,0,0.5);color:#fff;text-shadow:none}::selection{background-color:rgba(0,0,0,0.5);color:#fff;text-shadow:none}a:focus{outline:thin dotted}a:active,a:hover{outline:0}strong{font-weight:bold}mark{background:#ff6;color:#444}code,pre{font-family:monospace, serif;font-size:1em}pre{white-space:pre}img{border:0;max-width:100%;vertical-align:top}figure{margin:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,html input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:'Montserrat';font-style:normal;font-weight:400;src:local("Montserrat-Regular"),url(http://themes.googleusercontent.com/static/fonts/montserrat/v3/zhcz-_WihjSQC0oHJ9TCYL3hpw3pgy2gAi-Ip7WPMi0.woff) format("woff")}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local("Open Sans"),local("OpenSans"),url(http://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3bO3LdcAZYWl9Si6vvxL-qU.woff) format("woff")}@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:local("Open Sans Bold"),local("OpenSans-Bold"),url(http://themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzKRDOzjiPcYnFooOUGCOsRk.woff) format("woff")}@font-face{font-family:'Open Sans';font-style:italic;font-weight:400;src:local("Open Sans Italic"),local("OpenSans-Italic"),url(http://themes.googleusercontent.com/static/fonts/opensans/v6/xjAJXh38I15wypJXxuGMBrrIa-7acMAeDBVuclsi6Gc.woff) format("woff")}code[class*="language-"],pre[class*="language-"]{color:black;text-shadow:0 1px white;font-family:Consolas, Monaco, 'Andale Mono', monospace;white-space:pre;word-spacing:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4;hyphens:none}pre[class*="language-"]{padding:1em;margin:0;overflow:auto}:not(pre)>code[class*="language-"],pre[class*="language-"]{background:#f5f2f0}:not(pre)>code[class*="language-"]{padding:.1em;border-radius:.3em}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:slategray}.token.punctuation{color:#999}.namespace{opacity:.7}.token.property,.token.tag,.token.boolean,.token.number{color:#905}.token.selector,.token.attr-name,.token.string{color:#690}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string{color:#a67f59;background:rgba(255,255,255,0.5)}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.regex,.token.important{color:#e90}.token.important{font-weight:bold}.token.entity{cursor:help}.token.comment{color:#666}html{box-sizing:border-box;overflow-x:hidden}*,:after,:before{box-sizing:inherit}body{overflow-x:inherit;position:relative}body:after{content:'';height:.5em;position:absolute;left:0;top:0;right:0;z-index:1;background-image:linear-gradient(to right, #a4c639 17%, gold 17%, gold 33%, #f77918 33%, #f77918 50%, #0a90dd 50%, #0a90dd 67%, #f63b3c 67%, #f63b3c 83%, #999 83%)}html{color:#333;font-family:"Open Sans",sans-serif;font-size:100%}h1,h2,h3,h4,h5,h6{font-family:"Montserrat","Open Sans",sans-serif;font-weight:normal;margin:0}h1{font-size:3em;line-height:1;margin-bottom:0.5em}h2{font-size:2.25em;line-height:1.333333333;margin-bottom:0.666666666em}h3{font-size:1.5em;line-height:1;margin-bottom:1em}h4{font-size:1.3125em;line-height:1.142857142;margin-bottom:1.142857142em}h5{font-size:1.125em;line-height:1.333333333;margin-bottom:1.333333333em}h6{font-size:1em;line-height:1.5;margin-bottom:1.5em}p,blockquote{font-size:1em;margin:0 0 1.5em;line-height:1.5;hyphens:auto}p a:link,p a:visited,li a:link,li a:visited{border-bottom:1px solid #0a90dd;color:#0a90dd;text-decoration:none;transition:0.15s}p a:hover,p a:focus,li a:hover,li a:focus{border-color:#56bcf7;color:#56bcf7}p a:active,li a:active{position:relative;top:1px;transition:0s}dl,ol,ul{font-size:1em;margin:0 0 1.5em;padding:0}ol,ul{margin-left:1.5em}dd,dt,li{line-height:1.5;margin:0}.visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.centered{padding-left:20px;padding-right:20px}@media (min-width: 65em){.centered{padding-right:7.5% !important;padding-left:7.5% !important}}.nothing{padding:1.5em 0;font-size:1.5em}span.line{border-radius:4px;margin:-2px;padding:2px;display:block}.no-js .js-powered{display:none}.grid{margin:0 -0.75em}[class*='grid__col--']{padding:0 0.75em}@media (min-width: 65em){[class*='grid__col--']{display:inline-block;vertical-align:top;margin-right:-4px}.grid[class*='grid__col--']{margin:0;padding:0}.grid__col--20{width:20%}.grid__col--25{width:25%}.grid__col--30{width:30%}.grid__col--33{width:33.3333333333%}.grid__col--40{width:40%}.grid__col--50{width:50%}.grid__col--60{width:60%}.grid__col--66{width:66.6666666667%}.grid__col--70{width:70%}.grid__col--75{width:75%}.grid__col--80{width:80%}.grid__col--100{width:100%}}.header{border-bottom:1px solid #d0d0d0;overflow:hidden;padding:1.5em 1.5em 0;text-align:right}@media (max-width: 65em){.header{padding-bottom:1.5em}}.header__logo{float:left}@media (max-width: 65em){.header__logo{float:none;text-align:center;margin-bottom:.5em}}.header__logo h1{font-size:2.5em;line-height:1.2;margin-bottom:0}@media (max-width: 65em){.header__logo h1{font-size:2em}}.header__logo a{color:#333;display:block;margin:-.3em;padding:.3em;text-decoration:none;text-transform:uppercase;transition:0.15s}.header__logo span{color:#f77918;transition:inherit}.header__logo a:hover,.header__logo a:active{color:#999}.header__logo a:hover span,.header__logo a:active span{color:gold}.description{background-color:#f3f3f3;border-bottom:1px solid #d0d0d0;margin:0 -1.5em;padding:1.5em 1.5em 0}.description .grid__col--25{padding:0 1.5em}.description h2{color:#666;font-size:2em;line-height:1;margin-bottom:.5em}.description p,.description li{font-size:1.2em}.description p{margin-bottom:1.25em}@media (max-width: 65em){.description{padding-bottom:1.5em}.description h2{text-align:center}}.shortcut{background-color:#fff;border:1px solid #c4c4c4;border-bottom-width:2px;border-radius:0.25em;font-family:monospace;position:relative;padding:0.25em 0.5em;top:-0.125em}.footer{background-color:#f3f3f3;border-top:1px solid #d0d0d0;padding:1.5em 1.5em 0;text-align:right}.footer .copyright{float:left;text-align:left}.footer .copyright p{display:inline-block;vertical-align:middle}.avatar:before{vertical-align:-50%;padding:0 .25em}.avatar--kitty:before{content:url("../images/kitty_giraudel.png")}.avatar--tim:before{content:url("../images/tim_pietrusky.jpg")}.avatar--fabrice:before{content:url("../images/fabrice_weinberg.png")}.btn-top{color:#0a90dd;font-size:2em;margin-right:.375em;text-decoration:none;transition:0.15s;display:inline-block;transform:translateY(-8px)}.btn-top:hover,.btn-top:focus{color:#56bcf7}.btn-top span:before{line-height:1.5}.additional-info{background-color:#f3f3f3;border-bottom:1px solid #d0d0d0;border-top:1px solid #d0d0d0;margin-top:1.5em;padding:1.5em 1.5em 0}.additional-info h2{color:#666;font-size:2em;line-height:1;margin-bottom:.5em}.additional-info p,.additional-info li{font-size:1.2em}.additional-info p{margin-bottom:1.25em}::-webkit-scrollbar{width:0.5em;height:0.5em}::-webkit-scrollbar-track{background:rgba(217,217,217,0.5)}::-webkit-scrollbar-thumb{background:#aaa}.browser-wrapper__title{background-color:lightgrey;border-top:.2222222222em solid grey;margin-top:.6666666667em;padding-top:.375em;padding-bottom:.5em}.browser-wrapper__title a{text-decoration:none;color:inherit}.browser-wrapper__title span{margin-right:.3333333333em;position:relative;top:.0833333333em}.browser-wrapper__title a{color:#333;text-decoration:none}.browser-wrapper h3{color:#666;margin-top:1.5em}.browser-wrapper--an .browser-wrapper__title{border-color:#bbd46b;background-color:#f1f6e1}.browser-wrapper--an .browser-wrapper__title span{color:#a4c639}.browser-wrapper--ch .browser-wrapper__title{border-color:#ffe140;background-color:#fff9d9}.browser-wrapper--ch .browser-wrapper__title span{color:gold}.browser-wrapper--fx .browser-wrapper__title{border-color:#f99b52;background-color:#feebdc}.browser-wrapper--fx .browser-wrapper__title span{color:#f77918}.browser-wrapper--ie .browser-wrapper__title{border-color:#47ace6;background-color:#daeefa}.browser-wrapper--ie .browser-wrapper__title span{color:#0a90dd}.browser-wrapper--op .browser-wrapper__title{border-color:#f86c6d;background-color:#fee2e2}.browser-wrapper--op .browser-wrapper__title span{color:#f63b3c}.browser-wrapper--om .browser-wrapper__title{border-color:#ad4545;background-color:#efdada}.browser-wrapper--om .browser-wrapper__title span{color:#910707}.browser-wrapper--sa .browser-wrapper__title{border-color:#b3b3b3;background-color:#f0f0f0}.browser-wrapper--sa .browser-wrapper__title span{color:#999}.button{background-color:#0a90dd;border:1px solid #0870ac;color:#fff;margin-bottom:1.5em;margin-left:1.5em;padding:.75em 1.5em;text-decoration:none;box-shadow:inset 0 1px 0 rgba(255,255,255,0.25);display:inline-block;transition:0.15s}.button:hover,.button:focus{background-color:#0ca0f4}.button:active{background-color:#0980c5;box-shadow:inset 0 1px 0 rgba(0,0,0,0.1)}.button svg{margin-right:5px;transform:translateY(-2px)}@media (max-width: 65em){.button{width:100%;text-align:center;margin:0 0 0.5em 0}}.icon{width:1em;height:1em;vertical-align:middle;color:inherit;fill:currentcolor}#quotes{background-color:#e7f4fc}.quote{background-color:#feebec;border-bottom:.3333333333em solid #f63b3c;font-size:1.5em;margin-bottom:0;padding:2em 0;text-align:center}.quote p{font-style:italic;margin-bottom:0;display:inline-block}.quote p:after{content:'\201d'}.quote p:before{content:'\201c'}.quote a{color:#0a90dd;text-decoration:none}.quote a:hover,.quote a:focus{color:#56bcf7}@media (max-width: 65em){.quote{padding-left:1.5em;padding-right:1.5em}}.quote-authors{list-style:none;overflow-y:hidden;overflow-x:auto;margin:0;white-space:nowrap}.quote-authors li{display:inline-block;vertical-align:middle;-webkit-filter:grayscale(100%) blur(1px);-moz-filter:grayscale(100%) blur(1px);-ms-filter:grayscale(100%) blur(1px);filter:grayscale(100%) blur(1px)}.quote-authors li a{border-bottom:0 !important;display:block;font-size:0.8em;padding:0 2em 1em;text-decoration:none;color:#333}.quote-authors .active{position:relative}.quote-authors .active a:after{border-left:1.5em solid transparent;border-right:1.5em solid transparent;border-top:1.5em solid #f63b3c;content:'';height:0;left:50%;margin-left:-1.5em;position:absolute;top:0;width:0}.quote-authors .active,.quote-authors li:hover,.quote-authors li:focus{-webkit-filter:grayscale(0) blur(0);-moz-filter:grayscale(0) blur(0);-ms-filter:grayscale(0) blur(0);filter:grayscale(0) blur(0)}.avatar-sprite,.avatar-ashleycallahan,.avatar-bluespore,.avatar-chinchang457,.avatar-codepo8,.avatar-desainersingit,.avatar-fabien_doiron,.avatar-garazi,.avatar-grimmweb,.avatar-iSands,.avatar-jaredsartin,.avatar-markszymik,.avatar-nate_weldon,.avatar-paul_irish,.avatar-petesena,.avatar-ronicadesign,.avatar-sgalineau,.avatar-shakeeb,.avatar-slashlv,.avatar-therusstler,.avatar-toddvachon{background-image:url("../images/avatar-se3ab39cbe7.png");background-repeat:no-repeat}.quotes .quote-authors__avatar>div{width:73px;height:73px;display:block;margin:1em auto;border-radius:50%;border:3px solid #feebec;box-shadow:0 0 0 3px #eee}.avatar-ashleycallahan{background-position:0 -584px}.avatar-bluespore{background-position:0 -1387px}.avatar-chinchang457{background-position:0 -511px}.avatar-codepo8{background-position:0 -438px}.avatar-desainersingit{background-position:0 -1022px}.avatar-fabien_doiron{background-position:0 -365px}.avatar-garazi{background-position:0 -949px}.avatar-grimmweb{background-position:0 -1314px}.avatar-iSands{background-position:0 -657px}.avatar-jaredsartin{background-position:0 -730px}.avatar-markszymik{background-position:0 -1241px}.avatar-nate_weldon{background-position:0 -292px}.avatar-paul_irish{background-position:0 -803px}.avatar-petesena{background-position:0 -219px}.avatar-ronicadesign{background-position:0 0}.avatar-sgalineau{background-position:0 -73px}.avatar-shakeeb{background-position:0 -146px}.avatar-slashlv{background-position:0 -1168px}.avatar-therusstler{background-position:0 -876px}.avatar-toddvachon{background-position:0 -1095px}.browserstack-ad{background-color:#fff;border:1px solid #d0d0d0;width:300px;max-width:100%;margin-bottom:1.5em;position:relative;padding:5px}@media (max-width: 65em){.browserstack-ad{margin:0.5em auto}}.browserstack-ad p{font-size:0.7em;text-transform:uppercase;color:#888;position:absolute;left:25%;top:5px;white-space:nowrap}.browserstack-ad a{text-decoration:none;display:block}.browserstack-ad img{margin:0 auto;display:block}.carbonad{max-width:100%;margin:0.5em 0}@media (max-width: 65em){.carbonad{margin:0.5em auto}}.carbonad-text{float:none !important}.hacks-wrapper__title{padding:0 0.75em}.hack-wrapper{position:relative;-webkit-background-clip:content-box;background-clip:content-box}.hack-wrapper:target{padding-top:80px;margin-top:-80px}.hack-wrapper:target .hack{border:0.15em solid deepskyblue}.hack{background-color:#e6e6e6;border:1px solid #d0d0d0;margin-bottom:1.5em;overflow:hidden}.hack__label{border-bottom:1px solid #d0d0d0;margin-bottom:0;padding:.375em .75em}.hack__code{background-color:#f3f3f3;border-bottom:1px solid #d0d0d0;border-right:1px solid #d0d0d0;overflow-x:auto;-webkit-overflow-scrolling:touch;overflow-scrolling:touch;margin:0 -1px 0 0;padding:.75em}.hack__list{float:left;list-style:none;margin:0}.hack__list-item{border-right:1px solid #d0d0d0;padding:.375em .75em;display:inline-block;vertical-align:middle}.hack__list-item span{font-size:.8em}.hack__list-item .browser-name{text-transform:capitalize}.hack__list-item .browser-version{font-weight:bold}.hack__list--options{float:right}.hack__list--options .hack__list-item{border-left:1px solid #d0d0d0;border-right:0}.hack__id{padding:0}.hack__id a{border-bottom:0 !important;display:block;padding:.375em .75em;text-decoration:none}.hack__id a:hover,.hack__id a:focus{color:#56bcf7}@media (max-width: 65em){.browser-name{display:none}}.search{background-color:white;background-color:rgba(255,255,255,0.95);border-bottom:1px solid #d0d0d0;box-shadow:0 0.1em 0.1em rgba(0,0,0,0.1);padding:.75em 1.5em;background-image:linear-gradient(0deg, rgba(255,255,255,0), #fff);z-index:999}@media (min-width: 65em){.search{position:-webkit-sticky;position:-moz-sticky;position:-ms-sticky;position:-o-sticky;position:sticky;top:0;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}.search.fixed{left:0;position:fixed;right:0}}@media (max-width: 65em){.search{padding-bottom:1.5em}}.search__group{float:left;padding:0.5em 0}@media (max-width: 65em){.search__group{float:none}}.search input[type='checkbox']{position:relative;top:-0.1875em;vertical-align:middle}.search label{cursor:pointer;font-size:1.2em;margin-right:1.25em;padding-left:.3125em}.search__input{background-color:#f3f3f3;border:1px solid #9d9d9d;box-shadow:inset 0 0.1em 0.1em rgba(0,0,0,0.1);color:#333;font-size:1.25em;line-height:1.2;margin:0;padding:.5em .75em;width:100%;vertical-align:baseline}.run-test .js-succeed{background:lightgreen;padding:0.25em;border-radius:4px}