.single-active-tab-gate{--single-active-tab-accent: #fa4616;--single-active-tab-accent-hover: #ff6b3d;--single-active-tab-accent-focus: #ff8a65;--single-active-tab-accent-fg: #fff;--single-active-tab-card-bg: rgb(24 32 39 / 85%);--single-active-tab-card-border: rgb(255 255 255 / 8%);--single-active-tab-card-shadow: 0 32px 64px rgb(0 0 0 / 40%), inset 0 0 0 1px rgb(255 255 255 / 5%);--single-active-tab-fg: #fff;--single-active-tab-fg-muted: rgb(255 255 255 / 64%);--single-active-tab-fg-secondary: rgb(255 255 255 / 72%);position:relative;isolation:isolate;box-sizing:border-box;display:flex;width:100%;min-height:100%;min-height:100dvh;align-items:center;justify-content:center;overflow:hidden;padding:32px 20px;color:var(--single-active-tab-fg);background:radial-gradient(circle at 50% 28%,color-mix(in srgb,var(--single-active-tab-accent) 12%,transparent),transparent 34%),radial-gradient(circle at 12% 88%,rgb(1 105 204 / 12%),transparent 30%),linear-gradient(145deg,#0a0f14,#16222a 52%,#10171d);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.single-active-tab-gate[data-product=cartographer]{--single-active-tab-accent: #11c8d2;--single-active-tab-accent-hover: color-mix(in srgb, var(--single-active-tab-accent) 80%, #fff);--single-active-tab-accent-focus: color-mix(in srgb, var(--single-active-tab-accent) 60%, #fff);--single-active-tab-accent-fg: #262626}.single-active-tab-gate:before{position:absolute;z-index:-1;width:min(72vw,720px);aspect-ratio:1;border:1px solid rgb(255 255 255 / 4%);border-radius:50%;background:radial-gradient(circle,rgb(255 255 255 / 3%) 0%,transparent 68%);content:"";transform:translateY(-8%)}.single-active-tab-card{box-sizing:border-box;display:flex;width:min(100%,420px);flex-direction:column;align-items:center;gap:24px;padding:48px 56px;border:1px solid var(--single-active-tab-card-border);border-radius:24px;background:var(--single-active-tab-card-bg);box-shadow:var(--single-active-tab-card-shadow);text-align:center;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.single-active-tab-icon{display:grid;width:64px;height:64px;flex:0 0 auto;place-items:center;border-radius:50%;color:var(--single-active-tab-accent);background:color-mix(in srgb,var(--single-active-tab-accent) 15%,transparent)}.single-active-tab-icon svg{width:32px;height:32px}.single-active-tab-eyebrow{margin:0;color:var(--single-active-tab-accent);font-size:11px;font-weight:600;line-height:16px;letter-spacing:.08em;text-transform:uppercase}.single-active-tab-title{max-width:320px;margin:0;font-size:20px;font-weight:600;line-height:28px;text-wrap:balance}.single-active-tab-body{max-width:320px;margin:0;color:var(--single-active-tab-fg-muted);font-size:14px;font-weight:400;line-height:20px;overflow-wrap:anywhere;text-wrap:pretty}.single-active-tab-status{display:flex;min-height:20px;align-items:center;justify-content:center;gap:8px;color:var(--single-active-tab-fg-secondary);font-size:13px;font-weight:400;line-height:20px}.single-active-tab-status:empty,.single-active-tab-actions:empty{display:none}.single-active-tab-actions{display:flex;width:100%;flex-direction:column;align-items:center;gap:12px}.single-active-tab-button{box-sizing:border-box;width:100%;min-height:52px;border-radius:12px;font:inherit;font-size:14px;font-weight:600;line-height:20px;cursor:pointer;touch-action:manipulation;transition:color .2s cubic-bezier(.4,0,.2,1),background-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1)}.single-active-tab-button:focus-visible{outline:2px solid var(--single-active-tab-accent-focus);outline-offset:3px}.single-active-tab-button-primary{padding:0 24px;border:0;color:var(--single-active-tab-accent-fg);background:linear-gradient(135deg,var(--single-active-tab-accent) 0%,var(--single-active-tab-accent-hover) 100%);box-shadow:0 4px 16px color-mix(in srgb,var(--single-active-tab-accent) 30%,transparent),inset 0 0 0 1px #ffffff1a;text-shadow:0 1px 2px rgb(0 0 0 / 10%)}.single-active-tab-button-primary:active{transform:translateY(0);box-shadow:0 2px 10px color-mix(in srgb,var(--single-active-tab-accent) 24%,transparent),inset 0 0 0 1px #ffffff1a}.single-active-tab-button-secondary{min-height:40px;padding:8px 12px;border:0;color:var(--single-active-tab-fg-secondary);background:transparent;font-size:13px;font-weight:500}.single-active-tab-button-secondary:active{color:var(--single-active-tab-fg);background:#ffffff0f}.single-active-tab-spinner{box-sizing:border-box;width:16px;height:16px;flex:0 0 auto;border:2px solid color-mix(in srgb,var(--single-active-tab-accent) 28%,transparent);border-top-color:var(--single-active-tab-accent);border-radius:50%;animation:single-active-tab-spin .8s linear infinite}@media (hover: hover){.single-active-tab-button-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px color-mix(in srgb,var(--single-active-tab-accent) 40%,transparent),inset 0 0 0 1px #ffffff26}.single-active-tab-button-secondary:hover{color:var(--single-active-tab-fg);background:#ffffff0f}}@keyframes single-active-tab-spin{to{transform:rotate(360deg)}}@media (max-width: 480px){.single-active-tab-gate{padding:20px 16px}.single-active-tab-card{gap:20px;padding:36px 24px;border-radius:16px}}@media (prefers-reduced-motion: reduce){.single-active-tab-button{transition:none}.single-active-tab-button-primary:hover,.single-active-tab-button-primary:active{transform:none}.single-active-tab-spinner{animation:none}}