:root{--rounded:ui-rounded, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--sans-serif:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--monospace:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--serif:ui-serif, Charter, "Bitstream Charter", "Sitka Text", Cambria, serif;--headlines:var(--sans-serif);--baseline:1rem;--border-width:.125rem;--highlight:#3434ef;--highlight-interaction:#5757ff;--surface:#d7e4ef;--fg:#333;--bg:#fff;--border:#dcdbdb}@media (prefers-color-scheme:dark){:root{--fg:#d4d4d4;--bg:#050505;--highlight:#f5f5f5;--highlight-interaction:#85b7d1;--surface:#2e2e2e;--border:#dcdbdb40}}*{margin:0;padding:0}*,:before,:after{box-sizing:inherit}html{box-sizing:border-box;text-size-adjust:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;background:var(--bg);color:var(--fg);font:400 100%/1.3 var(--rounded)}a{color:var(--highlight);text-decoration-skip-ink:auto;text-decoration-skip:ink;text-underline-offset:2px;text-decoration-thickness:.5px;transition:color .375s ease-in-out}a:hover{color:var(--highlight-interaction)}pre,pre[class*=language-],figure{display:block}figure>img{margin-left:auto;margin-right:auto;margin-bottom:calc(var(--baseline) / 3);display:block}figcaption{color:var(--text-lite);font-family:var(--monospace);padding:var(--baseline) var(--baseline) 0;max-width:100%;margin:0;font-size:small}ul{padding-left:1rem}ol{padding-left:0;list-style-position:inside}li>ul{margin-top:calc(var(--baseline) / 2);margin-bottom:calc(var(--baseline) / 2)}li{line-height:1.7}li:not(:last-of-type){margin-bottom:calc(var(--baseline) / 2)}li:before{margin:0}[data-skip-nav-link]{clip:rect(0 0 0 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}[data-skip-nav-link]:focus{background:var(--surface);z-index:1;clip:auto;width:auto;height:auto;padding:1rem;font-weight:700;position:fixed;top:10px;left:10px}.sr-only,visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;word-wrap:normal;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-color-scheme:dark){img{opacity:.75;transition:opacity .5s ease-in-out}img:hover{opacity:1}mark:after{background-color:#ffbb0060}}h1,h2,h3,h4,h5,h6{font-size:var(--baseline);margin:0 0 var(--baseline);line-height:1.3;font-family:var(--headlines)}h1{font-size:var(--baseline);font-weight:700}h2{font-size:var(--baseline)}h3,h4{font-size:var(--baseline);font-weight:400}h5{font-size:var(--baseline);font-weight:700}cite{font-size:.925rem}p{font-size:var(--baseline);font-variant-ligatures:common-ligatures;line-height:1.8}pre[class*=language-],blockquote,figure,form,ol,p,pre,table,ul,ol{margin-bottom:var(--baseline)}blockquote{border-left:2px solid var(--highlight);color:var(--text);padding:var(--baseline);margin-left:calc(var(--baseline) / -2);font-style:italic}blockquote p:last-of-type{margin:0}hr{height:calc(var(--border-width) / 2);color:var(--fg);opacity:.5;max-width:6rem;margin:0 0 calc(var(--baseline) * 2);background:currentColor;border:0 #0000;display:block}code,pre{font-family:var(--monospace)}mark{color:var(--fg);z-index:5;background-color:#0000;font-weight:600;position:relative}mark:after{content:"";z-index:-1;background-color:#ffbb0080;background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:92.5%;position:absolute;bottom:-8.75%;left:0;right:0;rotate:-2deg}code,pre,small{font-size:.875rem}a>code,li>code,p>code{border-radius:4px;padding:.25rem}img{max-width:100%;height:auto}body{width:100%;max-width:96ch;padding-bottom:calc(var(--baseline) * 2);padding-left:var(--baseline);padding-right:var(--baseline);gap:calc(var(--baseline) * 2);--top-offset:calc(var(--baseline) * 4);grid-template-columns:repeat(12,minmax(0,1fr));margin-left:auto;margin-right:auto;display:grid}body>header{padding-top:calc(var(--top-offset) / 2);grid-column:span 12/span 12}body>nav,body>main,body>footer{grid-column:span 12/span 12}@media screen and (width>=64rem){body>header{padding-top:var(--top-offset);grid-column:span 12/span 12}body>nav{padding-top:var(--top-offset);top:0;left:var(--baseline);grid-column:span 12/span 12;width:12rem;position:fixed}body>main,body>footer{grid-column:span 12/span 12}}form{margin-bottom:0}input{background:var(--bg);appearance:none;max-width:100%;color:var(--fg);font-size:inherit;font-family:var(--sans-serif);border:0;border-radius:8px;padding:12px;display:block}input:disabled{opacity:.5}button{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--highlight);font-family:var(--sans-serif);color:var(--bg);font-weight:800;font-size:inherit;cursor:pointer;opacity:1;white-space:nowrap;border:0;border-radius:3.40282e38px;padding:.3rem 2rem .4rem;box-shadow:inset 0 1px 2px -1px #fff}button:hover{transform:opacity .5s linear;opacity:.5}.tool-shell{--tool-line:var(--border);--tool-muted:color-mix(in srgb, var(--fg) 62%, var(--bg));--tool-panel:color-mix(in srgb, var(--surface) 72%, var(--bg));--tool-soft:color-mix(in srgb, var(--surface) 44%, var(--bg));--tool-strong:var(--bg);--tool-focus:#0071e352;--tool-radius:.5rem;box-sizing:border-box;margin-block:0 2rem}.tool-shell *,.tool-shell :before,.tool-shell :after{box-sizing:inherit}.tool-shell :where(button,select,textarea){color:inherit;font:inherit}.tool-shell :where(button,select){cursor:pointer}.tool-shell :focus-visible{outline:3px solid var(--tool-focus);outline-offset:3px}.tool-shell svg{fill:none;stroke:currentColor;stroke-width:2px;width:100%;height:100%;display:block}.tool-header{border-top:1px solid var(--tool-line);padding-top:var(--baseline);margin-bottom:1rem}.tool-title{flex-wrap:wrap;align-items:baseline;gap:.5rem .875rem;display:flex}.tool-title h1{margin:0;font-size:1.25rem;line-height:1}.tool-title p,.tool-empty,.tool-label,.tool-count,.tool-muted{color:var(--tool-muted);margin:0}.tool-grid{align-items:start;gap:1rem;margin-bottom:2rem;display:grid}.tool-pane{background:var(--tool-panel);border:1px solid var(--tool-line);border-radius:var(--tool-radius);min-width:0;overflow:hidden}.tool-pane-header{background:color-mix(in srgb, var(--tool-strong) 76%, transparent);border-bottom:1px solid var(--tool-line);place-items:center start;min-height:2.75rem;padding-inline:1rem;display:grid}.tool-pane-header h2{margin:0;font-size:.8125rem}.tool-cluster{grid-auto-flow:column;justify-content:start;align-items:center;gap:.5rem;display:grid}.tool-frame{border:1px solid var(--tool-line)}.tool-surface{background:var(--tool-strong)}.tool-pill{border-radius:999px}.tool-label{font-size:.8125rem;display:block}.tool-count{font-family:var(--monospace);white-space:nowrap;font-size:.75rem}.tool-textarea-frame{background:var(--tool-strong);border:1px solid var(--tool-line);border-radius:var(--tool-radius);overflow:hidden}.tool-shell textarea{font-family:var(--monospace);resize:vertical;background:0 0;border:0;outline:0;width:100%;line-height:1.65;display:block}.tool-button,.tool-icon-button{appearance:none;box-shadow:none;font-weight:650}.tool-button{background:color-mix(in srgb, var(--fg) 8%, var(--bg));border:1px solid var(--tool-line);border-radius:calc(var(--tool-radius) - .125rem);min-height:2rem;padding:0 .875rem;font-size:.8125rem}.tool-button:hover{background:color-mix(in srgb, var(--fg) 14%, var(--bg));opacity:1}.tool-button-primary{background:var(--highlight);color:var(--bg);border-color:#0000}.tool-button-primary:hover{background:var(--highlight-interaction);opacity:1}.tool-icon-button{color:var(--tool-muted);background:0 0;border:0;justify-content:center;align-items:center;width:2rem;height:2rem;padding:0;display:inline-flex}.tool-icon-button:hover{background:var(--tool-soft);color:var(--fg);opacity:1}.tool-icon-button svg{width:1.125rem;height:1.125rem}.tool-empty{padding:1rem;font-size:.875rem}@media (prefers-color-scheme:dark){.tool-shell{--tool-focus:#a0c8ff5c;--tool-line:#ffffff24;--tool-muted:#a1a1a6;--tool-panel:#262629c2;--tool-soft:#2c2c2e;--tool-strong:#1c1c1e}}.SiteHeader a{gap:var(--baseline);color:var(--fg);align-items:center;text-decoration:none;display:flex}.SiteHeader{flex:1;position:relative}.SiteHeader h1{font-weight:700;font-family:var(--sans-serif);letter-spacing:-.0125em;text-transform:uppercase;margin:0;font-stretch:125%;line-height:1}.SiteHeader p{opacity:.5;margin:0;font-size:.875rem;line-height:1}.SiteHeader #mark{--size:calc(var(--baseline) * 3);--markbg:none;width:var(--size);height:var(--size);color:var(--fg);display:block}.SiteHeader:root{--g-red:#eb5d47;--g-orange:#ed823b;--g-yellow:#fb0;--g-green:#00b380;--g-blue:#249dd6;--g-indigo:#675997;--color-1:var(--g-red);--color-2:var(--g-orange);--color-3:var(--g-yellow);--color-4:var(--g-green);--color-5:var(--g-blue);--color-6:var(--g-indigo)}.SiteNavigation{align-items:flex-start;gap:calc(var(--baseline) / 2);flex-direction:column;display:flex}.SiteNavigation hr{width:100%;max-width:100%;margin-bottom:0}.SiteNavigation>div{width:100%}.SiteNavigation li{margin-right:calc(var(--baseline) / 2);display:inline-block}[aria-label=Site\ Links]>li:first-of-type a{font-weight:700;text-decoration:none!important}[aria-label=Site\ Links]>li:first-of-type a>span{text-decoration-skip:none;text-decoration-color:#0000;text-decoration:none!important}.SiteNavigation ul{max-width:100%;margin-bottom:0;padding:0;list-style:inside none}.SiteNavigation a{display:block}.SiteNavigation a[aria-current=true]{font-weight:700}[aria-label=Site\ Links]{order:1}[aria-label=Social\ Links] a:after{content:"↗";margin-left:.25rem;font-size:small;line-height:1;display:inline-block}@media screen and (width>=48rem){.SiteNavigation{gap:calc(var(--baseline) * 2);flex-direction:column;padding-left:1rem;display:flex}.SiteNavigation ul{display:block}.SiteNavigation li{margin-bottom:0;margin-right:0;display:block}[aria-label=Site\ Links]{order:0}}a>span{text-decoration-skip:ink;text-decoration:underline}a[aria-current=true]{text-decoration:none}a[aria-current=true]:before{content:"⇥";text-decoration:none}.SiteFooter>div{font-family:var(--sans-serif);gap:var(--baseline);display:flex}.SiteFooter svg{opacity:.25;max-width:2rem;height:auto;display:block}.SiteFooter p{flex:1;width:100%;margin-bottom:0;font-size:75%}@media screen and (width>=48rem){.SiteFooter{gap:calc(var(--baseline) * 2)}}.Archives{gap:var(--baseline);border-top:1px solid var(--border);padding:var(--baseline) 0;grid-template-columns:repeat(6,minmax(0,1fr));display:grid}@media screen and (width>=48rem){.Archives{grid-template-columns:repeat(12,minmax(0,1fr))}}.Archives>div,.ArchiveList{grid-column:span 6/span 6}.ArchiveList dd:not(:last-of-type){margin-bottom:var(--baseline)}.ArchiveHeading{letter-spacing:.05em;text-transform:uppercase;font-stretch:125%}.ArchiveTime{opacity:.5;text-transform:uppercase;letter-spacing:.025em;font-size:small}.ArchiveDescription{opacity:.5;text-wrap:balance;padding-top:.5em;font-size:small;line-height:1.1}.ArchiveTitle span{font-weight:700}.ShelfTitle{letter-spacing:-.025em}.ShelfList{grid-gap:calc(var(--baseline) / 2);grid-template-columns:repeat(3,1fr);grid-auto-rows:max-content;padding:0;list-style:inside none;display:grid}@media screen and (width>=48rem){.ShelfList{grid-template-columns:repeat(4,1fr)}}@media screen and (width>=64rem){.ShelfList{grid-template-columns:repeat(6,1fr)}}.ShelfList.row{flex-direction:column;display:flex}.Card{background-color:var(--surface);padding:var(--baseline);border:1px solid var(--border);border-radius:8px}.InlineForm{gap:var(--baseline);grid-template-columns:1fr;width:100%;display:grid}.NewsletterForm>.Error{color:red;opacity:.75;font-family:var(--monospace);padding-top:var(--baseline);display:block}.NewsletterForm>.Success{color:var(--text);opacity:.75;font-family:var(--monospace);padding-top:var(--baseline);display:block}@media screen and (width>=32rem){.InlineForm{grid-template-columns:3fr 1fr}}@media (prefers-color-scheme:light){.Card{box-shadow:0 0 #0000,0 0 #0000,0 4px 6px -1px #27272a0d,0 2px 4px -2px #27272a0d}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.Loading{--size:calc(var(--baseline) * 2);width:var(--size);height:var(--size);color:var(--highlight);animation-name:spin;animation-duration:.75s;animation-timing-function:linear;animation-iteration-count:infinite;display:inline-block}.Meta{opacity:.5}.Meta--no-opacity{opacity:1}.footnotes ol:before{content:"Footnotes";opacity:.75;margin-bottom:18px;font-weight:700;display:block}.footnotes ol li>p{display:inline}.twitter-tweet{margin:10px auto var(--baseline)!important}.Grid{flex-wrap:wrap;justify-content:space-around;align-items:center;display:flex}.Grid__image{max-width:23rem;margin-bottom:calc(var(--baseline) / 2);flex:1;width:100%;height:auto}code[class*=language-],pre[class*=language-]{font-family:var(--monospace);tab-size:2}.ImageGrid-3x3,.ImageGrid-4x4{gap:var(--baseline);width:calc(100% + 2rem);margin-left:-1rem;margin-right:-1rem;margin-bottom:var(--baseline);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.ImageGrid-3x3--no-spacing,.ImageGrid-4x4--no-spacing{width:100%!important;margin:0 0 var(--baseline)!important}@media screen and (width>=48rem){figure{text-align:center}figcaption{text-align:left}figure>img{margin-bottom:calc(var(--baseline) / 2);display:block}blockquote{font-size:106.25%}figcaption{padding:0}.SuperFigure{width:150%;margin-left:0;margin-right:-25%}.Post__figure--left{float:left;text-align:left;margin-left:0;margin-right:var(--baseline);max-width:48%}.Post__figure--right{float:right;text-align:right;margin-right:-25%;margin-left:var(--baseline);max-width:48%}.Post__figure--left>img,.Post__figure--right>img{margin-left:0;margin-right:0}.ImageGrid-3x3{width:150%;margin:0 -25% var(--baseline) 0;grid-template-columns:repeat(3,minmax(0,1fr))}.ImageGrid-4x4{width:150%;margin:0 -25% var(--baseline) 0;grid-template-columns:repeat(4,minmax(0,1fr))}}@media (prefers-color-scheme:dark){.astro-code,.astro-code span{color:var(--shiki-dark)!important;background-color:var(--shiki-dark-bg)!important;font-style:var(--shiki-dark-font-style)!important;font-weight:var(--shiki-dark-font-weight)!important;text-decoration:var(--shiki-dark-text-decoration)!important}}pre[data-language],code[data-language]{color:#cccdc6;text-shadow:none;font-family:var(--monospace);text-align:left;white-space:pre;word-spacing:normal;word-break:normal;tab-size:4;hyphens:none;direction:ltr;line-height:1.5}pre[data-language]::selection,code[data-language]::selection{text-shadow:none;background:#6f798b}@media print{pre[class*=language-],code[class*=language-]{text-shadow:none}}pre[data-language]{background:#1e232f;padding:1em;overflow:auto}:not(pre)>code[data-language]{border-radius:.3em;padding:.1em .3em}.HistoryCard{padding:var(--baseline);background-color:var(--surface);background-image:linear-gradient(to bottom right, var(--surface) 0%, var(--bg) 100%);border-radius:8px}.HistoryCard>p{margin:0!important}.HistoryPosition,.HistoryOrganization{font-family:var(--sans-serif)}.HistoryPosition{margin:0}.HistoryOrganization{opacity:.5}.HistoryDate{font-family:var(--monospace);font-size:small}.ColorTestForm{margin-bottom:calc(var(--baseline) * 4)}.ColorTesterResult{width:100%;margin-bottom:var(--baseline);overflow:hidden;text-align:center!important;margin-left:0!important;margin-right:0!important}.ColorTesterDetails{max-width:100%}.ColorTesterBlob{clip-path:url(#thirteen-points);width:calc(var(--baseline) * 12);height:calc(var(--baseline) * 12);margin-bottom:calc(var(--baseline) * 4);border-radius:.5rem}.ColorTesterTitle{margin-bottom:0}.ColorTesterDetails{padding:0;text-align:left!important}.ColorTesterDetails ul{margin-bottom:var(--baseline);padding:0;list-style:inside none}.ColorTesterDetails li{align-items:center;display:flex}.ColorTesterDetails li>div{flex:1}.ColorTesterDetails code{opacity:.5;font-size:.875rem;font-family:var(--monospace);margin-bottom:0;display:block}