h1.svelte-1um0bas{font:700 var(--step-4) / 1.25 Sprat,serif;color:var(--heading-font-color);margin:var(--step-5) 0 0 0;grid-column:main}p.svelte-1p3gvie{font:400 var(--step--1) / 1 "Apfel Grotezk",sans-serif;color:var(--note);grid-column:main}p.svelte-a8eq6a{font:400 var(--step-2) / 1.5 "Apfel Grotezk",sans-serif;color:var(--lighter-heading-font-color);grid-column:main}.post-content{position:relative;overflow:hidden;transition:none;height:auto;margin-top:0;padding-top:var(--step-2);grid-column:full;display:grid;gap:var(--step-2);grid-template-columns:[full-start] 0 [main-start] repeat(4,1fr) [main-end] 0 [full-end];width:100%}@media screen and (min-width:44rem){.post-content{grid-template-columns:[full-start] minmax(calc(calc(100% - var(--main-content-area)) / 2),1fr) [main-start] repeat(8,1fr) [main-end] minmax(calc(calc(100% - var(--main-content-area)) / 2),1fr) [full-end]}}.post-content p{font:400 var(--step-0) / 1.6 "Apfel Grotezk",sans-serif;color:var(--paragraph-font-color);overflow-wrap:break-word;grid-column:main}@media screen and (min-width:54rem){.post-content p{grid-column:var(--left-three-quarter)}}.post-content h2{font:700 var(--step-3) / 1.25 Sprat,serif;color:var(--heading-font-color);grid-column:main}.post-content h3{font:700 var(--step-2) / 1.25 Sprat,serif;color:var(--light-paragraph-font-color);grid-column:main;margin:var(--step-2) 0 0 0}.post-content ul,.post-content ol{grid-column:main;width:100%;list-style:square outside none;flex:1 1 auto}.post-content ul>*{margin:0 0 var(--step--1) 0}.post-content ul>:last-child{margin:0}@media screen and (min-width:54rem){.post-content ul{grid-column:var(--left-three-quarter)}}.post-content li{font:400 var(--step-0) / 1.6 "Apfel Grotezk",sans-serif;color:var(--paragraph-font-color)}.post-content code:not(pre code){display:inline-block;font:400 smaller Necto Mono,monospace;background-color:var(--light-gray);padding:.125rem .375rem;word-break:normal;overflow-wrap:anywhere}.post-content a{color:inherit;text-decoration:underline}@media(hover:hover){.post-content a:hover{text-decoration:none}}.post-content strong{font-weight:700}.post-content .post-image{grid-column:main;position:relative;display:block}@media screen and (min-width:54rem){.post-content .post-image.left{grid-column:var(--left-three-quarter)}}.post-content .post-image div{position:relative;padding:56.25% 0 0}.post-content .post-image img{position:absolute;object-fit:cover;object-position:50% 50%;left:0;top:0;width:100%;height:100%}.post-content .post-side-note{align-self:start;border-left:.25rem solid var(--quote-gray);padding:var(--step--2) 0 var(--step--2) var(--step-0);grid-row:span 2;grid-column:main}@media screen and (min-width:54rem){.post-content .post-side-note{grid-column:var(--right-one-quarter)}}.post-content .post-side-note p{font:400 var(--step--1) / 1.5 "Apfel Grotezk",sans-serif;color:var(--note)}.post-content .post-video{grid-column:main;position:relative;display:block}.post-content .post-video div{position:relative;padding:56.25% 0 0;grid-column:main}.post-content .post-video video{position:absolute;left:0;top:0;width:100%;height:auto}.post-content post-code-highlight:not(:defined),.post-content dark-mode-toggle:not(:defined),.post-content dark-mode-radio-buttons:not(:defined){opacity:0;display:block}.post-content post-code-highlight:defined,.post-content dark-mode-toggle:defined,.post-content dark-mode-radio-buttons:defined{opacity:1;transition:opacity .15s ease-in}.post-content post-code-highlight{grid-column:main;position:relative;display:block}.post-content post-code-highlight .language-label{color:var(--code-language);font:400 var(--step--1) / 1 "Apfel Grotezk",sans-serif;position:absolute;top:0;left:0;padding:var(--step--2);z-index:1;pointer-events:none}.post-content post-code-highlight .copy-button{color:var(--heading-font-color);background-color:transparent;font:700 var(--step--1) / 1 "Apfel Grotezk",sans-serif;cursor:pointer;position:absolute;top:0;right:0;border:0;padding:var(--step--2);opacity:.85;z-index:1}.post-content post-code-highlight .copy-button:disabled{color:var(--code-language);cursor:default}.post-content post-code-highlight .copy-button:hover:not(:disabled){opacity:1}.post-content post-code-highlight .copy-button:focus{outline:none}.post-content dark-mode-toggle:not(:defined),.post-content dark-mode-radio-buttons:not(:defined){opacity:0;display:block;height:82px}.post-content dark-mode-toggle:defined,.post-content dark-mode-radio-buttons:defined{opacity:1;transition:opacity .15s ease-in}.post-content dark-mode-toggle{display:block;grid-column:main}.post-content dark-mode-toggle .dark-mode-button{display:flex;background:#f0f0f0;border:.3125rem solid #ccc;cursor:pointer;user-select:none;-webkit-user-select:none;transition:background .3s ease-out;padding:var(--step--1);outline:none}.post-content dark-mode-toggle .dark-mode-button div{position:relative;width:2.25rem;height:2.25rem;transform:translateZ(0)}.post-content dark-mode-toggle .dark-mode-button.darkScheme{background:#333}.post-content dark-mode-toggle .nightIcon,.post-content dark-mode-toggle .dayIcon{position:absolute;top:0;left:0;transition:transform .3s ease-out,opacity .3s ease-out}.post-content dark-mode-toggle .iconInvisible{opacity:0;transform:rotate(360deg)}.post-content dark-mode-toggle .iconVisible{opacity:1;transform:rotate(0)}.post-content dark-mode-radio-buttons{display:block;grid-column:main}.post-content dark-mode-radio-buttons .themeSwitcher{display:flex;padding:0 var(--step--1);width:11.25rem;justify-content:space-between;background:#f0f0f0;border:.3125rem solid #ccc;transition:background .25s ease-out}.post-content dark-mode-radio-buttons .nightTheme{background:#333}.post-content dark-mode-radio-buttons .switchContainer{position:relative;opacity:1;transition:opacity .25s ease-out,transform .25s ease-out;transform:translateZ(0)}.post-content dark-mode-radio-buttons .switch{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;width:100%;height:100%;margin:0;top:0;left:0;cursor:pointer;outline:none;border:none;background:none}.post-content dark-mode-radio-buttons .switch:focus{outline:none}.post-content dark-mode-radio-buttons .switchLabel{display:flex;cursor:pointer;padding:var(--step--1) 0}.post-content dark-mode-radio-buttons .switchInactive{opacity:.25}.nextPost.svelte-14u6r3i{text-align:left}.previousPost.svelte-14u6r3i{text-align:right}p.svelte-14u6r3i{font:700 var(--step-1) / 1.25 Sprat,serif;color:var(--paragraph-font-color);margin:var(--step--1) 0 0 0}