/*!
 * reveal.js
 * http://revealjs.com
 * MIT licensed
 *
 * Copyright (C) 2019 Hakim El Hattab, http://hakim.se
 */ /*********************************************
 * GLOBAL STYLES
 *********************************************/ html { width:100%; height:100%; height:100vh; height:calc(var(--vh, 1vh) * 100); overflow:hidden; }

 body { height:100%; overflow:hidden; position:relative; line-height:1; margin:0; background-color:#fff; color:#000; }

 /*********************************************
 * VIEW FRAGMENTS
 *********************************************/ .reveal .slides section .fragment { opacity:0; visibility:hidden; transition:all 0.2s ease; }

 .reveal .slides section .fragment.visible { opacity:1; visibility:inherit; }

 .reveal .slides section .fragment.grow { opacity:1; visibility:inherit; }

 .reveal .slides section .fragment.grow.visible { transform:scale(1.3); }

 .reveal .slides section .fragment.shrink { opacity:1; visibility:inherit; }

 .reveal .slides section .fragment.shrink.visible { transform:scale(0.7); }

 .reveal .slides section .fragment.zoom-in { transform:scale(0.1); }

 .reveal .slides section .fragment.zoom-in.visible { transform:none; }

 .reveal .slides section .fragment.fade-out { opacity:1; visibility:inherit; }

 .reveal .slides section .fragment.fade-out.visible { opacity:0; visibility:hidden; }

 .reveal .slides section .fragment.semi-fade-out { opacity:1; visibility:inherit; }

 .reveal .slides section .fragment.semi-fade-out.visible { opacity:0.5; visibility:inherit; }

 .reveal .slides section .fragment.strike { opacity:1; visibility:inherit; }

 .reveal .slides section .fragment.strike.visible { text-decoration:line-through; }

 .reveal .slides section .fragment.fade-up { transform:translate(0, 20%); }

 .reveal .slides section .fragment.fade-up.visible { transform:translate(0, 0); }

 .reveal .slides section .fragment.fade-down { transform:translate(0, -20%); }

 .reveal .slides section .fragment.fade-down.visible { transform:translate(0, 0); }

 .reveal .slides section .fragment.fade-right { transform:translate(-20%, 0); }

 .reveal .slides section .fragment.fade-right.visible { transform:translate(0, 0); }

 .reveal .slides section .fragment.fade-left { transform:translate(20%, 0); }

 .reveal .slides section .fragment.fade-left.visible { transform:translate(0, 0); }

 .reveal .slides section .fragment.fade-in-then-out,.reveal .slides section .fragment.current-visible { opacity:0; visibility:hidden; }

 .reveal .slides section .fragment.fade-in-then-out.current-fragment,.reveal .slides section .fragment.current-visible.current-fragment { opacity:1; visibility:inherit; }

 .reveal .slides section .fragment.fade-in-then-semi-out { opacity:0; visibility:hidden; }

 .reveal .slides section .fragment.fade-in-then-semi-out.visible { opacity:0.5; visibility:inherit; }

 .reveal .slides section .fragment.fade-in-then-semi-out.current-fragment { opacity:1; visibility:inherit; }

 .reveal .slides section .fragment.highlight-red,.reveal .slides section .fragment.highlight-current-red,.reveal .slides section .fragment.highlight-green,.reveal .slides section .fragment.highlight-current-green,.reveal .slides section .fragment.highlight-blue,.reveal .slides section .fragment.highlight-current-blue { opacity:1; visibility:inherit; }

 .reveal .slides section .fragment.highlight-red.visible { color:#ff2c2d; }

 .reveal .slides section .fragment.highlight-green.visible { color:#17ff2e; }

 .reveal .slides section .fragment.highlight-blue.visible { color:#1b91ff; }

 .reveal .slides section .fragment.highlight-current-red.current-fragment { color:#ff2c2d; }

 .reveal .slides section .fragment.highlight-current-green.current-fragment { color:#17ff2e; }

 .reveal .slides section .fragment.highlight-current-blue.current-fragment { color:#1b91ff; }

 /*********************************************
 * DEFAULT ELEMENT STYLES
 *********************************************/ /* Fixes issue in Chrome where italic fonts did not appear when printing to PDF */ .reveal:after { content:''; font-style:italic; }

 .reveal iframe { z-index:1; }

 /** Prevents layering issues in certain browser/transition combinations */ .reveal .stretch { max-width:none; max-height:none; }

 .reveal pre.stretch code { height:100%; max-height:100%; box-sizing:border-box; }

 /*********************************************
 * CONTROLS
 *********************************************/ @keyframes bounce-right { 0%,10%,25%,40%,50% { transform:translateX(0); }

 20% { transform:translateX(10px); }

 30% { transform:translateX(-5px); }

 }

 @keyframes bounce-down { 0%,10%,25%,40%,50% { transform:translateY(0); }

 20% { transform:translateY(10px); }

 30% { transform:translateY(-5px); }

 }

 .reveal .controls { display:none; position:absolute; top:auto; bottom:12px; right:12px; left:auto; z-index:1; color:#000; pointer-events:none; font-size:10px; }

 .reveal .controls button { position:absolute; padding:0; background-color:transparent; border:0; outline:0; cursor:pointer; color:currentColor; transform:scale(0.9999); transition:color 0.2s ease, opacity 0.2s ease, transform 0.2s ease; z-index:2; pointer-events:auto; font-size:inherit; visibility:hidden; opacity:0; -webkit-appearance:none; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); }

 .reveal .controls .controls-arrow:before,.reveal .controls .controls-arrow:after { content:''; position:absolute; top:0; left:0; width:2.6em; height:0.5em; border-radius:0.25em; background-color:currentColor; transition:all 0.15s ease, background-color 0.8s ease; transform-origin:0.2em 50%; will-change:transform; }

 .reveal .controls .controls-arrow { position:relative; width:3.6em; height:3.6em; }

 .reveal .controls .controls-arrow:before { transform:translateX(0.5em) translateY(1.55em) rotate(45deg); }

 .reveal .controls .controls-arrow:after { transform:translateX(0.5em) translateY(1.55em) rotate(-45deg); }

 .reveal .controls .controls-arrow:hover:before { transform:translateX(0.5em) translateY(1.55em) rotate(40deg); }

 .reveal .controls .controls-arrow:hover:after { transform:translateX(0.5em) translateY(1.55em) rotate(-40deg); }

 .reveal .controls .controls-arrow:active:before { transform:translateX(0.5em) translateY(1.55em) rotate(36deg); }

 .reveal .controls .controls-arrow:active:after { transform:translateX(0.5em) translateY(1.55em) rotate(-36deg); }

 .reveal .controls .navigate-left { right:6.4em; bottom:3.2em; transform:translateX(-10px); }

 .reveal .controls .navigate-right { right:0; bottom:3.2em; transform:translateX(10px); }

 .reveal .controls .navigate-right .controls-arrow { transform:rotate(180deg); }

 .reveal .controls .navigate-right.highlight { animation:bounce-right 2s 50 both ease-out; }

 .reveal .controls .navigate-up { right:3.2em; bottom:6.4em; transform:translateY(-10px); }

 .reveal .controls .navigate-up .controls-arrow { transform:rotate(90deg); }

 .reveal .controls .navigate-down { right:3.2em; bottom:0; transform:translateY(10px); }

 .reveal .controls .navigate-down .controls-arrow { transform:rotate(-90deg); }

 .reveal .controls .navigate-down.highlight { animation:bounce-down 2s 50 both ease-out; }

 .reveal .controls[data-controls-back-arrows="faded"] .navigate-left.enabled,.reveal .controls[data-controls-back-arrows="faded"] .navigate-up.enabled { opacity:0.3; }

 .reveal .controls[data-controls-back-arrows="faded"] .navigate-left.enabled:hover,.reveal .controls[data-controls-back-arrows="faded"] .navigate-up.enabled:hover { opacity:1; }

 .reveal .controls[data-controls-back-arrows="hidden"] .navigate-left.enabled,.reveal .controls[data-controls-back-arrows="hidden"] .navigate-up.enabled { opacity:0; visibility:hidden; }

 .reveal .controls .enabled { visibility:visible; opacity:0.9; cursor:pointer; transform:none; }

 .reveal .controls .enabled.fragmented { opacity:0.5; }

 .reveal .controls .enabled:hover,.reveal .controls .enabled.fragmented:hover { opacity:1; }

 .reveal[data-navigation-mode="linear"].has-horizontal-slides .navigate-up,.reveal[data-navigation-mode="linear"].has-horizontal-slides .navigate-down { display:none; }

 .reveal[data-navigation-mode="linear"].has-horizontal-slides .navigate-left,.reveal:not(.has-vertical-slides) .controls .navigate-left { bottom:1.4em; right:5.5em; }

 .reveal[data-navigation-mode="linear"].has-horizontal-slides .navigate-right,.reveal:not(.has-vertical-slides) .controls .navigate-right { bottom:1.4em; right:0.5em; }

 .reveal:not(.has-horizontal-slides) .controls .navigate-up { right:1.4em; bottom:5em; }

 .reveal:not(.has-horizontal-slides) .controls .navigate-down { right:1.4em; bottom:0.5em; }

 .reveal.has-dark-background .controls { color:#fff; }

 .reveal.has-light-background .controls { color:#000; }

 .reveal.no-hover .controls .controls-arrow:hover:before,.reveal.no-hover .controls .controls-arrow:active:before { transform:translateX(0.5em) translateY(1.55em) rotate(45deg); }

 .reveal.no-hover .controls .controls-arrow:hover:after,.reveal.no-hover .controls .controls-arrow:active:after { transform:translateX(0.5em) translateY(1.55em) rotate(-45deg); }

 @media screen and (min-width:500px) { .reveal .controls[data-controls-layout="edges"] { top:0; right:0; bottom:0; left:0; }

 .reveal .controls[data-controls-layout="edges"] .navigate-left,.reveal .controls[data-controls-layout="edges"] .navigate-right,.reveal .controls[data-controls-layout="edges"] .navigate-up,.reveal .controls[data-controls-layout="edges"] .navigate-down { bottom:auto; right:auto; }

 .reveal .controls[data-controls-layout="edges"] .navigate-left { top:50%; left:8px; margin-top:-1.8em; }

 .reveal .controls[data-controls-layout="edges"] .navigate-right { top:50%; right:8px; margin-top:-1.8em; }

 .reveal .controls[data-controls-layout="edges"] .navigate-up { top:8px; left:50%; margin-left:-1.8em; }

 .reveal .controls[data-controls-layout="edges"] .navigate-down { bottom:8px; left:50%; margin-left:-1.8em; }

 }

 /*********************************************
 * PROGRESS BAR
 *********************************************/ .reveal .progress { position:absolute; display:none; height:3px; width:100%; bottom:0; left:0; z-index:10; background-color:rgba(0, 0, 0, 0.2); color:#fff; }

 .reveal .progress:after { content:''; display:block; position:absolute; height:10px; width:100%; top:-10px; }

 .reveal .progress span { display:block; height:100%; width:0px; background-color:currentColor; transition:width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }

 /*********************************************
 * SLIDE NUMBER
 *********************************************/ .reveal .slide-number { position:absolute; display:block; right:8px; bottom:8px; z-index:31; font-family:Helvetica, sans-serif; font-size:12px; line-height:1; color:#fff; background-color:rgba(0, 0, 0, 0.4); padding:5px; }

 .reveal .slide-number a { color:currentColor; }

 .reveal .slide-number-delimiter { margin:0 3px; }

 /*********************************************
 * SLIDES
 *********************************************/ .reveal { position:relative; width:100%; height:100%; overflow:hidden; touch-action:pinch-zoom; }

 .reveal .slides { position:absolute; width:100%; height:100%; top:0; right:0; bottom:0; left:0; margin:auto; pointer-events:none; overflow:visible; z-index:1; perspective:600px; perspective-origin:50% 40%; }

 .reveal .slides > section { perspective:600px; }

 .reveal .slides > section,.reveal .slides > section > section { display:none; position:absolute; width:100%; pointer-events:auto; z-index:10; transform-style:flat; transition:transform-origin 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), transform 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), visibility 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), opacity 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }

 /* Global transition speed settings */ .reveal[data-transition-speed="fast"] .slides section { transition-duration:400ms; }

 .reveal[data-transition-speed="slow"] .slides section { transition-duration:1200ms; }

 /* Slide-specific transition speed overrides */ .reveal .slides section[data-transition-speed="fast"] { transition-duration:400ms; }

 .reveal .slides section[data-transition-speed="slow"] { transition-duration:1200ms; }

 .reveal .slides > section.stack { padding-top:0; padding-bottom:0; pointer-events:none; height:100%; }

 .reveal .slides > section.present,.reveal .slides > section > section.present { display:block; z-index:11; opacity:1; }

 .reveal .slides > section:empty,.reveal .slides > section > section:empty,.reveal .slides > section[data-background-interactive],.reveal .slides > section > section[data-background-interactive] { pointer-events:none; }

 .reveal.center,.reveal.center .slides,.reveal.center .slides section { min-height:0 !important; }

 /* Don't allow interaction with invisible slides */ .reveal .slides > section.future,.reveal .slides > section > section.future,.reveal .slides > section.past,.reveal .slides > section > section.past { pointer-events:none; }

 .reveal.overview .slides > section,.reveal.overview .slides > section > section { pointer-events:auto; }

 .reveal .slides > section.past,.reveal .slides > section.future,.reveal .slides > section > section.past,.reveal .slides > section > section.future { opacity:0; }

 /*********************************************
 * Mixins for readability of transitions
 *********************************************/ /*********************************************
 * SLIDE TRANSITION
 * Aliased 'linear' for backwards compatibility
 *********************************************/ .reveal.slide section { backface-visibility:hidden; }

 .reveal .slides > section[data-transition=slide].past,.reveal .slides > section[data-transition~=slide-out].past,.reveal.slide .slides > section:not([data-transition]).past { transform:translate(-150%, 0); }

 .reveal .slides > section[data-transition=slide].future,.reveal .slides > section[data-transition~=slide-in].future,.reveal.slide .slides > section:not([data-transition]).future { transform:translate(150%, 0); }

 .reveal .slides > section > section[data-transition=slide].past,.reveal .slides > section > section[data-transition~=slide-out].past,.reveal.slide .slides > section > section:not([data-transition]).past { transform:translate(0, -150%); }

 .reveal .slides > section > section[data-transition=slide].future,.reveal .slides > section > section[data-transition~=slide-in].future,.reveal.slide .slides > section > section:not([data-transition]).future { transform:translate(0, 150%); }

 .reveal.linear section { backface-visibility:hidden; }

 .reveal .slides > section[data-transition=linear].past,.reveal .slides > section[data-transition~=linear-out].past,.reveal.linear .slides > section:not([data-transition]).past { transform:translate(-150%, 0); }

 .reveal .slides > section[data-transition=linear].future,.reveal .slides > section[data-transition~=linear-in].future,.reveal.linear .slides > section:not([data-transition]).future { transform:translate(150%, 0); }

 .reveal .slides > section > section[data-transition=linear].past,.reveal .slides > section > section[data-transition~=linear-out].past,.reveal.linear .slides > section > section:not([data-transition]).past { transform:translate(0, -150%); }

 .reveal .slides > section > section[data-transition=linear].future,.reveal .slides > section > section[data-transition~=linear-in].future,.reveal.linear .slides > section > section:not([data-transition]).future { transform:translate(0, 150%); }

 /*********************************************
 * CONVEX TRANSITION
 * Aliased 'default' for backwards compatibility
 *********************************************/ .reveal .slides section[data-transition=default].stack,.reveal.default .slides section.stack { transform-style:preserve-3d; }

 .reveal .slides > section[data-transition=default].past,.reveal .slides > section[data-transition~=default-out].past,.reveal.default .slides > section:not([data-transition]).past { transform:translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); }

 .reveal .slides > section[data-transition=default].future,.reveal .slides > section[data-transition~=default-in].future,.reveal.default .slides > section:not([data-transition]).future { transform:translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); }

 .reveal .slides > section > section[data-transition=default].past,.reveal .slides > section > section[data-transition~=default-out].past,.reveal.default .slides > section > section:not([data-transition]).past { transform:translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0); }

 .reveal .slides > section > section[data-transition=default].future,.reveal .slides > section > section[data-transition~=default-in].future,.reveal.default .slides > section > section:not([data-transition]).future { transform:translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0); }

 .reveal .slides section[data-transition=convex].stack,.reveal.convex .slides section.stack { transform-style:preserve-3d; }

 .reveal .slides > section[data-transition=convex].past,.reveal .slides > section[data-transition~=convex-out].past,.reveal.convex .slides > section:not([data-transition]).past { transform:translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); }

 .reveal .slides > section[data-transition=convex].future,.reveal .slides > section[data-transition~=convex-in].future,.reveal.convex .slides > section:not([data-transition]).future { transform:translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); }

 .reveal .slides > section > section[data-transition=convex].past,.reveal .slides > section > section[data-transition~=convex-out].past,.reveal.convex .slides > section > section:not([data-transition]).past { transform:translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0); }

 .reveal .slides > section > section[data-transition=convex].future,.reveal .slides > section > section[data-transition~=convex-in].future,.reveal.convex .slides > section > section:not([data-transition]).future { transform:translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0); }

 /*********************************************
 * CONCAVE TRANSITION
 *********************************************/ .reveal .slides section[data-transition=concave].stack,.reveal.concave .slides section.stack { transform-style:preserve-3d; }

 .reveal .slides > section[data-transition=concave].past,.reveal .slides > section[data-transition~=concave-out].past,.reveal.concave .slides > section:not([data-transition]).past { transform:translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0); }

 .reveal .slides > section[data-transition=concave].future,.reveal .slides > section[data-transition~=concave-in].future,.reveal.concave .slides > section:not([data-transition]).future { transform:translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0); }

 .reveal .slides > section > section[data-transition=concave].past,.reveal .slides > section > section[data-transition~=concave-out].past,.reveal.concave .slides > section > section:not([data-transition]).past { transform:translate3d(0, -80%, 0) rotateX(-70deg) translate3d(0, -80%, 0); }

 .reveal .slides > section > section[data-transition=concave].future,.reveal .slides > section > section[data-transition~=concave-in].future,.reveal.concave .slides > section > section:not([data-transition]).future { transform:translate3d(0, 80%, 0) rotateX(70deg) translate3d(0, 80%, 0); }

 /*********************************************
 * ZOOM TRANSITION
 *********************************************/ .reveal .slides section[data-transition=zoom],.reveal.zoom .slides section:not([data-transition]) { transition-timing-function:ease; }

 .reveal .slides > section[data-transition=zoom].past,.reveal .slides > section[data-transition~=zoom-out].past,.reveal.zoom .slides > section:not([data-transition]).past { visibility:hidden; transform:scale(16); }

 .reveal .slides > section[data-transition=zoom].future,.reveal .slides > section[data-transition~=zoom-in].future,.reveal.zoom .slides > section:not([data-transition]).future { visibility:hidden; transform:scale(0.2); }

 .reveal .slides > section > section[data-transition=zoom].past,.reveal .slides > section > section[data-transition~=zoom-out].past,.reveal.zoom .slides > section > section:not([data-transition]).past { transform:scale(16); }

 .reveal .slides > section > section[data-transition=zoom].future,.reveal .slides > section > section[data-transition~=zoom-in].future,.reveal.zoom .slides > section > section:not([data-transition]).future { transform:scale(0.2); }

 /*********************************************
 * CUBE TRANSITION
 *
 * WARNING:
 * this is deprecated and will be removed in a
 * future version.
 *********************************************/ .reveal.cube .slides { perspective:1300px; }

 .reveal.cube .slides section { padding:30px; min-height:700px; backface-visibility:hidden; box-sizing:border-box; transform-style:preserve-3d; }

 .reveal.center.cube .slides section { min-height:0; }

 .reveal.cube .slides section:not(.stack):before { content:''; position:absolute; display:block; width:100%; height:100%; left:0; top:0; background:rgba(0, 0, 0, 0.1); border-radius:4px; transform:translateZ(-20px); }

 .reveal.cube .slides section:not(.stack):after { content:''; position:absolute; display:block; width:90%; height:30px; left:5%; bottom:0; background:none; z-index:1; border-radius:4px; box-shadow:0px 95px 25px rgba(0, 0, 0, 0.2); transform:translateZ(-90px) rotateX(65deg); }

 .reveal.cube .slides > section.stack { padding:0; background:none; }

 .reveal.cube .slides > section.past { transform-origin:100% 0%; transform:translate3d(-100%, 0, 0) rotateY(-90deg); }

 .reveal.cube .slides > section.future { transform-origin:0% 0%; transform:translate3d(100%, 0, 0) rotateY(90deg); }

 .reveal.cube .slides > section > section.past { transform-origin:0% 100%; transform:translate3d(0, -100%, 0) rotateX(90deg); }

 .reveal.cube .slides > section > section.future { transform-origin:0% 0%; transform:translate3d(0, 100%, 0) rotateX(-90deg); }

 /*********************************************
 * PAGE TRANSITION
 *
 * WARNING:
 * this is deprecated and will be removed in a
 * future version.
 *********************************************/ .reveal.page .slides { perspective-origin:0% 50%; perspective:3000px; }

 .reveal.page .slides section { padding:30px; min-height:700px; box-sizing:border-box; transform-style:preserve-3d; }

 .reveal.page .slides section.past { z-index:12; }

 .reveal.page .slides section:not(.stack):before { content:''; position:absolute; display:block; width:100%; height:100%; left:0; top:0; background:rgba(0, 0, 0, 0.1); transform:translateZ(-20px); }

 .reveal.page .slides section:not(.stack):after { content:''; position:absolute; display:block; width:90%; height:30px; left:5%; bottom:0; background:none; z-index:1; border-radius:4px; box-shadow:0px 95px 25px rgba(0, 0, 0, 0.2); -webkit-transform:translateZ(-90px) rotateX(65deg); }

 .reveal.page .slides > section.stack { padding:0; background:none; }

 .reveal.page .slides > section.past { transform-origin:0% 0%; transform:translate3d(-40%, 0, 0) rotateY(-80deg); }

 .reveal.page .slides > section.future { transform-origin:100% 0%; transform:translate3d(0, 0, 0); }

 .reveal.page .slides > section > section.past { transform-origin:0% 0%; transform:translate3d(0, -40%, 0) rotateX(80deg); }

 .reveal.page .slides > section > section.future { transform-origin:0% 100%; transform:translate3d(0, 0, 0); }

 /*********************************************
 * FADE TRANSITION
 *********************************************/ .reveal .slides section[data-transition=fade],.reveal.fade .slides section:not([data-transition]),.reveal.fade .slides > section > section:not([data-transition]) { transform:none; transition:opacity 0.5s; }

 .reveal.fade.overview .slides section,.reveal.fade.overview .slides > section > section { transition:none; }

 /*********************************************
 * NO TRANSITION
 *********************************************/ .reveal .slides section[data-transition=none],.reveal.none .slides section:not([data-transition]) { transform:none; transition:none; }

 /*********************************************
 * PAUSED MODE
 *********************************************/ .reveal .pause-overlay { position:absolute; top:0; left:0; width:100%; height:100%; background:black; visibility:hidden; opacity:0; z-index:100; transition:all 1s ease; }

 .reveal .pause-overlay .resume-button { position:absolute; bottom:20px; right:20px; color:#ccc; border-radius:2px; padding:6px 14px; border:2px solid #ccc; font-size:16px; background:transparent; cursor:pointer; }

 .reveal .pause-overlay .resume-button:hover { color:#fff; border-color:#fff; }

 .reveal.paused .pause-overlay { visibility:visible; opacity:1; }

 /*********************************************
 * FALLBACK
 *********************************************/ .no-transforms { overflow-y:auto; }

 .no-transforms .reveal { overflow:visible; }

 .no-transforms .reveal .slides { position:relative; width:80%; max-width:1280px; height:auto; top:0; margin:0 auto; text-align:center; }

 .no-transforms .reveal .controls,.no-transforms .reveal .progress { display:none; }

 .no-transforms .reveal .slides section { display:block; opacity:1; position:relative; height:auto; min-height:0; top:0; left:0; margin:10vh 0; margin:70px 0; transform:none; }

 .reveal .no-transition,.reveal .no-transition * { transition:none !important; }

 /*********************************************
 * PER-SLIDE BACKGROUNDS
 *********************************************/ .reveal .backgrounds { position:absolute; width:100%; height:100%; top:0; left:0; perspective:600px; }

 .reveal .slide-background { display:none; position:absolute; width:100%; height:100%; opacity:0; visibility:hidden; overflow:hidden; background-color:rgba(0, 0, 0, 0); transition:all 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); }

 .reveal .slide-background-content { position:absolute; width:100%; height:100%; background-position:50% 50%; background-repeat:no-repeat; background-size:cover; }

 .reveal .slide-background.stack { display:block; }

 .reveal .slide-background.present { opacity:1; visibility:visible; z-index:2; }

 .print-pdf .reveal .slide-background { opacity:1 !important; visibility:visible !important; }

 /* Video backgrounds */ .reveal .slide-background video { position:absolute; width:100%; height:100%; max-width:none; max-height:none; top:0; left:0; object-fit:cover; }

 .reveal .slide-background[data-background-size="contain"] video { object-fit:contain; }

 /* Immediate transition style */ .reveal[data-background-transition=none] > .backgrounds .slide-background,.reveal > .backgrounds .slide-background[data-background-transition=none] { transition:none; }

 /* Slide */ .reveal[data-background-transition=slide] > .backgrounds .slide-background,.reveal > .backgrounds .slide-background[data-background-transition=slide] { opacity:1; backface-visibility:hidden; }

 .reveal[data-background-transition=slide] > .backgrounds .slide-background.past,.reveal > .backgrounds .slide-background.past[data-background-transition=slide] { transform:translate(-100%, 0); }

 .reveal[data-background-transition=slide] > .backgrounds .slide-background.future,.reveal > .backgrounds .slide-background.future[data-background-transition=slide] { transform:translate(100%, 0); }

 .reveal[data-background-transition=slide] > .backgrounds .slide-background > .slide-background.past,.reveal > .backgrounds .slide-background > .slide-background.past[data-background-transition=slide] { transform:translate(0, -100%); }

 .reveal[data-background-transition=slide] > .backgrounds .slide-background > .slide-background.future,.reveal > .backgrounds .slide-background > .slide-background.future[data-background-transition=slide] { transform:translate(0, 100%); }

 /* Convex */ .reveal[data-background-transition=convex] > .backgrounds .slide-background.past,.reveal > .backgrounds .slide-background.past[data-background-transition=convex] { opacity:0; transform:translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); }

 .reveal[data-background-transition=convex] > .backgrounds .slide-background.future,.reveal > .backgrounds .slide-background.future[data-background-transition=convex] { opacity:0; transform:translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); }

 .reveal[data-background-transition=convex] > .backgrounds .slide-background > .slide-background.past,.reveal > .backgrounds .slide-background > .slide-background.past[data-background-transition=convex] { opacity:0; transform:translate3d(0, -100%, 0) rotateX(90deg) translate3d(0, -100%, 0); }

 .reveal[data-background-transition=convex] > .backgrounds .slide-background > .slide-background.future,.reveal > .backgrounds .slide-background > .slide-background.future[data-background-transition=convex] { opacity:0; transform:translate3d(0, 100%, 0) rotateX(-90deg) translate3d(0, 100%, 0); }

 /* Concave */ .reveal[data-background-transition=concave] > .backgrounds .slide-background.past,.reveal > .backgrounds .slide-background.past[data-background-transition=concave] { opacity:0; transform:translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0); }

 .reveal[data-background-transition=concave] > .backgrounds .slide-background.future,.reveal > .backgrounds .slide-background.future[data-background-transition=concave] { opacity:0; transform:translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0); }

 .reveal[data-background-transition=concave] > .backgrounds .slide-background > .slide-background.past,.reveal > .backgrounds .slide-background > .slide-background.past[data-background-transition=concave] { opacity:0; transform:translate3d(0, -100%, 0) rotateX(-90deg) translate3d(0, -100%, 0); }

 .reveal[data-background-transition=concave] > .backgrounds .slide-background > .slide-background.future,.reveal > .backgrounds .slide-background > .slide-background.future[data-background-transition=concave] { opacity:0; transform:translate3d(0, 100%, 0) rotateX(90deg) translate3d(0, 100%, 0); }

 /* Zoom */ .reveal[data-background-transition=zoom] > .backgrounds .slide-background,.reveal > .backgrounds .slide-background[data-background-transition=zoom] { transition-timing-function:ease; }

 .reveal[data-background-transition=zoom] > .backgrounds .slide-background.past,.reveal > .backgrounds .slide-background.past[data-background-transition=zoom] { opacity:0; visibility:hidden; transform:scale(16); }

 .reveal[data-background-transition=zoom] > .backgrounds .slide-background.future,.reveal > .backgrounds .slide-background.future[data-background-transition=zoom] { opacity:0; visibility:hidden; transform:scale(0.2); }

 .reveal[data-background-transition=zoom] > .backgrounds .slide-background > .slide-background.past,.reveal > .backgrounds .slide-background > .slide-background.past[data-background-transition=zoom] { opacity:0; visibility:hidden; transform:scale(16); }

 .reveal[data-background-transition=zoom] > .backgrounds .slide-background > .slide-background.future,.reveal > .backgrounds .slide-background > .slide-background.future[data-background-transition=zoom] { opacity:0; visibility:hidden; transform:scale(0.2); }

 /* Global transition speed settings */ .reveal[data-transition-speed="fast"] > .backgrounds .slide-background { transition-duration:400ms; }

 .reveal[data-transition-speed="slow"] > .backgrounds .slide-background { transition-duration:1200ms; }

 /*********************************************
 * OVERVIEW
 *********************************************/ .reveal.overview { perspective-origin:50% 50%; perspective:700px; }

 .reveal.overview .slides { -moz-transform-style:preserve-3d; }

 .reveal.overview .slides section { height:100%; top:0 !important; opacity:1 !important; overflow:hidden; visibility:visible !important; cursor:pointer; box-sizing:border-box; }

 .reveal.overview .slides section:hover,.reveal.overview .slides section.present { outline:10px solid rgba(150, 150, 150, 0.4); outline-offset:10px; }

 .reveal.overview .slides section .fragment { opacity:1; transition:none; }

 .reveal.overview .slides section:after,.reveal.overview .slides section:before { display:none !important; }

 .reveal.overview .slides > section.stack { padding:0; top:0 !important; background:none; outline:none; overflow:visible; }

 .reveal.overview .backgrounds { perspective:inherit; -moz-transform-style:preserve-3d; }

 .reveal.overview .backgrounds .slide-background { opacity:1; visibility:visible; outline:10px solid rgba(150, 150, 150, 0.1); outline-offset:10px; }

 .reveal.overview .backgrounds .slide-background.stack { overflow:visible; }

 .reveal.overview .slides section,.reveal.overview-deactivating .slides section { transition:none; }

 .reveal.overview .backgrounds .slide-background,.reveal.overview-deactivating .backgrounds .slide-background { transition:none; }

 /*********************************************
 * RTL SUPPORT
 *********************************************/ .reveal.rtl .slides,.reveal.rtl .slides h1,.reveal.rtl .slides h2,.reveal.rtl .slides h3,.reveal.rtl .slides h4,.reveal.rtl .slides h5,.reveal.rtl .slides h6 { direction:rtl; font-family:sans-serif; }

 .reveal.rtl pre,.reveal.rtl code { direction:ltr; }

 .reveal.rtl ol,.reveal.rtl ul { text-align:right; }

 .reveal.rtl .progress span { float:right; }

 /*********************************************
 * PARALLAX BACKGROUND
 *********************************************/ .reveal.has-parallax-background .backgrounds { transition:all 0.8s ease; }

 /* Global transition speed settings */ .reveal.has-parallax-background[data-transition-speed="fast"] .backgrounds { transition-duration:400ms; }

 .reveal.has-parallax-background[data-transition-speed="slow"] .backgrounds { transition-duration:1200ms; }

 /*********************************************
 * OVERLAY FOR LINK PREVIEWS AND HELP
 *********************************************/ .reveal > .overlay { position:absolute; top:0; left:0; width:100%; height:100%; z-index:1000; background:rgba(0, 0, 0, 0.9); opacity:0; visibility:hidden; transition:all 0.3s ease; }

 .reveal > .overlay.visible { opacity:1; visibility:visible; }

 .reveal > .overlay .spinner { position:absolute; display:block; top:50%; left:50%; width:32px; height:32px; margin:-16px 0 0 -16px; z-index:10; background-image:url(data:image/gif;base64,R0lGODlhIAAgAPMAAJmZmf%2F%2F%2F6%2Bvr8nJybW1tcDAwOjo6Nvb26ioqKOjo7Ozs%2FLy8vz8%2FAAAAAAAAAAAACH%2FC05FVFNDQVBFMi4wAwEAAAAh%2FhpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh%2BQQJCgAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ%2FV%2FnmOM82XiHRLYKhKP1oZmADdEAAAh%2BQQJCgAAACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY%2FCZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB%2BA4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6%2BHo7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq%2BB6QDtuetcaBPnW6%2BO7wDHpIiK9SaVK5GgV543tzjgGcghAgAh%2BQQJCgAAACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK%2B%2BG%2Bw48edZPK%2BM6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkECQoAAAAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE%2BG%2BcD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm%2BFNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk%2BaV%2BoJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkECQoAAAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0%2FVNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAkKAAAALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc%2BXiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq%2BE71SRQeyqUToLA7VxF0JDyIQh%2FMVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30%2FiI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE%2FjiuL04RGEBgwWhShRgQExHBAAh%2BQQJCgAAACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR%2BipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAkKAAAALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq%2BE71SRQeyqUToLA7VxF0JDyIQh%2FMVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq%2BE71SRQeyqUToLA7VxF0JDyIQh%2FMVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY%2BYip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd%2BMFCN6HAAIKgNggY0KtEBAAh%2BQQJCgAAACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1%2BvsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d%2BjYUqfAhhykOFwJWiAAAIfkECQoAAAAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg%2BygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0%2Bbm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h%2BKr0SJ8MFihpNbx%2B4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX%2BBP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA%3D%3D); visibility:visible; opacity:0.6; transition:all 0.3s ease; }

 .reveal > .overlay header { position:absolute; left:0; top:0; width:100%; height:40px; z-index:2; border-bottom:1px solid #222; }

 .reveal > .overlay header a { display:inline-block; width:40px; height:40px; line-height:36px; padding:0 10px; float:right; opacity:0.6; box-sizing:border-box; }

 .reveal > .overlay header a:hover { opacity:1; }

 .reveal > .overlay header a .icon { display:inline-block; width:20px; height:20px; background-position:50% 50%; background-size:100%; background-repeat:no-repeat; }

 .reveal > .overlay header a.close .icon { background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABkklEQVRYR8WX4VHDMAxG6wnoJrABZQPYBCaBTWAD2g1gE5gg6OOsXuxIlr40d81dfrSJ9V4c2VLK7spHuTJ/5wpM07QXuXc5X0opX2tEJcadjHuV80li/FgxTIEK/5QBCICBD6xEhSMGHgQPgBgLiYVAB1dpSqKDawxTohFw4JSEA3clzgIBPCURwE2JucBR7rhPJJv5OpJwDX+SfDjgx1wACQeJG1aChP9K/IMmdZ8DtESV1WyP3Bt4MwM6sj4NMxMYiqUWHQu4KYA/SYkIjOsm3BXYWMKFDwU2khjCQ4ELJUJ4SmClRArOCmSXGuKma0fYD5CbzHxFpCSGAhfAVSSUGDUk2BWZaff2g6GE15BsBQ9nwmpIGDiyHQddwNTMKkbZaf9fajXQca1EX44puJZUsnY0ObGmITE3GVLCbEhQUjGVt146j6oasWN+49Vph2w1pZ5EansNZqKBm1txbU57iRRcZ86RWMDdWtBJUHBHwoQPi1GV+JCbntmvok7iTX4/Up9mgyTc/FJYDTcndgH/AA5A/CHsyEkVAAAAAElFTkSuQmCC); }

 .reveal > .overlay header a.external .icon { background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAcElEQVRYR+2WSQoAIQwEzf8f7XiOMkUQxUPlGkM3hVmiQfQR9GYnH1SsAQlI4DiBqkCMoNb9y2e90IAEJPAcgdznU9+engMaeJ7Azh5Y1U67gAho4DqBqmB1buAf0MB1AlVBek83ZPkmJMGc1wAR+AAqod/B97TRpQAAAABJRU5ErkJggg==); }

 .reveal > .overlay .viewport { position:absolute; display:flex; top:40px; right:0; bottom:0; left:0; }

 .reveal > .overlay.overlay-preview .viewport iframe { width:100%; height:100%; max-width:100%; max-height:100%; border:0; opacity:0; visibility:hidden; transition:all 0.3s ease; }

 .reveal > .overlay.overlay-preview.loaded .viewport iframe { opacity:1; visibility:visible; }

 .reveal > .overlay.overlay-preview.loaded .viewport-inner { position:absolute; z-index:-1; left:0; top:45%; width:100%; text-align:center; letter-spacing:normal; }

 .reveal > .overlay.overlay-preview .x-frame-error { opacity:0; transition:opacity 0.3s ease 0.3s; }

 .reveal > .overlay.overlay-preview.loaded .x-frame-error { opacity:1; }

 .reveal > .overlay.overlay-preview.loaded .spinner { opacity:0; visibility:hidden; transform:scale(0.2); }

 .reveal > .overlay.overlay-help .viewport { overflow:auto; color:#fff; }

 .reveal > .overlay.overlay-help .viewport .viewport-inner { width:600px; margin:auto; padding:20px 20px 80px 20px; text-align:center; letter-spacing:normal; }

 .reveal > .overlay.overlay-help .viewport .viewport-inner .title { font-size:20px; }

 .reveal > .overlay.overlay-help .viewport .viewport-inner table { border:1px solid #fff; border-collapse:collapse; font-size:16px; }

 .reveal > .overlay.overlay-help .viewport .viewport-inner table th,.reveal > .overlay.overlay-help .viewport .viewport-inner table td { width:200px; padding:14px; border:1px solid #fff; vertical-align:middle; }

 .reveal > .overlay.overlay-help .viewport .viewport-inner table th { padding-top:20px; padding-bottom:20px; }

 /*********************************************
 * PLAYBACK COMPONENT
 *********************************************/ .reveal .playback { position:absolute; left:15px; bottom:20px; z-index:30; cursor:pointer; transition:all 400ms ease; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); }

 .reveal.overview .playback { opacity:0; visibility:hidden; }

 /*********************************************
 * CODE HIGHLGIHTING
 *********************************************/ .reveal .hljs table { margin:initial; }

 .reveal .hljs-ln-code,.reveal .hljs-ln-numbers { padding:0; border:0; }

 .reveal .hljs-ln-numbers { opacity:0.6; padding-right:0.75em; text-align:right; vertical-align:top; }

 .reveal .hljs[data-line-numbers]:not([data-line-numbers=""]) tr:not(.highlight-line) { opacity:0.4; }

 /*********************************************
 * ROLLING LINKS
 *********************************************/ .reveal .roll { display:inline-block; line-height:1.2; overflow:hidden; vertical-align:top; perspective:400px; perspective-origin:50% 50%; }

 .reveal .roll:hover { background:none; text-shadow:none; }

 .reveal .roll span { display:block; position:relative; padding:0 2px; pointer-events:none; transition:all 400ms ease; transform-origin:50% 0%; transform-style:preserve-3d; backface-visibility:hidden; }

 .reveal .roll:hover span { background:rgba(0, 0, 0, 0.5); transform:translate3d(0px, 0px, -45px) rotateX(90deg); }

 .reveal .roll span:after { content:attr(data-title); display:block; position:absolute; left:0; top:0; padding:0 2px; backface-visibility:hidden; transform-origin:50% 0%; transform:translate3d(0px, 110%, 0px) rotateX(-90deg); }

 /*********************************************
 * SPEAKER NOTES
 *********************************************/ .reveal aside.notes { display:none; }

 .reveal .speaker-notes { display:none; position:absolute; width:33.3333333333%; height:100%; top:0; left:100%; padding:14px 18px 14px 18px; z-index:1; font-size:18px; line-height:1.4; border:1px solid rgba(0, 0, 0, 0.05); color:#222; background-color:#f5f5f5; overflow:auto; box-sizing:border-box; text-align:left; font-family:Helvetica, sans-serif; -webkit-overflow-scrolling:touch; }

 .reveal .speaker-notes .notes-placeholder { color:#ccc; font-style:italic; }

 .reveal .speaker-notes:focus { outline:none; }

 .reveal .speaker-notes:before { content:'Speaker notes'; display:block; margin-bottom:10px; opacity:0.5; }

 .reveal.show-notes { max-width:75%; overflow:visible; }

 .reveal.show-notes .speaker-notes { display:block; }

 @media screen and (min-width:1600px) { .reveal .speaker-notes { font-size:20px; }

 }

 @media screen and (max-width:1024px) { .reveal.show-notes { border-left:0; max-width:none; max-height:70%; max-height:70vh; overflow:visible; }

 .reveal.show-notes .speaker-notes { top:100%; left:0; width:100%; height:42.8571428571%; height:30vh; border:0; }

 }

 @media screen and (max-width:600px) { .reveal.show-notes { max-height:60%; max-height:60vh; }

 .reveal.show-notes .speaker-notes { top:100%; height:66.6666666667%; height:40vh; }

 .reveal .speaker-notes { font-size:14px; }

 }

 /*********************************************
 * ZOOM PLUGIN
 *********************************************/ .zoomed .reveal *,.zoomed .reveal *:before,.zoomed .reveal *:after { backface-visibility:visible !important; }

 .zoomed .reveal .progress,.zoomed .reveal .controls { opacity:0; }

 .zoomed .reveal .roll span { background:none; }

 .zoomed .reveal .roll span:after { visibility:hidden; }