.svc-orbit{aspect-ratio:1;width:100%;position:relative}.svc-orbit__ring{border:1px dashed #9d97ff38;border-radius:9999px;position:absolute}.svc-orbit__spin{animation:48s linear infinite svc-spin;position:absolute;inset:0}.svc-orbit__item{transform:rotate(var(--a)) translateX(var(--r,42%)) rotate(calc(-1 * var(--a)));position:absolute;top:50%;left:50%}.svc-orbit__chip{color:#c9c5ff;background:linear-gradient(140deg,#2f2880f2,#16142ff2);border:1px solid #9d97ff4d;border-radius:16px;place-items:center;width:52px;height:52px;margin:-26px 0 0 -26px;animation:48s linear infinite reverse svc-spin;display:grid;box-shadow:0 0 22px -6px #7a71ffe6}.svc-orbit__core{aspect-ratio:1;background:linear-gradient(145deg,#6b63ff 0%,#3f37c9 60%,#2b2591 100%);border-radius:30%;place-items:center;width:34%;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 80px -10px #5b52f0e6,inset 0 1px #ffffff40}@keyframes svc-spin{to{rotate:360deg}}.svc-blueprint-bg{background-image:linear-gradient(90deg,#7a8cff12 1px,#0000 1px),linear-gradient(#7a8cff12 1px,#0000 1px),linear-gradient(90deg,#7a8cff09 1px,#0000 1px),linear-gradient(#7a8cff09 1px,#0000 1px);background-size:96px 96px,96px 96px,24px 24px,24px 24px;-webkit-mask-image:linear-gradient(#000 60%,#0000);mask-image:linear-gradient(#000 60%,#0000)}.svc-mono{letter-spacing:.04em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.svc-corners{position:relative}.svc-corners:before,.svc-corners:after{content:"";pointer-events:none;border-color:#9d97ffb3;width:14px;height:14px;position:absolute}.svc-corners:before{border-top:1.5px solid;border-left:1.5px solid;top:-1px;left:-1px}.svc-corners:after{border-bottom:1.5px solid;border-right:1.5px solid;bottom:-1px;right:-1px}.svc-dim{color:#9d97ffd9;align-items:center;gap:12px;display:flex}.svc-dim:before,.svc-dim:after{content:"";opacity:.5;background:currentColor;flex:1;height:1px}.svc-pipe{position:relative}.svc-pipe:after{content:"";background:linear-gradient(90deg,#9d97ffb3,#0000);width:22px;height:1px;position:absolute;top:50%;right:-22px}.svc-pipe:last-child:after{display:none}.svc-stack-card{top:calc(6.5rem + var(--i,0) * 1.4rem);position:sticky}.svc-note:nth-child(odd){rotate:-1.2deg}.svc-note:nth-child(2n){rotate:1deg}.svc-note{transition:rotate .4s cubic-bezier(.34,1.56,.64,1)}.svc-note:hover{rotate:0deg}.svc-browser{background:linear-gradient(#1a182cf2,#0c0c14f7);border:1px solid #ffffff1a;border-radius:22px;box-shadow:0 40px 90px -30px #000000f2,0 0 70px -25px #5b52f0b3}.svc-toggle{background:linear-gradient(140deg,#8b83ff,#5b52f0);border-radius:9999px;flex:none;width:34px;height:20px;position:relative;box-shadow:0 0 12px -2px #7a71ffe6}.svc-toggle:after{content:"";background:#fff;border-radius:9999px;width:14px;height:14px;position:absolute;top:3px;right:3px}.svc-bubble{position:relative}.svc-bubble:after{content:"";background:inherit;border-right:inherit;border-bottom:inherit;width:22px;height:22px;position:absolute;bottom:-11px;left:44px;rotate:45deg}.svc-outline{color:#0000;-webkit-text-stroke:1.5px #c9c5ffbf}.svc-strike{background-image:linear-gradient(#fb7185e6,#fb7185e6);background-position:0 58%;background-repeat:no-repeat;background-size:0% 2px;transition:background-size .9s cubic-bezier(.65,0,.35,1) .4s;display:inline;position:relative}.reveal[data-visible] .svc-strike,.reveal[data-revealed] .svc-strike{background-size:100% 2px}.svc-spine{background:linear-gradient(#0000,#9d97ff99 8%,#5b52f066 92%,#0000);width:1px;position:absolute;top:0;bottom:0;left:1.125rem}@media (min-width:768px){.svc-spine{left:50%}}.svc-track-fill{transform-origin:0;transition:transform 1.6s cubic-bezier(.65,0,.35,1) .3s;transform:scaleX(0)}.reveal[data-visible] .svc-track-fill,.reveal[data-revealed] .svc-track-fill{transform:scaleX(1)}@media (prefers-reduced-motion:reduce){.svc-orbit__spin,.svc-orbit__chip{animation:none}.svc-strike{background-size:100% 2px;transition:none}.svc-track-fill{transition:none;transform:none}}html[data-no-anim] .svc-orbit__spin,html[data-no-anim] .svc-orbit__chip{animation:none}html[data-no-anim] .svc-strike{background-size:100% 2px}html[data-no-anim] .svc-track-fill{transform:none}
