@import"https://fonts.googleapis.com/css2?family=Chakra+Petch:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";:root{--accent-primary:#63e;font-family:Poppins,sans-serif;--bs-card-bg:var(--bs-body-bg);--border-radius:34px }.digital-twin-page{overflow:hidden}.digital-twin-hero{position:absolute;font-family:Chakra Petch,sans-serif;padding-top:24px;width:100%;z-index:2;opacity:0;transform:translateY(50%);transition:1s}.digital-twin-hero.visible{opacity:1;transform:translateY(0)}.digital-twin-hero#hud{pointer-events:none;height:100%}.compass-container.svelte-s2o7lv.svelte-s2o7lv{position:fixed;bottom:24px;left:24px;display:flex;align-items:flex-end;justify-content:center}.compass-container.svelte-s2o7lv .compass.svelte-s2o7lv{background:#171717b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;display:flex;height:250px;width:250px;position:relative;border-radius:50% 50% 0;justify-content:center;align-items:center}.compass-container.svelte-s2o7lv .compass .degrees.svelte-s2o7lv{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin-bottom:0!important}.logo.svelte-s2o7lv.svelte-s2o7lv{position:fixed;top:24px;left:24px;z-index:99}.label-container.svelte-s2o7lv.svelte-s2o7lv{position:relative;background:#171717b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;padding:12px 16px 12px 12px;border-radius:0 24px 24px 0}.label-container.svelte-s2o7lv.svelte-s2o7lv:before{content:"";position:absolute;background:transparent;top:-96px;left:0;height:96px;width:24px;box-shadow:0 32px #171717b3;border-radius:0 0 0 24px;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.label-container.svelte-s2o7lv .label.svelte-s2o7lv{display:flex;min-width:120px;justify-content:space-between;align-items:center;border-radius:0;border:none}.gauge-container.svelte-s2o7lv.svelte-s2o7lv{position:fixed;bottom:24px;right:24px;display:flex;align-items:flex-end;justify-content:center}.gauge-container.svelte-s2o7lv .gauge.svelte-s2o7lv{background:#171717b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;display:flex;height:250px;width:250px;position:relative;border-radius:50% 50% 50% 0;justify-content:center;align-items:center}.gauge-container.svelte-s2o7lv .label-container.svelte-s2o7lv{padding:12px 12px 12px 16px;border-radius:24px 0 0 24px}.gauge-container.svelte-s2o7lv .label-container.svelte-s2o7lv:before{left:unset;right:0;box-shadow:0 32px #171717b3;border-radius:0 0 24px}.gauge-container .gauge .progress-bar{position:absolute;width:100%;transform:translate(-50%,-50%)}.gauge-container .gauge .progress-bar:nth-child(1){width:100%}.gauge-container .gauge .progress-bar:nth-child(2){width:70%}.gauge-container .gauge .progress-bar:nth-child(3){width:40%}#loader{position:fixed;left:0;top:0;z-index:98;background:#000;display:flex;justify-content:center;align-content:center;flex-direction:column;text-align:center}.blob.svelte-s2o7lv.svelte-s2o7lv{position:fixed;height:20vw;width:20vw;filter:blur(200px);mix-blend-mode:overlay;z-index:99;pointer-events:none}.blob.svelte-s2o7lv.svelte-s2o7lv:nth-of-type(1){top:10%;right:0;background:linear-gradient(60deg,#63e,#00f);border-radius:46% 54% 63% 37%/30% 44% 56% 70%;filter:blur(200px)}.blob.svelte-s2o7lv.svelte-s2o7lv:nth-of-type(2){top:50%;left:-100px;background:linear-gradient(60deg,#63e,pink);border-radius:75% 25% 50% 50%/17% 64% 36% 83%;filter:blur(150px)}#control-bar.svelte-s2o7lv.svelte-s2o7lv{position:fixed;bottom:24px;left:50%;transform:translate(-50%);padding:12px;z-index:98;background:#171717b3;border:1px solid rgba(255,255,255,.18);box-shadow:0 8px 32px #6a1f875e;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:34px}@media (min-width: 0){#control-bar.connected.svelte-s2o7lv.svelte-s2o7lv{bottom:150px}}@media (min-width: 1200px){#control-bar.connected.svelte-s2o7lv.svelte-s2o7lv{bottom:24px}}#control-bar.svelte-s2o7lv .form-control-color.svelte-s2o7lv{width:3rem;height:47px;padding:.375rem;border-radius:24px;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}canvas.svelte-s2o7lv.svelte-s2o7lv{position:fixed;width:100%;height:100%;left:0;top:0}