.overlay-lab-demo{aspect-ratio:16/9;border:1px solid color-mix(in srgb,var(--demo-color) 45%,transparent);background:radial-gradient(ellipse at 28% 110%,var(--demo-glow),transparent 65%),var(--demo-bg);color:#fff;border-radius:16px;position:relative;overflow:hidden;box-shadow:0 25px 80px #0004;container-type:inline-size}.overlay-lab-demo__grid{opacity:.14;background-image:linear-gradient(#fff3 1px,#0000 1px),linear-gradient(90deg,#fff3 1px,#0000 1px);background-size:8% 14%;position:absolute;inset:0}.overlay-lab-demo__top,.overlay-lab-demo__content,.overlay-lab-demo__bottom{position:absolute;left:5%;right:5%}.overlay-lab-demo__top{color:var(--demo-color);letter-spacing:.15em;justify-content:space-between;font-size:1.45cqw;font-weight:700;display:flex;top:6%}.overlay-lab-demo__top span{align-items:center;gap:1cqw;display:flex}.overlay-lab-demo__top svg{width:1.8cqw;height:1.8cqw}.overlay-lab-demo__content{grid-template-columns:1.65fr 1fr;align-items:center;gap:5cqw;display:grid;top:23%;bottom:27%}.overlay-lab-demo__title>span{letter-spacing:.22em;color:var(--demo-color);font-size:1.35cqw}.overlay-lab-demo__title>strong{font-family:var(--demo-font);letter-spacing:-.045em;margin:1.8cqw 0;font-size:5.35cqw;line-height:1.08;display:block}.overlay-lab-demo__title>p{opacity:.75;font-size:1.75cqw}.overlay-lab-demo__camera{border:.3cqw solid var(--demo-color);border-radius:var(--demo-radius);height:100%;color:var(--demo-color);background:linear-gradient(135deg,#ffffff0a,#0005);flex-direction:column;justify-content:center;align-items:center;gap:1cqw;display:flex;position:relative}.overlay-lab-demo__camera>svg{stroke-width:1px;width:5cqw;height:5cqw}.overlay-lab-demo__camera>span{letter-spacing:.15em;font-size:1.2cqw}.overlay-lab-demo__camera>strong{background:var(--demo-color);color:#15121e;border-radius:var(--demo-radius);max-width:90%;font-size:1.6cqw;font-family:var(--demo-font);padding:.6cqw 2cqw;position:absolute;bottom:-1.4cqw}.overlay-lab-demo__bottom{border-top:1px solid #ffffff26;justify-content:space-between;align-items:center;padding-top:2cqw;display:flex;bottom:5%}.overlay-lab-demo__bottom strong{letter-spacing:.03em;font-size:2cqw;font-family:var(--demo-font)}.overlay-lab-demo__bottom strong span{color:var(--demo-color);margin-left:1.5cqw;font-size:1cqw}.overlay-lab-demo__bottom p{opacity:.8;align-items:center;gap:1cqw;margin-top:.5cqw;font-size:1.5cqw;display:flex}.overlay-lab-demo__bottom p svg{width:1.6cqw;height:1.6cqw}.overlay-lab-demo__qr{align-items:center;gap:1.6cqw;font-size:1.35cqw;line-height:1.4;display:flex}.overlay-lab-demo__qr>img{border-radius:.4cqw;width:7cqw;height:7cqw}