.sd-esp-demo{pointer-events:none}.sd-hero:has(.sd-esp-demo.is-open){-webkit-mask-image:none;mask-image:none}.sd-character-stage{-webkit-user-select:none;user-select:none;aspect-ratio:1100/1430;perspective:1200px;width:auto;height:100%;margin-inline-start:auto;margin-inline-end:auto;transition:transform .5s;position:relative}.sd-character-turn{transform-style:preserve-3d;transform:rotateY(var(--character-angle,0deg));transition:transform .5s cubic-bezier(.2,.7,.2,1);position:absolute;top:0;bottom:0;left:0;right:0}.sd-character-interaction{pointer-events:auto;cursor:grab;touch-action:pan-y;outline:none;position:absolute;top:0;bottom:0;left:0;right:0}.sd-character-interaction:focus-visible{outline-offset:-40px;border-radius:35%;outline:1px dashed #f6a5d45c}.sd-character-interaction img{-webkit-user-select:none;user-select:none;pointer-events:none}.sd-esp-demo.is-dragging .sd-character-turn{transition:none}.sd-esp-demo.is-dragging .sd-character-interaction{cursor:grabbing}.sd-esp-demo.is-dragging,.sd-esp-demo.is-open{animation-play-state:paused}.sd-esp-demo.is-open .sd-character-stage{transform:translate(-45px)scale(.9)}.sd-esp-overlay{pointer-events:none;filter:drop-shadow(0 0 5px #f58bc633);width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;transform:translateZ(34px)}.sd-try-esp{z-index:5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#ffd5eb;cursor:pointer;pointer-events:auto;background:#27131fcf;border:1px solid #ec91c55e;border-radius:30px;align-items:center;gap:8px;padding:12px 15px;font-size:12px;transition:background .2s;display:flex;position:absolute;top:40%;left:3%;box-shadow:0 4px 24px #0004}.sd-try-esp:after{content:"";background:linear-gradient(90deg,#ef9fc9a0,#0000);width:33px;height:1px;position:absolute;top:50%;left:100%}.sd-try-esp:hover{background:#4a2039}.sd-try-dot{background:#f492c7;border-radius:50%;width:5px;height:5px;box-shadow:0 0 9px #f492c766}.is-open .sd-try-esp{white-space:nowrap;top:7%;left:50%;transform:translate(-50%)}.is-open .sd-try-esp:after{display:none}.sd-esp-controls{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.sd-esp-connectors{stroke:#f69ece8c;stroke-width:.18px;fill:none;filter:drop-shadow(0 0 4px #f699ce33);width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.sd-esp-node{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:auto;background:#150e17e8;border:1px solid #f4a4ce30;border-radius:11px;width:135px;padding:11px 12px;position:absolute;box-shadow:0 8px 35px #0005}.sd-esp-node.is-enabled{border-color:#f19ecb6e}.sd-esp-node-box{top:22%;left:-1%}.sd-esp-node-skeleton{top:22%;right:-1%}.sd-esp-node-health{top:65%;left:-1%}.sd-esp-node-distance{top:65%;right:-1%}.sd-esp-node>button{color:#f7eaf1;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:0;font-size:11px;display:flex}.sd-esp-switch{background:#57414f;border-radius:20px;flex:none;width:23px;height:13px;padding:3px}.sd-esp-switch:after{content:"";background:#a899a2;border-radius:50%;width:7px;height:7px;transition:transform .2s;display:block}.is-enabled .sd-esp-switch{background:#f08ac5}.is-enabled .sd-esp-switch:after{background:#351528;transform:translate(10px)}.sd-esp-node label{color:#ab92a0;justify-content:space-between;align-items:center;margin-top:12px;font-size:10px;display:flex}.sd-esp-node input[type=color]{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:5px;width:28px;height:20px;padding:0}.sd-esp-node input[type=color]::-webkit-color-swatch-wrapper{padding:2px}.sd-esp-node input[type=color]::-webkit-color-swatch{border:0;border-radius:2px}.sd-esp-actions{pointer-events:auto;white-space:nowrap;background:#140c16dc;border:1px solid #ef8dc529;border-radius:24px;align-items:center;gap:12px;padding:7px 10px;display:flex;position:absolute;bottom:13%;left:50%;transform:translate(-50%)}.sd-esp-actions span{color:#c4a5b5;font-size:10px}.sd-esp-actions button{color:#efb7d5;cursor:pointer;background:0 0;border:0;place-items:center;padding:4px;display:grid}@media (max-width:1150px) and (min-width:561px){.sd-esp-node{width:122px;padding:9px}}@media (max-width:850px) and (min-width:561px){.sd-esp-demo.is-open .sd-character-stage{transform:translate(-20px)scale(.9)}}@media (max-width:560px){.sd-esp-demo .sd-character-stage{height:100%}.sd-esp-demo.is-open{width:100%;height:350px;bottom:-10px;right:0}.sd-esp-demo.is-open .sd-character-stage{width:100%;transform:none}.sd-esp-demo.is-open .sd-character-turn{width:235px;left:calc(50% - 117px)}.sd-try-esp{padding:10px 12px;font-size:11px;top:32%;left:-12%}.is-open .sd-try-esp{padding:8px 11px;top:2%;left:50%}.sd-esp-node{width:108px;padding:8px}.sd-esp-node>button{gap:5px;font-size:10px}.sd-esp-node label{margin-top:8px;font-size:9px}.sd-esp-node-box,.sd-esp-node-health{left:3%}.sd-esp-node-skeleton,.sd-esp-node-distance{right:3%}.sd-esp-node-box,.sd-esp-node-skeleton{top:19%}.sd-esp-node-health,.sd-esp-node-distance{top:58%}.sd-esp-actions{bottom:7%}}@media (prefers-reduced-motion:reduce){.sd-character-stage,.sd-character-turn{transition:none}}.sd-try-esp{top:46%;left:auto;right:-2%}.sd-try-esp:after{background:linear-gradient(90deg,#0000,#ef9fc9a0);left:auto;right:100%}.is-open .sd-try-esp{top:9%;left:auto;right:-2%;transform:none}@media (max-width:560px){.sd-try-esp{top:38%;right:-3%}.is-open .sd-try-esp{top:2%;right:3%}}.sd-character-turn{transform:none}.sd-character-webgl{opacity:0;pointer-events:none;width:148%;position:absolute;top:0;bottom:0;left:50%;right:auto;transform:translate(-50%)}.sd-character-webgl.is-ready{opacity:1}.sd-character-webgl,.sd-character{transition:opacity .45s}.sd-esp-demo:not(.is-open) .sd-character-webgl{-webkit-mask-image:linear-gradient(#000 0% 78%,#0000 100%);mask-image:linear-gradient(#000 0% 78%,#0000 100%)}.sd-character-webgl canvas{width:100%;height:100%;display:block}.sd-character.is-model-ready{opacity:0}.sd-model-health,.sd-model-distance{z-index:1;pointer-events:none;font:800 12px/1 var(--font-geist-sans), Arial, sans-serif;text-shadow:0 1px 5px #000;position:absolute}.sd-model-health{background:#0c0a10c9;border:1px solid #ffffff45;border-radius:5px;width:5px}.sd-model-health>span{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.sd-model-health>i{border-radius:inherit;background:currentColor;position:absolute;top:12%;bottom:0;left:0;right:0;box-shadow:0 0 9px}.sd-model-distance{white-space:nowrap;background:#140c16e8;border:1px solid #f89ccd30;border-radius:7px;padding:7px 10px;transform:translate(-50%)}.sd-rust-demo.is-open .sd-esp-node-box,.sd-rust-demo.is-open .sd-esp-node-health{left:calc(var(--esp-left,30%) - 24px);right:auto;transform:translate(-100%)}.sd-rust-demo.is-open .sd-esp-node-skeleton,.sd-rust-demo.is-open .sd-esp-node-distance{left:calc(var(--esp-right,70%) + 24px);right:auto}.sd-rust-demo.is-open .sd-esp-node-box,.sd-rust-demo.is-open .sd-esp-node-skeleton{top:var(--esp-upper,22%)}.sd-rust-demo.is-open .sd-esp-node-health,.sd-rust-demo.is-open .sd-esp-node-distance{top:var(--esp-lower,65%)}.sd-rust-demo.is-open .sd-esp-actions{left:var(--esp-center,50%);top:var(--esp-actions-top,90%);bottom:auto}.sd-rust-demo.is-open .sd-try-esp{left:calc(var(--esp-right,70%) + 24px);right:auto;top:max(0px, calc(var(--esp-upper,22%) - 80px))}.sd-rust-demo .sd-esp-connectors{stroke-width:1px;opacity:.6}.sd-rust-demo .sd-character-interaction[aria-disabled=true]{cursor:default}.sd-model-hit{cursor:grab;position:absolute}.sd-character-webgl.is-ready .sd-model-hit{pointer-events:auto}.sd-rust-demo.is-dragging .sd-model-hit{cursor:grabbing}.sd-try-esp{right:2%}@media (min-width:561px) and (max-width:850px){.sd-hero:has(.sd-esp-demo){min-height:0;padding-bottom:420px;display:block}.sd-hero:has(.sd-esp-demo) .sd-hero-copy{width:100%;max-width:none}.sd-hero .sd-esp-demo{opacity:1;width:100%;height:440px;top:auto;bottom:-28px;right:0}.sd-esp-demo.is-open .sd-character-stage{transform:scale(.9)}}@media (max-width:560px){.sd-hero:has(.sd-esp-demo.is-open){min-height:680px}.sd-esp-demo:not(.is-open) .sd-character-turn{transform:translate(-35px)}.sd-esp-demo:not(.is-open) .sd-try-esp{padding:9px 11px;right:max(12px,150px - 36vw)}.sd-hero:has(.sd-rust-demo.is-open){min-height:0;padding-bottom:680px}.sd-rust-demo.is-open{height:650px;bottom:0}.sd-rust-demo.is-open .sd-character-turn{width:100%;height:460px;left:0}.sd-rust-demo.is-open .sd-esp-node{width:calc(50% - 22px);padding:10px 12px;transform:none}.sd-rust-demo.is-open .sd-esp-node-box,.sd-rust-demo.is-open .sd-esp-node-health{left:12px;right:auto}.sd-rust-demo.is-open .sd-esp-node-skeleton,.sd-rust-demo.is-open .sd-esp-node-distance{left:auto;right:12px}.sd-rust-demo.is-open .sd-esp-node-box,.sd-rust-demo.is-open .sd-esp-node-skeleton{top:var(--esp-controls-top,424px)}.sd-rust-demo.is-open .sd-esp-node-health,.sd-rust-demo.is-open .sd-esp-node-distance{top:calc(var(--esp-controls-top,424px) + 78px)}.sd-rust-demo.is-open .sd-esp-actions{left:50%}.sd-rust-demo.is-open .sd-try-esp{top:-28px;left:auto;right:12px}.sd-rust-demo.is-open .sd-esp-connectors{display:none}}.sd-hero-art.sd-esp-demo{filter:none;animation:none}.sd-hero-art.sd-esp-demo .sd-character{filter:none}.sd-hero .sd-esp-demo:not(.is-open) :-webkit-any(.sd-character-webgl,.sd-cv-canvas){-webkit-mask-image:linear-gradient(#000 0% 64%,#000000e6 76%,#0008 90%,#0000 100%);mask-image:linear-gradient(#000 0% 64%,#000000e6 76%,#0008 90%,#0000 100%)}.sd-hero .sd-esp-demo:not(.is-open) :-moz-any(.sd-character-webgl,.sd-cv-canvas){-webkit-mask-image:linear-gradient(#000 0% 64%,#000000e6 76%,#0008 90%,#0000 100%);mask-image:linear-gradient(#000 0% 64%,#000000e6 76%,#0008 90%,#0000 100%)}.sd-hero .sd-esp-demo:not(.is-open) :is(.sd-character-webgl,.sd-cv-canvas){-webkit-mask-image:linear-gradient(#000 0% 64%,#000000e6 76%,#0008 90%,#0000 100%);mask-image:linear-gradient(#000 0% 64%,#000000e6 76%,#0008 90%,#0000 100%)}.sd-hero:has(.sd-esp-demo:not(.is-open)) .sd-hero-smoke{z-index:4}.sd-hero .sd-hero-buttons,.sd-hero .sd-hero-description{z-index:5}.sd-hero .sd-hero-buttons{pointer-events:none}.sd-hero .sd-hero-buttons>a{pointer-events:auto}.sd-category-viewer:not(.is-unavailable):not(.has-discovered):not(.is-open) .sd-cv-rotate{display:none}.sd-esp-demo :-webkit-any(.sd-character-interaction,.sd-cv-stage)[data-pointer-focus=true]:focus-visible{outline:none}.sd-esp-demo :-moz-any(.sd-character-interaction,.sd-cv-stage)[data-pointer-focus=true]:focus-visible{outline:none}.sd-esp-demo :is(.sd-character-interaction,.sd-cv-stage)[data-pointer-focus=true]:focus-visible{outline:none}