.coffee-button{border:0;background:transparent}.opacity-0{opacity:0}.coffee .plate{transition:transform .3s ease-in}.coffee .liquid{transform-origin:center}.coffee:hover .plate{animation:wobble-hor-bottom .7s normal both}.scale-out{animation:scale-out .5s ease-out normal forwards}.bounce-in{animation:bounce-in-top 1s normal forwards}.slide-in-blurred{animation:slide-in-blurred 1s cubic-bezier(.23,1,.32,1) forwards}@keyframes scale-out{0%{transform:scale(.3)}to{transform:scale(1);opacity:1}}@keyframes bounce-in-top{0%{transform:translateY(-100%);animation-timing-function:ease-in;opacity:0}35%{transform:translateY(0);animation-timing-function:ease-out;opacity:.5}50%{transform:translateY(-65px);animation-timing-function:ease-in;opacity:1}70%{transform-origin:center;transform:translateY(0) rotate(14deg);animation-timing-function:ease-out}80%{transform:translateY(-28px);animation-timing-function:ease-in}90%{transform-origin:center;transform:translateY(0) rotate(-14deg);animation-timing-function:ease-out}to{transform-origin:center;transform:rotate(0)}}@keyframes slide-in-blurred{0%{transform:translateY(1000px) scaleY(2.5) scaleX(.2);transform-origin:50% 100%;filter:blur(40px);opacity:0}to{transform:translateY(0) scaleY(1) scaleX(1);transform-origin:50% 50%;filter:blur(0);opacity:1}}@keyframes wobble-hor-bottom{0%,to{transform:translate(0);transform-origin:50% 50%}15%{transform:translate(-30px) rotate(-6deg)}30%{transform:translate(15px) rotate(6deg)}45%{transform:translate(-15px) rotate(-3.6deg)}60%{transform:translate(9px) rotate(2.4deg)}75%{transform:translate(-6px) rotate(-1.2deg)}}.article-controls[data-v-bb4bea2f]{display:flex;flex-flow:column wrap;position:sticky;top:10%;z-index:10;z-index:var(--z-10);gap:1rem;height:-moz-fit-content;height:fit-content;width:-moz-fit-content;width:fit-content;min-width:70px;align-items:center;border-radius:1rem;padding:1.25rem .75rem;background-color:#23262a;background-color:var(--accent-color-lighter, var(--color-gray-800));box-shadow:0 4px 10px #00000012;box-shadow:var(--elevation-3)}.article-controls .button[data-v-bb4bea2f]{--button-text-color: var(--text-color-default);border-color:#d9d9d9;border-color:var(--text-color-default)}.coffee-counter[data-v-bb4bea2f]{font-family:Source Code Pro,SF Mono,consolas,menlo,monospace;font-family:var(--font-mono)}@media (max-width: 48em){.article-controls[data-v-bb4bea2f]{position:fixed;top:90%;left:50%;transform:translate(-50%);flex-flow:row nowrap;padding:.75rem}.coffee-button[data-v-bb4bea2f]{min-width:52px}.button--rounded-full[data-v-bb4bea2f]{padding:.5rem;min-width:46px;min-height:46px}}.article-heading[data-v-b034104f]{background-color:transparent;background-color:var(--accent-color-lighter, transparent);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1054%26quot%3b)' fill='none'%3e%3crect width='1440' height='560' x='0' y='0' fill='rgba(35%2c 38%2c 42%2c 1)'%3e%3c/rect%3e%3cpath d='M0%2c592.165C109.007%2c566.317%2c138.349%2c421.885%2c227.689%2c354.29C306.82%2c294.42%2c424.424%2c299.022%2c488.068%2c222.893C559.35%2c137.627%2c628.04%2c20.638%2c595.447%2c-85.612C562.308%2c-193.643%2c416.165%2c-212.391%2c331.564%2c-287.302C261.684%2c-349.179%2c233.432%2c-464.006%2c142.82%2c-486.399C52.219%2c-508.79%2c-25.201%2c-415.472%2c-116.903%2c-398.134C-223.545%2c-377.971%2c-346.451%2c-439.569%2c-435.208%2c-377.11C-525.245%2c-313.751%2c-567.097%2c-191.597%2c-566.854%2c-81.501C-566.622%2c23.85%2c-477.719%2c102.35%2c-433.94%2c198.174C-390.17%2c293.98%2c-387.54%2c410.877%2c-309.557%2c481.681C-226.765%2c556.851%2c-108.809%2c617.965%2c0%2c592.165' fill='%2317191b'%3e%3c/path%3e%3cpath d='M1440 1252.313C1568.351 1242.746 1696.31 1189.842 1784.5720000000001 1096.165 1865.374 1010.406 1871.145 883.4390000000001 1896.059 768.275 1916.007 676.067 1920.846 585.836 1915.349 491.655 1909.354 388.93600000000004 1929.327 272.14 1862.535 193.87099999999998 1795.701 115.55200000000002 1671.874 133.79700000000003 1576.62 94.71699999999998 1466.569 49.56700000000001 1375.812-80.08799999999997 1259.898-53.37099999999998 1145.215-26.937999999999988 1112.52 121.26499999999999 1044.56 217.35000000000002 983.972 303.013 912.082 379.14099999999996 882.737 479.878 850.262 591.359 838.944 708.657 868.751 820.881 902.038 946.206 957.28 1071.967 1060.755 1150.116 1167.391 1230.652 1306.739 1262.246 1440 1252.313' fill='%232f3339'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1054'%3e%3crect width='1440' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");background-size:cover;will-change:background;padding:calc(2vw + 85px) calc(1vw + 200px);max-height:340px;box-shadow:0 4px 4px #0000003b;box-shadow:var(--elevation-2);text-align:center}.article-heading h1[data-v-b034104f]{font-size:clamp(1.125rem,1vw + 1.25rem,2.5rem);font-size:clamp(var(--text-lg),1vw + var(--text-xl),var(--text-2xl))}body[data-theme=light] .article-heading[data-v-b034104f]{box-shadow:0 4px 10px #00000012;box-shadow:var(--elevation-3);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1055%26quot%3b)' fill='none'%3e%3crect width='1440' height='560' x='0' y='0' fill='rgba(238%2c 240%2c 246%2c 1)'%3e%3c/rect%3e%3cpath d='M0%2c592.165C109.007%2c566.317%2c138.349%2c421.885%2c227.689%2c354.29C306.82%2c294.42%2c424.424%2c299.022%2c488.068%2c222.893C559.35%2c137.627%2c628.04%2c20.638%2c595.447%2c-85.612C562.308%2c-193.643%2c416.165%2c-212.391%2c331.564%2c-287.302C261.684%2c-349.179%2c233.432%2c-464.006%2c142.82%2c-486.399C52.219%2c-508.79%2c-25.201%2c-415.472%2c-116.903%2c-398.134C-223.545%2c-377.971%2c-346.451%2c-439.569%2c-435.208%2c-377.11C-525.245%2c-313.751%2c-567.097%2c-191.597%2c-566.854%2c-81.501C-566.622%2c23.85%2c-477.719%2c102.35%2c-433.94%2c198.174C-390.17%2c293.98%2c-387.54%2c410.877%2c-309.557%2c481.681C-226.765%2c556.851%2c-108.809%2c617.965%2c0%2c592.165' fill='%237f8ebb'%3e%3c/path%3e%3cpath d='M1440 1252.313C1568.351 1242.746 1696.31 1189.842 1784.5720000000001 1096.165 1865.374 1010.406 1871.145 883.4390000000001 1896.059 768.275 1916.007 676.067 1920.846 585.836 1915.349 491.655 1909.354 388.93600000000004 1929.327 272.14 1862.535 193.87099999999998 1795.701 115.55200000000002 1671.874 133.79700000000003 1576.62 94.71699999999998 1466.569 49.56700000000001 1375.812-80.08799999999997 1259.898-53.37099999999998 1145.215-26.937999999999988 1112.52 121.26499999999999 1044.56 217.35000000000002 983.972 303.013 912.082 379.14099999999996 882.737 479.878 850.262 591.359 838.944 708.657 868.751 820.881 902.038 946.206 957.28 1071.967 1060.755 1150.116 1167.391 1230.652 1306.739 1262.246 1440 1252.313' fill='white'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1055'%3e%3crect width='1440' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e")}.article-info[data-v-b034104f]{display:flex;flex-flow:row wrap;opacity:.7;justify-content:center}.article-info time[data-v-b034104f]{margin-right:16px}.article-info .article-source[data-v-b034104f]{flex-basis:100%;margin-top:.25rem;margin-bottom:.25rem;font-style:italic}@media screen and (max-width: 31.25em){.article-heading[data-v-b034104f]{padding:1.25rem;text-align:left}.article-heading h1[data-v-b034104f]{margin-bottom:2vw}.article-info[data-v-b034104f]{justify-content:flex-start}}.article-grid{--content-width: 100ch;display:grid;width:calc(100% - 2rem);margin-left:auto;margin-right:auto;grid-template-columns:1fr min(100ch,100%) 1fr;grid-template-columns:1fr min(var(--content-width),100%) 1fr;justify-items:end;grid-gap:1rem;gap:1rem;grid-template-rows:0}.article-body-content .fullbleed{width:100%;grid-column:1 / -1}.article-body-content{--content-width: 75ch;grid-column:span 3;display:grid;grid-template-columns:subgrid;font-size:clamp(1rem,.9697rem + .1294vw,1.125rem);font-size:clamp(var(--text-base),.9697rem + .1294vw,var(--text-lg));font-family:Roboto Slab,palatino,georgia,serif;font-family:var(--font-serif)}.article-body-content>*{grid-column:2}.article-body-content h2,.article-body-content h3{margin-top:1rem;margin-bottom:1rem}.article-body-content h2:target{text-decoration-color:#6c7693;text-decoration-color:var(--color-silver);text-decoration-style:wavy;text-decoration-thickness:2px;text-decoration-line:underline;text-underline-offset:10px}.article-body-content h3:target{text-decoration-color:#6c7693;text-decoration-color:var(--color-silver);text-decoration-style:wavy;text-decoration-thickness:2px;text-decoration-line:underline;text-underline-offset:10px}.article-body-content h4:target{text-decoration-color:#6c7693;text-decoration-color:var(--color-silver);text-decoration-style:wavy;text-decoration-thickness:2px;text-decoration-line:underline;text-underline-offset:10px}.article-body-content h5:target{text-decoration-color:#6c7693;text-decoration-color:var(--color-silver);text-decoration-style:wavy;text-decoration-thickness:2px;text-decoration-line:underline;text-underline-offset:10px}.article-body-content h2{font-size:calc(1.25rem + .5vw);font-size:calc(var(--text-xl) + .5vw)}.article-body-content h3{font-size:calc(1.125rem + .3vw);font-size:calc(var(--text-lg) + .3vw)}.article-body-content h4{font-size:calc(1rem + .2vw);font-size:calc(var(--text-base) + .2vw)}.article-body-content h5{font-size:calc(.875rem + .1vw);font-size:calc(var(--text-sm) + .1vw)}.article-body-content p{margin-bottom:16px}.article-body-content h2[id],.article-body-content h3[id],.article-body-content h4[id],.article-body-content h5[id]{scroll-margin-top:6ex;position:relative}.article-body-content h2[id]:hover a,.article-body-content h3[id]:hover a,.article-body-content h4[id]:hover a,.article-body-content h5[id]:hover a{opacity:1}.article-body-content em{color:#e78336;color:var(--color-accent)}.article-body-content blockquote{border-left:2px solid hsl(187,78%,46%);border-left:2px solid var(--color-primary);background-color:#23262a;background-color:var(--accent-color-lighter, var(--color-gray-800));padding:1.2rem 2rem;border-radius:4px;border-radius:var(--radius-default);margin-bottom:1rem}.article-body-content blockquote p{margin:0;opacity:.8}.article-body-content blockquote p em{color:#d9d9d9;color:var(--text-color-default)}.article-body-content img{border-radius:4px;border-radius:var(--radius-default);margin:10px 0 2rem}.article-body-content ul,.article-body-content ol{margin-top:0;padding-left:20px}.article-body-content ul li::marker{color:#6c7693;color:var(--color-silver)}.article-body-content ol li::marker{color:#6c7693;color:var(--color-silver)}.article-body-content li+li{margin-top:7px}.article-body-content hr{margin:2rem 0;opacity:.5;border-color:#6c7693;border-color:var(--color-silver)}.article-body-content kbd{padding:3px 5px;vertical-align:middle;background-color:#d9d9d9;background-color:var(--color-default-white);color:#1a1c1f;color:var(--color-default-black);box-shadow:inset 0 -2px #828b97;box-shadow:inset 0 -2px 0 var(--color-gray-400);border-radius:4px;border-radius:var(--radius-default);border-bottom:hsl(214,9%,55%);border-bottom:var(--color-gray-400);font-size:.875rem;font-size:var(--text-sm)}.article-body-content details summary::marker{color:#6c7693;color:var(--color-silver)}.article-body-content details summary{cursor:pointer}.article-body-content .header-anchor{opacity:0;position:absolute;top:2px;left:-40px;transition:opacity .5s ease-out;min-width:30px;min-height:30px}.article-body-content .header-anchor svg{max-width:30px;max-height:30px}.article-body-content .header-anchor:after{all:unset}.article-body-content .header-anchor:focus-visible{opacity:1}.article-body-content p code,.article-body-content li code{font-family:Source Code Pro,SF Mono,consolas,menlo,monospace;font-family:var(--font-mono);padding:2px 6px;background-color:#282c34;background-color:var(--accent-color-lighter, var(--code-bg-color));border-radius:4px;border-radius:var(--radius-default);letter-spacing:-.5px;color:#d9d9d9;color:var(--text-color-default)}@media (max-width: 48em){.article-grid{--content-width: 1fr;grid-template-rows:auto}}@media (max-width: 26.56em){.article-body{max-width:100%}.article-body-content p{line-height:1.7}}