.bodybg,body{background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(90%, #ffffff), color-stop(100%, #e6e6e6));background:-webkit-linear-gradient(#ffffff 90%,#e6e6e6);background:-moz-linear-gradient(#ffffff 90%,#e6e6e6);background:-o-linear-gradient(#ffffff 90%,#e6e6e6);background:linear-gradient(#ffffff 90%,#e6e6e6)}@-webkit-keyframes rotateRight{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}@-webkit-keyframes jitter{0%{-webkit-transform:rotate(0deg)}2%{-webkit-transform:rotate(-7deg) translateX(2px) scale(1.1)}4%{-webkit-transform:rotate(0deg)}6%{-webkit-transform:rotate(7deg) translateX(-2px)}8%{-webkit-transform:rotate(0deg)}10%{-webkit-transform:rotate(-7deg) translateX(2px) scale(1.1)}12%{-webkit-transform:rotate(0deg)}14%{-webkit-transform:rotate(7deg) translateX(-2px)}16%{-webkit-transform:rotate(0deg)}}.spin{-webkit-animation-name:rotateRight;-moz-animation-name:rotateRight;-ms-animation-name:rotateRight;-o-animation-name:rotateRight;animation-name:rotateRight;-webkit-animation-duration:15s;-webkit-animation-timing-function:linear;-webkit-transform-origin:50% 50%;-webkit-animation-iteration-count:infinite}.jitter{-webkit-animation-name:jitter;-webkit-animation-duration:2s;-webkit-animation-timing-function:ease-in-out;-webkit-transform-origin:50% 50%;-webkit-animation-iteration-count:infinite}.pop,slide.checkbox span{-webkit-transition:all 400ms cubic-bezier(0.17, 0.67, 0, 1.33);-moz-transition:all 400ms cubic-bezier(0.17, 0.67, 0, 1.33);-o-transition:all 400ms cubic-bezier(0.17, 0.67, 0, 1.33);transition:all 400ms cubic-bezier(0.17, 0.67, 0, 1.33)}.pop.to-build,slide.checkbox span.to-build,.pop.auto-fadein,slide.checkbox span.auto-fadein{-webkit-transform:scale(0.5);-moz-transform:scale(0.5);-ms-transform:scale(0.5);-o-transform:scale(0.5);transform:scale(0.5)}slide.cubespin{-webkit-transition:all 1s cubic-bezier(0.17, 0.67, 0, 1.33);-moz-transition:all 1s cubic-bezier(0.17, 0.67, 0, 1.33);-o-transition:all 1s cubic-bezier(0.17, 0.67, 0, 1.33);transition:all 1s cubic-bezier(0.17, 0.67, 0, 1.33);-webkit-transform-origin:50% 50% -550px 50%;-moz-transform-origin:50% 50% -550px 50%;-ms-transform-origin:50% 50% -550px 50%;-o-transform-origin:50% 50% -550px 50%;transform-origin:50% 50% -550px 50%}slide.cubespin.next{-webkit-transform:rotateY(90deg);-moz-transform:rotateY(90deg);-ms-transform:rotateY(90deg);-o-transform:rotateY(90deg);transform:rotateY(90deg)}slide.cubespin.current{-webkit-transform:rotateY(0);-moz-transform:rotateY(0);-ms-transform:rotateY(0);-o-transform:rotateY(0);transform:rotateY(0)}slide.cubespin.past{-webkit-transform:rotateY(-90deg);-moz-transform:rotateY(-90deg);-ms-transform:rotateY(-90deg);-o-transform:rotateY(-90deg);transform:rotateY(-90deg)}.bodybg,body{background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(90%, #ffffff), color-stop(100%, #e6e6e6));background:-webkit-linear-gradient(#ffffff 90%,#e6e6e6);background:-moz-linear-gradient(#ffffff 90%,#e6e6e6);background:-o-linear-gradient(#ffffff 90%,#e6e6e6);background:linear-gradient(#ffffff 90%,#e6e6e6)}[data-tooltip-property],[data-tooltip]{position:relative;cursor:inherit;border-bottom:none}[data-tooltip-property]:hover,[data-tooltip]:hover{cursor:pointer}[data-tooltip-property]:hover:before,[data-tooltip-property]:hover:after,[data-tooltip]:hover:before,[data-tooltip]:hover:after{position:absolute;z-index:100;font-size:20px;white-space:pre}[data-tooltip-property]:hover:before,[data-tooltip]:hover:before{border:solid transparent;height:0;width:0;border-bottom-color:rgba(0,0,0,0.85);border-width:10px;content:' ';top:15px;left:20px;z-index:101}[data-tooltip-property]:hover:after,[data-tooltip]:hover:after{content:attr(data-tooltip);background:rgba(0,0,0,0.85);padding:10px 25px 10px 15px;color:#fff;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;left:0;top:34px;width:-webkit-max-content;width:-moz-max-content;width:-ms-max-content;width:-o-max-content;width:max-content;font-weight:normal;-webkit-box-shadow:3px 3px 10px #515151;-moz-box-shadow:3px 3px 10px #515151;box-shadow:3px 3px 10px #515151}[data-tooltip-property] .property,[data-tooltip] .property{border-bottom:1px dotted #515151;color:#515151}[data-tooltip]{cursor:pointer;border-bottom:1px dotted #515151}.bodybg,body{background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(90%, #ffffff), color-stop(100%, #e6e6e6));background:-webkit-linear-gradient(#ffffff 90%,#e6e6e6);background:-moz-linear-gradient(#ffffff 90%,#e6e6e6);background:-o-linear-gradient(#ffffff 90%,#e6e6e6);background:linear-gradient(#ffffff 90%,#e6e6e6)}.browser-support-row{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-mask:url(../../images/circle2.svg) no-repeat 51% -3700px;-moz-mask:url(../../images/circle2.svg) no-repeat 51% -3700px;-ms-mask:url(../../images/circle2.svg) no-repeat 51% -3700px;mask:url(../../images/circle2.svg) no-repeat 51% -3700px;-webkit-mask-size:452%;-moz-mask-size:452%;-ms-mask-size:452%;mask-size:452%;height:125px;overflow:hidden;padding:0 30px 0 40px}.browser-support-row:hover>div.mobile:before{-webkit-transition:top 600ms cubic-bezier(0.17, 0.67, 0, 1.2);-moz-transition:top 600ms cubic-bezier(0.17, 0.67, 0, 1.2);-o-transition:top 600ms cubic-bezier(0.17, 0.67, 0, 1.2);transition:top 600ms cubic-bezier(0.17, 0.67, 0, 1.2);top:-214px}.browser-support-row.polyfill-status>div img{opacity:1 !important;-webkit-filter:grayscale(0);-moz-filter:grayscale(0);-ms-filter:grayscale(0);filter:grayscale(0)}.browser-support-row>div{display:inline;position:relative}.browser-support-row>div.supported.partial img{opacity:0.5}.browser-support-row>div.supported img{opacity:1;-webkit-filter:grayscale(0);-moz-filter:grayscale(0);-ms-filter:grayscale(0);filter:grayscale(0);z-index:2}.browser-support-row>div.mobile:before{opacity:0.5;content:'';background:url("../../images/icons/mobile.svg") no-repeat;background-size:contain;height:40px;width:40px;position:absolute;top:0;left:26px}.browser-support-row>div:nth-of-type(1) img{height:245px}.browser-support-row>div:nth-of-type(3):before{left:37px}.browser-support-row>div:nth-of-type(3) img{height:235px}.browser-support-row>div:nth-of-type(4):before{left:35px}.browser-support-row>div:nth-of-type(5):before{left:46px}.browser-support-row>div:nth-of-type(5) img{height:255px}.browser-support-row>div img{height:225px;opacity:0.25;margin-right:-70px;vertical-align:bottom;-webkit-filter:grayscale(1);-moz-filter:grayscale(1);-ms-filter:grayscale(1);filter:grayscale(1);-webkit-transition:all 600ms ease-in-out;-moz-transition:all 600ms ease-in-out;-o-transition:all 600ms ease-in-out;transition:all 600ms ease-in-out;z-index:1;position:relative}.bodybg,body{background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(90%, #ffffff), color-stop(100%, #e6e6e6));background:-webkit-linear-gradient(#ffffff 90%,#e6e6e6);background:-moz-linear-gradient(#ffffff 90%,#e6e6e6);background:-o-linear-gradient(#ffffff 90%,#e6e6e6);background:linear-gradient(#ffffff 90%,#e6e6e6)}.bodybg,body{background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(90%, #ffffff), color-stop(100%, #e6e6e6));background:-webkit-linear-gradient(#ffffff 90%,#e6e6e6);background:-moz-linear-gradient(#ffffff 90%,#e6e6e6);background:-o-linear-gradient(#ffffff 90%,#e6e6e6);background:linear-gradient(#ffffff 90%,#e6e6e6)}pre.prettyprint,code.prettyprint{background:#f5f5f5}.prettyprint .pln{color:#000}.prettyprint .str,.prettyprint .atv{color:#0f9d58}.prettyprint .kwd,.prettyprint .tag{color:#4285f4}.prettyprint .com{color:#999}.prettyprint .typ,.prettyprint .var{color:#673ab7}.prettyprint .lit{color:#ff9800}.prettyprint .pun,.prettyprint .opn,.prettyprint .clo{color:#a3a3a3}.prettyprint .atn{color:#e91e63}.prettyprint .dec,.prettyprint .var{color:#e67c73}.prettyprint .fun{color:#fff}pre{font-family:'Inconsolata';font-size:20px;font-weight:normal;line-height:28px;padding:10px 0 10px 60px;letter-spacing:-1px;margin-bottom:20px;background-color:#e6e6e6;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;left:initial;width:initial;padding:16px;border-radius:5px}pre.larger{font-size:30px;line-height:1.4}pre.nohighlight{font-family:'Inconsolata';line-height:1.2;background:transparent;margin-bottom:0}pre.corner{position:absolute;right:0;top:0;font-size:16px;line-height:1.5;margin:0 40px}pre.corner [data-tooltip]:hover:after{left:-150px}pre [data-action]{border-bottom:1px dotted black;display:inline-block;cursor:pointer}pre [data-action] .inactive{opacity:0.5}::selection{color:white;background-color:#4387fd;text-shadow:none}body{background-color:white;font-weight:400;color:#797979}li{line-height:1.2}ol{margin-left:1.2em;margin-bottom:1em;position:relative;list-style:decimal}ol li{margin-bottom:0.5em}ol li ul{margin-left:2em;margin-bottom:0}ol li ul li:before{content:'·';font-weight:600}ol ul,ol ol{margin-top:.5em}ul>li::before{content:'';background:url("../../images/logos/chrome_logo.png") no-repeat 50% 50%;background-size:24px 24px;width:24px;height:24px;margin-left:-1.2em;margin-top:3px;position:absolute}ul li ul li::before{background:none}strong,b{font-weight:bold}em,i{font-style:italic}hr{border:none;background:-webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(255,255,255,0)), color-stop(10%, #a9a9a9), color-stop(90%, #a9a9a9), color-stop(100%, rgba(255,255,255,0))) no-repeat;background:-webkit-linear-gradient(left, rgba(255,255,255,0),#a9a9a9 10%,#a9a9a9 90%,rgba(255,255,255,0)) no-repeat;background:-moz-linear-gradient(left, rgba(255,255,255,0),#a9a9a9 10%,#a9a9a9 90%,rgba(255,255,255,0)) no-repeat;background:-o-linear-gradient(left, rgba(255,255,255,0),#a9a9a9 10%,#a9a9a9 90%,rgba(255,255,255,0)) no-repeat;background:linear-gradient(left, rgba(255,255,255,0),#a9a9a9 10%,#a9a9a9 90%,rgba(255,255,255,0)) no-repeat;height:1px}.bold{font-weight:bold}.pull-right{float:right}.pull-left{float:left}slide.checkbox.current span{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}slide.checkbox span{display:inline-block;-webkit-transition-delay:800ms;-moz-transition-delay:800ms;-o-transition-delay:800ms;transition-delay:800ms}slide.checkbox .spacer{margin-left:35px;display:inline-block}article.quote{color:inherit}article.quote blockquote{font-family:'Architects Daughter', cursive;font-size:45px;line-height:72px;border-left:10px solid #e6e6e6;position:relative;padding-left:50px;text-align:left}article.quote blockquote.large{font-size:65px}article.quote blockquote:before{content:'“';position:absolute;margin-left:-0.5em}article.quote blockquote:after{content:'”';position:absolute;margin-left:0.1em}slides>slide{overflow:visible;color:#515151}slides>slide:not(.do-transition){-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none}slides>slide.segue h2{color:inherit}slides>slide:not(.segue) hgroup span{float:right}slides>slide:not(.segue) hgroup h2{display:flex;align-items:center}slides>slide:not(.segue) hgroup h2 label{color:#a9a9a9;font-size:75%;line-height:1;margin-left:1em}slides>slide:not(.segue) hgroup h2 img,slides>slide:not(.segue) hgroup h3 img{height:35px}slides>slide:not(.segue) hgroup .spec,slides>slide:not(.segue) hgroup .bug,slides>slide:not(.segue) hgroup .radar,slides>slide:not(.segue) hgroup .h5r,slides>slide:not(.segue) hgroup .polymer_link{width:30px;height:30px;opacity:0.2;-webkit-transition:opacity 200ms ease-out;-moz-transition:opacity 200ms ease-out;-o-transition:opacity 200ms ease-out;transition:opacity 200ms ease-out;border-bottom:none;background-position:50% 50%;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;background-repeat:no-repeat}slides>slide:not(.segue) hgroup .bug,slides>slide:not(.segue) hgroup .spec{background-image:url("../../images/icons/gears.svg");display:inline-block}slides>slide:not(.segue) hgroup .bug{background-image:url("../../images/icons/bug.png")}slides>slide:not(.segue) hgroup .bug.closed{background-image:url("../../images/icons/bug_closed.png")}slides>slide:not(.segue) hgroup .h5r{background-image:url("../../images/icons/h5r.png");display:inline-block;opacity:0.6}slides>slide:not(.segue) hgroup .polymer_link{display:inline-block;background-image:url("../../images/polymer/polymer-p.png");opacity:0.6}slides>slide:not(.segue) hgroup .radar,slides>slide:not(.segue) hgroup .bug:hover,slides>slide:not(.segue) hgroup .spec:hover,slides>slide:not(.segue) hgroup .h5r:hover,slides>slide:not(.segue) hgroup .polymer_link:hover{opacity:1}slides>slide .note{text-align:left}.highlight hgroup{position:absolute;bottom:40px;left:60px;background-color:rgba(0,0,0,0.6);padding:20px 25px;border-radius:5px;z-index:1000}.highlight hgroup h2,.highlight hgroup h3{color:white}.highlight.top hgroup{top:40px;bottom:initial}.highlight.right hgroup{left:initial;right:60px}.demo,.snippet-demo{text-transform:uppercase;padding:6px 12px 6px 12px;text-decoration:none;background-color:#759ae9;background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4387fd), color-stop(50%, #376fe0), color-stop(50%, #1a5ad9), color-stop(100%, #2463de));background:-webkit-linear-gradient(top, #4387fd 0%,#376fe0 50%,#1a5ad9 50%,#2463de 100%);background:-moz-linear-gradient(top, #4387fd 0%,#376fe0 50%,#1a5ad9 50%,#2463de 100%);background:-o-linear-gradient(top, #4387fd 0%,#376fe0 50%,#1a5ad9 50%,#2463de 100%);background:linear-gradient(top, #4387fd 0%,#376fe0 50%,#1a5ad9 50%,#2463de 100%);border-top:1px solid #1f58cc;border-right:1px solid #1b4db3;border-bottom:1px solid #174299;border-left:1px solid #1b4db3;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 0 2px 0 rgba(57,140,255,0.8);-moz-box-shadow:inset 0 0 2px 0 rgba(57,140,255,0.8);box-shadow:inset 0 0 2px 0 rgba(57,140,255,0.8);color:white;text-shadow:0 -1px 1px #1a5ad9;font-weight:600}.demo:hover,.snippet-demo:hover{color:white !important;background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4387fd), color-stop(50%, #376fe0), color-stop(50%, #242424), color-stop(100%, #2463de));background:-webkit-linear-gradient(top, #4387fd 0%,#376fe0 50%,#242424 50%,#2463de 100%);background:-moz-linear-gradient(top, #4387fd 0%,#376fe0 50%,#242424 50%,#2463de 100%);background:-o-linear-gradient(top, #4387fd 0%,#376fe0 50%,#242424 50%,#2463de 100%);background:linear-gradient(top, #4387fd 0%,#376fe0 50%,#242424 50%,#2463de 100%)}.icon.bad,.icon.good,.icon.sortof{margin-right:5px}.icon.bad{color:#e0543e}.icon.good{color:#00a86d}.icon.sortof{color:#f9cc46}label.bad,label.good,label.sortof{padding:8px;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;color:white;margin-right:5px;display:inline-block;vertical-align:middle;text-align:center;-webkit-transform:rotateZ(90deg);-moz-transform:rotateZ(90deg);-ms-transform:rotateZ(90deg);-o-transform:rotateZ(90deg);transform:rotateZ(90deg);-webkit-box-shadow:-2px 2px 3px 3px rgba(0,0,0,0.25) inset;-moz-box-shadow:-2px 2px 3px 3px rgba(0,0,0,0.25) inset;box-shadow:-2px 2px 3px 3px rgba(0,0,0,0.25) inset;width:20px;height:20px}label.bad:after,label.good:after,label.sortof:after{position:relative;left:2px;top:-5px}label.bad{background-color:#e0543e}label.bad::after{content:':('}label.good{background-color:#00a86d}label.good::after{content:':)'}label.sortof{background-color:#f9cc46}label.sortof::after{content:':|'}.code-example pre:after{content:'html';background-color:#a9a9a9;right:0;top:0;position:absolute;font-size:16pt;color:white;padding:2px 25px;text-transform:uppercase}.code-example.html pre:after{content:'html'}.code-example.js pre:after{content:'js'}.smaller ul>li::before{margin-top:1px;margin-left:-1.4em}.smaller [data-tooltip]:after{font-size:18px}.underline{border-bottom:4px solid currentcolor}.topmargin{margin-top:3em}.rounded{-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px}.grayscale{-webkit-filter:grayscale(1);-moz-filter:grayscale(1);-ms-filter:grayscale(1);filter:grayscale(1)}.hidden{display:none !important}.previewframe{display:block;border:none}.previewframe iframe{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.source.right{left:-moz-initial;left:initial;right:60px;bottom:60px}.source a{color:inherit;border:none}.snippet-demo{position:absolute;right:0;bottom:10px;border-top-right-radius:0;border-bottom-right-radius:0;border-top-left-radius:5px;border-bottom-left-radius:5px;box-shadow:-2px 2px 3px #a9a9a9}.snippet-demo:after{content:'RUN'}.snippet-demo:hover{color:white !important}.snippet-demo:active{bottom:8px}img.full{height:-webkit-fill-available;height:-moz-fill-available;height:-ms-fill-available;height:-o-fill-available;height:fill-available;width:auto}slide.large pre{font-size:4vw}slide.large blockquote{font-size:50px}slide.large select,slide.large input.example{zoom:3;border-width:0.5px}slide.large h2{font-size:9vw;line-height:initial}slide.large h3{font-size:5vw;line-height:initial}slide.title-slide{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}slide.title-slide [data-config-presenter]{margin-top:75px}slide.title-slide .auto-fadein{-webkit-transition:opacity 300ms ease-in-out;-webkit-transition-delay:1s;-moz-transition:opacity 300ms ease-in-out 1s;-o-transition:opacity 300ms ease-in-out 1s;transition:opacity 300ms ease-in-out 1s}slide.title-slide article{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;align-items:center;-webkit-justify-content:flex-end;-moz-justify-content:flex-end;-ms-justify-content:flex-end;justify-content:flex-end}slide.title-slide hgroup{bottom:-moz-initial;bottom:initial;position:relative}slide.title-slide hgroup p{font-size:inherit}slide.title-slide hgroup h1{font-size:90px}slide.title-slide hgroup h2{font-size:33px}.defintion h2{line-height:2}.defintion h3{line-height:1.5}body.with-notes .devtools{-webkit-box-shadow:0 -3px 10px #a9a9a9;-moz-box-shadow:0 -3px 10px #a9a9a9;box-shadow:0 -3px 10px #a9a9a9;-webkit-transform:translateY(0) !important;-moz-transform:translateY(0) !important;-ms-transform:translateY(0) !important;-o-transform:translateY(0) !important;transform:translateY(0) !important}.devtools{-webkit-transition:all 400ms ease-in-out;-moz-transition:all 400ms ease-in-out;-o-transition:all 400ms ease-in-out;transition:all 400ms ease-in-out;width:100%;background-size:contain;background-repeat:no-repeat;position:absolute;bottom:0;left:0;z-index:100}slide.browser-support{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}slide.browser-support .browser-support-row{-webkit-mask-size:457%;-moz-mask-size:457%;-ms-mask-size:457%;mask-size:457%;-webkit-transform:scale(0.6);-moz-transform:scale(0.6);-ms-transform:scale(0.6);-o-transform:scale(0.6);transform:scale(0.6);-webkit-transform-origin:0 50%;-moz-transform-origin:0 50%;-webkit-flex:1 0 970px;-moz-flex:1 0 970px;-ms-flex:1 0 970px;flex:1 0 970px}slide.browser-support article h3{font-size:45px;-webkit-flex:1 0 300px;-moz-flex:1 0 300px;-ms-flex:1 0 300px;flex:1 0 300px;white-space:nowrap;-webkit-align-self:center;-moz-align-self:center;align-self:center}slide.thank-you-slide{color:black}slide.thank-you-slide span{color:#797979}slide.thank-you-slide a{color:#2a7cdf}#first-slide,#finito{background:-moz-initial;background:initial}#first-slide.current ~ .backdrop:before,#first-slide.current ~ .backdrop:after,#finito.current ~ .backdrop:before,#finito.current ~ .backdrop:after{-webkit-background-size:125%;-moz-background-size:125%;-o-background-size:125%;background-size:125%;-webkit-filter:grayscale(1);-moz-filter:grayscale(1);-ms-filter:grayscale(1);filter:grayscale(1);height:50%}#first-slide.current ~ .backdrop:before,#finito.current ~ .backdrop:before{background-position:50% 66%}#first-slide.current ~ .backdrop:after,#finito.current ~ .backdrop:after{background-position:50% 32%}
