/*!* Hugo Theme Stack
*
* @author: Jimmy Cai
* @website: https://jimmycai.com
* @link: https://github.com/CaiJimmy/hugo-theme-stack
*
*ABK added a whole bunch of animations and scrollbars - Couldn't have done it without Jimmy*/:root{--main-top-padding:2vh;--body-background:#f5f5fa;--body-background-opaque:#f5f5fa;--accent-color:#34495e;--accent-color-darker:#2c3e50;--accent-color-text:#fff;--body-text-color:#3c3c3c;--tag-border-radius:4px;--section-separation:40px;--scrollbar-thumb:hsla(251, 98%, 37%, 0.075);--scrollbar-thumb-transparent:hsla(0, 0%, 100%, 0);--scrollbar-track:var(--body-background);--grid-background:var(--card-background)}@media(min-width:1280px){:root{--main-top-padding:2vh}}:root[data-scheme=dark]{--body-background:#16151a51;--body-background-opaque:#16151a;--accent-color:#ecf0f1;--accent-color-darker:#bdc3c7;--accent-color-text:#000;--body-text-color:rgba(255, 255, 255, 1.0);--scrollbar-thumb:hsla(0, 0%, 21%, 0.175);--scrollbar-track:var(--body-background)}:root{--body-background:linear-gradient(180deg, rgba(255, 99, 71, 0.01), rgba(255, 183, 170, 0.05) 85%),
    radial-gradient(ellipse at top left, rgba(63, 205, 252, 0.118), transparent 85%),
    radial-gradient(ellipse at top right, rgba(75, 244, 75, 0.1), transparent 15%),
    radial-gradient(ellipse at center right, rgba(138, 43, 226, 0.05), transparent 85%),
    radial-gradient(ellipse at center left, rgba(245, 145, 198, 0.05), transparent 25%)}:root{--sys-font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", "Droid Sans", "Helvetica Neue";--zh-font-family:"PingFang SC", "Hiragino Sans GB", "Droid Sans Fallback", "Microsoft YaHei";--base-font-family:"Lato", var(--sys-font-family), var(--zh-font-family), sans-serif;--code-font-family:Menlo, Monaco, Consolas, "Courier New", var(--zh-font-family), monospace}:root{--card-background:#fff;--card-background-selected:#eaeaea;--card-text-color-main:#000;--card-text-color-secondary:#747474;--card-text-color-tertiary:#767676;--card-separator-color:rgba(165, 165, 165, 0.5);--card-border-radius:10px;--card-padding:20px;--small-card-padding:25px 20px}@media(min-width:768px){:root{--card-padding:25px}}@media(min-width:1280px){:root{--card-padding:30px}}@media(min-width:768px){:root{--small-card-padding:25px}}:root[data-scheme=dark]{--card-background:oklch(22.06% 0.049 275.24 / 100%);--card-background-selected:oklch(20% 0.3 40 / 100%);--card-text-color-main:oklch(100% 0.111 275.24 / 100%);--card-text-color-secondary:oklch(100% 0 102 / 100%);--card-text-color-tertiary:oklch(100% 0 102 / 100%);--card-separator-color:oklch(21.16% 0.064 280.54 / 23.5%);--grid-blue:oklch(20% 0.3 40 / 75%);--grid-blue-darker:oklch(10% 0.2 30/ 100%)}:root{--article-font-family:var(--base-font-family);--article-font-size:1.6rem;--article-line-height:1.85}@media(min-width:768px){:root{--article-font-size:1.7rem}}:root{--blockquote-border-size:4px;--blockquote-background-color:rgb(248 248 248);--heading-border-size:4px;--link-background-color:189, 195, 199;--link-background-opacity:0.5;--link-background-opacity-hover:0.7;--pre-background-color:#272822;--pre-text-color:#f8f8f2;--code-background-color:rgba(0, 0, 0, 0.12);--code-text-color:#808080;--table-border-color:#dadada;--tr-even-background-color:#efefee;--kbd-border-color:#dadada}:root[data-scheme=dark]{--code-background-color:#272822;--code-text-color:rgba(255, 255, 255, 0.9);--table-border-color:#717171;--tr-even-background-color:#545454;--blockquote-background-color:rgb(75 75 75)}:root{--shadow-l1:0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04);--shadow-l2:0px 10px 20px rgba(0, 0, 0, 0.04), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);--shadow-l3:0px 10px 20px rgba(0, 0, 0, 0.04), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);--shadow-l4:0px 24px 32px rgba(0, 0, 0, 0.04), 0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04),
        0px 0px 1px rgba(0, 0, 0, 0.04)}[data-scheme=light]{--pre-text-color:#272822;--pre-background-color:#fafafa}[data-scheme=light] .chroma{color:#272822;background-color:#fafafa}[data-scheme=light] .chroma .err{color:#960050}[data-scheme=light] .chroma .lntd{vertical-align:top;padding:0;margin:0;border:0}[data-scheme=light] .chroma .lntable{border-spacing:0;padding:0;margin:0;border:0;width:100%;display:block}[data-scheme=light] .chroma .lntable>tbody{display:block;width:100%}[data-scheme=light] .chroma .lntable>tbody>tr{display:flex;width:100%}[data-scheme=light] .chroma .lntable>tbody>tr>td:last-child{overflow-x:auto}[data-scheme=light] .chroma .hl{display:block;width:100%;background-color:#ffc}[data-scheme=light] .chroma .lnt{margin-right:.4em;padding:0 .4em;color:#7f7f7f;display:block}[data-scheme=light] .chroma .ln{margin-right:.4em;padding:0 .4em;color:#7f7f7f}[data-scheme=light] .chroma .k{color:#00a8c8}[data-scheme=light] .chroma .kc{color:#00a8c8}[data-scheme=light] .chroma .kd{color:#00a8c8}[data-scheme=light] .chroma .kn{color:#f92672}[data-scheme=light] .chroma .kp{color:#00a8c8}[data-scheme=light] .chroma .kr{color:#00a8c8}[data-scheme=light] .chroma .kt{color:#00a8c8}[data-scheme=light] .chroma .n{color:#111}[data-scheme=light] .chroma .na{color:#75af00}[data-scheme=light] .chroma .nb{color:#111}[data-scheme=light] .chroma .bp{color:#111}[data-scheme=light] .chroma .nc{color:#75af00}[data-scheme=light] .chroma .no{color:#00a8c8}[data-scheme=light] .chroma .nd{color:#75af00}[data-scheme=light] .chroma .ni{color:#111}[data-scheme=light] .chroma .ne{color:#75af00}[data-scheme=light] .chroma .nf{color:#75af00}[data-scheme=light] .chroma .fm{color:#111}[data-scheme=light] .chroma .nl{color:#111}[data-scheme=light] .chroma .nn{color:#111}[data-scheme=light] .chroma .nx{color:#75af00}[data-scheme=light] .chroma .py{color:#111}[data-scheme=light] .chroma .nt{color:#f92672}[data-scheme=light] .chroma .nv{color:#111}[data-scheme=light] .chroma .vc{color:#111}[data-scheme=light] .chroma .vg{color:#111}[data-scheme=light] .chroma .vi{color:#111}[data-scheme=light] .chroma .vm{color:#111}[data-scheme=light] .chroma .l{color:#ae81ff}[data-scheme=light] .chroma .ld{color:#d88200}[data-scheme=light] .chroma .s{color:#d88200}[data-scheme=light] .chroma .sa{color:#d88200}[data-scheme=light] .chroma .sb{color:#d88200}[data-scheme=light] .chroma .sc{color:#d88200}[data-scheme=light] .chroma .dl{color:#d88200}[data-scheme=light] .chroma .sd{color:#d88200}[data-scheme=light] .chroma .s2{color:#d88200}[data-scheme=light] .chroma .se{color:#ae81ff}[data-scheme=light] .chroma .sh{color:#d88200}[data-scheme=light] .chroma .si{color:#d88200}[data-scheme=light] .chroma .sx{color:#d88200}[data-scheme=light] .chroma .sr{color:#d88200}[data-scheme=light] .chroma .s1{color:#d88200}[data-scheme=light] .chroma .ss{color:#d88200}[data-scheme=light] .chroma .m{color:#ae81ff}[data-scheme=light] .chroma .mb{color:#ae81ff}[data-scheme=light] .chroma .mf{color:#ae81ff}[data-scheme=light] .chroma .mh{color:#ae81ff}[data-scheme=light] .chroma .mi{color:#ae81ff}[data-scheme=light] .chroma .il{color:#ae81ff}[data-scheme=light] .chroma .mo{color:#ae81ff}[data-scheme=light] .chroma .o{color:#f92672}[data-scheme=light] .chroma .ow{color:#f92672}[data-scheme=light] .chroma .p{color:#111}[data-scheme=light] .chroma .c{color:#75715e}[data-scheme=light] .chroma .ch{color:#75715e}[data-scheme=light] .chroma .cm{color:#75715e}[data-scheme=light] .chroma .c1{color:#75715e}[data-scheme=light] .chroma .cs{color:#75715e}[data-scheme=light] .chroma .cp{color:#75715e}[data-scheme=light] .chroma .cpf{color:#75715e}[data-scheme=light] .chroma .gd{color:#f92672}[data-scheme=light] .chroma .ge{font-style:italic}[data-scheme=light] .chroma .gi{color:#75af00}[data-scheme=light] .chroma .gs{font-weight:700}[data-scheme=light] .chroma .gu{color:#75715e}[data-scheme=dark]{--pre-text-color:#f8f8f2;--pre-background-color:#272822}[data-scheme=dark] .chroma{color:#f8f8f2;background-color:#272822}[data-scheme=dark] .chroma .err{color:#bb0064}[data-scheme=dark] .chroma .lntd{vertical-align:top;padding:0;margin:0;border:0}[data-scheme=dark] .chroma .lntable{border-spacing:0;padding:0;margin:0;border:0;width:100%;display:block}[data-scheme=dark] .chroma .lntable>tbody{display:block;width:100%}[data-scheme=dark] .chroma .lntable>tbody>tr{display:flex;width:100%}[data-scheme=dark] .chroma .lntable>tbody>tr>td:last-child{overflow-x:auto}[data-scheme=dark] .chroma .hl{display:block;width:100%;background-color:#ffc}[data-scheme=dark] .chroma .lnt{margin-right:.4em;padding:0 .4em;color:#7f7f7f;display:block}[data-scheme=dark] .chroma .ln{margin-right:.4em;padding:0 .4em;color:#7f7f7f}[data-scheme=dark] .chroma .k{color:#66d9ef}[data-scheme=dark] .chroma .kc{color:#66d9ef}[data-scheme=dark] .chroma .kd{color:#66d9ef}[data-scheme=dark] .chroma .kn{color:#f92672}[data-scheme=dark] .chroma .kp{color:#66d9ef}[data-scheme=dark] .chroma .kr{color:#66d9ef}[data-scheme=dark] .chroma .kt{color:#66d9ef}[data-scheme=dark] .chroma .n{color:#f8f8f2}[data-scheme=dark] .chroma .na{color:#a6e22e}[data-scheme=dark] .chroma .nb{color:#f8f8f2}[data-scheme=dark] .chroma .bp{color:#f8f8f2}[data-scheme=dark] .chroma .nc{color:#a6e22e}[data-scheme=dark] .chroma .no{color:#66d9ef}[data-scheme=dark] .chroma .nd{color:#a6e22e}[data-scheme=dark] .chroma .ni{color:#f8f8f2}[data-scheme=dark] .chroma .ne{color:#a6e22e}[data-scheme=dark] .chroma .nf{color:#a6e22e}[data-scheme=dark] .chroma .fm{color:#f8f8f2}[data-scheme=dark] .chroma .nl{color:#f8f8f2}[data-scheme=dark] .chroma .nn{color:#f8f8f2}[data-scheme=dark] .chroma .nx{color:#a6e22e}[data-scheme=dark] .chroma .py{color:#f8f8f2}[data-scheme=dark] .chroma .nt{color:#f92672}[data-scheme=dark] .chroma .nv{color:#f8f8f2}[data-scheme=dark] .chroma .vc{color:#f8f8f2}[data-scheme=dark] .chroma .vg{color:#f8f8f2}[data-scheme=dark] .chroma .vi{color:#f8f8f2}[data-scheme=dark] .chroma .vm{color:#f8f8f2}[data-scheme=dark] .chroma .l{color:#ae81ff}[data-scheme=dark] .chroma .ld{color:#e6db74}[data-scheme=dark] .chroma .s{color:#e6db74}[data-scheme=dark] .chroma .sa{color:#e6db74}[data-scheme=dark] .chroma .sb{color:#e6db74}[data-scheme=dark] .chroma .sc{color:#e6db74}[data-scheme=dark] .chroma .dl{color:#e6db74}[data-scheme=dark] .chroma .sd{color:#e6db74}[data-scheme=dark] .chroma .s2{color:#e6db74}[data-scheme=dark] .chroma .se{color:#ae81ff}[data-scheme=dark] .chroma .sh{color:#e6db74}[data-scheme=dark] .chroma .si{color:#e6db74}[data-scheme=dark] .chroma .sx{color:#e6db74}[data-scheme=dark] .chroma .sr{color:#e6db74}[data-scheme=dark] .chroma .s1{color:#e6db74}[data-scheme=dark] .chroma .ss{color:#e6db74}[data-scheme=dark] .chroma .m{color:#ae81ff}[data-scheme=dark] .chroma .mb{color:#ae81ff}[data-scheme=dark] .chroma .mf{color:#ae81ff}[data-scheme=dark] .chroma .mh{color:#ae81ff}[data-scheme=dark] .chroma .mi{color:#ae81ff}[data-scheme=dark] .chroma .il{color:#ae81ff}[data-scheme=dark] .chroma .mo{color:#ae81ff}[data-scheme=dark] .chroma .o{color:#f92672}[data-scheme=dark] .chroma .ow{color:#f92672}[data-scheme=dark] .chroma .p{color:#f8f8f2}[data-scheme=dark] .chroma .c{color:#75715e}[data-scheme=dark] .chroma .ch{color:#75715e}[data-scheme=dark] .chroma .cm{color:#75715e}[data-scheme=dark] .chroma .c1{color:#75715e}[data-scheme=dark] .chroma .cs{color:#75715e}[data-scheme=dark] .chroma .cp{color:#75715e}[data-scheme=dark] .chroma .cpf{color:#75715e}[data-scheme=dark] .chroma .gd{color:#f92672}[data-scheme=dark] .chroma .ge{font-style:italic}[data-scheme=dark] .chroma .gi{color:#a6e22e}[data-scheme=dark] .chroma .gs{font-weight:700}[data-scheme=dark] .chroma .gu{color:#75715e}:root{--menu-icon-separation:40px;--container-padding:15px;--widget-separation:3vh}:root{--grid-blue:#f1f2ff8f;--grid-blue-darker:#9da3f715;--grid-background:rgba(255, 255, 255, 0.222)}:root[data-scheme=dark]{--grid-blue:#2a2c552a;--grid-blue-darker:#17194c7d;--grid-background:rgba(18, 18, 18, 0.5)}.container{margin-left:auto;margin-right:auto}.container .left-sidebar{order:-3}@media(min-width:640px){.container .left-sidebar{max-width:100%}}@media(min-width:768px){.container .left-sidebar{max-width:var(--left-sidebar-max-width);animation:.3s slide-in-left ease-in}}.container .right-sidebar{order:-1;max-width:var(--right-sidebar-max-width)}@media(min-width:1024px){.container .right-sidebar{display:flex}}@media(min-width:768px){.container.extended{max-width:1024px;--left-sidebar-max-width:25%;--right-sidebar-max-width:30%}}@media(min-width:1024px){.container.extended{max-width:1280px;--left-sidebar-max-width:20%;--right-sidebar-max-width:30%}}@media(min-width:1280px){.container.extended{max-width:1536px;--left-sidebar-max-width:15%;--right-sidebar-max-width:25%}}@media(min-width:768px){.container.compact{--left-sidebar-max-width:25%;max-width:768px}}@media(min-width:1024px){.container.compact{max-width:1024px;--left-sidebar-max-width:20%}}@media(min-width:1280px){.container.compact{max-width:1280px}}.flex{display:flex;flex-direction:row}.flex.column{flex-direction:column}.flex.on-phone--column{flex-direction:column}@media(min-width:768px){.flex.on-phone--column{flex-direction:unset}}.flex .full-width{width:100%}main.main{order:-2;min-width:0;max-width:100%;flex-grow:1;display:flex;padding-top:var(--main-top-padding);flex-direction:column;gap:var(--section-separation)}@media(min-width:768px){main.main{padding-top:var(--main-top-padding)}}.main-container{min-height:100vh;align-items:flex-start;padding:0 15px;gap:var(--section-separation);padding-top:var(--main-top-padding);transition:1s ease-in-out}@media(min-width:768px){.main-container{padding:0 20px}}.homepage-grid{display:grid;grid-area:1/1}@media(min-width:768px){.homepage-grid{grid-template-columns:1fr 4fr 1fr}}.homepage-item-1{padding:10px;word-wrap:break-word;border-radius:15px 0 0 15px;transition:1s}.homepage-item-middle{padding:2vh 2vw;border-radius:0;word-wrap:break-word;min-height:50vh;align-items:center;justify-content:center;color:var(--pre-text-color)}.homepage-item-3{padding:10px;transition:1s;border-radius:0 15px 15px 0;word-wrap:break-word;overflow:hidden}/*!normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css*/html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}/*!* Hamburgers
* @description Tasty CSS-animated hamburgers
* @author Jonathan Suh @jonsuh
* @site https://jonsuh.com/hamburgers
* @link https://github.com/jonsuh/hamburgers*/.hamburger{padding-top:10px;padding-right:10px;display:inline-block;cursor:pointer;transition-property:opacity,filter;transition-duration:.15s;transition-timing-function:linear;font:inherit;color:inherit;background-color:transparent;text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible}.hamburger:hover{opacity:.7}.hamburger.is-active:hover{opacity:.7}.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner::before,.hamburger.is-active .hamburger-inner::after{background-color:#000}.hamburger-box{width:40px;height:32px;display:inline-block;position:relative}.hamburger-inner{display:block;top:50%;margin-top:-2px}.hamburger-inner,.hamburger-inner::before,.hamburger-inner::after{width:30px;height:2px;background-color:var(--card-text-color-main);border-radius:4px;position:absolute;transition-property:transform;transition-duration:.15s;transition-timing-function:ease}.hamburger-inner::before,.hamburger-inner::after{content:"";display:block}.hamburger-inner::before{top:-10px}.hamburger-inner::after{bottom:-10px}.hamburger--spin .hamburger-inner{transition-duration:.22s;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger--spin .hamburger-inner::before{transition:top .1s .25s ease-in,opacity .1s ease-in}.hamburger--spin .hamburger-inner::after{transition:bottom .1s .25s ease-in,transform .22s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin.is-active .hamburger-inner{transform:rotate(225deg);transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.hamburger--spin.is-active .hamburger-inner::before{top:0;opacity:0;transition:top .1s ease-out,opacity .1s .12s ease-out}.hamburger--spin.is-active .hamburger-inner::after{bottom:0;transform:rotate(-90deg);transition:bottom .1s ease-out,transform .22s .12s cubic-bezier(.215,.61,.355,1)}#toggle-menu{background:0 0;border:none;position:fixed;right:0;top:0;z-index:2;cursor:pointer;outline:none}[dir=rtl] #toggle-menu{left:0;right:auto}@media(min-width:768px){#toggle-menu{display:none}}#toggle-menu.is-active .hamburger-inner,#toggle-menu.is-active .hamburger-inner::before,#toggle-menu.is-active .hamburger-inner::after{background-color:var(--accent-color)}.menu>li{border-bottom:3px solid transparent;width:100%;padding-left:10px;padding-right:3px;transition-duration:.2s;border-radius:2px 2px 2px 2px}.menu.show{border-radius:2px 2px 20px 2px;overflow-x:hidden;overflow-y:auto;scrollbar-gutter:stable;scrollbar-color:var(--body-background-opaque)}.menu .menu-bottom-section>ul{background-color:var(--body-background);background-image:linear-gradient(var(--grid-blue-darker) 1.2px,transparent 1.2px),linear-gradient(90deg,var(--grid-blue-darker) 1.2px,transparent 1.2px),linear-gradient(var(--grid-blue) .6px,transparent .6px),linear-gradient(90deg,var(--grid-blue) .6px,var(--grid-background) .6px);background-size:40px 40px,40px 40px,8px 8px,8px 8px;background-position:-1.2px -1.2px,-1.2px -1.2px,-.6px -.6px,-.6px -.6px;border-radius:10px;background:var(--body-background-opaque);padding:5px 25px 0 5px;position:fixed;margin-top:8px;border-radius:2px 2px 10px 10px;border:1px solid var(--card-background);box-shadow:var(--shadow-l1),var(--shadow-l3)}@media(min-width:768px){.menu .menu-bottom-section>ul{background:0 0;background-color:var(--body-background);background-image:linear-gradient(var(--grid-blue-darker) 1.2px,transparent 1.2px),linear-gradient(90deg,var(--grid-blue-darker) 1.2px,transparent 1.2px),linear-gradient(var(--grid-blue) .6px,transparent .6px),linear-gradient(90deg,var(--grid-blue) .6px,var(--grid-background) .6px);background-size:40px 40px,40px 40px,8px 8px,8px 8px;background-position:-1.2px -1.2px,-1.2px -1.2px,-.6px -.6px,-.6px -.6px;border-radius:10px;margin-top:0;box-shadow:var(--shadow-l1);position:static}}.menu>li:hover{background-color:var(--body-background);background-image:linear-gradient(var(--grid-blue-darker) 1.2px,transparent 1.2px),linear-gradient(90deg,var(--grid-blue-darker) 1.2px,transparent 1.2px),linear-gradient(var(--grid-blue) .6px,transparent .6px),linear-gradient(90deg,var(--grid-blue) .6px,var(--grid-background) .6px);background-size:40px 40px,40px 40px,8px 8px,8px 8px;background-position:-1.2px -1.2px,-1.2px -1.2px,-.6px -.6px,-.6px -.6px;border-radius:10px;transition:.3s cubic-bezier(.1,.8,.9,1);border-bottom:3px solid var(--accent-color);border-radius:2px 2px 20px 2px;background:var(--body-background-opaque);font-weight:bolder}.menu{overflow-y:auto;overflow-x:hidden;display:none;flex-direction:column;right:0;padding:25px;margin-top:20px;list-style:none;font-size:1.4rem;row-gap:2.5rem;font-size:large}@media(min-width:768px){.menu{padding:10px 25px;top:0;right:0;left:auto;width:auto;row-gap:.5rem;font-size:small}}.menu.show{display:flex;height:93vh}@media(min-width:768px){.menu{display:inline-flex;background-color:transparent;box-shadow:none}}@media(min-width:640px){.menu li{top:0;width:100%;height:40px}}.menu li svg{stroke:currentColor;stroke-width:1.33;width:20px;height:20px}.menu li a{height:100%;display:inline-flex;align-items:center;color:var(--body-text-color);gap:var(--menu-icon-separation)}.menu li span{flex:1}.menu li.current a{color:var(--accent-color);font-weight:700}.menu .menu-bottom-section{background-color:var(--body-background);background-image:linear-gradient(var(--grid-blue-darker) 1.2px,transparent 1.2px),linear-gradient(90deg,var(--grid-blue-darker) 1.2px,transparent 1.2px),linear-gradient(var(--grid-blue) .6px,transparent .6px),linear-gradient(90deg,var(--grid-blue) .6px,var(--grid-background) .6px);background-size:40px 40px,40px 40px,8px 8px,8px 8px;background-position:-1.2px -1.2px,-1.2px -1.2px,-.6px -.6px,-.6px -.6px;border-radius:10px;background-color:var(--body-background);margin-bottom:10px;display:block;position:absolute;bottom:0;row-gap:0;line-height:1.25;box-shadow:var(--shadow-l1);z-index:10}@media(min-width:640px){.menu .menu-bottom-section{background-color:var(--body-background)}}@media(min-width:768px){.menu .menu-bottom-section{background-color:var(--grid-background);position:static}}@media(min-width:1024px){.menu .menu-bottom-section{display:flex;justify-content:left;position:relative;bottom:0;width:100%}}.menu #dark-mode-toggle:hover{color:var(--card-text-color-main);overflow-x:hidden}.menu .menu-bottom-section:hover{transition:.8s;font-weight:bolder}@media(min-width:768px){.menu .menu-bottom-section:hover{filter:invert(.15)}}.social-menu{list-style:none;padding:5px;display:flex;flex-direction:row;justify-content:center;align-content:center;position:sticky;top:0;gap:10px;z-index:11;margin-top:10px;margin-bottom:0}.social-menu svg{max-width:24px;max-height:24px;stroke:var(--body-text-color);stroke-width:1.33}.article-list{display:flex;flex-direction:column;gap:var(--section-separation)}.article-list article{display:flex;flex-direction:column;background-color:var(--card-background);box-shadow:var(--shadow-l1);border-radius:var(--card-border-radius);overflow:hidden;transition:box-shadow .3s ease}.article-list article:hover{box-shadow:var(--shadow-l2)}.article-list article .article-image img{width:100%;height:150px;object-fit:cover}@media(min-width:768px){.article-list article .article-image img{height:200px}}@media(min-width:1280px){.article-list article .article-image img{height:250px}}.article-list article:nth-child(5n+1) .article-category a{background:#8ea885;color:#fff}.article-list article:nth-child(5n+2) .article-category a{background:#df7988;color:#fff}.article-list article:nth-child(5n+3) .article-category a{background:#0177b8;color:#fff}.article-list article:nth-child(5n+4) .article-category a{background:#ffb900;color:#fff}.article-list article:nth-child(5n+5) .article-category a{background:#6b69d6;color:#fff}.article-details{display:flex;flex-direction:column;justify-content:center;padding:var(--card-padding);gap:15px}.article-title{font-family:var(--article-font-family);font-weight:600;margin:0;color:var(--card-text-color-main);font-size:2.2rem}@media(min-width:1280px){.article-title{font-size:2.4rem}}.article-title a{color:var(--card-text-color-main)}.article-title a:hover{color:var(--card-text-color-main)}.article-subtitle{font-weight:400;color:var(--card-text-color-secondary);line-height:1.5;margin:0;font-size:1.75rem}@media(min-width:1280px){.article-subtitle{font-size:2rem}}.article-title-wrapper{display:flex;flex-direction:column;gap:8px}.article-time,.article-translations{display:flex;color:var(--card-text-color-tertiary);gap:15px}.article-time svg,.article-translations svg{vertical-align:middle;width:20px;height:20px;stroke-width:1.33;flex-shrink:0}.article-time time,.article-time a,.article-translations time,.article-translations a{font-size:1.4rem;color:var(--card-text-color-tertiary)}.article-time>div,.article-translations>div{display:inline-flex;align-items:center;gap:15px}.article-time{flex-wrap:wrap}.article-translations>div{flex-wrap:wrap}.article-category,.article-tags{display:flex;gap:10px}.article-category a,.article-tags a{color:var(--accent-color-text);background-color:var(--accent-color);padding:8px 16px;border-radius:var(--tag-border-radius);display:inline-block;font-size:1.4rem;transition:background-color .5s ease}.article-category a:hover,.article-tags a:hover{color:var(--accent-color-text);background-color:var(--accent-color-darker)}.article-list--compact{border-radius:var(--card-border-radius);box-shadow:var(--shadow-l1);background-color:var(--card-background);--image-size:50px}@media(min-width:768px){.article-list--compact{--image-size:60px}}.article-list--compact article{background-color:var(--body-background);background-image:linear-gradient(var(--grid-blue-darker) 1.2px,transparent 1.2px),linear-gradient(90deg,var(--grid-blue-darker) 1.2px,transparent 1.2px),linear-gradient(var(--grid-blue) .6px,transparent .6px),linear-gradient(90deg,var(--grid-blue) .6px,var(--grid-background) .6px);background-size:40px 40px,40px 40px,8px 8px,8px 8px;background-position:-1.2px -1.2px,-1.2px -1.2px,-.6px -.6px,-.6px -.6px;border-radius:10px}.article-list--compact article>a{display:flex;align-items:center;padding:var(--small-card-padding);gap:15px}.article-list--compact article:not(:last-of-type){border-bottom:2px solid var(--card-separator-color);box-shadow:var(--shadow-l1)}.article-list--compact article .article-details{flex-grow:1;padding:0;min-height:var(--image-size);gap:10px}.article-list--compact article .article-title{margin:0;font-size:1.6rem}@media(min-width:768px){.article-list--compact article .article-title{font-size:1.8rem}}.article-list--compact article .article-image img{width:var(--image-size);height:var(--image-size);object-fit:cover}.article-list--compact article .article-time{font-size:1.4rem}.article-list--compact article .article-preview{font-size:1.4rem;color:var(--card-text-color-tertiary);margin-top:10px;line-height:1.5}.article-list--tile article{border-radius:var(--card-border-radius);overflow:hidden;position:relative;height:350px;width:250px;box-shadow:var(--shadow-l1);transition:box-shadow .3s ease;background-color:var(--card-background)}.article-list--tile article:hover{box-shadow:var(--shadow-l2)}.article-list--tile article.has-image .article-details{background-color:rgba(0,0,0,.25)}.article-list--tile article.has-image .article-title{color:#fff}.article-list--tile article .article-image{position:absolute;top:0;left:0;width:100%;height:100%}.article-list--tile article .article-image img{width:100%;height:100%;object-fit:cover}.article-list--tile article .article-details{border-radius:var(--card-border-radius);position:relative;height:100%;width:100%;display:flex;flex-direction:column;justify-content:flex-end;z-index:2;padding:15px}@media(min-width:640px){.article-list--tile article .article-details{padding:20px}}.article-list--tile article .article-title{font-size:2rem;font-weight:500;color:var(--card-text-color-main)}@media(min-width:640px){.article-list--tile article .article-title{font-size:2.2rem}}.widget{display:flex;flex-direction:column}.widget .widget-icon svg{width:32px;height:32px;stroke-width:1.6;color:var(--body-text-color)}.tagCloud .tagCloud-tags{display:flex;flex-wrap:wrap;gap:10px}.tagCloud .tagCloud-tags a{background:var(--card-background);box-shadow:var(--shadow-l1);border-radius:var(--tag-border-radius);padding:8px 20px;color:var(--card-text-color-main);font-size:1.4rem;transition:box-shadow .3s ease}.tagCloud .tagCloud-tags a:hover{box-shadow:var(--shadow-l2)}.widget.archives .widget-archive--list{border-radius:var(--card-border-radius);box-shadow:var(--shadow-l1);background-color:var(--card-background)}.widget.archives .archives-year:not(:last-of-type){border-bottom:1.5px solid var(--card-separator-color)}.widget.archives .archives-year a{font-size:1.4rem;padding:18px 25px;display:flex}.widget.archives .archives-year a span.year{flex:1;color:var(--card-text-color-main);font-weight:700}.widget.archives .archives-year a span.count{color:var(--card-text-color-tertiary)}footer.site-footer{padding:20px 0 var(--section-separation);font-size:1.4rem;line-height:1.75}footer.site-footer:before{content:"";display:block;height:3px;width:50px;background:var(--body-text-color);margin-bottom:20px}footer.site-footer .copyright{color:var(--accent-color);font-weight:700;margin-bottom:5px}footer.site-footer .made-by{color:var(--accent-color);margin-bottom:5px}footer.site-footer .powerby{color:var(--body-text-color);font-weight:400;font-size:1.2rem}footer.site-footer .powerby a{color:var(--body-text-color)}.pagination{display:flex;background-color:var(--card-background);box-shadow:var(--shadow-l1);border-radius:var(--card-border-radius);overflow:hidden;flex-wrap:wrap}.pagination .page-link{padding:16px 32px;display:inline-flex;color:var(--card-text-color-secondary)}.pagination .page-link.current{font-weight:700;background-color:var(--card-background-selected);color:var(--card-text-color-main)}.sidebar{z-index:10;opacity:.99;border-radius:2px 2px 2px 15px!important;border:1px solid var(--card-background);overflow-y:auto;overflow-x:hidden;box-shadow:var(--shadow-l3)}@media(min-width:640px){.sidebar.sticky{z-index:16;position:fixed}}@media(min-width:768px){.sidebar.sticky{z-index:10;position:sticky}}.left-sidebar{background-color:var(--body-background);background-image:linear-gradient(var(--grid-blue-darker) 1.2px,transparent 1.2px),linear-gradient(90deg,var(--grid-blue-darker) 1.2px,transparent 1.2px),linear-gradient(var(--grid-blue) .6px,transparent .6px),linear-gradient(90deg,var(--grid-blue) .6px,var(--grid-background) .6px);background-size:40px 40px,40px 40px,8px 8px,8px 8px;background-position:-1.2px -1.2px,-1.2px -1.2px,-.6px -.6px,-.6px -.6px;border-radius:10px;display:flex;flex-direction:column;flex-shrink:0;position:fixed;top:0;right:0;gap:var(--sidebar-element-separation);border:1px solid var(--card-background);background-color:var(--card-background);max-width:75vw;max-height:75vh;border-radius:10px;--sidebar-avatar-size:50px;--sidebar-element-separation:20px;--emoji-size:0px;--emoji-font-size:0px;overflow-y:auto;scrollbar-gutter:stable}.left-sidebar::-webkit-scrollbar{width:8px}.left-sidebar::-webkit-scrollbar-track{background:0 0}.left-sidebar::-webkit-scrollbar-thumb{background-color:transparent;border-radius:20px;border:3px solid rgba(38,131,128,.1)}.left-sidebar:hover::-webkit-scrollbar{opacity:1}.left-sidebar:hover::-webkit-scrollbar-track{background:var(--scrollbar-track)}.left-sidebar:hover::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb)}@media(hover:hover){.left-sidebar{scrollbar-color:var(--scrollbar-thumb)var(--scrollbar-track)}}@media(min-width:640px){.left-sidebar{position:absolute;top:0;flex-direction:column;max-width:75vw;padding-bottom:var(--main-top-padding);min-height:66vh;max-height:93vh;--sidebar-avatar-size:45px;--sidebar-element-separation:20px;--emoji-size:15px;--emoji-font-size:10px}}@media(min-width:768px){.left-sidebar{flex-direction:column;background-color:var(--body-background);max-height:100vh;top:5vh;bottom:2vh;height:93vh;box-shadow:0 0 10px rgba(0,0,0,5%);--sidebar-avatar-size:100px;--sidebar-element-separation:20px;--emoji-size:30px;--emoji-font-size:12px}}@media(min-width:1536px){.left-sidebar{--sidebar-avatar-size:120px;--sidebar-element-separation:25px;--emoji-size:40px}}.left-sidebar.compact{--sidebar-avatar-size:30px;--emoji-size:20px;--emoji-font-size:15px}@media(min-width:1024px){.left-sidebar.compact header{flex-direction:column}}.left-sidebar.compact header .site-meta{gap:5px}.left-sidebar.compact header .site-name{font-size:1.4rem}@media(min-width:1536px){.left-sidebar.compact header .site-name{font-size:1.75rem}}.left-sidebar.compact header .site-description{font-size:1.4rem}.right-sidebar{background-color:var(--body-background);background-image:linear-gradient(var(--grid-blue-darker) 1.2px,transparent 1.2px),linear-gradient(90deg,var(--grid-blue-darker) 1.2px,transparent 1.2px),linear-gradient(var(--grid-blue) .6px,transparent .6px),linear-gradient(90deg,var(--grid-blue) .6px,var(--grid-background) .6px);background-size:40px 40px,40px 40px,8px 8px,8px 8px;background-position:-1.2px -1.2px,-1.2px -1.2px,-.6px -.6px,-.6px -.6px;border-radius:10px;width:100%;order:3;flex-direction:column;gap:var(--widget-separation);position:fixed;padding:0 2vw;bottom:0;left:0;background-color:var(--body-background-opaque)!important;border:4px solid #f5f5f5;box-shadow:0 -2px 10px rgba(0,0,0,.15);max-height:50%;min-height:33%;height:100vh;overflow-y:auto;z-index:15;border-radius:2px 2px 10px;display:none;animation:.3s slide-up ease-in;overflow-y:auto;scrollbar-gutter:stable}.right-sidebar::-webkit-scrollbar{width:8px}.right-sidebar::-webkit-scrollbar-track{background:0 0}.right-sidebar::-webkit-scrollbar-thumb{background-color:transparent;border-radius:20px;border:3px solid rgba(38,131,128,.1)}.right-sidebar:hover::-webkit-scrollbar{opacity:1}.right-sidebar:hover::-webkit-scrollbar-track{background:var(--scrollbar-track)}.right-sidebar:hover::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb)}@media(hover:hover){.right-sidebar{scrollbar-color:var(--scrollbar-thumb)var(--scrollbar-track)}}@media(min-width:768px){.right-sidebar{padding-top:var(--main-top-padding);padding-bottom:var(--main-bottom-padding);background-color:var(--body-background);position:sticky;top:5vh;bottom:2vh;height:93vh;border:1px solid var(--card-background);box-shadow:0 0 10px rgba(0,0,0,5%);animation:.3s slide-in-right ease-in}}@media(min-width:768px){.flex.on-phone--column{flex-direction:row}}.sidebar header{z-index:2;transition:box-shadow .5s ease;display:flex;flex-direction:row;line-height:.5;width:100%;max-width:100vw;align-items:center;flex-wrap:nowrap;gap:10vw}@media(min-width:768px){.sidebar header{padding:0;gap:var(--sidebar-separation)}}.sidebar header .site-avatar{position:absolute;top:0;left:0;margin:0;padding:5px;width:var(--sidebar-avatar-size);height:var(--sidebar-avatar-size);flex-shrink:0;background-color:var(--card-background);border-radius:0 0 20px 0;box-shadow:var(--shadow-l1),var(--shadow-l3)}@media(min-width:768px){.sidebar header .site-avatar{border-radius:0;box-shadow:none;position:relative;background-color:transparent}}.sidebar header .site-avatar .site-logo{background-color:var(--body-background);background-image:linear-gradient(var(--grid-blue-darker) 1.2px,transparent 1.2px),linear-gradient(90deg,var(--grid-blue-darker) 1.2px,transparent 1.2px),linear-gradient(var(--grid-blue) .6px,transparent .6px),linear-gradient(90deg,var(--grid-blue) .6px,var(--grid-background) .6px);background-size:40px 40px,40px 40px,8px 8px,8px 8px;background-position:-1.2px -1.2px,-1.2px -1.2px,-.6px -.6px,-.6px -.6px;border-radius:10px;width:100%;height:100%;border-radius:100%;box-shadow:var(--shadow-l1);background-color:var(--body-background);border:1px var(--card-background)solid}.sidebar header .site-avatar .emoji{background-color:var(--body-background);background-image:linear-gradient(var(--grid-blue-darker) 1.2px,transparent 1.2px),linear-gradient(90deg,var(--grid-blue-darker) 1.2px,transparent 1.2px),linear-gradient(var(--grid-blue) .6px,transparent .6px),linear-gradient(90deg,var(--grid-blue) .6px,var(--grid-background) .6px);background-size:40px 40px,40px 40px,8px 8px,8px 8px;background-position:-1.2px -1.2px,-1.2px -1.2px,-.6px -.6px,-.6px -.6px;border-radius:10px;border:1px var(--card-background)solid;position:absolute;width:var(--emoji-size);height:var(--emoji-size);line-height:var(--emoji-size);border-radius:100%;bottom:0;right:0;text-align:center;font-size:var(--emoji-font-size);background-color:var(--card-background);box-shadow:var(--shadow-l2)}.sidebar header .site-avatar .emoji svg{position:absolute;top:0;left:0;transform:rotate(-90deg);width:100%;height:100%;border-radius:100%}.sidebar header .site-avatar .progress-ring__circle{transition:stroke-dashoffset 3s,opacity 5s;stroke-dasharray:113;stroke-dashoffset:113;opacity:.1}.sidebar header .site-avatar .emoji:hover .progress-ring__circle{stroke-dashoffset:0;opacity:1}.sidebar header .site-meta{display:flex;flex-direction:column;gap:10px;justify-content:center}.sidebar header .site-name{color:var(--accent-color);margin:5px;font-size:1.6rem}@media(min-width:1536px){.sidebar header .site-name{font-size:1.8rem}}.sidebar header .site-description{color:var(--body-text-color);font-weight:400;margin:0;font-size:1.4rem;font-style:italic}@media(min-width:1536px){.sidebar header .site-description{font-size:1.6rem}}[data-scheme=dark] #dark-mode-toggle{color:var(--accent-color);font-weight:700}[data-scheme=dark] #dark-mode-toggle .icon-tabler-toggle-left{display:none}[data-scheme=dark] #dark-mode-toggle .icon-tabler-toggle-right{display:unset}#dark-mode-toggle{margin-top:auto;color:var(--body-text-color);display:flex;align-items:center;cursor:pointer;gap:var(--menu-icon-separation)}#dark-mode-toggle .icon-tabler-toggle-right{display:none}#i18n-switch{color:var(--body-text-color);display:inline-flex;align-content:center;gap:var(--menu-icon-separation)}#i18n-switch select{border:0;background-color:transparent;color:var(--body-text-color)}#i18n-switch select option{color:var(--card-text-color-main);background-color:var(--card-background)}html{font-size:62.5%;overflow-y:scroll}*{box-sizing:border-box}body{background:var(--body-background);margin:0;font-family:var(--base-font-family);font-size:1.6rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb)transparent}::-webkit-scrollbar{height:auto}::-webkit-scrollbar-thumb{background-color:var(--scrollbar-track);border-radius:10px;border-top:5px rgba(255,255,255,.36)solid;border-bottom:5px rgba(54,54,54,.45)solid;box-shadow:0 -50px 30px rgba(104,166,183,.15)inset}::-webkit-scrollbar-thumb:hover{transition:.3s ease-in-out;box-shadow:0 -100px 30px rgba(104,166,183,.35)inset}::-webkit-scrollbar-track{background-color:transparent}.article-page.hide-sidebar-sm .left-sidebar{display:none}@media(min-width:768px){.article-page.hide-sidebar-sm .left-sidebar{display:inherit}}.article-page .main-article{background:var(--card-background);border-radius:var(--card-border-radius);box-shadow:var(--shadow-l1);overflow:hidden}.article-page .main-article .article-header .article-image img{height:auto;width:100%;max-height:50vh;object-fit:cover}.article-page .main-article .article-header .article-details{padding:var(--card-padding);padding-bottom:0}.article-page .main-article .article-content{margin:var(--card-padding)0;color:var(--card-text-color-main)}.article-page .main-article .article-content .footnotes{font-family:var(--base-font-family)}.article-page .main-article .article-content img{max-width:100%;height:auto}.article-page .main-article .article-footer{margin:var(--card-padding);margin-top:0}.article-page .main-article .article-footer section:not(:first-child){margin-top:var(--card-padding)}.article-page .main-article .article-footer section{color:var(--card-text-color-tertiary);text-transform:uppercase;display:flex;align-items:center;font-size:1.4rem;gap:15px}.article-page .main-article .article-footer section svg{width:auto;height:20px;stroke-width:1.33}.article-page .main-article .article-footer .article-tags{flex-wrap:wrap;text-transform:unset}.article-page .main-article .article-footer .article-copyright a,.article-page .main-article .article-footer .article-lastmod a{color:var(--body-text-color)}.article-page .main-article .article-footer .article-copyright a.link,.article-page .main-article .article-footer .article-lastmod a.link{box-shadow:unset}.widget--toc{background-color:var(--card-background);border-radius:var(--card-border-radius);box-shadow:var(--shadow-l1);display:flex;flex-direction:column;color:var(--card-text-color-main);overflow:hidden}.widget--toc ::-webkit-scrollbar-thumb{background-color:var(--card-separator-color)}.widget--toc #TableOfContents{overflow-x:auto;max-height:75vh}.widget--toc #TableOfContents ol,.widget--toc #TableOfContents ul{margin:0;padding:0}.widget--toc #TableOfContents ol{list-style-type:none;counter-reset:item}.widget--toc #TableOfContents ol li a:first-of-type::before{counter-increment:item;content:counters(item,".")". ";font-weight:700;margin-right:5px}.widget--toc #TableOfContents>ul{padding:0 1em}.widget--toc #TableOfContents li{margin:15px 0 15px 20px;padding:5px}.widget--toc #TableOfContents li>ol,.widget--toc #TableOfContents li>ul{margin-top:10px;padding-left:10px;margin-bottom:-5px}.widget--toc #TableOfContents li>ol>li:last-child,.widget--toc #TableOfContents li>ul>li:last-child{margin-bottom:0}.widget--toc #TableOfContents li.active-class>a{border-left:var(--heading-border-size)solid var(--accent-color);font-weight:700}.widget--toc #TableOfContents ul li.active-class>a{display:block}.widget--toc #TableOfContents>ul>li.active-class>a{margin-left:calc(-25px - 1em);padding-left:calc(25px + 1em - var(--heading-border-size))}.widget--toc #TableOfContents>ol>li.active-class>a{margin-left:calc(-9px - 1em);padding-left:calc(9px + 1em - var(--heading-border-size));display:block}.widget--toc #TableOfContents>ul>li>ul>li.active-class>a{margin-left:calc(-60px - 1em);padding-left:calc(60px + 1em - var(--heading-border-size))}.widget--toc #TableOfContents>ol>li>ol>li.active-class>a{margin-left:calc(-44px - 1em);padding-left:calc(44px + 1em - var(--heading-border-size));display:block}.widget--toc #TableOfContents>ul>li>ul>li>ul>li.active-class>a{margin-left:calc(-95px - 1em);padding-left:calc(95px + 1em - var(--heading-border-size))}.widget--toc #TableOfContents>ol>li>ol>li>ol>li.active-class>a{margin-left:calc(-79px - 1em);padding-left:calc(79px + 1em - var(--heading-border-size));display:block}.widget--toc #TableOfContents>ul>li>ul>li>ul>li>ul>li.active-class>a{margin-left:calc(-130px - 1em);padding-left:calc(130px + 1em - var(--heading-border-size))}.widget--toc #TableOfContents>ol>li>ol>li>ol>li>ol>li.active-class>a{margin-left:calc(-114px - 1em);padding-left:calc(114px + 1em - var(--heading-border-size));display:block}.widget--toc #TableOfContents>ul>li>ul>li>ul>li>ul>li>ul>li.active-class>a{margin-left:calc(-165px - 1em);padding-left:calc(165px + 1em - var(--heading-border-size))}.widget--toc #TableOfContents>ol>li>ol>li>ol>li>ol>li>ol>li.active-class>a{margin-left:calc(-149px - 1em);padding-left:calc(149px + 1em - var(--heading-border-size));display:block}.related-content{overflow-x:auto;padding-bottom:15px}.related-content>.flex{float:left}.related-content article{margin-right:15px;flex-shrink:0;overflow:hidden;width:250px;height:150px}.related-content article .article-title{font-size:1.8rem;margin:0}.related-content article.has-image .article-details{padding:20px;background:linear-gradient(0deg,rgba(0,0,0,.25) 0%,rgba(0,0,0,.75) 100%)}.article-content{font-family:var(--article-font-family);font-size:var(--article-font-size);padding:0 var(--card-padding);line-height:var(--article-line-height)}.article-content>p{margin:1.5em 0}.article-content h1,.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6{margin-inline-start:calc((var(--card-padding)) * -1);padding-inline-start:calc(var(--card-padding) - var(--heading-border-size));border-inline-start:var(--heading-border-size)solid var(--accent-color)}.article-content figure{text-align:center}.article-content figure figcaption{font-size:1.4rem;color:var(--card-text-color-secondary)}.article-content blockquote{position:relative;margin:1.5em 0;border-inline-start:var(--blockquote-border-size)solid var(--card-separator-color);padding:15px calc(var(--card-padding) - var(--blockquote-border-size));background-color:var(--blockquote-background-color)}.article-content blockquote .cite{display:block;text-align:right;font-size:.75em}.article-content blockquote .cite a{text-decoration:underline}.article-content hr{width:100px;margin:40px auto;background:var(--card-text-color-tertiary);height:2px;border:0;opacity:.55}.article-content code{color:var(--code-text-color);background-color:var(--code-background-color);padding:2px 4px;border-radius:var(--tag-border-radius);font-family:var(--code-font-family)}.article-content a,.article-content code{word-break:break-word}.article-content .gallery{position:relative;display:flex;flex-direction:row;justify-content:center;margin:1.5em 0;gap:10px}.article-content .gallery figure{margin:0}.article-content pre{overflow-x:auto;display:block;background-color:var(--pre-background-color);color:var(--pre-text-color);font-family:var(--code-font-family);line-height:1.428571429;word-break:break-all;padding:var(--card-padding)}[dir=rtl] .article-content pre{direction:ltr}.article-content pre code{color:unset;border:none;background:0 0;padding:0}.article-content .highlight{background-color:var(--pre-background-color);padding:var(--card-padding);position:relative}.article-content .highlight:hover .copyCodeButton{opacity:1}[dir=rtl] .article-content .highlight{direction:ltr}.article-content .highlight pre{margin:initial;padding:0;margin:0;width:auto}.article-content .copyCodeButton{position:absolute;top:calc(var(--card-padding));right:calc(var(--card-padding));background:var(--card-background);border:none;box-shadow:var(--shadow-l2);border-radius:var(--tag-border-radius);padding:8px 16px;color:var(--card-text-color-main);cursor:pointer;font-size:14px;opacity:0;transition:opacity .3s ease}.article-content .table-wrapper{padding:0 var(--card-padding);overflow-x:auto;display:block}.article-content table{width:100%;border-collapse:collapse;border-spacing:0;margin-bottom:1.5em;font-size:.96em}.article-content th,.article-content td{text-align:left;padding:4px 8px 4px 10px;border:1px solid var(--table-border-color)}.article-content td{vertical-align:top}.article-content tr:nth-child(even){background-color:var(--tr-even-background-color)}.article-content .twitter-tweet{color:var(--card-text-color-main)}.article-content .video-wrapper{position:relative;width:100%;height:0;padding-bottom:56.25%;overflow:hidden}.article-content .video-wrapper>iframe,.article-content .video-wrapper>video{position:absolute;width:100%;height:100%;left:0;top:0;border:0}.article-content .gitlab-embed-snippets{margin:0!important}.article-content .gitlab-embed-snippets .file-holder.snippet-file-content{margin-block-end:0!important;margin-block-start:0!important;margin-left:calc((var(--card-padding)) * -1)!important;margin-right:calc((var(--card-padding)) * -1)!important;padding:0 var(--card-padding)!important}.article-content blockquote,.article-content figure,.article-content .highlight,.article-content pre,.article-content .gallery,.article-content .video-wrapper,.article-content .table-wrapper,.article-content .s_video_simple{margin-left:calc((var(--card-padding)) * -1);margin-right:calc((var(--card-padding)) * -1);width:calc(100% + var(--card-padding) * 2)}.article-content .katex-display>.katex{overflow-x:auto;overflow-y:hidden}.article-content kbd{border:1px solid var(--kbd-border-color);font-weight:700;font-size:.9em;line-height:1;padding:2px 4px;border-radius:4px;display:inline-block}.section-card{border-radius:var(--card-border-radius);background-color:var(--card-background);padding:var(--small-card-padding);box-shadow:var(--shadow-l1);display:flex;align-items:center;margin-top:1vh;gap:10px;opacity:.8;--separation:10px}.section-card .section-term{font-size:2.2rem;margin:0;color:var(--card-text-color-main)}.section-card .section-description{font-weight:400;color:var(--card-text-color-secondary);font-size:1.6rem;margin:0}.section-card .section-details{flex-grow:1;display:flex;flex-direction:column;gap:8px}.section-card .section-image img{max-width:120px;height:60px}.section-card .section-count{color:var(--card-text-color-tertiary);font-size:1.4rem;margin:0;font-weight:700;text-transform:uppercase}.subsection-list{overflow-x:auto}.subsection-list .article-list--tile{display:flex;padding-bottom:15px}.subsection-list .article-list--tile article{width:250px;height:150px;margin-right:20px;flex-shrink:0}.subsection-list .article-list--tile article .article-title{margin:0;font-size:1.8rem}.subsection-list .article-list--tile article .article-details{padding:20px}.not-found-card{background-color:var(--card-background);box-shadow:var(--shadow-l1);border-radius:var(--card-border-radius);padding:var(--card-padding)}.search-form{position:relative;--button-size:80px}.search-form.widget{--button-size:60px}.search-form.widget label{font-size:1.3rem;top:10px}.search-form.widget input{font-size:1.5rem;padding:30px 20px 15px}.search-form p{position:relative;margin:0}.search-form label{position:absolute;top:15px;inset-inline-start:20px;font-size:1.4rem;color:var(--card-text-color-tertiary)}.search-form input{padding:40px 20px 20px;border-radius:var(--card-border-radius);background-color:var(--card-background);box-shadow:var(--shadow-l1);color:var(--card-text-color-main);width:100%;border:0;-webkit-appearance:none;transition:box-shadow .3s ease;font-size:1.8rem}.search-form input:focus{outline:0;box-shadow:var(--shadow-l2)}.search-form button{position:absolute;inset-inline-end:0;top:0;height:100%;width:var(--button-size);cursor:pointer;background-color:transparent;border:0;padding:0 10px}.search-form button:focus{outline:0}.search-form button:focus svg{stroke-width:2;color:var(--accent-color)}.search-form button svg{color:var(--card-text-color-secondary);stroke-width:1.33;transition:all .3s ease;width:20px;height:20px}a{text-decoration:none;color:var(--accent-color)}a:hover{color:var(--accent-color-darker)}a.link{box-shadow:0 -2px rgba(var(--link-background-color),var(--link-background-opacity))inset;transition:all .3s ease}a.link:hover{box-shadow:0 calc(-1rem * var(--article-line-height))rgba(var(--link-background-color),var(--link-background-opacity-hover))inset}.section-title{text-transform:uppercase;margin-top:10px;margin-bottom:10px;display:block;font-size:1.6rem;font-weight:700;color:var(--body-text-color);border:1px solid var(--card-background)}.section-title a{color:var(--body-text-color)}#stars{width:1px;height:1px;background:0 0;box-shadow:99px 252px #FFF,1178px 860px #FFF,999px 943px #FFF,1546px 1512px #FFF,1139px 1249px #FFF,299px 1897px #FFF,1045px 118px #FFF,447px 1861px #FFF,801px 267px #FFF,870px 684px #FFF,211px 1410px #FFF,1785px 846px #FFF,1802px 1278px #FFF,1333px 730px #FFF,563px 1569px #FFF,522px 1496px #FFF,1622px 1196px #FFF,1754px 1948px #FFF,1499px 1918px #FFF,1916px 1904px #FFF,1340px 677px #FFF,1437px 1462px #FFF,1591px 815px #FFF,1694px 1325px #FFF,1834px 1131px #FFF,1706px 1581px #FFF,1211px 468px #FFF,179px 436px #FFF,1502px 1810px #FFF,219px 284px #FFF,540px 1009px #FFF,323px 1145px #FFF,1217px 1751px #FFF,1862px 349px #FFF,1184px 317px #FFF,38px 470px #FFF,1139px 197px #FFF,339px 208px #FFF,1808px 98px #FFF,1258px 449px #FFF,1647px 1523px #FFF,614px 1373px #FFF,1260px 684px #FFF,918px 1056px #FFF,272px 1957px #FFF,1093px 1903px #FFF,907px 1389px #FFF,1112px 1077px #FFF,47px 525px #FFF,319px 377px #FFF,327px 1364px #FFF,1292px 76px #FFF,1588px 54px #FFF,450px 111px #FFF,359px 1145px #FFF,528px 423px #FFF,265px 940px #FFF,413px 1916px #FFF,219px 1414px #FFF,1874px 895px #FFF,1013px 1229px #FFF,1074px 983px #FFF,596px 1297px #FFF,1975px 1917px #FFF,905px 1730px #FFF,1683px 1589px #FFF,630px 1444px #FFF,228px 651px #FFF,1303px 942px #FFF,553px 1446px #FFF,624px 1482px #FFF,1296px 1126px #FFF,742px 812px #FFF,71px 1076px #FFF,1287px 967px #FFF,777px 94px #FFF,1391px 1340px #FFF,1353px 1520px #FFF,731px 898px #FFF,1100px 615px #FFF,489px 818px #FFF,1752px 459px #FFF,639px 1248px #FFF,1259px 1887px #FFF,472px 1099px #FFF,1753px 1654px #FFF,1627px 488px #FFF,838px 836px #FFF,1035px 1357px #FFF,1901px 1965px #FFF,1436px 1853px #FFF,1125px 343px #FFF,1769px 1182px #FFF,16px 1646px #FFF,521px 1230px #FFF,1909px 673px #FFF,1254px 1192px #FFF,940px 205px #FFF,1970px 627px #FFF,1145px 1860px #FFF,394px 1679px #FFF,1774px 863px #FFF,1072px 1833px #FFF,1924px 1034px #FFF,1460px 100px #FFF,1241px 1486px #FFF,609px 1803px #FFF,644px 64px #FFF,1933px 146px #FFF,368px 560px #FFF,1603px 952px #FFF,930px 1775px #FFF,402px 701px #FFF,560px 1184px #FFF,1057px 1525px #FFF,242px 1930px #FFF,522px 847px #FFF,263px 772px #FFF,742px 94px #FFF,1322px 884px #FFF,1275px 1360px #FFF,690px 66px #FFF,191px 953px #FFF,229px 1037px #FFF,97px 582px #FFF,704px 1916px #FFF,673px 862px #FFF,1594px 1400px #FFF,481px 1152px #FFF,639px 186px #FFF,61px 1854px #FFF,1206px 1432px #FFF,787px 170px #FFF,1582px 153px #FFF,1101px 1992px #FFF,195px 1641px #FFF,1042px 1279px #FFF,894px 820px #FFF,602px 563px #FFF,1384px 1910px #FFF,1236px 503px #FFF,1616px 383px #FFF,1727px 1832px #FFF,1362px 822px #FFF,233px 797px #FFF,487px 503px #FFF,1634px 1875px #FFF,821px 1136px #FFF,1566px 1705px #FFF,1895px 588px #FFF,1588px 548px #FFF,430px 436px #FFF,1430px 1240px #FFF,694px 576px #FFF,1626px 1508px #FFF,1912px 1547px #FFF,486px 265px #FFF,1736px 1168px #FFF,226px 887px #FFF,206px 1566px #FFF,1971px 486px #FFF,1506px 1998px #FFF,822px 301px #FFF,1278px 840px #FFF,920px 1215px #FFF,191px 1415px #FFF,1319px 1461px #FFF,959px 698px #FFF,1426px 1601px #FFF,766px 944px #FFF,1745px 1923px #FFF,343px 1214px #FFF,85px 685px #FFF,230px 1809px #FFF,1483px 1389px #FFF,386px 949px #FFF,1071px 15px #FFF,1683px 1792px #FFF,887px 76px #FFF,1518px 1722px #FFF,897px 1062px #FFF,1242px 150px #FFF,698px 359px #FFF,352px 1193px #FFF,100px 228px #FFF,299px 494px #FFF,276px 1513px #FFF,639px 1092px #FFF,98px 385px #FFF,184px 942px #FFF,770px 21px #FFF,395px 770px #FFF,1235px 1452px #FFF,1487px 1765px #FFF,1455px 644px #FFF,75px 1969px #FFF,1416px 1250px #FFF,394px 983px #FFF,510px 860px #FFF,233px 1359px #FFF,421px 336px #FFF,1048px 312px #FFF,584px 653px #FFF,1968px 664px #FFF,1308px 998px #FFF,791px 199px #FFF,1277px 1139px #FFF,1649px 1266px #FFF,1972px 991px #FFF,1035px 1486px #FFF,1485px 159px #FFF,1941px 287px #FFF,355px 1634px #FFF,1585px 1991px #FFF,41px 1620px #FFF,839px 778px #FFF,646px 1383px #FFF,1428px 391px #FFF,35px 325px #FFF,785px 1587px #FFF,957px 788px #FFF,294px 956px #FFF,763px 1777px #FFF,43px 373px #FFF,180px 1316px #FFF,1674px 1874px #FFF,1274px 1835px #FFF,1054px 844px #FFF,962px 884px #FFF,862px 1160px #FFF,1952px 1211px #FFF,848px 339px #FFF,15px 1042px #FFF,813px 1708px #FFF,895px 1278px #FFF,1097px 582px #FFF,123px 1455px #FFF,1755px 16px #FFF,1183px 333px #FFF,549px 1868px #FFF,1469px 1821px #FFF,1387px 68px #FFF,1684px 1892px #FFF,11px 62px #FFF,1555px 802px #FFF,1338px 1153px #FFF,680px 1744px #FFF,1112px 695px #FFF,1893px 1838px #FFF,190px 909px #FFF,509px 1863px #FFF,1169px 977px #FFF,1335px 771px #FFF,1849px 941px #FFF,41px 414px #FFF,928px 892px #FFF,1042px 1829px #FFF,568px 859px #FFF,815px 1079px #FFF,609px 1013px #FFF,1070px 906px #FFF,1733px 1733px #FFF,845px 383px #FFF,1932px 1466px #FFF,599px 696px #FFF,304px 1353px #FFF,533px 276px #FFF,713px 1942px #FFF,1282px 1046px #FFF,528px 344px #FFF,261px 14px #FFF,293px 1059px #FFF,183px 629px #FFF,1954px 877px #FFF,836px 988px #FFF,1809px 746px #FFF,752px 1921px #FFF,1259px 700px #FFF,1628px 322px #FFF,1703px 495px #FFF,94px 714px #FFF,1715px 15px #FFF,1681px 1544px #FFF,1966px 1053px #FFF,1834px 1403px #FFF,1689px 811px #FFF,1516px 517px #FFF,181px 449px #FFF,140px 1174px #FFF,100px 25px #FFF,1945px 156px #FFF,1783px 250px #FFF,1690px 503px #FFF,1751px 277px #FFF,459px 730px #FFF,1432px 1659px #FFF,1773px 201px #FFF,693px 1644px #FFF,1297px 415px #FFF,1525px 1571px #FFF;animation:animStar 50s linear infinite}#stars:after{content:" ";position:absolute;top:3000px;width:1px;height:1px}#stars2{width:2px;height:2px;border-radius:1px;background:0 0;box-shadow:316px 616px #FFF,456px 1651px #FFF,1102px 764px #FFF,122px 1494px #FFF,471px 245px #FFF,830px 705px #FFF,1359px 317px #FFF,11px 1826px #FFF,678px 1984px #FFF,684px 1343px #FFF,966px 1292px #FFF,1578px 1193px #FFF,927px 1037px #FFF,332px 1409px #FFF,1620px 1765px #FFF,936px 1381px #FFF,461px 1546px #FFF,957px 1727px #FFF,1902px 1570px #FFF,1757px 202px #FFF,1689px 1726px #FFF,826px 179px #FFF,233px 1587px #FFF,229px 873px #FFF,936px 1682px #FFF,1309px 829px #FFF,914px 834px #FFF,988px 138px #FFF,1529px 565px #FFF,300px 1904px #FFF,1996px 1275px #FFF,29px 623px #FFF,341px 448px #FFF,665px 84px #FFF,758px 375px #FFF,1906px 366px #FFF,1326px 842px #FFF,1521px 1446px #FFF,769px 5px #FFF,1095px 1624px #FFF,1085px 360px #FFF,1165px 1656px #FFF,1918px 1455px #FFF,771px 1887px #FFF,599px 461px #FFF,1668px 1170px #FFF,1819px 1285px #FFF,1041px 979px #FFF,1338px 1811px #FFF,1043px 820px #FFF,1429px 1602px #FFF,554px 688px #FFF,507px 1392px #FFF,929px 1373px #FFF,166px 1184px #FFF,779px 1270px #FFF,256px 178px #FFF,630px 304px #FFF,1275px 1764px #FFF,1092px 424px #FFF,1561px 1555px #FFF,555px 1646px #FFF,677px 1518px #FFF,951px 1060px #FFF,504px 1410px #FFF,1988px 513px #FFF,265px 492px #FFF,419px 1841px #FFF,190px 1527px #FFF,629px 301px #FFF,563px 1792px #FFF,1311px 159px #FFF,636px 1748px #FFF,1752px 1825px #FFF,1397px 561px #FFF,1948px 119px #FFF,148px 1684px #FFF,1157px 1724px #FFF,1273px 744px #FFF,1730px 1206px #FFF,36px 635px #FFF,139px 1447px #FFF,451px 943px #FFF,1215px 207px #FFF,3px 1365px #FFF,1005px 84px #FFF,839px 1361px #FFF,1227px 520px #FFF,30px 256px #FFF,1210px 1841px #FFF,1690px 747px #FFF,1698px 1277px #FFF,977px 745px #FFF,804px 1024px #FFF,247px 1620px #FFF,891px 96px #FFF,1680px 541px #FFF,1730px 1608px #FFF,1140px 1071px #FFF,1852px 960px #FFF;animation:animStar 100s linear infinite}#stars2:after{content:" ";position:absolute;top:2000px;width:2px;height:2px;background:0 0;box-shadow:316px 616px #FFF,456px 1651px #FFF,1102px 764px #FFF,122px 1494px #FFF,471px 245px #FFF,830px 705px #FFF,1359px 317px #FFF,11px 1826px #FFF,678px 1984px #FFF,684px 1343px #FFF,966px 1292px #FFF,1578px 1193px #FFF,927px 1037px #FFF,332px 1409px #FFF,1620px 1765px #FFF,936px 1381px #FFF,461px 1546px #FFF,957px 1727px #FFF,1902px 1570px #FFF,1757px 202px #FFF,1689px 1726px #FFF,826px 179px #FFF,233px 1587px #FFF,229px 873px #FFF,936px 1682px #FFF,1309px 829px #FFF,914px 834px #FFF,988px 138px #FFF,1529px 565px #FFF,300px 1904px #FFF,1996px 1275px #FFF,29px 623px #FFF,341px 448px #FFF,665px 84px #FFF,758px 375px #FFF,1906px 366px #FFF,1326px 842px #FFF,1521px 1446px #FFF,769px 5px #FFF,1095px 1624px #FFF,1085px 360px #FFF,1165px 1656px #FFF,1918px 1455px #FFF,771px 1887px #FFF,599px 461px #FFF,1668px 1170px #FFF,1819px 1285px #FFF,1041px 979px #FFF,1338px 1811px #FFF,1043px 820px #FFF,1429px 1602px #FFF,554px 688px #FFF,507px 1392px #FFF,929px 1373px #FFF,166px 1184px #FFF,779px 1270px #FFF,256px 178px #FFF,630px 304px #FFF,1275px 1764px #FFF,1092px 424px #FFF,1561px 1555px #FFF,555px 1646px #FFF,677px 1518px #FFF,951px 1060px #FFF,504px 1410px #FFF,1988px 513px #FFF,265px 492px #FFF,419px 1841px #FFF,190px 1527px #FFF,629px 301px #FFF,563px 1792px #FFF,1311px 159px #FFF,636px 1748px #FFF,1752px 1825px #FFF,1397px 561px #FFF,1948px 119px #FFF,148px 1684px #FFF,1157px 1724px #FFF,1273px 744px #FFF,1730px 1206px #FFF,36px 635px #FFF,139px 1447px #FFF,451px 943px #FFF,1215px 207px #FFF,3px 1365px #FFF,1005px 84px #FFF,839px 1361px #FFF,1227px 520px #FFF,30px 256px #FFF,1210px 1841px #FFF,1690px 747px #FFF,1698px 1277px #FFF,977px 745px #FFF,804px 1024px #FFF,247px 1620px #FFF,891px 96px #FFF,1680px 541px #FFF,1730px 1608px #FFF,1140px 1071px #FFF,1852px 960px #FFF}#stars3{width:3px;height:3px;border-radius:2px;background:0 0;box-shadow:236px 640px #FFF,489px 1563px #FFF,1589px 168px #FFF,1332px 158px #FFF,469px 1765px #FFF,1529px 218px #FFF,1491px 1982px #FFF,1295px 563px #FFF,453px 1718px #FFF,1125px 1204px #FFF,360px 1054px #FFF,1156px 1903px #FFF,1672px 540px #FFF,1304px 1800px #FFF,779px 1138px #FFF,1208px 1467px #FFF,415px 931px #FFF,1781px 1316px #FFF,929px 1297px #FFF,62px 1283px #FFF,1889px 1925px #FFF,1201px 1130px #FFF,1986px 918px #FFF,337px 1989px #FFF,1893px 387px #FFF;animation:animStar 150s linear infinite}#stars3:after{content:" ";position:absolute;top:2000px;width:3px;height:3px;background:0 0;box-shadow:236px 640px #FFF,489px 1563px #FFF,1589px 168px #FFF,1332px 158px #FFF,469px 1765px #FFF,1529px 218px #FFF,1491px 1982px #FFF,1295px 563px #FFF,453px 1718px #FFF,1125px 1204px #FFF,360px 1054px #FFF,1156px 1903px #FFF,1672px 540px #FFF,1304px 1800px #FFF,779px 1138px #FFF,1208px 1467px #FFF,415px 931px #FFF,1781px 1316px #FFF,929px 1297px #FFF,62px 1283px #FFF,1889px 1925px #FFF,1201px 1130px #FFF,1986px 918px #FFF,337px 1989px #FFF,1893px 387px #FFF}@keyframes animStar{from{transform:translateY(0)}to{transform:translateY(-1500px)}}[data-scheme=dark] .homepage-styling p,[data-scheme=dark] .homepage-styling h1,[data-scheme=dark] .homepage-styling h2,[data-scheme=dark] .homepage-styling h3,[data-scheme=dark] .homepage-styling h4{color:#fff}[data-scheme=dark] body{background-color:#16151a}[data-scheme=light] body{background-color:#fff}[data-scheme=dark] .pencil-information-table{filter:invert(1)}[data-scheme=dark] .pencil-information-table tr:first-child td:first-child{filter:invert(1)}[data-scheme=dark] .right-sidebar{background-color:var(--body-background);color:#fff;border:2px solid rgba(255,255,255,.1);transition:.3s}@media(min-width:1024px){[data-scheme=dark] .right-sidebar{border:1px transparent;background-color:var(--body-background)}}.icon-tabler-star-half-filled{color:var(--body-text-color);opacity:.8}.sidebar header .site-avatar{display:absolute;flex-direction:column;justify-content:center;z-index:0;background-color:var(--body-background)}@media(min-width:768px){.sidebar header .site-avatar{background-color:transparent}}.left-sidebar:hover{transition:.3s ease-in}@media(min-width:1024px){.left-sidebar:hover{background-color:rgba(255,255,255,.021)}}@media(min-width:1536px){.left-sidebar:hover{background-color:rgba(255,255,255,.021)}}.left-sidebar header{display:flex;position:inherit;top:0;left:0;padding:5px;flex-direction:row;justify-content:center;align-content:center;align-items:center;z-index:-1}@media(min-width:768px){.left-sidebar header{flex-direction:column;padding:5px}}.left-sidebar .site-meta{animation:fade-out 2.5s ease-in 1s forwards}@media(min-width:768px){.left-sidebar .site-meta{animation:none}}.left-sidebar .social-menu{display:none;flex-direction:row;position:inherit;top:0;left:0;align-content:center;top:0;flex:initial;animation:fade-out 3s ease-in 1s forwards}@media(min-width:768px){.left-sidebar .social-menu{animation:none;display:flex}}.left-sidebar *:hover{animation:none;opacity:1;transition:opacity .8s ease-in}.hamburger--spin{background:var(--body-background);padding-left:10px;padding-bottom:4px;padding-right:0;border-radius:0 0 0 15px;box-shadow:var(--shadow-l1),var(--shadow-l3);border:1px solid var(--card-background)}.homepage-styling{display:block}.homepage-styling img{height:100%;width:100%;object-fit:contain}.left{text-align:left;justify-content:left;justify-items:left;justify-self:left;align-content:left;align-items:left;align-self:left}.right-sidebar .tagCloud{align-items:center;padding:5px 0 10px}.right-header-container{background-color:var(--body-background);background-image:linear-gradient(var(--grid-blue-darker) 1.2px,transparent 1.2px),linear-gradient(90deg,var(--grid-blue-darker) 1.2px,transparent 1.2px),linear-gradient(var(--grid-blue) .6px,transparent .6px),linear-gradient(90deg,var(--grid-blue) .6px,var(--grid-background) .6px);background-size:40px 40px,40px 40px,8px 8px,8px 8px;background-position:-1.2px -1.2px,-1.2px -1.2px,-.6px -.6px,-.6px -.6px;border-radius:10px;background-color:var(--card-background);display:flex;flex-direction:row;align-items:center;position:sticky;top:0;height:50px;z-index:1;border-radius:2px 2px 2px 10px;opacity:.97;padding:5px;margin-bottom:5px;box-shadow:var(--shadow-l2)}.right-sidebar-header{display:flex;top:0;padding-left:5px}.right-sidebar:hover{transition:.3s ease-in}@media(min-width:1024px){.right-sidebar:hover{background-color:rgba(255,255,255,.021)}}@media(min-width:1536px){.right-sidebar:hover{background-color:rgba(255,255,255,.021)}}.right-sidebar:not(:empty)~.open-btn{display:none}.close-btn{display:flex;text-align:center;font-size:20px;font-weight:700;cursor:pointer;padding:0 5px;top:0;margin-left:auto;opacity:.5;background-color:#ffffff4f;border-radius:5px}.close-btn:hover{opacity:.9;background-color:#ffffff2f}.open-btn{background-color:var(--body-background);background-image:linear-gradient(var(--grid-blue-darker) 1.2px,transparent 1.2px),linear-gradient(90deg,var(--grid-blue-darker) 1.2px,transparent 1.2px),linear-gradient(var(--grid-blue) .6px,transparent .6px),linear-gradient(90deg,var(--grid-blue) .6px,var(--grid-background) .6px);background-size:40px 40px,40px 40px,8px 8px,8px 8px;background-position:-1.2px -1.2px,-1.2px -1.2px,-.6px -.6px,-.6px -.6px;border-radius:10px;padding:5px;display:block;position:sticky;height:100%;margin-left:72vw;margin-right:28vw;bottom:10px;right:10px;width:25%;font-size:20px;font-weight:700;cursor:pointer;opacity:1;border-radius:20px;color:var(--body-text-color);background-color:var(--body-background);z-index:2}@media(min-width:1024px){.open-btn{display:none}}.center-button{display:block;width:200px;height:50px;margin:0 auto;background-color:#addcaf3f;color:#000;border:none;border-radius:25px;box-shadow:0 10px 10px rgba(0,0,0,.19),0 2px 2px rgba(0,0,0,.23);text-align:center;line-height:50px;font-size:18px;transition-duration:.2s;cursor:pointer}.center-button:hover{background-color:#0e3c10;color:#fff;box-shadow:0 0 20px rgba(0,0,0,.39),0 2px 2px rgba(0,0,0,.53);border:#f5f5f5 1px solid}.section-card{background-color:var(--body-background);background-image:linear-gradient(var(--grid-blue-darker) 1.2px,transparent 1.2px),linear-gradient(90deg,var(--grid-blue-darker) 1.2px,transparent 1.2px),linear-gradient(var(--grid-blue) .6px,transparent .6px),linear-gradient(90deg,var(--grid-blue) .6px,var(--grid-background) .6px);background-size:40px 40px,40px 40px,8px 8px,8px 8px;background-position:-1.2px -1.2px,-1.2px -1.2px,-.6px -.6px,-.6px -.6px;border-radius:10px;border-radius:2px 2px 2px 20px;border:1px solid var(--card-background)}.section-card .section-image img{height:100%}.htmx-section-scroll{display:flex;overflow:hidden;flex-direction:column;min-height:50vh;max-height:100vh;align-items:center;text-align:center;line-height:3rem}.article-header{position:relative;border:2.5px solid #a1a1a124;border-radius:8px;backface-visibility:hidden;transition:transform .5s cubic-bezier(.25,.1,.25,1);background:linear-gradient(to left,rgba(209,223,228,0),rgba(120,183,206,0));z-index:3}.article-header::after{background-color:var(--body-background);background-image:linear-gradient(var(--grid-blue-darker) 1.2px,transparent 1.2px),linear-gradient(90deg,var(--grid-blue-darker) 1.2px,transparent 1.2px),linear-gradient(var(--grid-blue) .6px,transparent .6px),linear-gradient(90deg,var(--grid-blue) .6px,var(--grid-background) .6px);background-size:40px 40px,40px 40px,8px 8px,8px 8px;background-position:-1.2px -1.2px,-1.2px -1.2px,-.6px -.6px,-.6px -.6px;border-radius:10px;content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:.25}.article-header:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,rgba(192,216,225,.15),rgba(165,201,214,.25));opacity:.2;transition:opacity .5s cubic-bezier(.25,.1,.25,1);z-index:0;border-radius:8px}.article-header:hover{border:2.5px solid var(--card-background);border-radius:10px;transition:.2s ease-in}.article-header:hover:before{opacity:1}.article-header:hover:after{opacity:.75}.article-list--compact article .article-image img{display:flex;width:128px;height:fit-content;flex:0 1 1}@media(min-width:768px){.article-list--compact article .article-image img{width:256px}}.search-form{margin-top:10px;border:2px var(--body-background-opaque)solid;border-radius:10px;transition:.7s ease-in-out;background-color:var(--body-background-opaque)}.search-form input{background-color:var(--body-background);background-image:linear-gradient(var(--grid-blue-darker) 1.2px,transparent 1.2px),linear-gradient(90deg,var(--grid-blue-darker) 1.2px,transparent 1.2px),linear-gradient(var(--grid-blue) .6px,transparent .6px),linear-gradient(90deg,var(--grid-blue) .6px,var(--grid-background) .6px);background-size:40px 40px,40px 40px,8px 8px,8px 8px;background-position:-1.2px -1.2px,-1.2px -1.2px,-.6px -.6px,-.6px -.6px;border-radius:10px;background-color:var(--card-background)}.search-form:hover{border:2px var(--grid-blue-darker)solid}.sketchfab-embed-wrapper{display:flex;justify-content:center;flex-direction:column}.slide-out{animation:slide-out 3s ease-in 0s forwards}::view-transition-old(slide-it){animation:180ms cubic-bezier(.4,0,1,1)both fade-out,600ms cubic-bezier(.4,0,.2,1)both slide-to-left}::view-transition-new(slide-it){animation:420ms cubic-bezier(0,0,.2,1)90ms both fade-in,600ms cubic-bezier(.4,0,.2,1)both slide-from-right}.homepage-styling{animation:fade-in 2s ease-out}.fade-in{opacity:0;animation:fade-in 1s ease-in 0s forwards;min-height:auto}.slow-fade-in{opacity:0;animation:fade-in 2s ease-in-out forwards}.fade-out{opacity:100;animation:fade-out 3s ease-in 0s forwards;min-height:auto}.scale-up{animation:scale-up 1s ease-in-out forwards}.scale-x{animation:scale-x .5s cubic-bezier(.215,.61,.355,1)forwards}.slow-scale-up{animation:scale-up 4s ease-in-out 0s forwards}.slide-up{animation:slide-up 2s ease-in 0s forwards}.slow-slide-up{animation:slide-up 4s ease-in forwards;animation-timeline:scroll(scroller y)}.slide-down{animation:slide-down 1s ease-in 0s forwards}.big-slide-down{animation:slide-down 6s ease-in forwards;animation-timeline:scroll(scroller y)}.slide-in-left{animation:slide-in-left 1s ease-in 0s forwards}.slide-in-right{animation:slide-in-right 1s ease-in 0s forwards}.article-category{overflow:auto;padding-bottom:10px}.article-category,.article-tags{padding:0 25px 25px 0;display:flex;justify-content:left;z-index:1}.article-category a{box-shadow:-2px 2px 1px rgba(99,106,113,0);transition-duration:.8s}.article-category a:hover{box-shadow:-2px 2px .5px rgba(113,99,99,.5)}.article-list article .article-image img{height:100%;width:100%;object-fit:contain;filter:drop-shadow(-6px 4px 0 transparent);transition-duration:.8s;transition-timing-function:ease-in-out}.article-list article .article-image img:hover{filter:drop-shadow(-6px 6px .75px var(--grid-blue-darker))}.article-title a{display:block}.taxonomies-footer{padding:0 0 0 15px}.article-details{position:relative;z-index:2}.article-details-highlight{position:relative;transform:scale(1);transition:transform .2s cubic-bezier(.25,.1,.25,1);border:5px transparent var(--grid-blue-darker);border-radius:2px 2px 2px 2px}.article-details-highlight:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,rgba(192,216,225,.1),rgba(165,201,214,.35));opacity:0;transition:opacity .5s cubic-bezier(.25,.1,.25,1);z-index:-1;border-radius:2px 25px 2px 2px;border:9px solid var(--card-background)}.article-details-highlight:hover{transform:scale(1.15);transition-delay:1.5s}.article-details-highlight:hover:before{opacity:1}.article-details-highlight h2{padding-left:10px;padding-top:10px;transition-duration:.5s;white-space:normal;transition-delay:.75s}.article-details-highlight:hover h2{transform:scale(1.25);transform-origin:left;max-width:fit-content;font-size:1.6em;max-width:100%;flex-shrink:1;text-size-adjust:auto}[data-scheme=dark] .article-list--compact:hover{background-color:var(--body-background);background-image:linear-gradient(var(--grid-blue-darker) 1.2px,transparent 1.2px),linear-gradient(90deg,var(--grid-blue-darker) 1.2px,transparent 1.2px),linear-gradient(var(--grid-blue) .6px,transparent .6px),linear-gradient(90deg,var(--grid-blue) .6px,var(--grid-background) .6px);background-size:40px 40px,40px 40px,8px 8px,8px 8px;background-position:-1.2px -1.2px,-1.2px -1.2px,-.6px -.6px,-.6px -.6px;border-radius:10px;background-color:rgba(1,5,6,.25)}[data-scheme=light] .article-list--compact:hover{background-color:#fff}.article-list--compact:hover{border-top-right-radius:30px;transition:all 1.3s cubic-bezier(.25,.1,.25,1);transition-delay:.3s;border:var(--body-background)2px solid}article{border-radius:2px}.article-list--compact article{border-top-right-radius:30px;transition:all 1.3s cubic-bezier(.25,.1,.25,1)}.article-list--compact{background-color:var(--body-background);background-image:linear-gradient(var(--grid-blue-darker) 1.2px,transparent 1.2px),linear-gradient(90deg,var(--grid-blue-darker) 1.2px,transparent 1.2px),linear-gradient(var(--grid-blue) .6px,transparent .6px),linear-gradient(90deg,var(--grid-blue) .6px,var(--grid-background) .6px);background-size:40px 40px,40px 40px,8px 8px,8px 8px;background-position:-1.2px -1.2px,-1.2px -1.2px,-.6px -.6px,-.6px -.6px;border-radius:10px;opacity:0;animation:.4s ease-in slide-down 0s forwards,.8s cubic-bezier(.1,.7,.9,.2)0s forwards;min-height:auto;border-top-right-radius:30px}.article-list--compact article:hover{background:var(--body-background)}.article-image{z-index:2;position:sticky}.article-image:hover{filter:drop-shadow(-4px 8px .5px var(--grid-blue-darker));transform:scale(1.1);transition-duration:.5s;transition-delay:1s}.article-image-compact img{order:2;object-fit:contain;max-width:350px;height:auto;display:flex;margin-left:auto;padding:0 10px 15px 0;transition:.1s}.article-image-compact:hover img{transition-delay:1s;filter:drop-shadow(-4px 8px .5px var(--grid-blue-darker));transform:scale(1.1);transform-origin:right;transition-duration:.3s;max-width:350px}.article-list--compact article{padding:4vh 4vw}.article-image-compacted img{order:2;max-width:60px;height:auto;display:flex;margin-left:auto;padding-right:10px;padding-bottom:10px}.article-list--compact article>a{padding:0}.tagCloud .tagCloud-tags{display:flex;align-items:center;justify-content:center}.tagCloud .tagCloud-tags a{background:linear-gradient(to bottom,var(--card-background),transparent);transition:.2s cubic-bezier(.455,.03,.515,.955),box-shadow .3s ease;border:#fff 1.5px solid;border-radius:4px 4px 4px 4px;border-bottom:rgba(154,227,247,0)3px solid}.tagCloud .tagCloud-tags a:hover{border-bottom:rgba(154,227,247,.5)3px solid;box-shadow:0 2px 3px rgba(99,106,113,.5);border-radius:4px 15px 4px 4px;opacity:1}.article-category a{white-space:nowrap;border-radius:2px 2px 2px 5px;transition:.15s ease-out}.article-category a:hover{border-radius:100%;border-radius:2px 2px 2px 15px}@media(max-width:600px){.pencil-information-table{font-size:small;overflow-x:wrap;display:block;white-space:wrap;padding:0;margin:0}}@media(max-width:600px) and (max-width:600px){.pencil-information-table td img,.pencil-information-table th img{width:100%;height:auto;min-height:20px}}.pencil-information-table{display:flex;justify-content:center;min-width:40%;max-width:800px;width:95%;margin:0 auto 10vh;padding:2vh 2vh 5vh;overflow:auto;box-shadow:0 0 5px rgba(99,113,109,.15);border-radius:10px;border-collapse:collapse;object-fit:contain;background-color:rgba(255,255,255,.25);word-wrap:break-word}.pencil-information-table th,.pencil-information-table td{border-radius:10px;padding:10px;transition:2s ease-in-out;font-weight:600;box-shadow:0 0 5px rgba(99,113,109,.1);justify-content:center;vertical-align:middle}.pencil-information-table th:nth-child(2),.pencil-information-table td:nth-child(2){text-align:left;padding-left:10px}.pencil-information-table th:nth-child(3),.pencil-information-table td:nth-child(3){text-align:left;right:10px;white-space:normal}.pencil-information-table tr:hover td,.pencil-information-table tr:hover th{background-color:#d1fdc6}.pencil-information-table th:first-child img,.pencil-information-table td:first-child img{max-width:100%;min-width:30px;height:auto}.section-count{margin-left:auto;padding-right:15px;color:lightgrey}.section-title{display:none}.pencil-info-compact td,th{text-align:right;border-bottom:2px rgba(195,195,195,.25)solid}.pencil-info-compact{padding:20px}.appear-on-hover{opacity:0;transition:opacity .5s ease-in-out}.appear-on-hover:hover{opacity:1}@keyframes slide-up{0%{transform:translateY(33%)}100%{transform:translateY(0)}}@keyframes big-slide-down{0%{transform:translateY(0)}100%{transform:translateY(100vh)}}@keyframes slide-down{0%{transform:translateY(-10%);opacity:0}100%{transform:translateY(0);opacity:1}}@keyframes slide-in{0%{transform:translateY(-100%);opacity:0}100%{transform:translateY(0);opacity:1}}@keyframes slide-out{0%{transform:translateY(0);opacity:0}100%{transform:translateY(-50%);opacity:1}}@keyframes slide-in-left{0%{transform:translateX(-33%);opacity:0}100%{transform:translateX(0);opacity:1}}@keyframes slide-in-right{0%{transform:translateX(50%);opacity:0}100%{transform:translateY(0);opacity:1}}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}@keyframes fade-in-fade-out{0%{opacity:0}50%{opacity:1}100%{opacity:0}}@keyframes fade-out{to{opacity:0}}@keyframes zoom-fade{0%{transform:scale(1);opacity:1}25%{transform:scale(1.1);opacity:1}100%{transform:scale(15);opacity:0}}@keyframes slide-from-right{from{transform:translateX(90px)}}@keyframes slide-to-left{to{transform:translateX(-90px)}}@keyframes scale-up{0%{opacity:0;transform:scale(.9)}100%{opacity:1;transform:scale(1)}}@keyframes scale-x{0%{transform:scalex(.1)}80%{transform:scalex(1.1)}100%{transform:scalex(1)}}@keyframes scale-y{0%{transform:scaleY(.1)}80%{transform:scaleY(1.1)}100%{transform:scaleY(1)}}.silver-cell{background-image:linear-gradient(15deg,rgba(233,233,233,.5) 50%,rgba(250,250,250,.5) 50%)!important;border:2px solid rgba(233,233,233,.25)}.black-cell{background-color:#000;color:#fff}.silver-black-cell{background-image:linear-gradient(10deg,lightgrey 50%,black 50%);color:#fff}.silver-blue-cell{background-image:linear-gradient(10deg,lightgrey 50%,#0a024d 50%);color:#fff}.yellow-cell{background-image:linear-gradient(10deg,rgba(250,221,104,.5) 50%,rgba(255,251,145,.985) 50%);border:2px solid rgba(228,194,143,.25)}.white-cell{background-image:linear-gradient(10deg,rgba(244,244,244,.5) 50%,rgba(255,255,255,.8) 50%)!important;border:2px solid rgba(233,233,233,.25)}#container{margin-top:25%;padding:0;height:100%;display:flex;align-items:center;justify-content:center;position:relative;height:75vh;overflow-x:hidden}.circle{position:absolute;border-radius:50%;animation:spiral 3s infinite linear;transition:animation .5s}.circle:hover{animation-play-state:paused;z-index:1;transform:scale(.1)}.article-list:hover>#container .circle{animation-play-state:paused}#circle1{height:10px;width:10px;background-color:#ff4d00;animation-delay:0s;top:calc(50% - ((200px/$num-circles) * $i/2));left:calc(50% - ((200px/$num-circles) * $i/2))}#circle2{height:20px;width:20px;background-color:#f90;animation-delay:.15s;top:calc(50% - ((200px/$num-circles) * $i/2));left:calc(50% - ((200px/$num-circles) * $i/2))}#circle3{height:30px;width:30px;background-color:#ffe600;animation-delay:.3s;top:calc(50% - ((200px/$num-circles) * $i/2));left:calc(50% - ((200px/$num-circles) * $i/2))}#circle4{height:40px;width:40px;background-color:#cf0;animation-delay:.45s;top:calc(50% - ((200px/$num-circles) * $i/2));left:calc(50% - ((200px/$num-circles) * $i/2))}#circle5{height:50px;width:50px;background-color:#80ff00;animation-delay:.6s;top:calc(50% - ((200px/$num-circles) * $i/2));left:calc(50% - ((200px/$num-circles) * $i/2))}#circle6{height:60px;width:60px;background-color:#3f0;animation-delay:.75s;top:calc(50% - ((200px/$num-circles) * $i/2));left:calc(50% - ((200px/$num-circles) * $i/2))}#circle7{height:70px;width:70px;background-color:#00ff1a;animation-delay:.9s;top:calc(50% - ((200px/$num-circles) * $i/2));left:calc(50% - ((200px/$num-circles) * $i/2))}#circle8{height:80px;width:80px;background-color:#0f6;animation-delay:1.05s;top:calc(50% - ((200px/$num-circles) * $i/2));left:calc(50% - ((200px/$num-circles) * $i/2))}#circle9{height:90px;width:90px;background-color:#00ffb3;animation-delay:1.2s;top:calc(50% - ((200px/$num-circles) * $i/2));left:calc(50% - ((200px/$num-circles) * $i/2))}#circle10{height:100px;width:100px;background-color:cyan;animation-delay:1.35s;top:calc(50% - ((200px/$num-circles) * $i/2));left:calc(50% - ((200px/$num-circles) * $i/2))}#circle11{height:110px;width:110px;background-color:#00b3ff;animation-delay:1.5s;top:calc(50% - ((200px/$num-circles) * $i/2));left:calc(50% - ((200px/$num-circles) * $i/2))}#circle12{height:120px;width:120px;background-color:#06f;animation-delay:1.65s;top:calc(50% - ((200px/$num-circles) * $i/2));left:calc(50% - ((200px/$num-circles) * $i/2))}#circle13{height:130px;width:130px;background-color:#001aff;animation-delay:1.8s;top:calc(50% - ((200px/$num-circles) * $i/2));left:calc(50% - ((200px/$num-circles) * $i/2))}#circle14{height:140px;width:140px;background-color:#30f;animation-delay:1.95s;top:calc(50% - ((200px/$num-circles) * $i/2));left:calc(50% - ((200px/$num-circles) * $i/2))}#circle15{height:150px;width:150px;background-color:#8000ff;animation-delay:2.1s;top:calc(50% - ((200px/$num-circles) * $i/2));left:calc(50% - ((200px/$num-circles) * $i/2))}#circle16{height:160px;width:160px;background-color:#c0f;animation-delay:2.25s;top:calc(50% - ((200px/$num-circles) * $i/2));left:calc(50% - ((200px/$num-circles) * $i/2))}#circle17{height:170px;width:170px;background-color:#ff00e6;animation-delay:2.4s;top:calc(50% - ((200px/$num-circles) * $i/2));left:calc(50% - ((200px/$num-circles) * $i/2))}#circle18{height:180px;width:180px;background-color:#f09;animation-delay:2.55s;top:calc(50% - ((200px/$num-circles) * $i/2));left:calc(50% - ((200px/$num-circles) * $i/2))}#circle19{height:190px;width:190px;background-color:#ff004d;animation-delay:2.7s;top:calc(50% - ((200px/$num-circles) * $i/2));left:calc(50% - ((200px/$num-circles) * $i/2))}#circle20{height:200px;width:200px;background-color:red;animation-delay:2.85s;top:calc(50% - ((200px/$num-circles) * $i/2));left:calc(50% - ((200px/$num-circles) * $i/2))}@keyframes spiral{0%{transform:translate(-50%,-50%)rotate(0);opacity:0}10%{transform:translate(-20%,-50%)rotate(72deg);opacity:.05}20%{transform:translate(10%,-50%)rotate(144deg);opacity:.15}30%{transform:translate(40%,-20%)rotate(216deg);opacity:.25}40%{transform:translate(40%,10%)rotate(288deg);opacity:.35}50%{transform:translate(10%,40%)rotate(360deg);opacity:.45}60%{transform:translate(-20%,40%)rotate(432deg);opacity:.4}70%{transform:translate(-50%,10%)rotate(504deg);opacity:.3}80%{transform:translate(-50%,-20%)rotate(576deg);opacity:.2}90%{transform:translate(-20%,-50%)rotate(648deg);opacity:.1}100%{transform:translate(-50%,-50%)rotate(720deg);opacity:.05}}.neumorphic{border-radius:1rem;background:var(--color);animation:1s -.3s 1 paused opacify;backdrop-filter:blur(1.5rem);border:1px solid rgba(255,255,255,.2);box-shadow:-.25rem -.25rem .5rem rgba(255,255,255,7%),.25rem .25rem .5rem rgba(0,0,0,.12),-.75rem -.75rem 1.75rem rgba(255,255,255,7%),.75rem .75rem 1.75rem rgba(0,0,0,.12),inset 8rem 8rem 8rem rgba(0,0,0,5%),inset -8rem -8rem 8rem rgba(255,255,255,5%)}@keyframes opacify{to{background:0 0}}neucard{position:absolute;top:50vh;left:50vw;width:400px;height:300px;max-width:80vw;max-height:80vh;transform:translate(-50%,-50%);box-sizing:border-box;padding:.5rem}neuimg{position:absolute;top:2rem;bottom:2rem;right:2rem;object-fit:cover;width:calc(50vw - 2rem);height:calc(100vh - 4rem);box-shadow:0 1rem 2rem rgba(0,0,0,.3);border-radius:.2rem}input.neumorphic{width:1rem;height:1rem;border:0;padding:0;border-radius:50%;display:block;border:1px solid rgba(255,255,255,.5);cursor:pointer;overflow:hidden}input[type=color]::-webkit-color-swatch{opacity:0}#cylinder-container{position:absolute;height:200px;margin-top:15vh}.cylinder{display:flex;justify-content:center;position:absolute;border-radius:50%;opacity:.1;left:0;animation:spin 5s infinite linear,fade 5s infinite linear}#cylinder1{height:36.66666667px;width:36.66666667px;background-color:#c65539;animation-delay:0s;top:calc(50% - ((100px/$num-cylinders) * ($i + 10)/2));left:calc(50% - ((100px/$num-cylinders) * ($i + 10)/2));transform-origin:center;transform:translateX(150%);border-bottom:#4b4b4b 2px solid;border-top:#f5f5f5 2px solid}#cylinder2{height:40px;width:40px;background-color:#c67139;animation-delay:.1s;top:calc(50% - ((100px/$num-cylinders) * ($i + 10)/2));left:calc(50% - ((100px/$num-cylinders) * ($i + 10)/2));transform-origin:center;transform:translateX(150%);border-bottom:#4b4b4b 2px solid;border-top:#f5f5f5 2px solid}#cylinder3{height:43.33333333px;width:43.33333333px;background-color:#c68e39;animation-delay:.2s;top:calc(50% - ((100px/$num-cylinders) * ($i + 10)/2));left:calc(50% - ((100px/$num-cylinders) * ($i + 10)/2));transform-origin:center;transform:translateX(150%);border-bottom:#4b4b4b 2px solid;border-top:#f5f5f5 2px solid}#cylinder4{height:46.66666667px;width:46.66666667px;background-color:#c6aa39;animation-delay:.3s;top:calc(50% - ((100px/$num-cylinders) * ($i + 10)/2));left:calc(50% - ((100px/$num-cylinders) * ($i + 10)/2));transform-origin:center;transform:translateX(150%);border-bottom:#4b4b4b 2px solid;border-top:#f5f5f5 2px solid}#cylinder5{height:50px;width:50px;background-color:#c6c639;animation-delay:.4s;top:calc(50% - ((100px/$num-cylinders) * ($i + 10)/2));left:calc(50% - ((100px/$num-cylinders) * ($i + 10)/2));transform-origin:center;transform:translateX(150%);border-bottom:#4b4b4b 2px solid;border-top:#f5f5f5 2px solid}#cylinder6{height:53.33333333px;width:53.33333333px;background-color:#aac639;animation-delay:.5s;top:calc(50% - ((100px/$num-cylinders) * ($i + 10)/2));left:calc(50% - ((100px/$num-cylinders) * ($i + 10)/2));transform-origin:center;transform:translateX(150%);border-bottom:#4b4b4b 2px solid;border-top:#f5f5f5 2px solid}#cylinder7{height:56.66666667px;width:56.66666667px;background-color:#8ec639;animation-delay:.6s;top:calc(50% - ((100px/$num-cylinders) * ($i + 10)/2));left:calc(50% - ((100px/$num-cylinders) * ($i + 10)/2));transform-origin:center;transform:translateX(150%);border-bottom:#4b4b4b 2px solid;border-top:#f5f5f5 2px solid}#cylinder8{height:60px;width:60px;background-color:#71c639;animation-delay:.7s;top:calc(50% - ((100px/$num-cylinders) * ($i + 10)/2));left:calc(50% - ((100px/$num-cylinders) * ($i + 10)/2));transform-origin:center;transform:translateX(150%);border-bottom:#4b4b4b 2px solid;border-top:#f5f5f5 2px solid}#cylinder9{height:63.33333333px;width:63.33333333px;background-color:#55c639;animation-delay:.8s;top:calc(50% - ((100px/$num-cylinders) * ($i + 10)/2));left:calc(50% - ((100px/$num-cylinders) * ($i + 10)/2));transform-origin:center;transform:translateX(150%);border-bottom:#4b4b4b 2px solid;border-top:#f5f5f5 2px solid}#cylinder10{height:66.66666667px;width:66.66666667px;background-color:#39c639;animation-delay:.9s;top:calc(50% - ((100px/$num-cylinders) * ($i + 10)/2));left:calc(50% - ((100px/$num-cylinders) * ($i + 10)/2));transform-origin:center;transform:translateX(150%);border-bottom:#4b4b4b 2px solid;border-top:#f5f5f5 2px solid}#cylinder11{height:70px;width:70px;background-color:#39c655;animation-delay:1s;top:calc(50% - ((100px/$num-cylinders) * ($i + 10)/2));left:calc(50% - ((100px/$num-cylinders) * ($i + 10)/2));transform-origin:center;transform:translateX(150%);border-bottom:#4b4b4b 2px solid;border-top:#f5f5f5 2px solid}#cylinder12{height:73.33333333px;width:73.33333333px;background-color:#39c671;animation-delay:1.1s;top:calc(50% - ((100px/$num-cylinders) * ($i + 10)/2));left:calc(50% - ((100px/$num-cylinders) * ($i + 10)/2));transform-origin:center;transform:translateX(150%);border-bottom:#4b4b4b 2px solid;border-top:#f5f5f5 2px solid}#cylinder13{height:76.66666667px;width:76.66666667px;background-color:#39c68e;animation-delay:1.2s;top:calc(50% - ((100px/$num-cylinders) * ($i + 10)/2));left:calc(50% - ((100px/$num-cylinders) * ($i + 10)/2));transform-origin:center;transform:translateX(150%);border-bottom:#4b4b4b 2px solid;border-top:#f5f5f5 2px solid}#cylinder14{height:80px;width:80px;background-color:#39c6aa;animation-delay:1.3s;top:calc(50% - ((100px/$num-cylinders) * ($i + 10)/2));left:calc(50% - ((100px/$num-cylinders) * ($i + 10)/2));transform-origin:center;transform:translateX(150%);border-bottom:#4b4b4b 2px solid;border-top:#f5f5f5 2px solid}#cylinder15{height:83.33333333px;width:83.33333333px;background-color:#39c6c6;animation-delay:1.4s;top:calc(50% - ((100px/$num-cylinders) * ($i + 10)/2));left:calc(50% - ((100px/$num-cylinders) * ($i + 10)/2));transform-origin:center;transform:translateX(150%);border-bottom:#4b4b4b 2px solid;border-top:#f5f5f5 2px solid}#cylinder16{height:86.66666667px;width:86.66666667px;background-color:#39aac6;animation-delay:1.5s;top:calc(50% - ((100px/$num-cylinders) * ($i + 10)/2));left:calc(50% - ((100px/$num-cylinders) * ($i + 10)/2));transform-origin:center;transform:translateX(150%);border-bottom:#4b4b4b 2px solid;border-top:#f5f5f5 2px solid}#cylinder17{height:90px;width:90px;background-color:#398ec6;animation-delay:1.6s;top:calc(50% - ((100px/$num-cylinders) * ($i + 10)/2));left:calc(50% - ((100px/$num-cylinders) * ($i + 10)/2));transform-origin:center;transform:translateX(150%);border-bottom:#4b4b4b 2px solid;border-top:#f5f5f5 2px solid}#cylinder18{height:93.33333333px;width:93.33333333px;background-color:#3971c6;animation-delay:1.7s;top:calc(50% - ((100px/$num-cylinders) * ($i + 10)/2));left:calc(50% - ((100px/$num-cylinders) * ($i + 10)/2));transform-origin:center;transform:translateX(150%);border-bottom:#4b4b4b 2px solid;border-top:#f5f5f5 2px solid}#cylinder19{height:96.66666667px;width:96.66666667px;background-color:#3955c6;animation-delay:1.8s;top:calc(50% - ((100px/$num-cylinders) * ($i + 10)/2));left:calc(50% - ((100px/$num-cylinders) * ($i + 10)/2));transform-origin:center;transform:translateX(150%);border-bottom:#4b4b4b 2px solid;border-top:#f5f5f5 2px solid}#cylinder20{height:100px;width:100px;background-color:#3939c6;animation-delay:1.9s;top:calc(50% - ((100px/$num-cylinders) * ($i + 10)/2));left:calc(50% - ((100px/$num-cylinders) * ($i + 10)/2));transform-origin:center;transform:translateX(150%);border-bottom:#4b4b4b 2px solid;border-top:#f5f5f5 2px solid}#cylinder21{height:103.33333333px;width:103.33333333px;background-color:#5539c6;animation-delay:2s;top:calc(50% - ((100px/$num-cylinders) * ($i + 10)/2));left:calc(50% - ((100px/$num-cylinders) * ($i + 10)/2));transform-origin:center;transform:translateX(150%);border-bottom:#4b4b4b 2px solid;border-top:#f5f5f5 2px solid}#cylinder22{height:106.66666667px;width:106.66666667px;background-color:#7139c6;animation-delay:2.1s;top:calc(50% - ((100px/$num-cylinders) * ($i + 10)/2));left:calc(50% - ((100px/$num-cylinders) * ($i + 10)/2));transform-origin:center;transform:translateX(150%);border-bottom:#4b4b4b 2px solid;border-top:#f5f5f5 2px solid}#cylinder23{height:110px;width:110px;background-color:#8e39c6;animation-delay:2.2s;top:calc(50% - ((100px/$num-cylinders) * ($i + 10)/2));left:calc(50% - ((100px/$num-cylinders) * ($i + 10)/2));transform-origin:center;transform:translateX(150%);border-bottom:#4b4b4b 2px solid;border-top:#f5f5f5 2px solid}#cylinder24{height:113.33333333px;width:113.33333333px;background-color:#aa39c6;animation-delay:2.3s;top:calc(50% - ((100px/$num-cylinders) * ($i + 10)/2));left:calc(50% - ((100px/$num-cylinders) * ($i + 10)/2));transform-origin:center;transform:translateX(150%);border-bottom:#4b4b4b 2px solid;border-top:#f5f5f5 2px solid}#cylinder25{height:116.66666667px;width:116.66666667px;background-color:#c639c6;animation-delay:2.4s;top:calc(50% - ((100px/$num-cylinders) * ($i + 10)/2));left:calc(50% - ((100px/$num-cylinders) * ($i + 10)/2));transform-origin:center;transform:translateX(150%);border-bottom:#4b4b4b 2px solid;border-top:#f5f5f5 2px solid}#cylinder26{height:120px;width:120px;background-color:#c639aa;animation-delay:2.5s;top:calc(50% - ((100px/$num-cylinders) * ($i + 10)/2));left:calc(50% - ((100px/$num-cylinders) * ($i + 10)/2));transform-origin:center;transform:translateX(150%);border-bottom:#4b4b4b 2px solid;border-top:#f5f5f5 2px solid}#cylinder27{height:123.33333333px;width:123.33333333px;background-color:#c6398e;animation-delay:2.6s;top:calc(50% - ((100px/$num-cylinders) * ($i + 10)/2));left:calc(50% - ((100px/$num-cylinders) * ($i + 10)/2));transform-origin:center;transform:translateX(150%);border-bottom:#4b4b4b 2px solid;border-top:#f5f5f5 2px solid}#cylinder28{height:126.66666667px;width:126.66666667px;background-color:#c63971;animation-delay:2.7s;top:calc(50% - ((100px/$num-cylinders) * ($i + 10)/2));left:calc(50% - ((100px/$num-cylinders) * ($i + 10)/2));transform-origin:center;transform:translateX(150%);border-bottom:#4b4b4b 2px solid;border-top:#f5f5f5 2px solid}#cylinder29{height:130px;width:130px;background-color:#c63955;animation-delay:2.8s;top:calc(50% - ((100px/$num-cylinders) * ($i + 10)/2));left:calc(50% - ((100px/$num-cylinders) * ($i + 10)/2));transform-origin:center;transform:translateX(150%);border-bottom:#4b4b4b 2px solid;border-top:#f5f5f5 2px solid}#cylinder30{height:133.33333333px;width:133.33333333px;background-color:#c63939;animation-delay:2.9s;top:calc(50% - ((100px/$num-cylinders) * ($i + 10)/2));left:calc(50% - ((100px/$num-cylinders) * ($i + 10)/2));transform-origin:center;transform:translateX(150%);border-bottom:#4b4b4b 2px solid;border-top:#f5f5f5 2px solid}@keyframes spin{from{transform:rotate(0),translateX(150%)}to{transform:rotate(360deg),translateX(100%)}}@keyframes fade{from{opacity:.1}to{opacity:.2}}