.resource-actions{display:flex;flex-wrap:wrap;align-items:start;gap:.75rem}.resource-actions__formats,.resource-actions__assistants{display:flex;flex-wrap:wrap;gap:.5rem}.resource-action{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:.5rem;border:1px solid var(--color-base-200);border-radius:8px;background:#fff;padding:.625rem .875rem;font-size:.875rem;font-weight:600;line-height:1.25;color:var(--color-base-900);cursor:pointer;transition:color .15s ease,background-color .15s ease,border-color .15s ease,transform .14s cubic-bezier(.23,1,.32,1);text-decoration:none}.resource-action:hover{background:var(--color-base-50);border-color:var(--color-base-300)}.resource-action--primary{background:var(--color-base-950);color:#fff;border-color:var(--color-base-950)}.resource-action--primary:hover{background:var(--color-base-800);color:#fff}.resource-action:focus-visible{outline:2px solid currentColor;outline-offset:4px}.resource-actions__hint,.resource-actions__status{flex-basis:100%;margin:0;font-size:.75rem;line-height:1.65;color:var(--color-base-500)}.resource-actions__status:empty{display:none}.resource-actions__fallback{flex-basis:100%;width:100%;min-height:160px;padding:.75rem;border:1px solid var(--color-base-300);border-radius:8px;font-size:.875rem;line-height:1.6;background:#fff;color:var(--color-base-900)}.dark .resource-action{background:var(--color-base-900);border-color:color-mix(in oklab,white 15%,transparent);color:#fff}.dark .resource-action:hover{background:var(--color-base-800);border-color:color-mix(in oklab,white 28%,transparent)}.dark .resource-action--primary{background:#fff;border-color:#fff;color:var(--color-base-950)}.dark .resource-action--primary:hover{background:var(--color-base-200)}.dark .resource-actions__hint,.dark .resource-actions__status{color:var(--color-base-300)}.dark .resource-actions__fallback{background:var(--color-base-900);color:#fff;border-color:var(--color-base-600)}@media(hover:hover)and (pointer:fine){.resource-action:active{transform:scale(.98)}}@media(prefers-reduced-motion:reduce){.resource-action{transition:none}.resource-action:active{transform:none}}@media(max-width:479px){.resource-actions__formats,.resource-actions__assistants{display:grid;width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}.resource-actions__assistants .resource-action{gap:.375rem;padding-inline:.5rem;white-space:nowrap}.resource-actions__assistants a>svg:first-child{display:none}[data-resource-copy]{grid-column:1 / -1}}html,body{overflow-x:clip}[data-blog-content]{overflow-wrap:anywhere}[data-blog-content] :is(h2,h3,h4){scroll-margin-top:7rem}[data-blog-content] h2{border-top:1px solid rgb(229 231 235);padding-top:2rem;letter-spacing:-.02em}[data-blog-content] h2:first-child{border-top:0;padding-top:0}[data-blog-content] h3{letter-spacing:-.015em}[data-blog-content] :is(p,li){line-height:1.85}[data-blog-content] a{text-decoration-thickness:1px;text-underline-offset:.22em}[data-blog-content] hr{margin:3rem 0;border-color:#e5e7eb}[data-blog-content] blockquote{margin:2rem 0;border:1px solid rgb(229 231 235);border-radius:.875rem;background:#f8fafc;padding:1.15rem 1.25rem;color:#374151;font-style:normal;overflow-wrap:anywhere}[data-blog-content] blockquote p{margin:0;color:inherit;font-weight:600}[data-blog-content] pre{overflow-x:hidden!important;white-space:pre-wrap!important;border:1px solid rgb(229 231 235);border-radius:1rem;background:#f8fafc!important;color:#111827!important;padding:1.05rem 1.15rem;font-family:inherit;box-shadow:inset 0 1px #ffffffe6}[data-blog-content] pre code{white-space:pre-wrap!important;overflow-wrap:anywhere;word-break:break-word;color:#111827!important;font-family:inherit;font-weight:400;font-size:.95rem;line-height:1.65}[data-blog-content] p:has(+pre[data-language=text]){margin-block-end:.75rem;color:var(--color-base-900);font-weight:600}[data-blog-content] pre[data-language=text]{max-width:62ch;margin-block:.5rem;border:0;border-radius:0;background:transparent!important;box-shadow:none;padding:.5rem 0}[data-blog-content] pre[data-language=text]+pre[data-language=text]{margin-block-start:.25rem}[data-blog-content] pre[data-language=text]:not(:has(+pre[data-language=text])){margin-block-end:1.5rem}[data-blog-content] pre[data-language=text] code{display:block;max-width:60ch;color:var(--color-base-900)!important;font-family:inherit;font-size:clamp(.98rem,.2vw + .94rem,1.05rem);font-weight:400;line-height:1.7;text-wrap:pretty}[data-blog-content] pre[data-language=text]:focus-visible{outline:2px solid var(--color-blue);outline-offset:.25rem}[data-blog-content] :not(pre)>code{border:1px solid rgb(229 231 235);border-radius:.45rem;background:#f8fafc;padding:.1rem .35rem;color:#111827;font-size:.92em;white-space:normal}[data-blog-content] table{display:block;max-width:100%;overflow-x:auto;border:1px solid rgb(229 231 235);border-radius:1rem;border-collapse:separate;border-spacing:0;background:#fff;white-space:normal;-webkit-overflow-scrolling:touch}[data-blog-content] table :is(th,td){min-width:8rem;padding:1rem 1.05rem;border-bottom:1px solid rgb(229 231 235);white-space:normal;vertical-align:top;line-height:1.6}[data-blog-content] table th{background:#f8fafc;color:#111827;font-size:.82rem;font-weight:700;letter-spacing:.01em}[data-blog-content] table td{color:#4b5563}[data-blog-content] table tbody tr:last-child td{border-bottom:0}[data-blog-content] table :is(th,td):not(:last-child){border-right:1px solid rgb(229 231 235)}[data-blog-content] :is(img,picture){max-width:100%}.dark [data-blog-content] h2,.dark [data-blog-content] hr{border-color:#374151}.dark [data-blog-content] blockquote,.dark [data-blog-content] pre,.dark [data-blog-content] :not(pre)>code,.dark [data-blog-content] table{border-color:#374151;background:#1f2937!important}.dark [data-blog-content] blockquote,.dark [data-blog-content] pre code,.dark [data-blog-content] :not(pre)>code,.dark [data-blog-content] table th{color:#f3f4f6!important}.dark [data-blog-content] table :is(th,td){border-color:#374151}.dark [data-blog-content] table th{background:#111827}.dark [data-blog-content] table td{color:#d1d5db}.dark [data-blog-content] p:has(+pre[data-language=text]){color:var(--color-base-100)}.dark [data-blog-content] pre[data-language=text]{background:transparent!important}.dark [data-blog-content] pre[data-language=text] code{color:var(--color-base-100)!important}@media(max-width:767px){[data-blog-content] pre{padding:.9rem 1rem}[data-blog-content] pre code{font-size:.88rem}[data-blog-content] table{border-radius:.8rem}[data-blog-content] table :is(th,td){min-width:11rem;padding:.85rem .9rem}}