@layer components{.sensor{aspect-ratio:1;border:.1vmin solid var(--grey-1);border-radius:50%;flex:0 0 40%;box-shadow:.2vmin .2vmin 0 .1vmin #0000004d}.sensor__inner{background:linear-gradient(to bottom, var(--grey-4), var(--grey-5));z-index:2;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:clip}.sensor__inner:before{content:"";aspect-ratio:1;background-color:var(--grey-0);width:96%;transition:background .32s var(--transition-easing);border-radius:50%;position:absolute;top:2%;left:2%}.sensor__grid:before,.sensor__grid:after{content:"";aspect-ratio:1;background-image:repeating-linear-gradient(var(--angle), var(--glowing-green), var(--glowing-green) .1vmin, transparent .1vmin, transparent .4vmin, transparent .8vmin);opacity:.2;border-radius:50%;width:96%;position:absolute;top:2%;left:2%}.sensor__grid:before{--angle:90deg}.sensor__grid:after{--angle:0deg}.sensor__center{aspect-ratio:1;background-color:var(--glowing-green);border-radius:50%;width:3%;position:relative}.sensor__wave{border:.2vmin solid var(--glowing-green);opacity:.5;border-radius:50%;width:100%;height:100%;animation:3.2s ease-out infinite sensor-pulse;position:absolute}.sensor__wave--one{animation-delay:-2s}.sensor__wave--two{animation-delay:-1s}@keyframes sensor-pulse{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(1)}}}