.ap{--ap-spring:cubic-bezier(.34, 1.56, .64, 1);--ap-mono:var(--font-mono,ui-monospace), monospace;--ap-rainbow:conic-gradient(from 200deg, #52a9fe, #ca8cf5, #ffa659, #43cba4, #52a9fe);grid-template-columns:minmax(0,1fr);justify-items:start;gap:.5rem;margin:2rem 0;display:grid;position:relative}@supports (color:lab(0% 0 0)){.ap{--ap-rainbow:conic-gradient(from 200deg, lab(66.9017% -6.76849 -50.6994), lab(67.5037% 38.4832 -44.2845), lab(76.2731% 28.5374 53.3788), lab(73.8734% -45.193 8.27451), lab(66.9017% -6.76849 -50.6994))}}.ap button:not(.ap-item):focus-visible{outline:2px solid var(--ring);outline-offset:2px}.ap-label{color:var(--muted-foreground);letter-spacing:.04em;text-transform:uppercase;font-size:.75rem;font-weight:500}.ap .ap-prompt>code{box-shadow:none!important;background:0 0!important;border:0!important;padding:0!important}.ap-anchor{width:100%;position:relative}.ap-pill{border:1px solid var(--border);background:var(--card);width:100%;transition:box-shadow .25s ease, transform .3s var(--ap-spring);border-radius:999px;align-items:center;gap:.5rem;padding:.3125rem;display:flex;position:relative;overflow:hidden}.ap-pill:hover,.ap[data-open=true] .ap-pill{background:linear-gradient(var(--card), var(--card)) padding-box, var(--ap-rainbow) border-box;border-color:#0000;box-shadow:0 8px 28px -12px #7071dd8c;box-shadow:0 8px 28px -12px lab(51.5898% 21.8366 -56.2457/.55)}.ap-pill:has(.ap-prompt:active,.ap-main:active){transition-duration:70ms;transform:scale(.985)}.ap-prompt{cursor:copy;text-align:left;flex:1;min-width:0;padding:0 .25rem 0 .75rem}.ap-prompt>code{color:var(--foreground);font-family:var(--ap-mono);text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;padding:0;font-size:.8125rem;display:block;overflow:hidden}.ap-prompt:focus-visible{outline-offset:-2px;border-radius:999px}.ap-split{z-index:1;background:var(--primary);color:var(--primary-foreground);border-radius:999px;flex:none;transition:background .2s;display:flex;position:relative;box-shadow:inset 0 1px #ffffff26,0 1px 2px #0003;box-shadow:inset 0 1px lab(100% 0 0/.15),0 1px 2px lab(0% 0 0/.2)}.ap[data-done=true] .ap-split{color:#fcfcfc;color:lab(98.84% .0000298023 -.0000119209);background:#139948;background:lab(55.589% -48.608 32.4008)}.ap-split svg{flex:none;width:1rem;height:1rem}.ap-main,.ap-more{cursor:pointer;height:2.25rem;transition:transform .26s var(--ap-spring);align-items:center;display:inline-flex}:is(.ap-main,.ap-more):active{transition-duration:70ms;transform:scale(.94)}.ap-main{white-space:nowrap;border-radius:999px 0 0 999px;gap:.5rem;padding:0 .75rem 0 .875rem;font-size:.875rem;font-weight:600}.ap-main .ap-arrow{transition:transform .26s var(--ap-spring)}.ap-main:hover .ap-arrow{transform:translate(2px,-2px)}.ap-main-label{animation:ap-pop .26s var(--ap-spring);display:inline-block}.ap-more{border-left:1px solid color-mix(in oklab, currentColor 22%, transparent);border-radius:0 999px 999px 0;justify-content:center;width:2.25rem}.ap-more>svg{transition:transform .26s var(--ap-spring)}.ap-more[aria-expanded=true]>svg{transform:rotate(180deg)}.ap-cc{overflow:visible}.ap-cc .ap-cc-copy{transform-origin:50%;transition:transform .22s var(--ap-spring), opacity .16s ease}.ap-cc .ap-cc-check{stroke-dasharray:1;stroke-dashoffset:1px;opacity:0;transition:stroke-dashoffset .36s cubic-bezier(.65,0,.35,1) 60ms,opacity 80ms 60ms}.ap-cc[data-done=true] .ap-cc-copy{opacity:0;transform:scale(.4)rotate(-12deg)}.ap-cc[data-done=true] .ap-cc-check{stroke-dashoffset:0;opacity:1}.ap-sheen{pointer-events:none;background:linear-gradient(105deg,#0000 30%,#ffffff8c 50%,#0000 70%);background:linear-gradient(105deg,#0000 30%,lab(100% 0 0/.55) 50%,#0000 70%);animation:.7s ease-out forwards ap-sweep;position:absolute;inset:0;transform:translate(-100%)}.dark .ap-sheen{background:linear-gradient(105deg,#0000 30%,#b1b7fd4d 50%,#0000 70%);background:linear-gradient(105deg,#0000 30%,lab(75.8372% 9.60815 -35.9245/.3) 50%,#0000 70%)}.ap-menu{transform-origin:var(--radix-dropdown-menu-content-transform-origin);animation:ap-menu .16s var(--ap-spring)}.ap-tip{animation:.16s ease-out ap-pop}.ap p.ap-toast{z-index:20;color:var(--foreground);animation:ap-pop .26s var(--ap-spring);font-size:.75rem;line-height:1rem;position:absolute;top:calc(100% + .5rem);left:.75rem;margin:0!important}@keyframes ap-pop{0%{opacity:0;transform:translateY(.3rem)scale(.96)}}@keyframes ap-sweep{to{transform:translate(100%)}}@keyframes ap-menu{0%{opacity:0;transform:translateY(-4px)scale(.97)}}@media (max-width:520px){.ap-pill{border-radius:1.25rem;flex-wrap:wrap;padding:.375rem}.ap-prompt{flex-basis:100%;padding:.375rem .5rem}.ap-prompt>code{white-space:normal;overflow-wrap:anywhere}.ap-split{width:100%}.ap-main{flex:1;justify-content:center;height:2.5rem}.ap-more{width:2.75rem;height:2.5rem}}@media (prefers-reduced-motion:reduce){.ap,.ap *,.ap-menu,.ap-tip{transition:none!important;animation:none!important}.ap :is(button):is(:hover,:active){transform:none!important}.ap-pill:has(button:active){transform:none!important}}