:root{--text-font-family:Georgia, serif;--heading-font-family:Helvetica, sans-serif;--code-font-family:'Courier New', monospace;--bg-color:#FAFAFA;--fg-color:#212121;--alt-bg-color:#E0E0E0;--alt-fg-color:#000;--link-color:#1565c0;--bg-light-color:#FAFAFA;--code-bg-color:#FAFAFA;--aside-fg-color:#212121;--aside-none-bg:#eaf0fb;--aside-none-border:#4134f5;--aside-best-practice-bg:#eef8f4;--aside-best-practice-border:#417f3e;--aside-tip-bg:#f8f8ee;--aside-tip-border:#fff700;--tag-bg:#d9e9f8;--tag-fg:#1565c0;--text-size-1:3.05rem;--line-height-1:3.43rem;--text-size-2:2.44rem;--line-height-2:2.75rem;--text-size-3:1.95rem;--line-height-3:2.19rem;--text-size-4:1.56rem;--line-height-4:1.76rem;--text-size-5:1.25rem;--line-height-5:1.41rem;--text-size-6:1rem;--line-height-6:1.125rem;--border-radius-small:.5rem;--border-radius-medium:1rem;--transition-color-duration:.1s;--transition-large-layout-shift-duration:.5s}@media only screen and (prefers-color-scheme:dark){:root{--bg-color:#212121;--fg-color:#dadada;--alt-bg-color:#424242;--alt-fg-color:#ffffff;--link-color:#60a3fa;--bg-light-color:#dadada2f;--code-bg-color:#212121;--aside-fg-color:#fff;--aside-none-bg:#243a64;--aside-none-border:#4134f5;--aside-tip-bg:#085335;--aside-tip-border:#417f3e;--aside-best-practice-bg:#484800;--aside-best-practice-border:#fff700;--tag-bg:#0c2848;--tag-fg:#c8c8ec}}*,*:after,*:before{box-sizing:inherit}@media(prefers-reduced-motion:no-preference){@view-transition{navigation: auto; }}html{box-sizing:border-box;font-size:62.5%;scrollbar-gutter:stable}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{color:var(--fg-color);background-color:var(--bg-color);font-family:var(--text-font-family);font-size:1.6em;font-weight:300;line-height:1.8em}a{display:inline-block;font-weight:300;color:var(--link-color);text-decoration:none}a:focus,a:hover{text-decoration:underline}a,a *{transition:color var(--transition-color-duration)linear,text-decoration var(--transition-color-duration)linear}p{margin:2rem 0 0;margin-block:.5em}h1,h2,h3,h4,h5,h6{font-family:var(--heading-font-family);font-weight:600;color:var(--alt-fg-color);margin:2rem 0 0}h1{font-size:var(--text-size-1);line-height:var(--line-height-1)}h2{font-size:var(--text-size-2);line-height:var(--line-height-2)}h3{font-size:var(--text-size-3);line-height:var(--line-height-3)}h4{font-size:var(--text-size-4);line-height:var(--line-height-4)}h5{font-size:var(--text-size-5);line-height:var(--line-height-5)}h6{font-size:var(--text-size-6);line-height:var(--line-height-6)}b,strong{font-weight:700}.highlight>div,.highlight>pre{margin:0;padding:1rem;border-radius:var(--border-radius-medium);overflow-x:auto}th,td{padding:1.6rem}table{border-collapse:collapse}table td,table th{border:2px solid var(--alt-fg-color)}table tr:first-child th{border-top:0}table tr:last-child td{border-bottom:0}table tr td:first-child,table tr th:first-child{border-left:0}table tr td:last-child,table tr th:last-child{border-right:0}img{max-width:100%}ul{padding-inline-start:2.5rem}.wrapper{display:flex;flex-direction:column;min-height:100svh;width:100%}.container{margin:0 auto;max-width:90rem;width:100%;padding-left:2rem;padding-right:2rem}.float-right{float:right}.float-left{float:left}details{background:var(--chroma-bg);border-radius:var(--border-radius-medium);overflow:hidden}@media(prefers-reduced-motion:no-preference){details{interpolate-size:allow-keywords}}details::details-content{opacity:0;block-size:0;overflow-y:clip;transition:content-visibility var(--transition-large-layout-shift-duration)allow-discrete,opacity var(--transition-large-layout-shift-duration),block-size var(--transition-large-layout-shift-duration)}details[open]::details-content{opacity:1;block-size:auto}details summary{border-radius:var(--border-radius-medium);padding:1rem;cursor:pointer}.icon{display:inline-block;width:1.8rem;height:1.8rem;mask:var(--icon-url);mask-size:contain;mask-repeat:no-repeat;background-color:var(--fg-color);transition:background-color var(--transition-color-duration)linear;margin-bottom:-2px;margin-right:2px}a:hover .icon{background-color:var(--link-color)}@media only screen and (max-width:768px){.icon{width:1.4rem;height:1.4rem}}.icon.icon-rss{--icon-url:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M0 64c0-18 14-32 32-32 230 0 416 186 416 416a32 32 0 1 1-64 0C384 254 226 96 32 96 14 96 0 82 0 64m0 352a64 64 0 1 1 128 0 64 64 0 1 1-128 0m32-256c159 0 288 129 288 288a32 32 0 1 1-64 0c0-124-100-224-224-224a32 32 0 1 1 0-64'/%3E%3C/svg%3E")}.icon.icon-github{--icon-url:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 496 512'%3E%3Cpath d='M166 397q0 3-5 4-6 0-6-4 0-3 5-3 5-1 6 3m-31-4q-1 3 4 5 5 1 6-2 1-5-4-5-4-1-6 2m44-2q-5 2-5 5 2 3 6 3 5-2 5-5-1-3-6-3M245 8A240 240 0 0 0 0 252c0 111 70 206 170 239 12 2 17-5 17-12v-61s-70 15-85-30c0 0-12-29-28-37 0 0-23-15 2-15 0 0 24 2 38 26 22 38 59 27 73 21q4-24 16-34c-56-6-112-14-112-111 0-27 7-41 23-59-2-6-11-33 3-67 21-7 69 27 69 27q31-9 63-9s43 3 63 9c0 0 48-34 69-27 13 34 5 61 2 67 16 18 26 32 26 59 0 97-59 105-115 111q15 12 17 46v84c0 6 5 14 17 12a248 248 0 0 0 168-239C496 113 384 8 245 8M97 353q-2 2 1 5t5 1-1-5q-2-3-5-1m-11-8 3 4q2 1 4-1 1-2-2-4-3-1-5 1m33 35q-2 3 1 7 4 3 7 1 1-3-2-7-4-3-6-1m-12-14v6q4 3 6 2 3-2 0-6-2-5-6-2'/%3E%3C/svg%3E")}.icon.icon-linkedin{--icon-url:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M416 32H31.9A32 32 0 0 0 0 64.3v383.4A32 32 0 0 0 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3A32 32 0 0 0 416 32M135.4 416H69V202.2h66.5zm-33.2-243a38.5 38.5 0 1 1 0-77 38.5 38.5 0 0 1 0 77m282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9z'/%3E%3C/svg%3E")}.icon.icon-instagram{--icon-url:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141m0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7m146.4-194.3c0 14.9-12 26.8-26.8 26.8a26.8 26.8 0 1 1 26.8-26.8m76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8M398.8 388a75.6 75.6 0 0 1-42.6 42.6c-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9A75.6 75.6 0 0 1 49.4 388c-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1A75.6 75.6 0 0 1 92 81.2c29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9a75.6 75.6 0 0 1 42.6 42.6c11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1'/%3E%3C/svg%3E")}.icon.icon-strava{--icon-url:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M158 0 7 292h89l62-116 62 116h89zm151 292-44 88-45-88h-67l112 220 111-220z'/%3E%3C/svg%3E")}.icon.icon-bluesky{--icon-url:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M112 62c58 44 121 133 144 180 23-47 86-136 144-180 42-31 110-56 110 22 1 15-8 131-14 149-18 65-84 82-143 72 103 17 129 75 73 133-108 110-155-28-167-63l-3-8-3 8c-12 35-59 173-167 63-56-58-30-116 73-133-59 10-125-7-143-72C10 214 2 99 2 84 2 6 70 31 112 62'/%3E%3C/svg%3E")}.icon.icon-thingiverse{--icon-url:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -4 78 78'%3E%3Cpath fill='%23fff' d='M35 70a35 35 0 1 1 0-70 35 35 0 0 1 0 70m0-5a30 30 0 1 0 0-60 30 30 0 0 0 0 60m4.5-36.8v30h-9v-30H18v-9h34v9z'/%3E%3C/svg%3E")}.content{flex:1;display:flex;margin-top:1.6rem}.content article header{margin-top:1rem;margin-bottom:.5rem}.content article footer{margin-top:4rem}.content article footer .see-also{margin:3.2rem 0}.content .post .post-title{margin-bottom:.75em}.content .post .post-meta i{text-align:center;width:1.6rem;margin-left:0;margin-right:.5rem}.content .post .post-meta .date .posted-on{margin-left:0;margin-right:1.5rem}.content .post .tags a{font-size:var(--text-size-5);line-height:var(--line-height-5);padding:.6rem;margin:.7rem .4rem .3rem 0;border-radius:var(--border-radius-small);background-color:var(--tag-bg);color:var(--tag-fg)}.avatar{margin:0 auto;width:200px;height:200px;border-radius:50%;overflow:hidden}.list .date{display:block;font-size:1.4rem;line-height:1.4rem;padding-bottom:1.5rem}.list ul{margin:3.2rem 0;list-style:none;padding:0}.list ul li{font-size:1.8rem}@media only screen and (max-width:768px){.list ul li{margin:1.6rem 0}}.list ul li .date{display:inline-block;width:20rem;text-align:right;margin-right:3rem}@media only screen and (max-width:768px){.list ul li .date{display:block;text-align:left}}.list ul li .title{font-size:1.8rem;color:var(--fg-color);font-family:var(--heading-font-family);font-weight:700}.list ul li .title:hover,.list ul li .title:focus{color:var(--link-color)}.centered{display:flex;flex-direction:column;align-items:center;justify-content:center}.centered .about{font-family:var(--heading-font-family);text-align:center}.centered .about ul{list-style:none;margin:1rem 0;padding:0}.centered .about ul li{display:inline-block;position:relative;margin-left:1rem;margin-right:1rem}.centered .about ul li a{color:var(--fg-color);font-size:var(--text-size-4)}.centered .about ul li a:hover,.centered .about ul li a:focus{color:var(--link-color)}.centered .about ul li a i{font-size:3.2rem}.centered .error{text-align:center}.wave{animation-name:wave-animation;animation-duration:2.5s;animation-iteration-count:infinite;transform-origin:70% 70%;display:inline-block}@media(prefers-reduced-motion){.wave{animation:none}}@keyframes wave-animation{0%{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0)}100%{transform:rotate(0)}}.navigation{margin-top:3rem;margin-bottom:2rem;width:100%}.navigation a,.navigation span{display:inline;font-size:1.6rem;font-family:var(--heading-font-family);font-weight:700;line-height:1.2rem;color:var(--fg-color)}.navigation a{transition:color .2s linear}.navigation a:hover,.navigation a:focus{color:var(--alt-fg-color);text-decoration:none}.navigation .navigation-title{border:.3rem solid var(--fg-color);padding:.5rem;font-size:1.6rem;line-height:1.6rem;text-transform:uppercase;letter-spacing:.05rem;font-weight:700}.navigation .navigation-list{float:right;list-style:none;margin-bottom:0;margin-top:0;letter-spacing:.05rem}.navigation .navigation-list .navigation-item{float:left;margin:0;position:relative}.navigation .navigation-list .navigation-item a,.navigation .navigation-list .navigation-item span{margin-left:1rem;margin-right:1rem}.navigation .navigation-list .navigation-item a,.navigation .navigation-list .navigation-item a:visited{text-decoration:none;color:var(--fg-color);transition:color .2s linear}.navigation .navigation-list .navigation-item a:hover,.navigation .navigation-list .navigation-item a:focus{color:var(--alt-fg-color)}.navigation .navigation-list .navigation-item .navigation-link.active::before{view-transition-name:active-nav-link;content:'';display:block;width:calc(100% - 2rem);height:.3rem;border-radius:.15rem;background-color:var(--fg-color);position:absolute;bottom:0;left:1rem}@media only screen and (max-width:768px){.navigation .navigation-list .menu-separator{border-top:2px solid var(--fg-color);margin:0 8rem}.navigation .navigation-list .menu-separator span{display:none}}.navigation #menu-toggle{display:none}@media only screen and (max-width:768px){.navigation #menu-toggle:checked+label{color:var(--alt-bg-color)}.navigation #menu-toggle:checked+label+ul{visibility:visible;opacity:1;max-height:100rem}}.navigation .menu-button{display:none}@media only screen and (max-width:768px){.navigation .menu-button{display:block;font-size:var(--text-size-2);line-height:var(--line-height-2);font-weight:400;color:var(--fg-color);cursor:pointer}.navigation .menu-button:hover,.navigation .menu-button:focus{color:var(--link-color)}}::view-transition-group(active-nav-link){animation-duration:.3s;animation-timing-function:cubic-bezier(.195,.035,0,1.42)}.pagination{margin-top:6rem;text-align:center;font-family:var(--heading-font-family)}.pagination li{display:inline;text-align:center;font-weight:700}.pagination li span{margin:0;text-align:center;width:3.2rem}.pagination li a{font-weight:300}.pagination li a span{margin:0;text-align:center;width:3.2rem}:root{--chroma-fg:#212121;--chroma-bg:#fff}@media only screen and (prefers-color-scheme:dark){:root{--chroma-fg:#e2e4e5;--chroma-bg:#282a36}}.highlight{--chroma-line-highlight-bg:#c1c0c0;--chroma-err:#f0534e;--chroma-proper-noun:#f0534e;--chroma-literal-string:#3ba55e;--chroma-line:#7f7f7f;--chroma-keyword:#c85498;--chroma-comment:#8d8d8d;--chroma-keyword-type:#c44234;--chroma-name-attribute:#46a0cc;--chroma-name-class:#c0c57d;--chroma-name-constant:#c87c35;--chroma-name-function:#4497c0;--chroma-literal-number:#cb5d51;--chroma-generic:#292929;--chroma-operator:#b14a86;overflow-x:auto}@media(prefers-color-scheme:dark){.highlight{--chroma-line-highlight-bg:#3d3f4a;--chroma-err:#ff5c57;--chroma-proper-noun:#ff5c57;--chroma-literal-string:#5af78e;--chroma-line:#7f7f7f;--chroma-keyword:#ff6ac1;--chroma-comment:#78787e;--chroma-keyword-type:#ff9f43;--chroma-name-attribute:#57c7ff;--chroma-name-class:#f3f99d;--chroma-name-constant:#ff9f43;--chroma-name-function:#57c7ff;--chroma-literal-number:#ff9f43;--chroma-generic:#43454f;--chroma-operator:#ff6ac1}}.highlight .bg{color:var(--chroma-fg);background-color:var(--chroma-bg)}.highlight .chroma{color:var(--chroma-fg);background-color:var(--chroma-bg);font-size:1.6rem;line-height:1.8rem}.highlight .chroma .err{color:var(--chroma-err)}.highlight .chroma .lnlinks{outline:none;text-decoration:none;color:inherit}.highlight .chroma .lntd{vertical-align:top;padding:0;margin:0;border:0}.highlight .chroma .lntable{border-spacing:0;padding:0;margin:0;border:0}.highlight .chroma .hl{background-color:var(--chroma-line-highlight-bg)}.highlight .chroma .lnt,.highlight .chroma .ln{white-space:pre;-webkit-user-select:none;user-select:none;margin-right:.4em;padding:0 .4em;color:var(--chroma-line)}.highlight .chroma .line{display:flex}.highlight .chroma .k,.highlight .chroma .kc,.highlight .chroma .kn,.highlight .chroma .kp,.highlight .chroma .kr,.highlight .chroma .nt{color:var(--chroma-keyword)}.highlight .chroma .kd,.highlight .chroma .nb{color:var(--chroma-proper-noun)}.highlight .chroma .kt{color:var(--chroma-keyword-type)}.highlight .chroma .na,.highlight .chroma .nf{color:var(--chroma-name-attribute)}.highlight .chroma .nc{color:var(--chroma-name-class)}.highlight .chroma .no,.highlight .chroma .nd{color:var(--chroma-name-constant)}.highlight .chroma .nl,.highlight .chroma .nv,.highlight .chroma .vc,.highlight .chroma .vg,.highlight .chroma .vi{color:var(--chroma-proper-noun)}.highlight .chroma .s,.highlight .chroma .sa,.highlight .chroma .sb,.highlight .chroma .sc,.highlight .chroma .dl,.highlight .chroma .sd,.highlight .chroma .s2,.highlight .chroma .s3,.highlight .chroma .sh,.highlight .chroma .si,.highlight .chroma .sx,.highlight .chroma .sr,.highlight .chroma .s1,.highlight .chroma .ss{color:var(--chroma-literal-string)}.highlight .chroma .m,.highlight .chroma .mb,.highlight .chroma .mf,.highlight .chroma .mh,.highlight .chroma .mi,.highlight .chroma .il,.highlight .chroma .mo{color:var(--chroma-literal-number)}.highlight .chroma .o,.highlight .chroma .ow{color:var(--chroma-operator)}.highlight .chroma .c,.highlight .chroma .ch,.highlight .chroma .cm,.highlight .chroma .c1,.highlight .chroma .cs,.highlight .chroma .cp,.highlight .chroma .cpf{color:var(--chroma-comment)}.highlight .chroma .gd,.highlight .chroma .gr{color:var(--chroma-proper-noun)}.highlight .chroma .ge,.highlight .chroma .gl{text-decoration:underline}.highlight .chroma .gh,.highlight .chroma .gi,.highlight .chroma .gu{font-weight:700}.highlight .chroma .go{color:var(--chroma-generic)}.highlight .chroma .gs{font-style:italic}.footer{width:100%;text-align:center;line-height:2rem;margin-bottom:1rem}.footer a{color:var(--link-color)}a.nav{font-weight:400;color:var(--alt-fg-color);margin:0 8px;padding:8px;text-decoration:none;border-radius:4px;border:1px solid var(--alt-fg-color);line-height:3em;white-space:nowrap}@media only screen and (max-width:768px){a.nav{margin:0 4px}}a.nav:hover{color:#134;box-shadow:2px 2px var(--alt-fg-color);border-bottom:3px solid var(--alt-fg-color);text-decoration:none}a.nav:hover:visited{color:var(--alt-fg-color)}.content aside{--aside-bg:var(--aside-none-bg);--aside-border:var(--aside-none-border);--aside-icon-url:'/images/aside-none.svg';color:var(--aside-fg-color);background-color:var(--aside-bg);border-left:3px solid var(--aside-border);padding:2rem;margin:1rem 0}.content aside .header .icon{display:inline-block;background:var(--aside-fg-color);width:2.4rem;height:2.4rem;margin-bottom:-2px}.content aside .header h1{color:var(--aside-fg-color);display:inline;font-size:1.8rem;margin-block-start:0;margin-block-end:0}.content aside[data-type=tip]{--aside-bg:var(--aside-tip-bg);--aside-border:var(--aside-tip-border);--aside-icon-url:'/images/aside-tip.svg'}.content aside[data-type=best-practice]{--aside-bg:var(--aside-best-practice-bg);--aside-border:var(--aside-best-practice-border);--aside-icon-url:'/images/aside-best-practice.svg'}.content baseline-status{margin:1em 0}.content .captioned-image{display:inline-block;margin-left:auto;margin-right:auto}.content .captioned-image img{object-fit:contain;display:block}.content .captioned-image figcaption{background:var(--alt-bg-color);padding:.5em}.content .captioned-video{display:inline-block;margin-left:auto;margin-right:auto}.content .captioned-video video{object-fit:contain;display:block}.content .captioned-video figcaption{background:var(--alt-bg-color);padding:.5em}.content .code{overflow:auto;max-height:60vh}