.request-route-line{fill:none;stroke:hsl(var(--border));stroke-width:1.5;transition:stroke .4s ease,stroke-width .4s ease}.request-route-line-active{stroke:hsl(var(--brand-vivid) / .55);stroke-width:2}.request-route-pulse path{fill:none;stroke-linecap:round;stroke-dasharray:14 200;animation:request-route-travel .76s cubic-bezier(.45,0,.25,1) both}.request-route-pulse-glow{stroke:hsl(var(--brand-vivid) / .22);stroke-width:9}.request-route-pulse-core{stroke:hsl(var(--brand-vivid));stroke-width:3}.request-route-pulse-back .request-route-pulse-glow{stroke:hsl(var(--success) / .22)}.request-route-pulse-back .request-route-pulse-core{stroke:hsl(var(--success))}.request-route-pulse-back path{animation-name:request-route-return}.request-route-pulse-delayed path{animation-delay:.7s}@keyframes request-route-travel{0%{stroke-dashoffset:14}to{stroke-dashoffset:-100}}@keyframes request-route-return{0%{stroke-dashoffset:-100}to{stroke-dashoffset:14}}.request-route-node{position:absolute;display:flex;min-width:0px;border-radius:.75rem;border-width:1px;--tw-border-opacity: 1;border-color:hsl(var(--border) / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:hsl(var(--card) / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:hsl(var(--card-foreground) / var(--tw-text-opacity, 1));--tw-shadow: 0 1px 2px hsl(var(--shadow) / .06), 0 1px 3px hsl(var(--shadow) / .05);--tw-shadow-colored: 0 1px 2px var(--tw-shadow-color), 0 1px 3px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition:border-color .4s ease,box-shadow .4s ease,background-color .4s ease}.request-route-node-active{border-color:hsl(var(--brand-vivid) / .6)}.request-route-application{position:absolute;display:flex;min-height:0px;align-items:center;gap:.75rem;border-radius:.75rem;border-width:1px;--tw-border-opacity: 1;border-color:hsl(var(--border) / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:hsl(var(--card) / var(--tw-bg-opacity, 1));padding-left:1rem;padding-right:1rem;--tw-text-opacity: 1;color:hsl(var(--card-foreground) / var(--tw-text-opacity, 1));--tw-shadow: 0 1px 2px hsl(var(--shadow) / .06), 0 1px 3px hsl(var(--shadow) / .05);--tw-shadow-colored: 0 1px 2px var(--tw-shadow-color), 0 1px 3px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition:border-color .4s ease,background-color .4s ease}.request-route-app-icon{display:flex;width:2rem;height:2rem;flex-shrink:0;align-items:center;justify-content:center;border-radius:var(--radius);--tw-bg-opacity: 1;background-color:hsl(var(--muted) / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:hsl(var(--muted-foreground) / var(--tw-text-opacity, 1))}.request-route-gateway{flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:1rem;text-align:center}.request-route-gateway{isolation:isolate;overflow:hidden;--scan: var(--brand-vivid)}.request-route-gateway[data-scan=out]{--scan: var(--success)}.request-route-gateway:before,.request-route-gateway:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:0}.request-route-gateway:before{background:linear-gradient(90deg,transparent 0%,hsl(var(--scan) / .05) 55%,hsl(var(--scan) / .22) 88%,hsl(var(--scan) / .9) 98%,transparent 100%);width:70%}.request-route-gateway:after{background:repeating-linear-gradient(0deg,hsl(var(--scan) / .14) 0 1px,transparent 1px 5px);-webkit-mask-image:linear-gradient(90deg,transparent,#000 45%,#000 55%,transparent);mask-image:linear-gradient(90deg,transparent,#000 45%,#000 55%,transparent);-webkit-mask-size:200% 100%;mask-size:200% 100%}.request-route-gateway[data-scan=in]:before{animation:request-route-beam .55s cubic-bezier(.45,0,.3,1) both}.request-route-gateway[data-scan=out]:before{animation:request-route-beam-back .45s cubic-bezier(.45,0,.3,1) both;transform:scaleX(-1)}.request-route-gateway[data-scan=in]:after{animation:request-route-lines .55s ease both}.request-route-gateway[data-scan=out]:after{animation:request-route-lines-back .45s ease both}@keyframes request-route-beam{0%{opacity:1;translate:-100% 0}85%{opacity:1}to{opacity:0;translate:145% 0}}@keyframes request-route-beam-back{0%{opacity:1;translate:145% 0}85%{opacity:1}to{opacity:0;translate:-100% 0}}@keyframes request-route-lines{0%{opacity:0;-webkit-mask-position:100% 0;mask-position:100% 0}30%{opacity:1}to{opacity:0;-webkit-mask-position:0 0;mask-position:0 0}}@keyframes request-route-lines-back{0%{opacity:0;-webkit-mask-position:0 0;mask-position:0 0}30%{opacity:1}to{opacity:0;-webkit-mask-position:100% 0;mask-position:100% 0}}.request-route[data-orientation=vertical] .request-route-gateway:before{background:linear-gradient(180deg,transparent 0%,hsl(var(--scan) / .05) 55%,hsl(var(--scan) / .22) 88%,hsl(var(--scan) / .9) 98%,transparent 100%);width:auto;height:70%}.request-route[data-orientation=vertical] .request-route-gateway:after{background:repeating-linear-gradient(90deg,hsl(var(--scan) / .14) 0 1px,transparent 1px 5px);-webkit-mask-image:linear-gradient(180deg,transparent,#000 45%,#000 55%,transparent);mask-image:linear-gradient(180deg,transparent,#000 45%,#000 55%,transparent);-webkit-mask-size:100% 200%;mask-size:100% 200%}.request-route[data-orientation=vertical] .request-route-gateway[data-scan=in]:before{animation-name:request-route-beam-down}.request-route[data-orientation=vertical] .request-route-gateway[data-scan=out]:before{animation-name:request-route-beam-up;transform:scaleY(-1)}.request-route[data-orientation=vertical] .request-route-gateway[data-scan=in]:after{animation-name:request-route-lines-down}.request-route[data-orientation=vertical] .request-route-gateway[data-scan=out]:after{animation-name:request-route-lines-up}@keyframes request-route-beam-down{0%{opacity:1;translate:0 -100%}85%{opacity:1}to{opacity:0;translate:0 145%}}@keyframes request-route-beam-up{0%{opacity:1;translate:0 145%}85%{opacity:1}to{opacity:0;translate:0 -100%}}@keyframes request-route-lines-down{0%{opacity:0;-webkit-mask-position:0 100%;mask-position:0 100%}30%{opacity:1}to{opacity:0;-webkit-mask-position:0 0;mask-position:0 0}}@keyframes request-route-lines-up{0%{opacity:0;-webkit-mask-position:0 0;mask-position:0 0}30%{opacity:1}to{opacity:0;-webkit-mask-position:0 100%;mask-position:0 100%}}@media(prefers-reduced-motion:reduce){.request-route-gateway:before,.request-route-gateway:after{animation:none!important}}.request-route-destination{align-items:center;gap:.75rem;padding-left:1rem;padding-right:1rem}.request-route-destination-active{border-color:hsl(var(--brand-vivid) / .7);background-color:hsl(var(--brand-soft))}.request-route-name{min-width:0px;flex:1 1 0%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;line-height:1.25rem;font-weight:500}.request-route-region{display:inline-flex;flex-shrink:0}.request-route[data-orientation=vertical] .request-route-application{flex-direction:column;justify-content:center;gap:.375rem;padding:.5rem;text-align:center}.request-route[data-orientation=vertical] .request-route-app-icon{width:1.5rem;height:1.5rem}.request-route[data-orientation=vertical] .request-route-destination{flex-direction:column;justify-content:center;gap:.5rem;padding-left:.5rem;padding-right:.5rem;text-align:center}.request-route[data-orientation=vertical] .request-route-name{width:100%;flex:none;font-size:.75rem;line-height:1rem}.request-route[data-orientation=vertical] .request-route-region{position:absolute;right:.5rem;top:.5rem}@media(prefers-reduced-motion:reduce){.request-route-pulse{display:none}.request-route-node,.request-route-line,.request-route-application{transition:none}}.request-route-stage{position:absolute;font-size:.75rem;line-height:1rem;font-weight:500;text-transform:uppercase;letter-spacing:.025em;--tw-text-opacity: 1;color:hsl(var(--muted-foreground) / var(--tw-text-opacity, 1))}.request-route-stage:nth-child(2){text-align:center}.request-route-catalog .request-route-application{min-height:var(--control-height);cursor:pointer;text-align:left}.request-route-catalog .request-route-app-icon{background-color:transparent}.request-route-catalog .request-route-destination{flex-direction:row;align-items:center;gap:.75rem;padding-left:1rem;padding-right:1rem;text-align:left}.request-route-catalog .request-route-destination-copy{display:flex;min-width:0px;flex:1 1 0%;flex-direction:column;gap:.25rem}.request-route-catalog[data-orientation=vertical] .request-route-application{flex-direction:row;align-items:center;justify-content:flex-start;gap:.75rem;padding:.5rem 1rem;text-align:left}.request-route-catalog[data-orientation=vertical] .request-route-app-icon{width:2rem;height:2rem}.request-route-catalog .request-route-application[data-state=checked]{--tw-bg-opacity: 1;background-color:hsl(var(--brand-soft) / var(--tw-bg-opacity, 1))}.request-route-catalog .request-route-destination[data-connected=false]{color:hsl(var(--muted-foreground))}.request-route-catalog[data-orientation=vertical] .request-route-destination{flex-direction:row;align-items:center;justify-content:flex-start;gap:.75rem;padding-left:1rem;padding-right:1rem;text-align:left}.request-route-feature{margin-top:.5rem;display:inline-flex;max-width:100%;align-items:center;gap:.375rem;white-space:nowrap;border-radius:9999px;border-width:1px;--tw-border-opacity: 1;border-color:hsl(var(--border) / var(--tw-border-opacity, 1));background-color:hsl(var(--background) / .7);padding:.25rem .625rem;font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:hsl(var(--foreground) / var(--tw-text-opacity, 1));opacity:0;transition:opacity .3s ease,transform .3s ease;transform:translateY(4px)}.request-route-feature[data-visible]{opacity:1;transform:none}.request-route-feature svg{width:.875rem;height:.875rem;flex-shrink:0;--tw-text-opacity: 1;color:hsl(var(--brand-ink) / var(--tw-text-opacity, 1))}@media(prefers-reduced-motion:reduce){.request-route-feature{transition:none;transform:none}}.request-route-slot{transition:top .5s cubic-bezier(.4,0,.2,1),left .5s cubic-bezier(.4,0,.2,1),opacity .45s ease,border-color .4s ease,background-color .4s ease}.request-route-slot[data-hidden]{opacity:0;pointer-events:none}@media(prefers-reduced-motion:reduce){.request-route-slot{transition:none}}.request-route:not(.request-route-catalog)[data-orientation=horizontal] .request-route-application,.request-route:not(.request-route-catalog)[data-orientation=horizontal] .request-route-destination{gap:.75rem;padding:.375rem}.request-route:not(.request-route-catalog)[data-orientation=horizontal] .request-route-app-icon,.request-route:not(.request-route-catalog)[data-orientation=horizontal] .request-route-destination>:first-child{aspect-ratio:1 / 1;height:100%;width:auto;flex-shrink:0;border-radius:calc(var(--radius) - 2px)}.request-route:not(.request-route-catalog)[data-orientation=horizontal] .request-route-region{aspect-ratio:1 / 1;height:100%;align-items:center;justify-content:center;border-radius:calc(var(--radius) - 2px);--tw-bg-opacity: 1;background-color:hsl(var(--muted) / var(--tw-bg-opacity, 1))}@property --request-route-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.request-route-destination[data-processing]:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;padding:1.5px;pointer-events:none;background:conic-gradient(from var(--request-route-angle),transparent 0 55%,hsl(var(--brand-vivid) / .35) 70%,hsl(var(--brand-vivid)) 85%,hsl(var(--brand-vivid) / .2) 92%,transparent 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);animation:request-route-trace .55s linear both}.request-route-destination[data-processing]{box-shadow:0 0 0 4px hsl(var(--brand-vivid) / .08),0 6px 22px hsl(var(--brand-vivid) / .18)}@keyframes request-route-trace{0%{--request-route-angle: 0deg;opacity:1}80%{opacity:1}to{--request-route-angle: 360deg;opacity:0}}.request-route:not(.request-route-catalog) .request-route-region{opacity:0;scale:.6;transition:opacity .3s ease,scale .3s cubic-bezier(.3,1.4,.6,1)}.request-route:not(.request-route-catalog) .request-route-destination[data-served] .request-route-region{opacity:1;scale:1}@media(prefers-reduced-motion:reduce){.request-route-destination[data-processing]:before{animation:none}.request-route:not(.request-route-catalog) .request-route-region{opacity:1;scale:1;transition:none}}