[data-block=text].svelte-1nuhcqo code{--inline-color:var(--primary);display:inline;position:relative;margin:0;border:1px solid oklch(from var(--inline-color) .35 c h);border-radius:.125rem;background:oklch(from var(--inline-color) l c h / .05);padding:.75px .375rem;color:var(--text-primary);font-size:var(--fs-xs);line-height:var(--fs-xs-height);font-family:Fira Code,monospace;text-align:left;white-space:normal;word-break:normal;word-spacing:normal;word-wrap:normal;-webkit-hyphens:none;hyphens:none;-moz-tab-size:4;-o-tab-size:4;tab-size:4}[data-block=text].svelte-1nuhcqo img{margin-top:1.5rem;margin-bottom:1.5rem}[data-theme=dark] [data-block=text].svelte-1nuhcqo code{--inline-color:var(--secondary)}.before-after-wrapper.svelte-1r50wk9{position:relative;margin:4px;outline:4px solid var(--primary);border-radius:.75rem;aspect-ratio:16/9;overflow:hidden}.before-after-wrapper.svelte-1r50wk9:before{position:absolute;top:10px;left:10px;opacity:0;z-index:15;transition:opacity .2s ease-in-out;border-radius:1.5rem;background:#1d4929bf;padding:5px 10px;content:"before";color:var(--primary)}.before-after-wrapper.svelte-1r50wk9:after{position:absolute;top:10px;right:10px;opacity:0;z-index:15;transition:opacity .2s ease-in-out;border-radius:1.5rem;background:#1d4929bf;padding:5px 10px;content:"after";color:var(--primary)}.before-image-wrapper.svelte-1r50wk9{position:absolute;top:0;bottom:0;left:0;z-index:10;overflow:hidden}.before-image.svelte-1r50wk9{background-size:cover;width:100%;height:100%}.after-image.svelte-1r50wk9{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover}.handle.svelte-1r50wk9{display:flex;position:absolute;top:0;bottom:0;left:50%;justify-content:center;align-items:center;z-index:20;cursor:col-resize;background:var(--primary);width:4px}.handle.svelte-1r50wk9:before{position:absolute;top:0;right:-20px;bottom:0;left:-20px;content:""}.handle.svelte-1r50wk9:after{display:flex;justify-content:center;align-items:center;border-radius:50%;background:var(--primary);background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 512 512"><path fill="hsl(0, 0%, 0%)" d="M505.7 265.7c3-3 3.1-7.9 .2-11.1l-104-112c-3-3.2-8.1-3.4-11.3-.4s-3.4 8.1-.4 11.3L481.7 252 23.3 252l90.3-90.3c3.1-3.1 3.1-8.2 0-11.3s-8.2-3.1-11.3 0l-104 104c-3.1 3.1-3.1 8.2 0 11.3l104 104c3.1 3.1 8.2 3.1 11.3 0s3.1-8.2 0-11.3L23.3 268l457.4 0-90.3 90.3c-3.1 3.1-3.1 8.2 0 11.3s8.2 3.1 11.3 0l104-104z"/></svg>');background-position:center;background-repeat:no-repeat;min-width:40px;max-width:40px;min-height:40px;max-height:40px;content:"";color:var(--black);font-weight:700;font-size:16px}.color-iframe-section.svelte-75v54c{position:relative}.color-iframe-container.svelte-75v54c{display:flex;flex-direction:column;align-items:flex-start;gap:3rem;margin-inline:auto;padding:3rem 0 2rem}.source-wrapper.svelte-75v54c,.preview-wrapper.svelte-75v54c{position:relative;width:100%;border:1px dashed var(--gray-800);border-radius:.375rem;box-shadow:0 25px 50px -12px #00000040}.source-wrapper.svelte-75v54c{padding:2.5rem 2.5rem 2rem}.frame-label.svelte-75v54c{position:absolute;top:-.75rem;left:1.25rem;display:block;padding:.25rem .5rem;border:1px dashed var(--gray-800);background:var(--white);color:var(--black);font-size:var(--fs-xs);line-height:var(--fs-xs-height);letter-spacing:var(--fs-xs-spacing)}.frame-link.svelte-75v54c{color:var(--black)}.title-input-wrapper.svelte-75v54c{position:relative;display:inline-block;width:100%;margin:.5rem 0 1rem;padding:2rem 1.25rem .5rem;border:1px dashed var(--gray-800);border-radius:.375rem}.title-input.svelte-75v54c{width:100%;padding:.5rem;border:1px solid var(--gray-300);border-radius:.375rem;color:var(--black);font-size:var(--fs-sm);line-height:var(--fs-sm-height);letter-spacing:var(--fs-sm-spacing)}.source-actions.svelte-75v54c{margin-top:.5rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}.iframe-inner.svelte-75v54c{overflow:hidden;border-radius:.375rem}[data-theme=dark] .source-wrapper.svelte-75v54c,[data-theme=dark] .preview-wrapper.svelte-75v54c{border-color:var(--gray-400)}[data-theme=dark] .frame-label.svelte-75v54c{border-color:var(--gray-400);background:var(--black);color:var(--gray-100)}[data-theme=dark] .frame-link.svelte-75v54c{color:var(--gray-100)}[data-theme=dark] .title-input-wrapper.svelte-75v54c{border-color:var(--gray-400)}[data-theme=dark] .title-input.svelte-75v54c{border-color:var(--gray-600);background:var(--black);color:var(--gray-100)}@media (min-width: 768px){.source-actions.svelte-75v54c{flex-direction:row}}.iframe-block.svelte-87ofb9{position:relative;z-index:21}.iframe-embed.svelte-87ofb9{width:100%;aspect-ratio:16 / 9}@media (min-width: 768px){.share-links.svelte-ii17z9.svelte-ii17z9{display:flex;justify-content:space-between}}a.svelte-ii17z9.svelte-ii17z9{display:inline-block;background-color:var(--black);padding:.375rem;color:var(--white)!important}a.svelte-ii17z9.svelte-ii17z9:hover{background-color:var(--primary);color:var(--white)!important}[data-theme=dark] a.svelte-ii17z9.svelte-ii17z9{background-color:var(--white);color:var(--black)!important}[data-theme=dark] a.svelte-ii17z9.svelte-ii17z9:hover{background-color:var(--primary);color:var(--black)!important}button.noun.svelte-ii17z9.svelte-ii17z9{padding:0}button.noun.svelte-ii17z9>span.svelte-ii17z9{color:var(--red)}[data-theme=dark] button.noun.svelte-ii17z9>span.svelte-ii17z9{color:var(--mark-color)}.shell.svelte-1j6clog.svelte-1j6clog{padding-block:0}.featured-image.svelte-1j6clog.svelte-1j6clog{margin:0 auto 2rem;width:100%;max-width:var(--max-w-content);height:auto}.post-header.svelte-1j6clog.svelte-1j6clog{display:flex;position:relative;flex-direction:column;justify-content:center;margin-right:auto;max-width:var(--max-w-content);text-align:left}.post-title.svelte-1j6clog.svelte-1j6clog{margin-bottom:0;color:var(--black);font-size:var(--fs-4xl);line-height:var(--fs-4xl-height);letter-spacing:var(--fs-4xl-spacing)}[data-theme=dark] .post-title.svelte-1j6clog.svelte-1j6clog{color:var(--gray-100)}.post-meta.svelte-1j6clog.svelte-1j6clog{display:flex;align-items:center;margin-top:1.5rem}.author-avatar.svelte-1j6clog.svelte-1j6clog{margin-right:1rem;border-radius:9999px;background:var(--primary);width:3rem;height:3rem;-o-object-fit:cover;object-fit:cover}.meta-date.svelte-1j6clog.svelte-1j6clog,.reading-time-text.svelte-1j6clog.svelte-1j6clog{margin:0;font-size:var(--fs-xs);line-height:var(--fs-xs-height);letter-spacing:var(--fs-xs-spacing)}.reading-time.svelte-1j6clog.svelte-1j6clog{display:flex;align-items:center;gap:.5rem;margin-top:.125rem}.reading-time-icon.svelte-1j6clog.svelte-1j6clog{width:1rem;height:1rem}.tags-wrapper.svelte-1j6clog>.tags{margin-top:1rem;border:none;padding:0}.post-content.svelte-1j6clog.svelte-1j6clog{margin:2rem auto 0;min-width:0;max-width:var(--max-w-content);overflow-x:hidden;letter-spacing:.01em}.post-content.svelte-1j6clog>:not(:first-child){margin-top:1.5rem}.section-divider.svelte-1j6clog.svelte-1j6clog{margin-top:2rem;border-top:1px dashed var(--black);padding-top:1.5rem;width:100%}[data-theme=dark] .section-divider.svelte-1j6clog.svelte-1j6clog{border-top-color:var(--gray-600)}.section-divider-tight.svelte-1j6clog.svelte-1j6clog{margin-top:1rem}.related-grid.svelte-1j6clog.svelte-1j6clog{display:grid;grid-template-columns:1fr;gap:1.5rem}.related-link.svelte-1j6clog.svelte-1j6clog{display:block;text-decoration:none}.related-label.svelte-1j6clog.svelte-1j6clog{margin:0 0 .25rem;color:var(--gray-600);font-size:var(--fs-xs);line-height:var(--fs-xs-height);letter-spacing:.05em;text-transform:uppercase}[data-theme=dark] .related-label.svelte-1j6clog.svelte-1j6clog{color:var(--gray-300)}.related-title.svelte-1j6clog.svelte-1j6clog{transition:text-decoration-color .2s ease;margin:0 0 .25rem;color:var(--black);font-weight:600;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px}[data-theme=dark] .related-title.svelte-1j6clog.svelte-1j6clog{color:var(--gray-100)}.related-link.svelte-1j6clog:hover .related-title.svelte-1j6clog,[data-theme=dark] .related-link.svelte-1j6clog:hover .related-title.svelte-1j6clog{text-decoration-color:var(--primary)}@media (min-width: 768px){.related-grid.svelte-1j6clog.svelte-1j6clog{grid-template-columns:1fr 1fr}}