.slides,article,article:after,article:before,body,html{width:100%;height:100%;box-sizing:border-box}body{margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;font-weight:500;-webkit-user-select:none;user-select:none}.slides>article:before{background-image:url(/assets/bg/1.jpg)}.slides{display:table}.slide-area{height:100vh;width:10vw;position:absolute}#prev-slide-area{left:0}#prev-slide-area:hover{background:linear-gradient(90deg,var(--color-theme) 0,#fff0 10%)}#next-slide-area{right:0}#next-slide-area:hover{background:linear-gradient(270deg,var(--color-theme) 0,#fff0 10%)}article{vertical-align:middle;display:none}article.current{display:table-cell}article:after,article:before{content:"";display:block;position:absolute;top:0;left:0}article:before{z-index:-2;filter:grayscale(100%) contrast(160%);background-size:contain;background-repeat:no-repeat;background-position:0 0}article:after{z-index:-1;opacity:.95;background-image:radial-gradient(75vw,var(--color-background) 0,var(--color-background) 75%,var(--color-vignette) 100%)}article.plain:after,article.plain:before{display:none}article.section:after{background-image:radial-gradient(75vw,var(--color-theme) 0,var(--color-theme) 50%,var(--color-vignette) 100%)}article.section h1,article.section h2,article.section h3,article.section h4,article.section h5,article.section h6{color:var(--color-section-foreground)}article.image{background-size:contain;background-repeat:no-repeat;background-position:50%}article.image.cover{background-size:cover}article.image>:not(:only-child,.layout-region){position:absolute;z-index:2;text-align:center;width:100%}article.image>:not(:only-child,.layout-region):first-child{top:0}article.image>:not(:only-child,.layout-region):last-child{bottom:0}.build>*,.build>ol>li,.build>ul>li{transition:opacity .2s ease-in-out .2s}.to-build{opacity:0}h1,h2,h3,h4,h5,h6{text-align:center;text-shadow:0 0 1px #000;margin:1vh}a,a:hover,a:visited,em,h1,h2,h3,h4,h5,h6{color:var(--color-theme)}h1{font-size:10vw}h2{font-size:5vw}h3{font-size:2.5vw}ul{list-style:none;font-size:3vw;line-height:2em;padding-left:10vw}img,video{width:auto;height:auto;max-width:80vw;max-height:80vh;display:block;margin:0 auto}.slides pre{background-color:#000;border-radius:8px;width:90%;font-size:3vw;margin:0 auto;padding:1vw 2vw;white-space:pre-wrap;line-height:3.5vw;color:#fff;overflow-x:auto}.slides pre.compact{line-height:3vw}.slides pre .hljs-attr,.slides pre .hljs-string{color:#65B042}.slides pre .hljs-keyword,.slides pre .hljs-selector-tag{color:#E28964}.slides pre .hljs-comment,.slides pre .hljs-doctag{color:#AEAEAE;font-style:italic}.slides pre .hljs-tag,.slides pre .hljs-title,.slides pre .hljs-type{color:#89bdff}.slides pre .hljs-literal,.slides pre .hljs-number{color:#3387CC}.slides pre .hljs-punctuation{color:#fff}.slides pre .hljs-built_in,.slides pre .hljs-name{color:#89bdff}.slides pre .hljs-attribute{color:#bdb76b}.slides pre .hljs-params{color:#fff}.slides pre .hljs-meta{color:#E28964}.slides pre code.hljs{background:transparent;padding:0}.slides pre .code-line{display:inline-block;width:100%}.slides pre.linenums{counter-reset:line-number}.slides pre.linenums .code-line{counter-increment:line-number}.slides pre.linenums .code-line:before{content:counter(line-number);display:inline-block;width:2ch;margin-right:1ch;text-align:right;color:color-mix(in srgb,#AEAEAE 80%,transparent);-webkit-user-select:none;user-select:none}.slides pre .code-line.highlight{background-color:color-mix(in srgb,var(--color-theme) 20%,transparent);margin:0 -2vw;padding:0 2vw}.layout-region{position:absolute;z-index:10;pointer-events:none;font-size:1.5vw;color:var(--color-foreground)}.layout-header{top:1vh;left:2vw;right:2vw;text-align:left}.layout-footer{bottom:1vh;right:2vw;text-align:right;width:fit-content}.layout-watermark{top:50%;left:50%;transform:translate(-50%,-50%) rotate(-30deg);font-size:15vw;opacity:.06;white-space:nowrap}article.section .layout-region{color:var(--color-section-foreground)}.template-two-column{display:flex;flex-direction:row;gap:2vw;width:100%;padding:0 2vw;box-sizing:border-box}.template-col{flex:1 1;min-width:0}.template-title-content{display:flex;flex-direction:column;width:100%;height:100%}.template-title-area{height:auto;border-bottom:2px solid var(--color-theme);padding-bottom:1vh;margin-bottom:2vh}.template-content-area{flex:1 1}ul.horizontal{margin:0;padding:0;display:flex;width:100%}ul.horizontal h1,ul.horizontal h2{line-height:2em}ul.horizontal ul{padding:0}ul.horizontal li{padding:1vw;width:100%;text-align:center;font-size:7.5vh;line-height:1.5em}