:root{--background-color-primary:242,237,232;--background-color-secondary:229,219,215;--text-color-primary:35,35,35;--text-color-secondary:43,43,43;--link-color:0,108,190;--test:44,55,44;--color-eclipse:0,4,55;--color-quasar:252,85,255;--color-starlight:0,108,190;--color-gamma:38,246,99;--color-swan:55,70,79}.dark-theme{--text-color-primary:242,237,232;--text-color-secondary:229,219,215;--background-color-primary:19,31,36;--background-color-secondary:32,47,54;--color-starlight:38,138,255;--link-color:88,204,2}body,html{padding:0;margin:0;background-color:rgb(var(--background-color-primary));color:rgb(var(--text-color-primary));scroll-behavior:smooth;transition:all .25s}body{display:flex;flex-direction:column;min-height:100vh}a{color:inherit;text-decoration:none}*{box-sizing:border-box}article{width:100%;margin:auto}pre{max-width:100%;overflow:auto}.hljs{border-radius:8px}.inner-container{min-height:80vh;margin:auto}@media (max-width:600px){.inner-container{width:calc(100% - 20px)}}table{width:90%;margin:auto;border-collapse:collapse;overflow:hidden}table,td,th{background-color:transparent}td,th{border:2px solid #bbb;padding:8px;text-align:center}th{background-color:#bbb}tfoot *{border:none!important;text-align:right;vertical-align:initial}tfoot a,tfoot p{font-size:.8em!important;line-height:1.5}th{color:rgb(var(--background-color-primary));background-color:rgb(var(--text-color-secondary))}td,th{border:2px solid rgb(var(--text-color-secondary))}table p{margin:0}svg{fill:rgb(var(--text-color-primary))}.stroke-switch{stroke:#292e31}.border-color{border-color:#292e31}.bk-color{background-color:#292e31;color:#f5f5f5}.color,.dark-theme .dark-color{color:#292e31!important}.dark-theme .stroke-switch{stroke:#f5f5f5}.dark-theme .border-color{border-color:#f5f5f5}.dark-theme .bk-color{background-color:#f5f5f5;color:#292e31}.dark-color,.dark-theme .color{color:#f5f5f5!important}.dark-theme .header{box-shadow:0 0 4px #222;background-color:rgba(19,31,36,.6)}.footer{align-items:center;background:url(/images/zellige.svg);font-size:18px;font-weight:500;background-color:rgb(var(--background-color-secondary))}.footer>div{display:block;max-width:920px;width:calc(100% - 40px);justify-content:space-between;margin:auto;text-align:center}.footer a{display:flex;justify-content:center;align-items:center;flex-grow:1}footer img.icon{height:22px;display:inline-block;vertical-align:bottom}.dark-theme .footer{border-top:2px solid rgba(var(--background-color-secondary),1);background:url(/images/zellige-dark.svg)}.info{color:rgb(var(--text-color-secondary))}.dark-theme .info{color:#929292}.dark-theme .info svg{fill:#929292}.scroller{display:flex;max-width:920px;margin:auto}.reverse{flex-direction:row-reverse}.scroller div{flex:50% 1}.animation{position:-webkit-sticky;position:sticky;top:60px;z-index:1}.animation,.step{height:60vh;display:flex}.step{padding:2px 0;flex-direction:column;justify-content:center;align-items:center;opacity:.2}.step>div{display:block;flex:none;margin:20px 0}.step p{max-width:720px}.steps_highlight div{z-index:3}.steps_highlight .step{display:flex;justify-content:center;align-items:flex-start;height:100vh;transition:all .5s}.steps_highlight .main_step .step{align-items:center}.steps_highlight .main_step{height:-moz-fit-content;height:fit-content;min-height:100vh;width:100%;display:flex}.steps_highlight .main_step>div{background-color:rgb(var(--background-color-primary))!important;width:100%!important}.steps_highlight .step>div{padding:4px 8px;border-radius:8px}.steps_highlight .step>div p{margin:auto}.fullpageScroll{display:flex;flex-direction:column;max-width:100%!important;margin:auto;width:100%!important}.fullpageScroll .animationContainer{position:-webkit-sticky;position:sticky;top:55px}.fullpageScroll .step{z-index:1;height:125vh}.fullpageScroll .step:last-of-type{height:100vh}.fullpageScroll .step .content{background-color:rgb(var(--background-color-secondary));padding:10px;border:2px solid rgb(var(--text-color-secondary));box-shadow:6px 6px 8px rgb(var(--text-color-secondary));border-radius:8px;max-width:600px;width:60%;min-width:300px}.fullpageScroll .steps{z-index:1}.fullpageScroll .step-right{align-items:flex-end}.fullpageScroll .step-right .content{display:block;margin:auto}.fullpageScroll .step-right .filler{display:flex;align-items:center;width:50%}.dark-theme .fullpageScroll .step .content{box-shadow:none;border:none}.mobileOnly{display:none}@media (max-width:600px){.scroller{flex-direction:column}.animationContainer{position:-webkit-sticky;position:sticky;top:20px;z-index:1}.animation,.step{height:50vh}.steps_highlight .step{display:block;padding:50vh 0}.steps_highlight .main_step,.steps_highlight .step{min-height:100vh;height:-moz-fit-content;height:fit-content}.steps_highlight .main_step{width:100%;display:flex}.steps_highlight .main_step>div{background-color:rgb(var(--background-color-primary))}.steps_highlight .step>div{background-color:rgb(var(--background-color-secondary))}.scroller div{flex:50% 1}.mobileOnly{display:block}.fullpageScroll .step-right .filler{width:100%}}.content a{padding:0 2px;border-radius:4px;font-weight:700;color:rgb(var(--link-color));text-decoration:none}.content a:hover,.content a:visited{text-decoration:underline}.alert{background-color:#fff}.dark-theme .alert,.dark-theme .alert div{background-color:rgb(var(--background-color-secondary))!important}.dark-theme .alert{box-shadow:0 0 10px #121212;border-top:0 solid rgb(var(--background-color-primary));border-bottom:0 solid rgb(var(--background-color-primary));border-right:0 solid rgb(var(--background-color-primary))}.bg,.dark-theme .dark-bg{background-color:#e3e3e3}.dark-bg,.dark-theme .bg{background-color:#232323}.vertical-text{writing-mode:vertical-rl;-webkit-text-orientation:upright;text-orientation:upright;white-space:nowrap;position:relative;font-weight:700;font-style:italic}.vertical-text span{margin:auto;display:block;position:absolute;top:0;bottom:0;left:0;right:0;width:-moz-fit-content;width:fit-content}.split{display:flex!important;max-width:1000px!important}.split div{flex:50% 1}@media (max-width:600px){.split{display:block!important}}.highlight{color:rgb(var(--text-color-primary));padding:0 4px;border-radius:4px;font-weight:700}.dark-theme .highlight{color:rgb(var(--background-color-primary))}.separator{margin-top:50px;width:50%;height:30px;display:block;max-width:350px!important;border-top:3px dotted rgb(var(--text-color-primary))}.divider{font-size:30px;display:flex;align-items:center}.divider:after,.divider:before{flex:1 1;content:"";padding-top:2px;background-color:rgb(var(--text-color-primary));margin:5px}.extra{background-color:rgb(var(--background-color-secondary));width:100%!important;max-width:100%!important;padding-bottom:10px}.extra>div{max-width:600px;margin:auto}blockquote{width:-moz-fit-content!important;width:fit-content!important}blockquote.main{width:100%!important;max-width:100%!important;border-radius:20px;height:400px}.wrap{padding:.5rem 0 2rem;font-family:var(--font-sans)}.phase{display:grid;grid-template-columns:10px 1fr;grid-gap:0 16px;gap:0 16px;margin-bottom:0}.phase-left{flex-direction:column}.phase-left,.phase-num{display:flex;align-items:center}.phase-num{width:36px;height:36px;border-radius:50%;justify-content:center;font-size:13px;font-weight:500;flex-shrink:0}.num-done{color:#58cc02;border:2px solid #58cc02}.num-active{color:#006cbe;border:2px solid #006cbe}.num-planned{color:rgb(var(--text-color-primary));border:2px solid rgb(var(--text-color-primary))}.phase-line{width:1.5px;flex:1 1;min-height:24px;margin:6px 0}.line-done{background:#58cc02}.line-active{background:#006cbe}.line-planned{background:rgb(var(--text-color-primary))}.phase-right{padding-bottom:2rem}.phase-tag{font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;margin:0 0 4px}.tag-done{color:#58cc02}.tag-active{color:#006cbe}.tag-planned{color:rgb(var(--text-color-primary))}.phase-title{font-size:15px;font-weight:600;color:var(--color-text-primary);margin:0 0 4px}.phase-desc{font-size:13px;color:var(--color-text-secondary);margin:0 0 10px;line-height:1.6}.phase-pills{display:flex;flex-wrap:wrap;gap:5px}.ppill{font-size:11px;padding:3px 8px;border-radius:99px;border:.5px solid var(--color-border-secondary);color:var(--color-text-secondary)}.ppill-done{color:#58cc02;border:2px solid #58cc02}.ppill-active{color:#006cbe;border:2px solid #006cbe}.ppill-planned{border:2px solid rgb(var(--text-color-primary))}.ppill-planned,.rationale{color:rgb(var(--text-color-primary))}.rationale{font-size:12px;margin:8px 0 0;border-left:2px solid var(--color-border-tertiary);padding-left:8px;border-radius:0;line-height:1.5;font-style:italic}