@charset "UTF-8";body{background:url("../../images/bgs/bg-rep.png")}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{height:0.5em;width:0.5em;margin-left:-1.2em;margin-top:3px;position:absolute}ol li{margin-bottom:0.5em}strong,b{font-weight:bold}em,i{font-style:italic}aside.gdbar{background:-webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #515151), color-stop(100%, transparent)) no-repeat;background:-webkit-linear-gradient(left, #515151,transparent) no-repeat;background:-moz-linear-gradient(left, #515151,transparent) no-repeat;background:-o-linear-gradient(left, #515151,transparent) no-repeat;background:linear-gradient(left, #515151,transparent) no-repeat;background-size:0 100%}slides>slide{padding:60px}slides>slide:not(.nobackground):before{display:none}slides>slide:not(.nobackground):after{bottom:3px;padding:3px 10px 0 0;right:0}slides>slide.backdrop{-webkit-box-shadow:5px 5px 30px #a9a9a9;-moz-box-shadow:5px 5px 30px #a9a9a9;box-shadow:5px 5px 30px #a9a9a9}slides>slide.backdrop:before,slides>slide.backdrop:after{content:'';display:block;box-sizing:border-box;width:100%;background:url(../../images/logos/chrome_logo.svg) no-repeat;-webkit-background-size:150%;-moz-background-size:150%;-o-background-size:150%;background-size:150%;-webkit-filter:grayscale(0.8);-o-filter:grayscale(0.8);-moz-filter:grayscale(0.8);-ms-filter:grayscale(0.8);filter:grayscale(0.8);height:35px;z-index:-1000;-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}slides>slide.backdrop:before{background-position:50% 65%;left:0;bottom:0}slides>slide.backdrop:after{right:0;top:0;background-position:50% 35%}slides>slide hgroup,slides>slide h2,slides>slide h3{text-shadow:#fff 0px 1px 0px,rgba(0,0,0,0.2) 0 2px 5px}slides>slide hgroup span{float:right}slides>slide hgroup h2 img,slides>slide hgroup h3 img{height:35px}slides>slide hgroup .spec,slides>slide hgroup .bug,slides>slide hgroup .radar{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 hgroup .bug,slides>slide hgroup .spec{background-image:url("../../images/icons/gears.svg");display:inline-block}slides>slide hgroup .bug{background-image:url("../../images/icons/bug.png")}slides>slide hgroup .bug.closed{background-image:url("../../images/icons/bug_closed.png")}slides>slide hgroup .radar,slides>slide hgroup .bug:hover,slides>slide hgroup .spec:hover{opacity:0.8}slides>slide .note{text-align:left}.highlight hgroup h2,.highlight hgroup h3{text-shadow:0 0 40px #fff,0 0 40px #fff,0 0 0px #fff,0 0 40px #fff,0 0 40px #fff;-webkit-filter:drop-shadow(0 0 15px #fff);-o-filter:drop-shadow(0 0 15px #fff);-moz-filter:drop-shadow(0 0 15px #fff);-ms-filter:drop-shadow(0 0 15px #fff);filter:drop-shadow(0 0 15px #fff);color:black}.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{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%)}label.bad,label.good,label.sortof{padding:10px;-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:':|'}.smaller ul>li::before{margin-top:1px;margin-left:-1.4em}.smaller [data-tooltip]:after{font-size:18px}.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);-o-filter:grayscale(1);-moz-filter:grayscale(1);-ms-filter:grayscale(1);filter:grayscale(1)}.hidden{display:none !important}#who a{border:none}#who .avatar{float:right;background:url(https://lh6.googleusercontent.com/-0W5UECRQxqc/TrIv9fqjOaI/AAAAAAAACns/6Hm7wJfJKz8/IMG_20111031_121123.jpg?sz=500) -10px 0;width:365px;height:500px;-webkit-mask-size:50% 50%;-moz-mask-size:50% 50%;-ms-mask-size:50% 50%;-o-mask-size:50% 50%;mask-size:50% 50%;-webkit-mask-position:50% 50%;-moz-mask-position:50% 50%;-ms-mask-position:50% 50%;-o-mask-position:50% 50%;mask-position:50% 50%;-webkit-transition:-webkit-mask-size 0.6s cubic-bezier(0.17, 0.67, 0, 1.45);-moz-transition:-moz-mask-size 1s cubic-bezier(0.17, 0.67, 0, 1.45);-o-transition:-o-mask-size 1s cubic-bezier(0.17, 0.67, 0, 1.45);-ms-transition:-ms-mask-size 1s cubic-bezier(0.17, 0.67, 0, 1.45)}#who .avatar.to-build{opacity:1}#who .avatar.build-current,#who .avatar:hover{-webkit-mask-size:100% 100%;-moz-mask-size:100% 100%;-ms-mask-size:100% 100%;-o-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-image:url(../../images/logos/HTML5_Badge.svg);-moz-mask-image:url(../../images/logos/HTML5_Badge.svg);-ms-mask-image:url(../../images/logos/HTML5_Badge.svg);-o-mask-image:url(../../images/logos/HTML5_Badge.svg);mask-image:url(../../images/logos/HTML5_Badge.svg)}#who img{vertical-align:middle;margin-right:10px}[data-tooltip-property],[data-tooltip]{position:relative;cursor:inherit;border-bottom:none}[data-tooltip-property]:hover[data-tooltip-active],[data-tooltip]:hover[data-tooltip-active]{cursor:cursor}[data-tooltip-property]:hover[data-tooltip-active]:before,[data-tooltip-property]:hover[data-tooltip-active]:after,[data-tooltip]:hover[data-tooltip-active]:before,[data-tooltip]:hover[data-tooltip-active]:after{position:absolute;z-index:100;font-size:20px;white-space:pre}[data-tooltip-property]:hover[data-tooltip-active]:before,[data-tooltip]:hover[data-tooltip-active]: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[data-tooltip-active]:after,[data-tooltip]:hover[data-tooltip-active]: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:330px;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}.funnyimage{background-size:contain;background-position:50% 50%;background-repeat:no-repeat;background-origin:content-box}.funnyimage h2,.funnyimage h3{font-family:'Chango';font-size:100px;text-transform:uppercase;color:white;text-shadow:rgba(0,0,0,0.2) 10px 12px 1px}.funnyimage h2{position:relative;left:195px;top:25px}.funnyimage h3{position:absolute;bottom:0;right:235px}.funnyimage.current.funnyimage ~ .backdrop{display:none !important}.notnewconcept h2,.notnewconcept h3{font-size:65px;line-height:1;left:initial;right:initial;text-align:center}.notnewconcept h2{top:10px}.notnewconcept h3{position:relative;top:410px}.notnewconcept.note h2,.notnewconcept.note h3{font-size:55px;width:626px}.notnewconcept.note h2{position:absolute;top:80px}.notnewconcept.note h3{bottom:30px;top:initial;position:absolute}#b2tf h2{color:white}#b2tf article{color:black;font-size:50px;background-color:rgba(255,255,255,0);border-radius:10px;-webkit-transition:background-color 0.6s ease-in;-webkit-transition-delay:1s;-moz-transition:background-color 0.6s ease-in 1s;-o-transition:background-color 0.6s ease-in 1s;transition:background-color 0.6s ease-in 1s 0.5}slide#b2tf.current article.auto-fadein{background-color:rgba(255,255,255,0.6)}slide.title-slide{padding:0}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:-o-flex;display:flex;-webkit-align-items:center;-moz-align-items:center;-o-align-items:center;-o-align-items:center;align-items:center;-webkit-justify-content:center;-moz-justify-content:center;-o-justify-content:center;-o-justify-content:center;justify-content:center}slide.title-slide img{height:125px}slide.title-slide hgroup{bottom:initial;position:relative;margin-left:1em;text-align:left}slide.title-slide hgroup h1{font-size:60px}slide.title-slide hgroup p{margin:0}slide.dirty-sexy h3{left:25%;text-shadow:0 0 20px #fc0,0 0 20px #fc0,0 0 20px #fc0,0 0 20px #fc0,0 0 20px #fc0}.defintion h2{line-height:2}.defintion h3{line-height:1.5}.shadowvideo{overflow:hidden;height:200px}.shadowvideo video{float:left;position:relative;top:-120px}#shadow-dom-segue hgroup,#mutation-segue hgroup{bottom:170px}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}.host{border-top:1px dashed #a9a9a9;border-bottom:1px dashed #a9a9a9;padding-bottom:15px}#shadow-dom-render .devtools{-webkit-transform:translateY(233px);-moz-transform:translateY(233px);-ms-transform:translateY(233px);-o-transform:translateY(233px);transform:translateY(233px);height:233px;background-image:url(../../images/shadow/devtools.png)}#shadow-style-control [data-action-resetstyleinheritance],#shadow-style-control [data-action-applyauthorstyles]{cursor:pointer}.with-notes #insertion-points2 .auto-fadein{background-position:50% 0%}#insertion-points2 article{margin:0}#insertion-points2 div{background-image:url(../../images/shadow/insertion-points.svg);background-position:0% 100%;background-repeat:no-repeat;background-size:85%;-webkit-transition:background-position 600ms ease-in-out;-moz-transition:background-position 600ms ease-in-out;-o-transition:background-position 600ms ease-in-out;transition:background-position 600ms ease-in-out;width:100%;height:100%}#insertion-points2 div.to-build{background-position:50% 0%}#shadow-dom-insertion-pts-example pre{min-height:210px}.unstyled *{font:initial;font-size:100px;text-shadow:initial;color:initial;line-height:initial;letter-spacing:initial;font-weight:initial;margin:initial;padding:initial;text-align:initial}#mutation-segue{background-position-y:50%}#obj-observe-binding p img{height:65%}#obj-observe-binding p.fleft{float:left;margin-right:20px}#obj-observe-binding p:last-of-type{margin-top:15%;font-weight:600;font-size:40px;color:#0da861}#pseduo-element-styling .input-list>span{margin-right:1em}#pseduo-element-styling input[type=range].custom{-webkit-appearance:none;background-color:red}#pseduo-element-styling input[type=range].custom::-webkit-slider-thumb{-webkit-appearance:none;background-color:blue;width:10px;height:40px}#pseduo-element-styling input[type="range"].custom.bling{-webkit-appearance:none;-webkit-box-shadow:inset 0 0 10px #000;-moz-box-shadow:inset 0 0 10px #000;box-shadow:inset 0 0 10px #000;border-radius:50px 5px;padding:5px;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%)}#pseduo-element-styling input[type="range"].custom.bling::-webkit-slider-thumb{-webkit-appearance:none;background-color:white;opacity:0.8;width:20px;height:25px;-webkit-box-shadow:3px 3px 5px #000;-moz-box-shadow:3px 3px 5px #000;box-shadow:3px 3px 5px #000;border-radius:50px 5px}body.with-notes #customels-tab-devtools p{height:100%}#customels-tab-devtools article{left:0;bottom:0;position:absolute}#customels-tab-devtools img,#customels-tab-devtools p{width:100%}#customels-tab-devtools p{height:170px;-webkit-transition:height 400ms;-moz-transition:height 400ms;-o-transition:height 400ms;transition:height 400ms;background-image:url(../../images/screenshots/yui_tabs.png);background-size:100% 575px;background-position:50% -8px}#customels-tab-devtools p.active{height:100%}.angular-template-example{border-top:1px dashed #a9a9a9;border-bottom:1px dashed #a9a9a9}.angular-template-example ol{margin-top:15px;margin-bottom:0}#tab-component-example article h3{text-align:center}#tab-component-example article h3 img{height:35px}#tab-component-example pre{min-height:330px}#first-slide.current ~ .backdrop:before,#first-slide.current ~ .backdrop:after{-webkit-background-size:125%;-moz-background-size:125%;-o-background-size:125%;background-size:125%;-webkit-filter:grayscale(0);-o-filter:grayscale(0);-moz-filter:grayscale(0);-ms-filter:grayscale(0);filter:grayscale(0);height:50%}#first-slide.current ~ .backdrop:before{background-position:50% 66%}#first-slide.current ~ .backdrop:after{background-position:50% 32%}.title-slide.current ~ .backdrop:before,.title-slide.current ~ .backdrop:after{-webkit-background-size:150%;-moz-background-size:150%;-o-background-size:150%;background-size:150%;-webkit-filter:grayscale(0.8);-o-filter:grayscale(0.8);-moz-filter:grayscale(0.8);-ms-filter:grayscale(0.8);filter:grayscale(0.8)}.title-slide.current ~ .backdrop:before{background-position:50% 65%;height:34%}.title-slide.current ~ .backdrop:after{background-position:50% 35%;height:37%}#first-slide,slide.thank-you-slide{background:initial !important}#first-slide.current ~ .backdrop:before,#first-slide.current ~ .backdrop:after,slide.thank-you-slide.current ~ .backdrop:before,slide.thank-you-slide.current ~ .backdrop:after{-webkit-background-size:125%;-moz-background-size:125%;-o-background-size:125%;background-size:125%;-webkit-filter:grayscale(0);-o-filter:grayscale(0);-moz-filter:grayscale(0);-ms-filter:grayscale(0);filter:grayscale(0);height:50%}#first-slide.current ~ .backdrop:before,slide.thank-you-slide.current ~ .backdrop:before{background-position:50% 66%}#first-slide.current ~ .backdrop:after,slide.thank-you-slide.current ~ .backdrop:after{background-position:50% 32%}