.xl[data-astro-cid-vmbhi65x]{--xl-width:min(72rem, 100vw - 2.5rem);width:var(--xl-width);margin:1.5rem 0 1.75rem calc(50% - var(--xl-width) / 2)}.xl-card[data-astro-cid-vmbhi65x]{border:1px solid var(--ink);background:#fff;border-top-width:2px;transition:border-color .15s}.xl-card[data-astro-cid-vmbhi65x]:focus-within{border-color:var(--form-blue)}.xl-langbar[data-astro-cid-vmbhi65x]{border-bottom:1px solid var(--ink);grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.xl-lang[data-astro-cid-vmbhi65x]{font-family:var(--font-din);letter-spacing:.12em;text-transform:uppercase;padding:.55rem 1rem;font-size:.82rem;font-weight:600}.xl-lang[data-astro-cid-vmbhi65x]:last-child{text-align:left;padding-left:1rem}.xl-arrow[data-astro-cid-vmbhi65x]{color:var(--form-blue);padding:0 .75rem;font-size:1rem}.xl-panes[data-astro-cid-vmbhi65x]{grid-template-columns:1fr 1fr;display:grid}.xl-pane[data-astro-cid-vmbhi65x]{flex-direction:column;display:flex;position:relative}.xl-pane[data-astro-cid-vmbhi65x]+.xl-pane[data-astro-cid-vmbhi65x]{border-left:1px solid var(--grey-2)}textarea[data-astro-cid-vmbhi65x][data-source],.xl-target[data-astro-cid-vmbhi65x]{min-height:11rem;font:inherit;color:var(--ink);flex:1;padding:.9rem 1rem;font-size:.9rem;line-height:1.6}textarea[data-astro-cid-vmbhi65x][data-source]{resize:none;background:0 0;border:none;outline:none;padding-right:2.4rem;overflow:hidden}textarea[data-astro-cid-vmbhi65x][data-source]::placeholder{color:var(--grey-1);opacity:1}.xl-target[data-astro-cid-vmbhi65x]{white-space:pre-wrap;overflow-wrap:break-word;background:var(--paper)}.xl-target[data-astro-cid-vmbhi65x]:empty:before{content:attr(data-placeholder);color:var(--grey-1)}.xl-clear[data-astro-cid-vmbhi65x]{color:var(--grey-1);cursor:pointer;visibility:hidden;background:0 0;border:none;padding:.2rem .4rem;font-size:1.35rem;line-height:1;position:absolute;top:.45rem;right:.5rem}.xl-pane[data-astro-cid-vmbhi65x]:focus-within .xl-clear[data-astro-cid-vmbhi65x],.xl[data-astro-cid-vmbhi65x]:not([data-state=idle]) .xl-clear[data-astro-cid-vmbhi65x]{visibility:visible}.xl-clear[data-astro-cid-vmbhi65x]:hover{color:var(--fail-red)}.xl-toolbar[data-astro-cid-vmbhi65x]{border-top:1px solid var(--grey-2);font-family:var(--font-mono);letter-spacing:.04em;color:var(--grey-1);justify-content:space-between;align-items:center;gap:1rem;min-height:2.2rem;padding:.4rem 1rem;font-size:.72rem;display:flex}.xl-pane-target[data-astro-cid-vmbhi65x] .xl-toolbar[data-astro-cid-vmbhi65x]{background:var(--paper)}.xl-copy[data-astro-cid-vmbhi65x]{font-family:var(--font-din);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);border:1px solid var(--ink);cursor:pointer;background:#fff;padding:.25rem .7rem;font-size:.72rem;font-weight:500}.xl-copy[data-astro-cid-vmbhi65x]:hover:enabled{color:var(--form-blue);border-color:var(--form-blue)}.xl-copy[data-astro-cid-vmbhi65x]:disabled{color:var(--grey-1);border-color:var(--grey-2);cursor:default}.xl-progress[data-astro-cid-vmbhi65x]{background:var(--grey-2);height:3px;display:block}.xl-progress[data-astro-cid-vmbhi65x][hidden]{display:none}.xl-progress-fill[data-astro-cid-vmbhi65x]{background:var(--form-blue);width:0%;height:100%;transition:width .2s;display:block}.xl-statusbar[data-astro-cid-vmbhi65x]{border-top:1px solid var(--ink);font-family:var(--font-mono);letter-spacing:.04em;color:var(--grey-1);align-items:center;gap:.5rem;padding:.45rem 1rem;font-size:.72rem;display:flex}.xl-dot[data-astro-cid-vmbhi65x]{background:var(--grey-2);border-radius:50%;flex:none;width:.55rem;height:.55rem}.xl[data-astro-cid-vmbhi65x][data-state=loading] .xl-dot[data-astro-cid-vmbhi65x]{background:#d4a017}.xl[data-astro-cid-vmbhi65x][data-state=translating] .xl-dot[data-astro-cid-vmbhi65x]{background:var(--form-blue)}.xl[data-astro-cid-vmbhi65x][data-state=ready] .xl-dot[data-astro-cid-vmbhi65x]{background:var(--pass-green)}.xl[data-astro-cid-vmbhi65x][data-state=error] .xl-dot[data-astro-cid-vmbhi65x]{background:var(--fail-red)}.xl[data-astro-cid-vmbhi65x][data-state=error] .xl-statusbar[data-astro-cid-vmbhi65x]{color:var(--fail-red)}.xl-samples[data-astro-cid-vmbhi65x]{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-top:1rem;display:grid}.xl-samples-label[data-astro-cid-vmbhi65x]{font-family:var(--font-din);letter-spacing:.12em;text-transform:uppercase;color:var(--grey-1);grid-column:1/-1;margin-bottom:.05rem;font-size:.75rem;font-weight:600}.xl-sample[data-astro-cid-vmbhi65x]{min-width:0;font:inherit;color:var(--ink);border:1px solid var(--grey-2);cursor:pointer;text-align:left;background:#fff;flex-direction:column;gap:.45rem;padding:.65rem .75rem .7rem;display:flex}.xl-sample[data-astro-cid-vmbhi65x]:hover,.xl-sample[data-astro-cid-vmbhi65x]:focus-visible{color:var(--form-blue);border-color:var(--form-blue)}.xl-sample-source[data-astro-cid-vmbhi65x]{font-family:var(--font-din);letter-spacing:.035em;font-size:.75rem;font-weight:600}.xl-sample-source[data-astro-cid-vmbhi65x] cite[data-astro-cid-vmbhi65x]{font-style:normal}.xl-sample-excerpt[data-astro-cid-vmbhi65x]{-webkit-line-clamp:3;color:var(--grey-1);white-space:pre-line;-webkit-box-orient:vertical;font-size:.8rem;line-height:1.4;display:-webkit-box;overflow:hidden}.xl-sample[data-astro-cid-vmbhi65x]:hover .xl-sample-excerpt[data-astro-cid-vmbhi65x],.xl-sample[data-astro-cid-vmbhi65x]:focus-visible .xl-sample-excerpt[data-astro-cid-vmbhi65x]{color:var(--ink)}@media (width<=640px){.xl-samples[data-astro-cid-vmbhi65x],.xl-panes[data-astro-cid-vmbhi65x]{grid-template-columns:1fr}.xl-pane[data-astro-cid-vmbhi65x]+.xl-pane[data-astro-cid-vmbhi65x]{border-left:none;border-top:1px solid var(--grey-2)}.xl-langbar[data-astro-cid-vmbhi65x]{grid-template-columns:1fr auto 1fr}textarea[data-astro-cid-vmbhi65x][data-source],.xl-target[data-astro-cid-vmbhi65x]{min-height:7.5rem}}