.ui-button{box-sizing:border-box;justify-content:center;align-items:center;gap:var(--button-gap);min-block-size:var(--button-min-block-size);padding-block:var(--button-padding-block);padding-inline:var(--button-padding-inline);border:1px solid var(--button-border);border-radius:var(--border-radius);appearance:none;background-color:var(--button-bg);color:var(--button-text);font:inherit;font-weight:var(--font-medium);text-align:center;cursor:pointer;transition:background-color var(--transition-duration-turbo) ease-in-out, border-color var(--transition-duration-turbo) ease-in-out, color var(--transition-duration-turbo) ease-in-out;line-height:1.5;display:inline-flex;@media (width>=64rem){line-height:1.2}}.ui-button--primary{--button-bg:var(--color-button-primary-bg);--button-bg-hover:var(--color-button-primary-bg-hover);--button-bg-active:var(--color-button-primary-bg-active);--button-border:transparent;--button-text:var(--color-button-text);--button-disabled-bg:var(--color-button-disabled-bg);--button-disabled-border:transparent;--button-disabled-text:var(--color-button-disabled-text)}.ui-button--secondary{--button-bg:var(--color-button-secondary-bg);--button-bg-hover:var(--color-button-secondary-bg-hover);--button-bg-active:var(--color-button-secondary-bg-active);--button-border:var(--color-button-secondary-border);--button-text:var(--color-button-secondary-text);--button-disabled-bg:transparent;--button-disabled-border:var(--color-button-disabled-border);--button-disabled-text:var(--color-button-disabled-text)}.ui-button--tertiary{--button-bg:var(--color-button-tertiary-bg);--button-bg-hover:var(--color-button-tertiary-bg-hover);--button-bg-active:var(--color-button-tertiary-bg-active);--button-border:transparent;--button-text:var(--color-button-tertiary-text);--button-disabled-bg:transparent;--button-disabled-border:transparent;--button-disabled-text:var(--color-button-disabled-text)}.ui-button--danger{--button-bg:var(--color-button-danger-bg);--button-bg-hover:var(--color-button-danger-bg-hover);--button-bg-active:var(--color-button-danger-bg-active);--button-border:transparent;--button-text:var(--color-button-danger-text);--button-disabled-bg:var(--color-button-disabled-bg);--button-disabled-border:transparent;--button-disabled-text:var(--color-button-disabled-text)}.ui-button:hover:not(:disabled){background-color:var(--button-bg-hover)}.ui-button:active:not(:disabled){background-color:var(--button-bg-active)}.ui-button:focus-visible{outline:.1875rem solid var(--color-focus);outline-offset:.1875rem}.ui-button:disabled{border-color:var(--button-disabled-border);background-color:var(--button-disabled-bg);color:var(--button-disabled-text);cursor:not-allowed}.ui-button--sm{--button-min-block-size:2.25rem;--button-padding-block:var(--space-2xs);--button-padding-inline:var(--space-xs);--button-gap:var(--space-3xs)}.ui-button--md{--button-min-block-size:2.75rem;--button-padding-block:var(--space-xs);--button-padding-inline:var(--space-s);--button-gap:var(--space-2xs)}.ui-button--lg{--button-min-block-size:3.25rem;--button-padding-block:var(--space-s);--button-padding-inline:var(--space-m);--button-gap:var(--space-xs)}.ui-button--full-width{inline-size:100%}.ui-button-icon{flex:none;justify-content:center;align-items:center;block-size:1em;inline-size:1em;line-height:0;display:inline-flex}.ui-button-icon svg{block-size:100%;inline-size:100%;display:block}.ui-button-label{min-inline-size:0}a.ui-button:any-link{color:var(--button-text);text-decoration:none}.ui-icon-button{inline-size:var(--button-min-block-size);min-inline-size:var(--button-min-block-size);block-size:var(--button-min-block-size);padding:0}.ui-icon-button.ui-button--sm{--icon-button-icon-size:1rem}.ui-icon-button.ui-button--md{--icon-button-icon-size:1.25rem}.ui-icon-button.ui-button--lg{--icon-button-icon-size:1.5rem}.ui-icon-button .ui-button-icon{inline-size:var(--icon-button-icon-size);block-size:var(--icon-button-icon-size)}.ui-button{position:relative}.ui-button-content{justify-content:center;align-items:center;gap:var(--button-gap);min-inline-size:0;display:inline-flex}.ui-button-spinner{border:.125em solid;border-inline-end-color:#0000;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite ui-button-spin;display:none;position:absolute;inset-block-start:50%;inset-inline-start:50%}.ui-button[aria-busy=true] .ui-button-content{visibility:hidden}.ui-button[aria-busy=true] .ui-button-spinner{display:block}.ui-button[aria-busy=true]:disabled{cursor:progress;opacity:1}.ui-icon-button .ui-button-spinner{inline-size:var(--icon-button-icon-size);block-size:var(--icon-button-icon-size)}@keyframes ui-button-spin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(1turn)}}@media (prefers-reduced-motion:reduce){.ui-button-spinner{animation:none;transform:translate(-50%,-50%)}}.ui-text-input{box-sizing:border-box;min-block-size:2.75rem;inline-size:100%;padding-block:var(--space-2xs);padding-inline:var(--space-xs);border:.125rem solid var(--color-input-border);border-radius:var(--border-radius);appearance:none;background-color:var(--color-input-bg);color:var(--color-input-text);font:inherit;transition:background-color var(--transition-duration-turbo) ease-in-out, border-color var(--transition-duration-turbo) ease-in-out, outline-color var(--transition-duration-turbo) ease-in-out;line-height:1.5;display:block}.ui-text-input::placeholder{color:var(--color-input-placeholder);opacity:1}.ui-text-input:hover:not(:disabled):not(:read-only){border-color:var(--color-input-border-hover)}.ui-text-input:focus{border-color:var(--color-input-border-focus);outline:.1875rem solid var(--color-input-border-focus);outline-offset:.125rem}.ui-text-input[aria-invalid=true]{border-color:var(--color-input-border-invalid)}.ui-text-input[aria-invalid=true]:focus{border-color:var(--color-input-border-invalid);outline-color:var(--color-input-border-focus)}.ui-text-input:disabled{background-color:var(--color-input-bg-disabled);cursor:not-allowed;opacity:.6}.ui-text-input:read-only{background-color:var(--color-input-bg-disabled);cursor:default}.ui-text-field{gap:var(--space-2xs);inline-size:100%;display:grid}.ui-text-field-label{color:var(--color-text);font-weight:var(--font-semibold);line-height:1.4}.ui-text-field-hint,.ui-text-field-error{font-size:var(--font-size-sm);margin:0;line-height:1.5}.ui-text-field-hint{color:var(--color-text-muted)}.ui-text-field-error{color:var(--color-danger)}.ui-text-field[data-disabled=true] .ui-text-field-label,.ui-text-field[data-disabled=true] .ui-text-field-hint{opacity:.6}.code-copy[data-astro-cid-k4tas5f3]{--color-button-tertiary-text:var(--color-brand-400);position:relative}.ui-button[data-astro-cid-k4tas5f3]{top:0;right:calc(0px - var(--content-padding));z-index:2;padding:var(--content-padding);opacity:.65;transition:var(--transition-duration-turbo);border-radius:0;position:absolute}.ui-button[data-astro-cid-k4tas5f3]:hover{opacity:1}@media (width>=48rem){.ui-button[data-astro-cid-k4tas5f3]{border-radius:0 var(--border-radius) 0;right:0}}.ui-button-icon[data-astro-cid-k4tas5f3]{position:relative}.code-copy-button[data-astro-cid-k4tas5f3] svg[data-astro-cid-k4tas5f3]{height:var(--step-1);width:auto;transition:var(--transition-duration-fast);position:absolute}.code-copy-button[data-astro-cid-k4tas5f3] svg[data-astro-cid-k4tas5f3].success,.code-copy-button[data-astro-cid-k4tas5f3] svg[data-astro-cid-k4tas5f3].error{opacity:0;transform:scale(.33)}.code-copy-button[data-astro-cid-k4tas5f3] svg[data-astro-cid-k4tas5f3].success{color:var(--color-green-500)}.code-copy-button[data-astro-cid-k4tas5f3] svg[data-astro-cid-k4tas5f3].error{color:var(--color-danger)}.ui-button[data-astro-cid-k4tas5f3][data-copied=true],.ui-button[data-astro-cid-k4tas5f3][data-copied=false]{opacity:1;background-color:var(--color-button-tertiary-bg-hover);border:1px solid var(--color-border)}.ui-button[data-astro-cid-k4tas5f3][data-copied=true] svg[data-astro-cid-k4tas5f3],.ui-button[data-astro-cid-k4tas5f3][data-copied=false] svg[data-astro-cid-k4tas5f3]{opacity:0;transform:scale(.33)}.ui-button[data-astro-cid-k4tas5f3][data-copied=true]{background-color:oklch(from var(--color-success) l c h/10%)}.ui-button[data-astro-cid-k4tas5f3][data-copied=true] svg[data-astro-cid-k4tas5f3].success{opacity:1;transform:scale(1)}.ui-button[data-astro-cid-k4tas5f3][data-copied=false]{background-color:oklch(from var(--color-danger) l c h/10%)}.ui-button[data-astro-cid-k4tas5f3][data-copied=false] svg[data-astro-cid-k4tas5f3].error{opacity:1;transform:scale(1)}
