.bay-demo{display:flex;justify-content:center;overflow-x:clip;overflow-y:visible;padding-bottom:var(--baymetrics-space-16)}.bay-demo__stage{aspect-ratio:1/1;flex:0 0 540px;position:relative;width:540px}.bay-demo__video{border-radius:var(--baymetrics-radius);display:block;height:100%;inset:0;object-fit:contain;position:absolute;width:100%}.bay-demo__board{left:50%;max-width:168px;position:absolute;top:0;transform:translateX(-50%) perspective(500px) rotateY(-21deg) rotate(-1deg);width:25%;z-index:2}.bay-demo__rays{height:96%;left:0;position:absolute;top:2.2%;width:100%;z-index:3;--baymetrics-scene-sweep:1deg}.bay-demo__rays.is-on{opacity:.45}.bay-demo__phone{left:58%;mask-image:linear-gradient(180deg,#000 52%,transparent 74%);max-width:205px;position:absolute;top:50%;transform:translateX(-50%);width:38%;z-index:4}.bay-demo__alert{left:50%;max-width:250px;opacity:0;position:absolute;top:44%;transform:translate(-50%,-14px);transition:opacity .32s ease,transform .32s ease;width:46%;z-index:5}.bay-demo__alert.is-visible{opacity:1;transform:translate(-50%)}.bay-demo__replay{align-items:center;background:none;border:0;color:var(--baymetrics-text);cursor:pointer;display:flex;font-family:inherit;font-size:.6875rem;font-weight:500;gap:var(--baymetrics-space-1);left:50%;letter-spacing:.07em;padding:0;position:absolute;top:calc(100% + var(--baymetrics-space-12));transform:translateX(-50%);z-index:4}.bay-demo__replay:hover{color:var(--baymetrics-text-secondary)}.bay-demo__replay-icon{height:13px;width:13px}@media (min-width:640px){.bay-demo{padding-bottom:var(--baymetrics-space-12)}.bay-demo__phone{left:auto;right:1.5%;top:33%;transform:none}.bay-demo__alert{left:auto;right:4.7%;top:30%;transform:translateY(-14px)}.bay-demo__alert.is-visible{transform:translateY(0)}.bay-demo__replay{bottom:var(--baymetrics-space-4);left:auto;right:0;top:auto;transform:none}}