.constellation-okta{pointer-events:none;scrollbar-width:none;-ms-overflow-style:none;contain:paint;width:100%;max-width:100%;height:100%;max-height:100%;position:relative;overflow:clip}.constellation-okta::-webkit-scrollbar{width:0;height:0;display:none}.constellation-okta__canvas{z-index:1;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.constellation-okta__overlay{z-index:2;pointer-events:none;position:absolute;inset:0;overflow:clip}.constellation-okta__core{--core-depth:26px;--core-layers:14;--core-tilt-x:48deg;--core-tilt-z:-26deg;perspective:700px;perspective-origin:50% 45%;transform-style:preserve-3d;place-items:center;display:grid;position:absolute;transform:translate(-50%,-50%)}.constellation-okta__core-halo{pointer-events:none;transform:rotateX(var(--core-tilt-x)) rotateZ(var(--core-tilt-z));border:1.5px solid #ffffffb3;border-radius:50%;animation:4.2s ease-out infinite constellation-core-halo;position:absolute;inset:0;box-shadow:0 0 10px 1px #ffffff47}@keyframes constellation-core-halo{0%{transform:rotateX(var(--core-tilt-x)) rotateZ(var(--core-tilt-z)) scale(.94);opacity:.68;box-shadow:0 0 12px 2px #fff6}65%{opacity:0}to{transform:rotateX(var(--core-tilt-x)) rotateZ(var(--core-tilt-z)) scale(1.68);opacity:0;box-shadow:0 0 #0000}}.constellation-okta__core-coin{width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(var(--core-tilt-x)) rotateZ(var(--core-tilt-z));position:relative}.constellation-okta__core-extrusion{transform-style:preserve-3d;pointer-events:none;position:absolute;inset:0}.constellation-okta__core-layer{background:color-mix(in srgb, #d4d4d8 calc(70% - var(--layer-index) * 2.5%), #6b6b73);transform:translateZ(calc((var(--layer-index) + 1) * -1 * (var(--core-depth) / var(--core-layers)))) scale(calc(1 - (var(--layer-index) + 1) * .003));transform-origin:50%;border-radius:50%;position:absolute;inset:0}.constellation-okta__core-face{z-index:1;background:linear-gradient(145deg,#fff 0%,#f3f3f5 48%,#e4e4e8 100%);border:1px solid #eeeef0;border-radius:50%;place-items:center;display:grid;position:absolute;inset:0;transform:translateZ(.8px);box-shadow:inset 0 1px #ffffffe6,inset 0 -4px 10px #00000014}.constellation-okta__core-logo{z-index:1;object-fit:contain;width:88%;height:auto;position:relative}.constellation-okta__satellite{--tile-size:102px;--tile-depth:26px;--tile-radius:22px;--tile-layers:16;--tile-icon-size:64px;--tile-orb-pad:90px;--tile-perspective:1100px;--tile-label-size:15px;--tile-tilt-x:48deg;--tile-tilt-z:-26deg;pointer-events:none;font:inherit;color:inherit;background:0 0;border:none;padding:0;display:block;position:absolute;transform:translate(-50%,-50%)}.constellation-okta__satellite--link{pointer-events:auto;cursor:pointer}.constellation-okta__sat-orb{width:calc(var(--tile-size) + var(--tile-orb-pad));height:calc(var(--tile-size) + var(--tile-orb-pad));perspective:var(--tile-perspective);perspective-origin:50%;transform-style:preserve-3d;place-items:center;display:grid;position:relative}.constellation-okta__sat-halo{width:var(--tile-size);height:var(--tile-size);border-radius:calc(var(--tile-radius) + 2px);border:2px solid color-mix(in srgb, var(--colors-primary) 78%, transparent);box-shadow:0 0 14px 2px color-mix(in srgb, var(--colors-primary) 40%, transparent);animation:4s ease-out infinite constellation-sat-halo;animation-delay:var(--halo-delay,0s);pointer-events:none;transform:rotateX(var(--tile-tilt-x)) rotateZ(var(--tile-tilt-z));position:absolute}@keyframes constellation-sat-halo{0%{transform:rotateX(var(--tile-tilt-x)) rotateZ(var(--tile-tilt-z)) scale(.96);opacity:.88;box-shadow:0 0 18px 3px color-mix(in srgb, var(--colors-primary) 52%, transparent)}55%{opacity:.2}to{transform:rotateX(var(--tile-tilt-x)) rotateZ(var(--tile-tilt-z)) scale(1.78);opacity:0;box-shadow:0 0 #0000}}.constellation-okta__tile{width:var(--tile-size);height:var(--tile-size);transform-style:preserve-3d;transform:rotateX(var(--tile-tilt-x)) rotateZ(var(--tile-tilt-z));position:relative}.constellation-okta__tile-extrusion{transform-style:preserve-3d;pointer-events:none;position:absolute;inset:0}.constellation-okta__tile-layer{border-radius:var(--tile-radius);background:color-mix(in srgb, var(--colors-primary-variant) calc(48% + var(--layer-index) * 2.4%), #14040c);transform:translateZ(calc((var(--layer-index) + 1) * -1 * (var(--tile-depth) / var(--tile-layers)))) scale(calc(1 - (var(--layer-index) + 1) * .004));transform-origin:50%;position:absolute;inset:0}.constellation-okta__tile-top{z-index:1;border-radius:var(--tile-radius);background:linear-gradient(145deg, color-mix(in srgb, var(--colors-primary) 75%, #fff) 0%, var(--colors-primary) 48%, var(--colors-primary-variant) 100%);border:1px solid #ffffff42;place-items:center;transition:box-shadow .28s;display:grid;position:absolute;inset:0;overflow:hidden;transform:translateZ(.8px);box-shadow:inset 0 1px #ffffff61}.constellation-okta__tile-shimmer{pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff26,#0000);width:40%;height:200%;transition:left .6s;position:absolute;top:-50%;left:-60%;transform:skew(-20deg)}.constellation-okta__satellite-icon.material-symbols-outlined{z-index:1;font-family:Material Symbols Outlined;font-size:var(--tile-icon-size);letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 48;color:var(--colors-on-primary);direction:ltr;font-style:normal;font-weight:500;line-height:1;transition:color .28s,filter .28s,text-shadow .28s;display:inline-block;position:relative}.constellation-okta__satellite-label{--label-chars:16;left:50%;top:calc(50% + (var(--tile-size) / 2) + 8px);font-family:var(--font-mono);font-size:var(--tile-label-size);letter-spacing:.06em;text-transform:uppercase;color:var(--colors-on-primary);opacity:0;pointer-events:none;background:0 0;border:none;justify-items:start;padding:6px 0;font-weight:500;transition:opacity .12s;display:grid;position:absolute;transform:translate(-50%)}.constellation-okta__satellite-label-measure,.constellation-okta__satellite-label-type{white-space:nowrap;font:inherit;letter-spacing:inherit;text-transform:inherit;grid-area:1/1}.constellation-okta__satellite-label-measure{visibility:hidden}.constellation-okta__satellite-label-type{max-width:0;transition:max-width .22s steps(var(--label-chars), end);position:relative;overflow:hidden}.constellation-okta__satellite-label-type:after{content:"";background:color-mix(in srgb, var(--colors-on-primary) 85%, transparent);opacity:0;pointer-events:none;width:1.5px;height:1em;position:absolute;top:50%;right:0;transform:translateY(-50%)}.constellation-okta__satellite--link.near .constellation-okta__satellite-label{opacity:1;transition:opacity 80ms}.constellation-okta__satellite--link.near .constellation-okta__satellite-label-type{max-width:100%;transition:max-width calc(var(--label-chars) * 32ms) steps(var(--label-chars), end)}.constellation-okta__satellite--link.near .constellation-okta__satellite-label-type:after{animation:constellation-label-caret calc(var(--label-chars) * 32ms + .12s) step-end forwards}@keyframes constellation-label-caret{0%,9%,18%,27%,36%,45%,54%,63%,72%,81%{opacity:1}4.5%,13.5%,22.5%,31.5%,40.5%,49.5%,58.5%,67.5%,76.5%,85.5%,90%,to{opacity:0}}.constellation-okta:has(.constellation-okta__satellite--link.near){cursor:pointer}.constellation-okta__satellite--link.near .constellation-okta__tile-top{box-shadow:inset 0 1px 0 #ffffff6b, 0 0 12px 2px color-mix(in srgb, var(--colors-primary) 35%, transparent)}.constellation-okta__satellite--link.near .constellation-okta__tile-shimmer{left:120%}.constellation-okta__satellite--link.near .constellation-okta__satellite-icon.material-symbols-outlined{color:#fff;filter:drop-shadow(0 0 2px #ffffffb3)drop-shadow(0 0 6px #fff6);text-shadow:0 0 5px #ffffff8c}@media (prefers-reduced-motion:reduce){.constellation-okta__core-halo,.constellation-okta__sat-halo{animation:none}.constellation-okta__satellite-label,.constellation-okta__satellite--link.near .constellation-okta__satellite-label{transition:opacity .15s}.constellation-okta__satellite-label-type,.constellation-okta__satellite--link.near .constellation-okta__satellite-label-type{max-width:100%;transition:none}.constellation-okta__satellite-label-type:after,.constellation-okta__satellite--link.near .constellation-okta__satellite-label-type:after{opacity:0;animation:none}.constellation-okta__satellite--link.near .constellation-okta__satellite-label{opacity:1}.constellation-okta__tile-top,.constellation-okta__tile-shimmer,.constellation-okta__satellite-icon.material-symbols-outlined{transition:none}}