@layer components{.bespoke-build-visual{margin:0}.bespoke-build-visual__stage{padding-bottom:4.25rem;display:block;position:relative}.bespoke-build-visual__window{width:100%;position:relative}.bespoke-build-visual__svg{width:100%;height:auto;display:block;overflow:visible}.bespoke-build-visual__code{box-sizing:border-box;color:#b4bdc9;-webkit-font-smoothing:antialiased;width:100%;height:100%;margin:0;padding:0;font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:16px;font-weight:500;line-height:1.55}.bespoke-build-visual__pre{font:inherit;white-space:pre;tab-size:4;margin:0;padding:0}.bespoke-build-visual__ln{color:#4e5f76;text-align:right;-webkit-user-select:none;user-select:none;width:2ch;margin-right:1.25rem;display:inline-block}.bespoke-build-visual__var,.bespoke-build-visual__num{color:#7eb8d8}.bespoke-build-visual__str{color:#c9a24a}.bespoke-build-visual__punct{color:#b4bdc9}.bespoke-build-visual__alerts{z-index:2;flex-direction:column;gap:.7rem;width:min(20.5rem,92%);margin:0;padding:0;list-style:none;display:flex;position:absolute;bottom:-.5rem;right:0}.bespoke-build-visual__alert{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#1a3a48eb 0%,#0d2030e0 55%,#0a1826e6 100%);border:1px solid #a5d5f073;border-radius:1rem;align-items:center;gap:.65rem;padding:.65rem .75rem;display:flex;box-shadow:0 12px 28px #00000059,inset 0 0 0 1px #a5d5f014,0 0 24px #a5d5f014}.bespoke-build-visual__tick{flex-shrink:0;width:1.75rem;height:1.75rem;display:block}.bespoke-build-visual__tick svg{width:100%;height:100%;display:block}.bespoke-build-visual__alert-text{letter-spacing:-.015em;color:#eceef0;text-wrap:pretty;margin:0;font-size:.75rem;font-weight:500;line-height:1.35}@media (width>=1024px){.bespoke-build-visual__stage{padding-bottom:5rem}.bespoke-build-visual__window{width:86%}.bespoke-build-visual__code{font-size:13px;line-height:1.65}.bespoke-build-visual__alerts{gap:.95rem;width:min(21.5rem,78%);bottom:2.5rem;right:0}.bespoke-build-visual__alert{border-radius:1rem;gap:.9rem;padding:.625rem .825rem;box-shadow:0 18px 40px #0000006b,inset 0 0 0 1px #a5d5f01a,0 0 32px #a5d5f01a}.bespoke-build-visual__tick{width:2rem;height:2rem}.bespoke-build-visual__alert-text{font-size:.825rem;line-height:1.3}}}