.compare-stage[data-astro-cid-kfohtlv4]{touch-action:pan-y;-webkit-user-select:none;user-select:none}.compare-line[data-astro-cid-kfohtlv4]{top:0;bottom:0;left:var(--pos);pointer-events:none;background:#ffffff80;width:2px;margin-left:-1px;position:absolute}.compare-handle[data-astro-cid-kfohtlv4]{top:50%;left:var(--pos);cursor:ew-resize;background:50%/contain no-repeat;border:0;place-items:center;width:62px;height:62px;margin:-31px 0 0 -31px;padding:0;display:grid;position:absolute}.compare-handle[data-astro-cid-kfohtlv4] img[data-astro-cid-kfohtlv4]{width:38px;height:38px}.yt-link[data-astro-cid-iuyplqcj]{aspect-ratio:16/9;background:#000;display:block;position:relative}.yt-link[data-astro-cid-iuyplqcj] img[data-astro-cid-iuyplqcj],.youtube[data-astro-cid-iuyplqcj] iframe{aspect-ratio:16/9;object-fit:cover;border:0;width:100%;height:100%}.yt-play[data-astro-cid-iuyplqcj]{position:absolute;top:50%;left:50%;translate:-50% -50%}.prose{--prose-font:400 18px/32px var(--serif);--prose-gap:32px;font:var(--prose-font)}.prose p+p,.prose ul+p,.prose ol+p{margin-top:var(--prose-gap)}.prose p+ul,.prose p+ol{margin-top:0}.prose a{text-decoration:underline}.prose strong{font-weight:700}.prose ul,.prose ol{padding-left:23px}.prose li+li,.prose li>ul,.prose li>ol{margin-top:0}.prose .figure{margin-top:40px}.prose .figure img,.prose .figure video,.prose .figure iframe{width:100%}.prose .figure video{object-fit:cover}.prose .figure figcaption{font:400 16px/24px var(--sans);color:var(--text-muted);text-align:center;margin-top:16px}.prose .figure figcaption a{color:var(--text)}.prose .figure.bleed{width:100vw;margin-left:calc(50% - 50vw)}.prose .embed iframe{border:1px solid #0000001a}.prose .embed-frame{background:var(--surface);place-items:center;display:grid;position:relative;overflow:hidden}.prose .embed-frame>img,.prose .embed-frame>iframe{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.prose .figma-placeholder{justify-items:center;gap:20px;display:grid}.prose .embed-button{background:var(--text);color:var(--bg);font:500 16px/24px var(--sans);letter-spacing:var(--tracking);cursor:pointer;border:0;border-radius:999px;padding:10px 20px;position:relative}.prose .gif .embed-button{color:#fff;background:#000000bf}.prose .embed-button:hover{text-decoration:underline}.prose .statement{font:400 24px/40px var(--sans);color:var(--text);margin-top:40px}.prose .figure+.statement{padding-inline:6px}.prose code{font:inherit;color:var(--text);font-weight:700}.prose .statement strong{font-weight:700}.prose h2,.prose h3{font:500 24px/32px var(--sans);color:var(--text)}.prose hr{background:linear-gradient(var(--divider), var(--divider)) center / 100% 1px no-repeat;border:0;height:4px;margin:56px 0 0}.prose hr+*{margin-top:24px}.prose .note{font:400 18px/32px var(--sans);color:var(--text);margin-top:20px}.prose .caption{font:400 16px/24px var(--sans);color:var(--text-muted);margin-top:8px}.prose .cs-section{grid-template-columns:240px 428px;column-gap:52px;margin-top:40px;display:grid}.prose .cs-section>h2{font:500 24px/32px var(--sans)}.prose .cs-body{color:var(--text-body)}.prose .cs-body .figure,.prose .cs-body .figure+*{margin-top:64px}.prose .statement+.cs-section{margin-top:48px}.prose .cs-section+.figure,.prose .cs-section+.figure.bleed{margin-top:64px}.prose .figure+.statement,.prose .figure+.cs-section{margin-top:40px}.prose .cs-section+.statement{margin-top:48px}.prose .cs-section+p{margin-top:64px}.prose .columns{grid-template-columns:repeat(2,338px);justify-content:space-between;align-items:start;margin-top:64px;display:grid}.prose .column>:first-child{margin-top:0}.prose .column h3{font:500 24px/32px var(--sans);margin-top:16px}.prose .column h3+p{margin-top:16px}.prose .column p+.figure{margin-top:52px}.prose .callout{background:var(--grey-logo);border:1px solid #c2c2c247;border-radius:4px;gap:16px;margin-top:40px;padding:20px 16px;display:flex}.prose .callout img{flex:none;width:24px;height:24px}.prose .callout p+p{margin-top:0}.prose .compare-stage{position:relative;overflow:hidden}.prose .compare-stage img{width:100%}.prose .compare-after{clip-path:inset(0 0 0 var(--pos));position:absolute;inset:0}.prose .compare-label{color:#fff;font:400 14px/17px var(--ui);background:#000;border-radius:999px;padding:4px 14px;position:absolute;top:24px}.prose .compare-label.before{left:24px}.prose .compare-label.after{right:24px}@media (width<=809.98px){.prose{--prose-gap:24px}.prose .figure figcaption{font-size:14px;line-height:16px}.prose .figure+.statement{padding-inline:0}.prose h2,.prose h3,.prose .cs-section>h2{font-size:20px;line-height:24px}.prose .cs-section{grid-template-columns:1fr;row-gap:16px}.prose .columns{grid-template-columns:1fr;row-gap:40px}.prose ul,.prose ol{padding-left:20px}.prose .cs-section+.figure,.prose .cs-section+.figure.bleed,.prose .cs-section+p,.prose .cs-body .figure,.prose .cs-body .figure+*{margin-top:40px}.prose .callout{gap:12px}.prose .callout img{width:20px;height:20px}}