.core{color:#ffd14d}.core-bg{background-color:#ffd14d}.platform{color:#cd372d}.platform-bg{background-color:#f44a3f}.elements{color:#0da861}.elements-bg{background-color:#0da861}.applications{color:#2364d7}.applications-bg{background-color:#4387fd}.platform-bg .sidebar.platform{width:25px}.platform-bg .sidebar.platform::after{content:'\f085 \00a0 platform'}.core-bg .sidebar.core{width:25px}.core-bg .sidebar.core::after{content:'\f0c3 \00a0 core'}.elements-bg .sidebar.elements{width:25px}.elements-bg .sidebar.elements::after{content:'\f12e \00a0 elements'}.sidebar{overflow:hidden;font-family:'Open Sans', Arial, sans-serif;font-size:35px;position:absolute;height:100%;left:0;width:0;color:white;-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}.sidebar::after{text-shadow:1px 1px 1px rgba(0,0,0,0.2);font-family:FontAwesome;position:absolute;bottom:-10px;left:5px;-webkit-transform:rotateZ(-90deg);-moz-transform:rotateZ(-90deg);-ms-transform:rotateZ(-90deg);-o-transform:rotateZ(-90deg);transform:rotateZ(-90deg);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;transform-origin:0 0}.sidebar.left{-webkit-box-shadow:-3px 0 10px rgba(0,0,0,0.3) inset;-moz-box-shadow:-3px 0 10px rgba(0,0,0,0.3) inset;box-shadow:-3px 0 10px rgba(0,0,0,0.3) inset}.sidebar.right{-webkit-box-shadow:3px 0 10px rgba(0,0,0,0.3) inset;-moz-box-shadow:3px 0 10px rgba(0,0,0,0.3) inset;box-shadow:3px 0 10px rgba(0,0,0,0.3) inset;right:0;left:initial;left:-moz-initial}.sidebar.right::after{-webkit-transform:rotateZ(90deg);-moz-transform:rotateZ(90deg);-ms-transform:rotateZ(90deg);-o-transform:rotateZ(90deg);transform:rotateZ(90deg);-webkit-transform-origin:0 50%;-moz-transform-origin:0 50%;transform-origin:0 50%;bottom:initial}body.insane{background:url("../../images/bgs/insanity_cars.jpg") no-repeat 50% 50%;background-size:cover}body.site{background:url("../../images/polymer/homepage.png") no-repeat 0 50%;background-size:cover}body.readable{background:url("../../images/screenshots/gmail.png") no-repeat 0 0;background-size:cover}body.howwebuildapps{background:url("../../images/gifs/wtf.gif") no-repeat 50% 50%;background-size:cover}slide.current pre[data-code-cycle]::before{opacity:1}pre[data-code-cycle]{cursor:pointer}pre[data-code-cycle]::before{content:'click to cycle';color:#797979;background:url(../../images/icons/arrow_curve_blue.svg) no-repeat 50% 50%;position:absolute;right:75px;bottom:-20px;background-size:contain;height:50px;width:50px;font-size:20px;padding-left:60px;font-family:'Open Sans', Arial, sans-serif;letter-spacing:initial;letter-spacing:-moz-initial;-webkit-transition:opacity 300ms ease-in;-webkit-transition-delay:500ms;-moz-transition:opacity 300ms ease-in 500ms;-o-transition:opacity 300ms ease-in 500ms;transition:opacity 300ms ease-in 500ms;opacity:0;-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none}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}label.spec{background-image:none !important;font-size:60%;display:initial !important;vertical-align:top;margin-left:25px;opacity:1 !important;-webkit-transition:none !important;-moz-transition:none !important;-o-transition:none !important;transition:none !important;color:#a9a9a9;letter-spacing:initial}.architecture-diagram article,slides>slide.segue.elements article,slides>slide.segue.core article,slides>slide.segue.platform article{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg);background:url(../../images/polymer/architecture-diagram.svg) no-repeat;background-size:contain;background-position:-290px 50%;height:100%;margin-top:0;opacity:0;-webkit-transition:opacity 1s ease-in-out;-moz-transition:opacity 1s ease-in-out;-o-transition:opacity 1s ease-in-out;transition:opacity 1s ease-in-out}.architecture-diagram .overlay,slides>slide.segue.elements .overlay,slides>slide.segue.core .overlay,slides>slide.segue.platform .overlay{background:rgba(255,255,255,0.8);position:absolute;z-index:100;height:0;width:410px;-webkit-transition:height 1s ease-in-out;-webkit-transition-delay:2s;-moz-transition:height 1s ease-in-out 2s;-o-transition:height 1s ease-in-out 2s;transition:height 1s ease-in-out 2s}.architecture-diagram .overlay.top,slides>slide.segue.elements .overlay.top,slides>slide.segue.core .overlay.top,slides>slide.segue.platform .overlay.top{top:0}.architecture-diagram .overlay.bottom,slides>slide.segue.elements .overlay.bottom,slides>slide.segue.core .overlay.bottom,slides>slide.segue.platform .overlay.bottom{bottom:0}slides>slide{-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;border-radius:0;border-bottom:5px solid transparent;padding:0 40px}slides>slide:not(.nobackground)::before,slides>slide:not(.nobackground)::after{bottom:0;line-height:1.9}slides>slide:not(.nobackground)::before{width:100%;left:0}slides>slide:not(.nobackground)::after{right:10px}slides>slide.segue.elements,slides>slide.segue.core,slides>slide.segue.platform{padding-left:40px;padding-right:40px}slides>slide.segue.elements footer,slides>slide.segue.core footer,slides>slide.segue.platform footer{display:none}slides>slide.segue h3{font-size:25px;position:absolute}slides>slide.segue h3 .nounderline{border:none;color:#a9a9a9}slides>slide.nobackground footer{display:none}slides>slide:not(.segue):not(.nobackground).elements::before,slides>slide:not(.segue):not(.nobackground).platform::before,slides>slide:not(.segue):not(.nobackground).core::before{text-align:center}slides>slide:not(.segue):not(.nobackground).elements footer,slides>slide:not(.segue):not(.nobackground).platform footer,slides>slide:not(.segue):not(.nobackground).core footer{line-height:1.9;font-size:12pt;position:absolute;bottom:0;left:10px}slides>slide:not(.segue):not(.nobackground).elements footer [class*="icon-"]::after,slides>slide:not(.segue):not(.nobackground).platform footer [class*="icon-"]::after,slides>slide:not(.segue):not(.nobackground).core footer [class*="icon-"]::after{margin-left:5px}slides>slide:not(.segue):not(.nobackground).elements{border-color:#0da861}slides>slide:not(.segue):not(.nobackground).elements footer [class*="icon-"]::after{content:'elements'}slides>slide:not(.segue):not(.nobackground).platform{border-color:#cd372d}slides>slide:not(.segue):not(.nobackground).platform footer [class*="icon-"]::after{content:'platform'}slides>slide:not(.segue):not(.nobackground).core{border-color:#ffd14d}slides>slide:not(.segue):not(.nobackground).core footer [class*="icon-"]::after{content:'core'}slides>slide.elements,slides>slide.core,slides>slide.platform{color:inherit}slides>slide.elements.current article,slides>slide.core.current article,slides>slide.platform.current article{opacity:1}slides>slide.current.elements .overlay.top{height:0}slides>slide.current.elements .overlay.bottom{height:281px}slides>slide.current.core .overlay.top{height:296px}slides>slide.current.core .overlay.bottom{height:245px}slides>slide.current.platform .overlay.top{height:331px}slides>slide.current.platform .overlay.bottom{height:0}slides>slide article.flexbox{margin:0}#thumbsup h2{font-size:400px;-webkit-filter:drop-shadow(5px 5px 5px #a9a9a9);-o-filter:drop-shadow(5px 5px 5px #a9a9a9);-moz-filter:drop-shadow(5px 5px 5px #a9a9a9);-ms-filter:drop-shadow(5px 5px 5px #a9a9a9);filter:drop-shadow(5px 5px 5px #a9a9a9);-webkit-transform:rotateX(0);-moz-transform:rotateX(0);-ms-transform:rotateX(0);-o-transform:rotateX(0);transform:rotateX(0);-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transition:all 600ms cubic-bezier(0.17, 0.67, 0, 1.35);-moz-transition:all 600ms cubic-bezier(0.17, 0.67, 0, 1.35);-o-transition:all 600ms cubic-bezier(0.17, 0.67, 0, 1.35);transition:all 600ms cubic-bezier(0.17, 0.67, 0, 1.35);color:#0da861;opacity:1.0 !important}#thumbsup h2.to-build{-webkit-transform:rotateX(180deg);-moz-transform:rotateX(180deg);-ms-transform:rotateX(180deg);-o-transform:rotateX(180deg);transform:rotateX(180deg);color:#f44a3f}.component-demo{overflow:auto;height:125px}.component-demo output{font-size:16px}#tab-examples img{height:550px;position:absolute;-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-ms-transform:scale(0.8);-o-transform:scale(0.8);transform:scale(0.8);-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}#tab-examples img:nth-child(2){margin-left:100px}#tab-examples img:nth-child(3){margin-left:200px}#tab-examples img:nth-child(4){margin-left:300px}#tab-examples img:nth-child(5){margin-left:400px}#tab-examples img.build-current{-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}#polymer-flex-demo polymer-flex-layout{height:250px;cursor:pointer}#polymer-flex-demo polymer-flex-layout>*{font-weight:bold;padding:10px;background-color:purple;margin:5px;color:white}#more-complex-elements textarea,#published-properties textarea{display:none}#polymer-ui-elements div>div{-webkit-flex-direction:row;-moz-flex-direction:row;-o-flex-direction:row;-o-flex-direction:row;flex-direction:row}#polymer-ui-elements div>div img{height:200px}#polymer-ui-elements img{margin-bottom:40px;border:1px solid #e6e6e6}
