/* Reserve a caption strip inside the demo, below the clipped camera viewport. */
.quick-demo{--subtitle-font-size:17px}
.quick-demo .demo-product-viewport{position:relative;overflow:hidden}
.quick-demo .demo-shot{min-height:100%}
.quick-demo .demo-subtitles{position:relative;z-index:20;height:auto;min-height:0;margin:0;padding:calc(10px / var(--fold-scale,1)) calc(14px / var(--fold-scale,1));display:grid;place-items:center;text-align:center;color:#202322;background:linear-gradient(110deg,#2199a5 0%,#75cbd1 100%);border:0}
.demo-subtitle-text{margin:0;max-width:calc(740px / var(--fold-scale,1));font:400 calc(var(--subtitle-font-size) / var(--fold-scale,1))/1.4 var(--serif);text-wrap:balance}
.subtitle-remaining{visibility:hidden}
.subtitle-accessible{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.quick-demo.captions-off .demo-subtitle-text{visibility:hidden}
.subtitle-toggle{flex-shrink:0;width:32px;height:32px;padding:0;border:1px solid #789385;border-radius:5px;background:#e6eee7;color:#18392a;font:600 11px/1 Arial,sans-serif;letter-spacing:.4px}
.subtitle-toggle[aria-pressed=false]{background:transparent;color:#c1cbc4;border-color:#52665a}
@media(max-width:800px){.quick-demo{--subtitle-font-size:15px}.subtitle-toggle{width:30px;height:30px}}