.table-scroll{overflow:auto;margin:50px 0}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:20px;border-bottom:1px solid #b8bcb3}caption{text-align:left;margin-bottom:20px}.panel label{margin:20px 0}.demo-picker{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0}.demo-picker button{padding:12px 20px;border:1px solid #b2b7ac;background:transparent;color:inherit;cursor:pointer}.demo-picker button[aria-pressed=true]{background:#273e36;color:white}.demo-frame{display:block;width:100%;height:740px;border:1px solid #c7c9c1;background:white;margin:auto;transition:width .35s ease}.demo-frame.mobile{width:min(390px,100%);height:750px}.video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.video-grid video{width:100%;background:#172b24}.video-card{padding:20px;border:1px solid #c7c9c1}.metrics{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important}@media(max-width:700px){.video-grid{grid-template-columns:1fr}.demo-frame{height:650px}}@media(prefers-reduced-motion:reduce){.demo-frame{transition:none}}