.product-demo-video{margin:0;width:100%}.product-demo-video__screen{position:relative;width:100%;overflow:hidden;background:var(--theme-surface, #fff)}.product-demo-video__asset{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.product-demo-video--frame-hairline .product-demo-video__screen{border-radius:12.96px;border:.72px solid color-mix(in srgb,var(--theme-ink, #111) 12%,transparent);box-shadow:0 .72px color-mix(in srgb,var(--theme-ink, #111) 4%,transparent),0 20.16px 43.2px -23.04px color-mix(in srgb,var(--theme-ink, #111) 35%,transparent)}.product-demo-video--frame-sheet .product-demo-video__screen{border-radius:15.84px 15.84px 0 0;border:.72px solid color-mix(in srgb,var(--theme-ink, #111) 12%,transparent);border-bottom:0;box-shadow:0 28.8px 57.6px -28.8px color-mix(in srgb,var(--theme-ink, #111) 40%,transparent)}.product-demo-video--frame-none .product-demo-video__screen{border-radius:0}.product-demo-video__caption{margin-top:10.08px;font-size:12.24px;line-height:1.45;color:color-mix(in srgb,var(--theme-ink, #111) 62%,transparent)}.framed-demo{position:relative;display:grid;width:100%;overflow:hidden;border:1px solid color-mix(in srgb,var(--theme-text) 18%,transparent);background:var(--theme-surface-raised, var(--theme-page));box-shadow:0 24px 60px -30px #0000008c}.framed-demo--browser,.framed-demo--card{border-radius:12px}.framed-demo--phone{width:min(100%,22rem);border-radius:2.25rem;padding:.6rem}.framed-demo__chrome{display:flex;align-items:center;gap:.75rem;padding:.55rem .9rem;border-bottom:1px solid color-mix(in srgb,var(--theme-text) 12%,transparent);font-size:.8rem;color:var(--theme-text)}.framed-demo__dots{display:inline-flex;gap:.35rem}.framed-demo__dots i{width:.65rem;height:.65rem;border-radius:50%;background:color-mix(in srgb,var(--theme-text) 28%,transparent)}.framed-demo__title{flex:1;text-align:center;opacity:.8}.framed-demo__duration{font-variant-numeric:tabular-nums;opacity:.7}.framed-demo__duration--phone{position:absolute;right:1.1rem;bottom:1.1rem;padding:.15rem .5rem;border-radius:999px;background:color-mix(in srgb,var(--theme-page) 70%,transparent);font-size:.75rem}.media-placeholder{display:grid;align-content:center;gap:.75rem;margin:0;padding:1.5rem;width:100%;border:1px dashed color-mix(in srgb,currentColor 45%,transparent);color:inherit;background:color-mix(in srgb,currentColor 4%,transparent);text-align:left}.media-placeholder__meta{display:flex;flex-wrap:wrap;gap:.5rem}.media-placeholder__chip{display:inline-flex;padding:.15rem .6rem;border:1px solid color-mix(in srgb,currentColor 30%,transparent);border-radius:999px;font-size:.8rem;line-height:1.4;opacity:.85}.media-placeholder__chip--status{border-style:dashed}.media-placeholder__brief{margin:0;font-size:1rem;line-height:1.45;max-width:48ch}.media-placeholder__id{margin:0;font-size:.8rem;opacity:.6}