/*!* 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:895px 230px #FFF,1779px 1965px #FFF,1784px 1214px #FFF,304px 24px #FFF,1357px 63px #FFF,1935px 409px #FFF,1890px 110px #FFF,1233px 1543px #FFF,934px 255px #FFF,1501px 1820px #FFF,754px 512px #FFF,1666px 1918px #FFF,1274px 613px #FFF,778px 1082px #FFF,1643px 1885px #FFF,1195px 718px #FFF,611px 1673px #FFF,754px 1775px #FFF,126px 1778px #FFF,429px 149px #FFF,1948px 1215px #FFF,1480px 665px #FFF,1526px 1687px #FFF,1983px 1377px #FFF,85px 319px #FFF,1667px 465px #FFF,1036px 1318px #FFF,1116px 13px #FFF,1456px 2px #FFF,1479px 530px #FFF,1959px 1359px #FFF,877px 1265px #FFF,1361px 1560px #FFF,494px 1767px #FFF,1449px 745px #FFF,407px 455px #FFF,531px 1342px #FFF,1369px 1944px #FFF,66px 523px #FFF,649px 35px #FFF,1931px 1085px #FFF,1418px 1301px #FFF,204px 665px #FFF,1226px 694px #FFF,294px 1680px #FFF,1735px 1865px #FFF,1936px 1422px #FFF,1651px 1749px #FFF,773px 438px #FFF,463px 1015px #FFF,662px 305px #FFF,389px 1669px #FFF,366px 159px #FFF,1842px 902px #FFF,1883px 1062px #FFF,1480px 298px #FFF,1113px 298px #FFF,1040px 1224px #FFF,234px 413px #FFF,1571px 865px #FFF,1846px 1651px #FFF,1190px 193px #FFF,897px 1762px #FFF,1432px 885px #FFF,719px 1401px #FFF,1947px 307px #FFF,116px 845px #FFF,1994px 1827px #FFF,384px 1676px #FFF,411px 809px #FFF,235px 1396px #FFF,1266px 1829px #FFF,698px 1893px #FFF,1011px 540px #FFF,971px 1489px #FFF,1536px 264px #FFF,1983px 116px #FFF,563px 1949px #FFF,719px 1736px #FFF,855px 616px #FFF,567px 699px #FFF,1802px 881px #FFF,1209px 980px #FFF,223px 1405px #FFF,759px 466px #FFF,951px 1277px #FFF,54px 1672px #FFF,1301px 995px #FFF,1280px 1531px #FFF,1197px 1180px #FFF,644px 756px #FFF,449px 1468px #FFF,268px 311px #FFF,483px 646px #FFF,1469px 353px #FFF,704px 1607px #FFF,1988px 1484px #FFF,161px 460px #FFF,899px 1876px #FFF,1175px 1002px #FFF,1418px 1607px #FFF,1463px 137px #FFF,1494px 449px #FFF,1279px 354px #FFF,1592px 1423px #FFF,1256px 820px #FFF,174px 1782px #FFF,812px 58px #FFF,345px 1979px #FFF,1967px 850px #FFF,1345px 878px #FFF,1129px 1876px #FFF,867px 39px #FFF,372px 1341px #FFF,1183px 41px #FFF,188px 1898px #FFF,1687px 1710px #FFF,1609px 202px #FFF,502px 287px #FFF,165px 1484px #FFF,1041px 1320px #FFF,1674px 637px #FFF,370px 1822px #FFF,1792px 0 #FFF,442px 1299px #FFF,1762px 477px #FFF,1225px 1821px #FFF,1623px 585px #FFF,1978px 374px #FFF,49px 1815px #FFF,368px 1873px #FFF,718px 718px #FFF,1309px 1877px #FFF,670px 1061px #FFF,131px 1038px #FFF,1197px 1463px #FFF,1580px 196px #FFF,1342px 901px #FFF,3px 1881px #FFF,761px 91px #FFF,343px 635px #FFF,1295px 1930px #FFF,337px 375px #FFF,162px 69px #FFF,1294px 741px #FFF,1493px 1374px #FFF,889px 1806px #FFF,760px 921px #FFF,551px 1974px #FFF,583px 463px #FFF,246px 1894px #FFF,1686px 1847px #FFF,1190px 1501px #FFF,566px 1727px #FFF,1249px 185px #FFF,1602px 46px #FFF,518px 1854px #FFF,456px 619px #FFF,49px 1832px #FFF,380px 1040px #FFF,342px 1081px #FFF,1039px 685px #FFF,1855px 1510px #FFF,926px 1644px #FFF,1446px 246px #FFF,1018px 1492px #FFF,79px 1686px #FFF,1669px 1973px #FFF,625px 1714px #FFF,1840px 1415px #FFF,1868px 697px #FFF,1795px 391px #FFF,575px 641px #FFF,701px 1049px #FFF,1614px 375px #FFF,1097px 900px #FFF,1205px 1495px #FFF,1075px 312px #FFF,321px 1445px #FFF,1754px 35px #FFF,1199px 1090px #FFF,1885px 1694px #FFF,1309px 83px #FFF,1900px 1908px #FFF,1370px 173px #FFF,329px 324px #FFF,677px 301px #FFF,152px 1073px #FFF,1702px 835px #FFF,1087px 1690px #FFF,149px 1383px #FFF,918px 1256px #FFF,1505px 826px #FFF,306px 982px #FFF,1377px 1863px #FFF,1965px 1515px #FFF,940px 420px #FFF,1983px 847px #FFF,1835px 404px #FFF,1413px 595px #FFF,1370px 1822px #FFF,537px 1622px #FFF,246px 1338px #FFF,1390px 1554px #FFF,1840px 1209px #FFF,499px 1373px #FFF,368px 1367px #FFF,1711px 1567px #FFF,8px 1876px #FFF,934px 1848px #FFF,259px 1326px #FFF,711px 143px #FFF,494px 660px #FFF,784px 94px #FFF,1625px 1576px #FFF,1956px 1985px #FFF,281px 1189px #FFF,1034px 122px #FFF,785px 1784px #FFF,1004px 398px #FFF,4px 402px #FFF,117px 84px #FFF,325px 281px #FFF,1895px 160px #FFF,888px 208px #FFF,1960px 778px #FFF,868px 317px #FFF,332px 958px #FFF,1491px 594px #FFF,1407px 996px #FFF,1934px 538px #FFF,1213px 73px #FFF,1631px 1383px #FFF,366px 1959px #FFF,247px 1572px #FFF,671px 1652px #FFF,833px 1634px #FFF,1350px 54px #FFF,1282px 1934px #FFF,1873px 1074px #FFF,870px 388px #FFF,1432px 304px #FFF,1038px 861px #FFF,297px 527px #FFF,13px 907px #FFF,1129px 1388px #FFF,1715px 1004px #FFF,1332px 1621px #FFF,495px 1541px #FFF,1638px 1915px #FFF,1567px 1729px #FFF,1425px 1657px #FFF,839px 1143px #FFF,1351px 166px #FFF,1660px 1458px #FFF,1369px 666px #FFF,941px 924px #FFF,799px 1992px #FFF,1869px 382px #FFF,1320px 214px #FFF,221px 549px #FFF,1660px 486px #FFF,842px 673px #FFF,402px 320px #FFF,999px 981px #FFF,317px 583px #FFF,511px 51px #FFF,414px 1533px #FFF,104px 1878px #FFF,936px 512px #FFF,438px 1180px #FFF,1935px 1443px #FFF,616px 261px #FFF,160px 1019px #FFF,45px 1724px #FFF,299px 670px #FFF,975px 530px #FFF,676px 2px #FFF,299px 580px #FFF,859px 1447px #FFF,993px 466px #FFF,702px 1874px #FFF,25px 1124px #FFF,831px 1589px #FFF,1204px 1305px #FFF,1758px 1694px #FFF,1567px 500px #FFF,1223px 1320px #FFF,903px 355px #FFF,574px 646px #FFF,737px 467px #FFF,1527px 1661px #FFF,1803px 462px #FFF,1617px 1278px #FFF,1956px 458px #FFF,1199px 660px #FFF,1770px 678px #FFF,938px 27px #FFF,1647px 1054px #FFF,262px 422px #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:892px 309px #FFF,431px 1960px #FFF,392px 1713px #FFF,1943px 808px #FFF,671px 1349px #FFF,1790px 818px #FFF,180px 491px #FFF,1681px 1310px #FFF,468px 405px #FFF,1137px 227px #FFF,756px 305px #FFF,407px 941px #FFF,1386px 1649px #FFF,809px 215px #FFF,1644px 1727px #FFF,635px 543px #FFF,485px 1232px #FFF,1744px 1694px #FFF,1880px 706px #FFF,264px 1271px #FFF,940px 1090px #FFF,715px 1586px #FFF,21px 832px #FFF,1296px 1020px #FFF,668px 901px #FFF,1790px 1968px #FFF,56px 1223px #FFF,558px 821px #FFF,1739px 1549px #FFF,1387px 1724px #FFF,896px 1119px #FFF,1677px 1108px #FFF,1594px 1741px #FFF,398px 517px #FFF,1178px 497px #FFF,1078px 37px #FFF,167px 1327px #FFF,125px 986px #FFF,979px 1428px #FFF,1942px 459px #FFF,1761px 1299px #FFF,778px 703px #FFF,1436px 377px #FFF,204px 395px #FFF,58px 462px #FFF,1263px 1944px #FFF,1179px 301px #FFF,57px 1418px #FFF,750px 523px #FFF,315px 374px #FFF,1458px 98px #FFF,68px 848px #FFF,1286px 930px #FFF,182px 1430px #FFF,580px 282px #FFF,574px 624px #FFF,1441px 1318px #FFF,1689px 1656px #FFF,390px 1000px #FFF,1207px 1018px #FFF,237px 161px #FFF,890px 268px #FFF,536px 1923px #FFF,1303px 1466px #FFF,217px 1402px #FFF,1987px 755px #FFF,1511px 1741px #FFF,1986px 963px #FFF,843px 888px #FFF,1197px 1975px #FFF,1934px 1438px #FFF,541px 347px #FFF,738px 750px #FFF,168px 1333px #FFF,214px 215px #FFF,1912px 1731px #FFF,695px 1072px #FFF,1424px 1802px #FFF,1064px 117px #FFF,642px 580px #FFF,194px 545px #FFF,1718px 1989px #FFF,1105px 698px #FFF,64px 393px #FFF,246px 56px #FFF,1787px 1618px #FFF,1264px 904px #FFF,498px 62px #FFF,1600px 183px #FFF,898px 947px #FFF,531px 223px #FFF,333px 780px #FFF,354px 1771px #FFF,510px 535px #FFF,852px 171px #FFF,1765px 59px #FFF,317px 806px #FFF,248px 1961px #FFF,937px 969px #FFF,1332px 1640px #FFF;animation:animStar 100s linear infinite}#stars2:after{content:" ";position:absolute;top:2000px;width:2px;height:2px;background:0 0;box-shadow:892px 309px #FFF,431px 1960px #FFF,392px 1713px #FFF,1943px 808px #FFF,671px 1349px #FFF,1790px 818px #FFF,180px 491px #FFF,1681px 1310px #FFF,468px 405px #FFF,1137px 227px #FFF,756px 305px #FFF,407px 941px #FFF,1386px 1649px #FFF,809px 215px #FFF,1644px 1727px #FFF,635px 543px #FFF,485px 1232px #FFF,1744px 1694px #FFF,1880px 706px #FFF,264px 1271px #FFF,940px 1090px #FFF,715px 1586px #FFF,21px 832px #FFF,1296px 1020px #FFF,668px 901px #FFF,1790px 1968px #FFF,56px 1223px #FFF,558px 821px #FFF,1739px 1549px #FFF,1387px 1724px #FFF,896px 1119px #FFF,1677px 1108px #FFF,1594px 1741px #FFF,398px 517px #FFF,1178px 497px #FFF,1078px 37px #FFF,167px 1327px #FFF,125px 986px #FFF,979px 1428px #FFF,1942px 459px #FFF,1761px 1299px #FFF,778px 703px #FFF,1436px 377px #FFF,204px 395px #FFF,58px 462px #FFF,1263px 1944px #FFF,1179px 301px #FFF,57px 1418px #FFF,750px 523px #FFF,315px 374px #FFF,1458px 98px #FFF,68px 848px #FFF,1286px 930px #FFF,182px 1430px #FFF,580px 282px #FFF,574px 624px #FFF,1441px 1318px #FFF,1689px 1656px #FFF,390px 1000px #FFF,1207px 1018px #FFF,237px 161px #FFF,890px 268px #FFF,536px 1923px #FFF,1303px 1466px #FFF,217px 1402px #FFF,1987px 755px #FFF,1511px 1741px #FFF,1986px 963px #FFF,843px 888px #FFF,1197px 1975px #FFF,1934px 1438px #FFF,541px 347px #FFF,738px 750px #FFF,168px 1333px #FFF,214px 215px #FFF,1912px 1731px #FFF,695px 1072px #FFF,1424px 1802px #FFF,1064px 117px #FFF,642px 580px #FFF,194px 545px #FFF,1718px 1989px #FFF,1105px 698px #FFF,64px 393px #FFF,246px 56px #FFF,1787px 1618px #FFF,1264px 904px #FFF,498px 62px #FFF,1600px 183px #FFF,898px 947px #FFF,531px 223px #FFF,333px 780px #FFF,354px 1771px #FFF,510px 535px #FFF,852px 171px #FFF,1765px 59px #FFF,317px 806px #FFF,248px 1961px #FFF,937px 969px #FFF,1332px 1640px #FFF}#stars3{width:3px;height:3px;border-radius:2px;background:0 0;box-shadow:855px 408px #FFF,1855px 1855px #FFF,115px 1421px #FFF,1345px 1526px #FFF,1936px 1170px #FFF,517px 1260px #FFF,1548px 428px #FFF,810px 1178px #FFF,77px 1659px #FFF,775px 977px #FFF,126px 1628px #FFF,567px 1596px #FFF,1659px 1031px #FFF,1693px 1775px #FFF,1676px 219px #FFF,1743px 1654px #FFF,1023px 502px #FFF,1436px 468px #FFF,1321px 1384px #FFF,1653px 239px #FFF,811px 1502px #FFF,847px 813px #FFF,76px 1958px #FFF,1199px 404px #FFF,1753px 261px #FFF;animation:animStar 150s linear infinite}#stars3:after{content:" ";position:absolute;top:2000px;width:3px;height:3px;background:0 0;box-shadow:855px 408px #FFF,1855px 1855px #FFF,115px 1421px #FFF,1345px 1526px #FFF,1936px 1170px #FFF,517px 1260px #FFF,1548px 428px #FFF,810px 1178px #FFF,77px 1659px #FFF,775px 977px #FFF,126px 1628px #FFF,567px 1596px #FFF,1659px 1031px #FFF,1693px 1775px #FFF,1676px 219px #FFF,1743px 1654px #FFF,1023px 502px #FFF,1436px 468px #FFF,1321px 1384px #FFF,1653px 239px #FFF,811px 1502px #FFF,847px 813px #FFF,76px 1958px #FFF,1199px 404px #FFF,1753px 261px #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}}