:root{line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--fontOne: "Poppins", Arial, Helvetica, sans-serif;--fontTwo: "Poppins", Arial, Helvetica, sans-serif;--fontMono: "JetBrains Mono", monospace;font-family:var(--fontOne);--accentBlue: #00d3f8;--accentBlueDark: #1a1f3d;--accentBlueLight: #3cd7d0;--accentGreyDark: #0e1328;--accentWhite: #ffffff;--accentGreyText: #b0c4d4;--accentOne: var(--accentBlue);--accentTwo: var(--accentBlueLight);--colorBody: var(--accentWhite);--footerBackground: var(--accentBlueDark);--buttonPrimary: var(--accentBlue);--buttonPrimaryColor: var(--accentWhite);--codeBackground: #2a2d45}body{margin:0;display:flex;min-width:320px;min-height:100vh;background-color:var(--accentBlueDark);color:var(--accentWhite)}h1{font-size:3.2em;line-height:1.1;font-family:var(--fontTwo)}#app{width:100%;margin:0 auto}.app{width:100%}.slide-app{min-height:100vh}.app:after{content:"";position:fixed;top:0;left:0;right:0;bottom:0;z-index:-1;background-size:50% auto;background-position:-7em -7em;background-repeat:no-repeat;opacity:.2}.slide__logo{position:absolute;bottom:0;right:0;padding:1em 2em;z-index:1}.slide__footer{position:absolute;bottom:0;left:0;padding:1em 2em;z-index:2;font-size:.5em;color:var(--accentBlue)}.slide{padding:2em 6%;font-size:1.6em;min-height:calc(100vh - 4em);max-height:calc(100vh - 4em);overflow-y:auto}.slide__title{text-align:right}.slide__header{display:flex;justify-content:flex-end}.slide__content{display:grid;color:var(--accentWhite);grid-template-areas:"left right";grid-template-columns:1.2fr minmax(33%,.8fr);max-height:80vh}.slide__pane--left{grid-area:left;padding-right:2em}.slide__pane--right{position:relative;grid-area:right;padding-left:2em;max-height:80vh}.slide__pane img{max-width:100%;max-height:100%;display:block;margin:0 auto}.slide__pane--content{grid-column-start:1;grid-column-end:3}.slide--image pre.mermaid{display:block;margin:0 auto;min-width:100%}.slide__pane--right pre.mermaid{text-align:right}.slide__pane--right .component{max-width:100%}.slide--cover{background:var(--accentBlueDark);opacity:1;color:var(--accentWhite)}.slide--cover .author{text-align:right;color:#fff6}.slide--cover .slide__title{display:none}.slide--cover .slide__content{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 4em)}.slide--cover .slide__content h1{margin-bottom:0;font-family:var(--fontTwo);font-weight:800;text-transform:uppercase;color:var(--accentWhite);font-size:2.5em;display:block;float:none}.slide--cover .slide__content h2{clear:both;float:right;color:var(--accentWhite);font-size:2em;border-bottom:rgba(255,255,255,.2) 4px solid;display:block}.slide--cover .slide__content h3{clear:both;font-family:var(--fontTwo);margin-top:0;margin-bottom:0;text-align:right;color:var(--accentBlueLight);display:block}.slide--fifty .slide__content{grid-template-columns:repeat(2,minmax(40%,1fr))}.slide h1{color:var(--accentWhite);font-size:2em;margin-bottom:1em;margin-top:0;display:inline-block;float:right;border-bottom:var(--accentBlueLight) 4px solid}.slide h2{margin-top:.5em;margin-bottom:0;color:var(--accentWhite);display:inline-block;border-bottom:var(--grey) 4px solid}ul li{list-style:none}ul li:before{content:"•";color:var(--accentBlueLight);display:inline-block;width:1em;margin-left:-1em}ul li>ul li{list-style:none}ul li>ul li:before{content:"⇢";color:var(--accentBlueLight);display:inline-block;width:1.2em;margin-left:-1.2em}em{font-style:italic;opacity:.8;color:var(--accentBlue)}ul li code,.slide__content p code{font-family:var(--fontMono);font-size:.7em;background:var(--accentBlue);border-bottom:var(--accentWhite) 2px solid;padding:.2em .4em;border-radius:.2em;color:var(--accentBlueDark)}a{color:var(--accentBlue);text-decoration:none;border-bottom:var(--accentBlueLight) 2px solid;padding-bottom:.1em}.mermaid--fullscreen{position:fixed;top:12%;left:0;right:0;bottom:0;z-index:1000;display:flex;justify-content:center;align-items:center}pre.code{max-width:100%;max-height:70vh;position:relative;background-color:var(--codeBackground);font-size:.5em;font-family:var(--fontMono);overflow:auto;color:var(--accentWhite)}pre.code>code{display:inline-block;background-color:transparent;font-family:var(--fontMono);font-optical-sizing:auto;overflow:none}pre.code>code:after{position:absolute;right:0;top:0;padding:.25em .5em;content:attr(data-language);display:block;font-size:.6em;text-transform:uppercase;background-color:#000;color:#fff;text-align:right;margin-bottom:.5em;border-bottom-right-radius:.5em}.codetabs{position:relative}.codetabs__list{display:flex;justify-content:flex-start;position:absolute;left:0;right:0;z-index:100;margin-bottom:-2em;background-color:#000}.codetabs__list a{margin-right:.5em;padding:.25em .5em;opacity:.8;color:#fff;font-family:var(--fontMono);font-optical-sizing:auto;text-decoration:none;font-size:.5em;border-bottom:none}.codetabs__list a.codetabs--active{background-color:var(--accentBlueLight);color:var(--accentBlueDark);opacity:1}.codetabs__content pre{padding-top:1em;margin-top:0}pre.code code.language-undefined{color:#fff}@media print{html{size:A4 landscape;font-size:.8em}.slide{padding:2em}}