.resource-actions{flex-wrap:wrap;align-items:start;gap:.75rem;display:flex}.resource-actions__formats,.resource-actions__assistants{flex-wrap:wrap;gap:.5rem;display:flex}.resource-action{border:1px solid var(--color-base-200);min-height:44px;color:var(--color-base-900);cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.625rem .875rem;font-size:.875rem;font-weight:600;line-height:1.25;text-decoration:none;transition:color .15s,background-color .15s,border-color .15s,transform .14s cubic-bezier(.23,1,.32,1);display:inline-flex}.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-offset:4px;outline:2px solid}.resource-actions__hint,.resource-actions__status{color:var(--color-base-500);flex-basis:100%;margin:0;font-size:.75rem;line-height:1.65}.resource-actions__status:empty{display:none}.resource-actions__fallback{border:1px solid var(--color-base-300);width:100%;min-height:160px;color:var(--color-base-900);background:#fff;border-radius:8px;flex-basis:100%;padding:.75rem;font-size:.875rem;line-height:1.6}.dark .resource-action{background:var(--color-base-900);color:#fff;border-color:#ffffff26;border-color:lab(100% -.0000298023 .0000119209/.15)}.dark .resource-action:hover{background:var(--color-base-800);border-color:#ffffff47;border-color:lab(100% -.0000298023 .0000119209/.28)}.dark .resource-action--primary{color:var(--color-base-950);background:#fff;border-color:#fff}.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{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.resource-actions__assistants .resource-action{white-space:nowrap;gap:.375rem;padding-inline:.5rem}.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{letter-spacing:-.02em;border-top:1px solid #e5e7eb;padding-top:2rem}[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-underline-offset:.22em;text-decoration-thickness:1px}[data-blog-content] hr{border-color:#e5e7eb;margin:3rem 0}[data-blog-content] blockquote{color:#374151;overflow-wrap:anywhere;background:#f8fafc;border:1px solid #e5e7eb;border-radius:.875rem;margin:2rem 0;padding:1.15rem 1.25rem;font-style:normal}[data-blog-content] blockquote p{color:inherit;margin:0;font-weight:600}[data-blog-content] pre{border:1px solid #e5e7eb;border-radius:1rem;padding:1.05rem 1.15rem;font-family:inherit;box-shadow:inset 0 1px #ffffffe6;white-space:pre-wrap!important;color:#111827!important;background:#f8fafc!important;overflow-x:hidden!important}[data-blog-content] pre code{overflow-wrap:anywhere;word-break:break-word;font-family:inherit;font-size:.95rem;font-weight:400;line-height:1.65;white-space:pre-wrap!important;color:#111827!important}[data-blog-content] p:has(+pre[data-language=text]){color:var(--color-base-900);margin-block-end:.75rem;font-weight:600}[data-blog-content] pre[data-language=text]{max-width:62ch;box-shadow:none;border:0;border-radius:0;margin-block:.5rem;padding:.5rem 0;background:0 0!important}[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{text-wrap:pretty;max-width:60ch;font-family:inherit;font-size:clamp(.98rem,.2vw + .94rem,1.05rem);font-weight:400;line-height:1.7;display:block;color:var(--color-base-900)!important}[data-blog-content] pre[data-language=text]:focus-visible{outline:2px solid var(--color-blue);outline-offset:.25rem}[data-blog-content] :not(pre)>code{color:#111827;white-space:normal;background:#f8fafc;border:1px solid #e5e7eb;border-radius:.45rem;padding:.1rem .35rem;font-size:.92em}[data-blog-content] table{border-collapse:separate;border-spacing:0;white-space:normal;-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #e5e7eb;border-radius:1rem;max-width:100%;display:block;overflow-x:auto}[data-blog-content] table :is(th,td){white-space:normal;vertical-align:top;border-bottom:1px solid #e5e7eb;min-width:8rem;padding:1rem 1.05rem;line-height:1.6}[data-blog-content] table th{color:#111827;letter-spacing:.01em;background:#f8fafc;font-size:.82rem;font-weight:700}[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 #e5e7eb}[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:0 0!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}}
