.video-tables-visual.real-video{
  display:flex;flex-direction:column;gap:12px;align-items:center;
  justify-content:center;min-height:0;padding:15px 16px 18px;
}
.video-tables-visual.real-video .video-tables-ambient{inset:10% 0 12%}
.video-tables-demo-eyebrow{
  position:relative;z-index:2;display:inline-flex;align-items:center;gap:7px;
  padding:7px 12px;border:1px solid rgba(255,148,79,.45);border-radius:99px;
  background:#311e17;color:#ffc199;font-size:12px;font-weight:850;text-align:center;
}
.video-tables-phone.video-tables-phone-real{
  width:min(100%,270px);transform:rotate(1deg);border-width:6px;
  box-shadow:0 26px 72px #0009,0 0 36px #ef691b1c;
}
.video-tables-real-video{
  display:block;width:100%;height:auto;aspect-ratio:9/20;
  object-fit:contain;background:#111114;
}
.video-tables-demo-controls{position:relative;z-index:3;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.video-tables-demo-controls button{
  min-height:38px;padding:8px 13px;border-radius:11px;
  border:1px solid #655047;background:#251e1e;color:#fff;
  font:inherit;font-size:12px;font-weight:800;cursor:pointer;
}
.video-tables-demo-controls button:hover,.video-tables-demo-controls button:focus-visible{background:#3a2922;border-color:#f17e3c}
.video-tables-demo-controls button:focus-visible{outline:2px solid #ff9a57;outline-offset:3px}
.video-tables-visual.real-video .video-tables-caption{
  position:relative;bottom:auto;max-width:300px;color:#bcb4bb;line-height:1.5;
}
@media(max-width:1000px){.video-tables-visual.real-video{min-height:0;max-width:680px}}
@media(max-width:700px){
  .video-tables-visual.real-video{min-height:0;padding:20px 8px 8px;gap:10px}
  .video-tables-phone.video-tables-phone-real{width:min(100%,258px)}
}
@media(max-width:385px){.video-tables-phone.video-tables-phone-real{width:min(100%,242px)}}
@media(prefers-reduced-motion:reduce){.video-tables-phone.video-tables-phone-real{transform:none}}