@layer properties,theme,base;@layer components{.world-backdrop.wb{contain:strict;opacity:.55;background:radial-gradient(70% 55% at 70% 0%, color-mix(in srgb, var(--color-fg) 4%, transparent) 0%, transparent 70%);-webkit-mask-image:linear-gradient(#000 0% 30%,#0000 85%);mask-image:linear-gradient(#000 0% 30%,#0000 85%)}.wb-layer{width:108%;height:108%;position:absolute;inset:-4%}html:not([data-motion=reduced]) .wb .world-drift{animation:80s ease-in-out infinite alternate wb-drift}@keyframes wb-drift{to{transform:translate(-2.5%,1.5%)}}.wb .world-signal{stroke-dasharray:5 95;opacity:.85}html:not([data-motion=reduced]) .wb .world-signal{animation:14s linear infinite wb-signal}@keyframes wb-signal{0%{stroke-dashoffset:100px}to{stroke-dashoffset:0}}html[data-motion=reduced] .wb .world-drift,html[data-motion=reduced] .wb .world-signal{animation:none}html[data-motion=reduced] .wb .world-signal{opacity:0}.wb-canvas{color:var(--color-line-strong);display:none}:root:has([data-page-env=canvas]) .wb-ink{display:none}:root:has([data-page-env=canvas]) .wb-canvas{display:block}:root:has([data-page-env=canvas]) .world-backdrop.wb{opacity:1;background:0 0;-webkit-mask-image:linear-gradient(#000 0% 35%,#0000 90%);mask-image:linear-gradient(#000 0% 35%,#0000 90%)}@media (max-width:767px){:root:has([data-page-env=canvas]) .world-backdrop.wb{-webkit-mask-image:linear-gradient(#000 0% 20%,#0000 62%);mask-image:linear-gradient(#000 0% 20%,#0000 62%)}}.wb-canvas path,.wb-canvas circle{stroke-width:1px}.wb-construct{opacity:.6}.wb-guide{opacity:.5;stroke-dasharray:2 7}.wb-scale{opacity:.6}.wb-mark{stroke:var(--color-fg-dim);opacity:.32}.wb-rings{color:var(--color-fg-dim);opacity:.3}}@layer utilities;