.VideoDemoFrame-module__bDmdwW__showcaseFrame{--video-demo-max-width:910px;--video-demo-max-height:690px;--video-demo-max-height-svh:68svh;--demo-fit-scale-x:1;--demo-fit-scale-y:1.01;width:min(100%, var(--video-demo-max-width));height:min(var(--video-demo-max-height), var(--video-demo-max-height-svh));background:#0e1015;border:1px solid #ffffff29;border-radius:12px;margin:0 auto 3rem;position:relative;overflow:visible;box-shadow:0 24px 80px -40px #000000bf}.VideoDemoFrame-module__bDmdwW__demoViewport{background:#0e1015;border-radius:12px;width:100%;height:100%;position:relative;overflow:hidden}.VideoDemoFrame-module__bDmdwW__demoPanel{position:absolute;inset:0}.VideoDemoFrame-module__bDmdwW__demoPanel iframe{width:calc(100% / var(--demo-fit-scale-x,1));height:calc(100% / var(--demo-fit-scale-y,1));transform:translate(-50%, -50%) scale(var(--demo-fit-scale-x,1), var(--demo-fit-scale-y,1));transform-origin:50%;border:0;position:absolute;top:50%;left:50%}.VideoDemoFrame-module__bDmdwW__demoPanelHidden{visibility:hidden;pointer-events:none}.VideoDemoFrame-module__bDmdwW__placeholder{text-align:center;background:radial-gradient(at 50% 0,#7b28ff1f,#0000 55%),#0e1015;place-items:center;padding:2rem;display:grid;position:absolute;inset:0}.VideoDemoFrame-module__bDmdwW__tabNav{z-index:2;-webkit-backdrop-filter:blur(16px);background:#0e1015eb;border:1px solid #ffffff1a;border-radius:6px;flex-wrap:nowrap;justify-content:center;align-items:center;gap:.2rem;max-width:calc(100% - 1.5rem);padding:.2rem;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%,50%);box-shadow:0 8px 32px #00000073,inset 0 1px #ffffff0a}.VideoDemoFrame-module__bDmdwW__tabButton{color:#ffffff9e;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:2px;flex-shrink:1;min-width:0;height:32px;transition:color .15s,border-color .15s,box-shadow .15s;position:relative;overflow:hidden}.VideoDemoFrame-module__bDmdwW__tabButton:hover{color:#ffffffeb}.VideoDemoFrame-module__bDmdwW__tabButton:focus-visible{outline:2px solid var(--color-primary-600);outline-offset:2px}.VideoDemoFrame-module__bDmdwW__tabButtonActive{color:#fff;background:#7b28ff57;border-color:#b485ff38;box-shadow:0 0 14px -6px #7b28ff47}.VideoDemoFrame-module__bDmdwW__tabProgressFill{z-index:0;transform-origin:0;pointer-events:none;animation:VideoDemoFrame-module__bDmdwW__tabProgressFill var(--video-demo-tab-ms,11s) linear forwards;background:#7b28ff80;position:absolute;inset:0;transform:scaleX(0)}.VideoDemoFrame-module__bDmdwW__tabLabel{z-index:1;white-space:nowrap;justify-content:center;align-items:center;gap:.35rem;height:100%;padding:0 .7rem;font-size:.75rem;font-weight:500;line-height:1;display:flex;position:relative}.VideoDemoFrame-module__bDmdwW__tabIcon{opacity:.75;flex-shrink:0;place-items:center;width:14px;height:14px;display:grid}.VideoDemoFrame-module__bDmdwW__tabIcon svg{width:14px;height:14px}.VideoDemoFrame-module__bDmdwW__tabButtonActive .VideoDemoFrame-module__bDmdwW__tabIcon{opacity:1;color:#fff}@keyframes VideoDemoFrame-module__bDmdwW__tabProgressFill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.VideoDemoFrame-module__bDmdwW__tabProgressFill{animation-duration:.01ms}}@media (max-width:720px){.VideoDemoFrame-module__bDmdwW__showcaseFrame{margin-bottom:1.75rem}.VideoDemoFrame-module__bDmdwW__tabNav{gap:.1rem;max-width:calc(100% - .75rem);padding:.15rem}.VideoDemoFrame-module__bDmdwW__tabButton{height:28px}.VideoDemoFrame-module__bDmdwW__tabLabel{padding:0 .45rem;font-size:.6875rem}.VideoDemoFrame-module__bDmdwW__tabIcon{display:none}}