/* FV alternative: recorder motion modeled on the actual product UI */
.fv-recorder-bar{position:absolute;z-index:20;top:7px;left:50%;display:grid;grid-template-columns:42px minmax(0,1fr) 37px 26px;align-items:center;width:min(374px,72%);height:51px;border:1px solid #dadcd2;border-radius:26px;background:rgba(255,255,255,.97);box-shadow:0 5px 16px rgba(38,43,31,.16),0 1px 2px rgba(38,43,31,.1);transform:translateX(-50%);backdrop-filter:blur(10px);animation:fvRecorderCycle 12s ease-in-out infinite}
.fv-recorder-wave{display:flex;align-items:center;justify-content:flex-end;gap:2px;height:22px;padding-right:9px}
.fv-recorder-wave i{display:block;width:2px;height:7px;border-radius:2px;background:#8eb500;transform-origin:center;animation:fvRecorderWave .72s ease-in-out infinite alternate}
.fv-recorder-wave i:nth-child(2){height:13px;animation-delay:-.48s}
.fv-recorder-wave i:nth-child(3){height:18px;animation-delay:-.16s}
.fv-recorder-wave i:nth-child(4){height:21px;animation-delay:-.58s}
.fv-recorder-wave i:nth-child(5){height:16px;animation-delay:-.3s}
.fv-recorder-wave i:nth-child(6){height:11px;animation-delay:-.67s}
.fv-recorder-wave i:nth-child(7){height:7px;animation-delay:-.38s}
.fv-recorder-label{min-width:0;overflow:hidden;padding:0 9px;border-left:1px solid #edeee8;mask-image:linear-gradient(90deg,transparent 0,#000 9px,#000 calc(100% - 9px),transparent 100%)}
.fv-recorder-marquee{display:block;width:max-content;will-change:transform;animation:fvRecorderMarquee 7s linear infinite}
.fv-recorder-marquee span{display:block;flex:none;padding-right:34px;color:#363a32;font-size:9px;font-weight:650;line-height:1.35;white-space:nowrap}
.fv-recorder-stop{display:grid;place-items:center;width:34px;height:34px;border-left:1px solid #edeee8;border-right:1px solid #edeee8;background:#f5f5f3}
.fv-recorder-stop b{width:10px;height:10px;border-radius:2px;background:#3c3d43}
.fv-recorder-chevron{display:grid;place-items:center;color:#64675f;font-size:12px;font-weight:700}
@keyframes fvRecorderWave{from{transform:scaleY(.34);opacity:.65}to{transform:scaleY(1);opacity:1}}
@keyframes fvRecorderMarquee{from{transform:translateX(100%)}to{transform:translateX(-100%)}}
@keyframes fvRecorderCycle{0%,39%{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}45%,94%{opacity:0;visibility:hidden;transform:translateX(-50%) translateY(-5px)}to{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}}
@media (max-width:800px){.fv-recorder-bar{top:5px;width:min(270px,78%);height:43px;grid-template-columns:34px minmax(0,1fr) 32px 22px}.fv-recorder-wave{gap:1px;padding-right:6px}.fv-recorder-wave i{width:2px}.fv-recorder-marquee span{font-size:7px;padding-right:26px}.fv-recorder-stop{width:30px;height:30px}.fv-recorder-stop b{width:8px;height:8px}}
@media (prefers-reduced-motion:reduce){.fv-recorder-bar,.fv-recorder-wave i,.fv-recorder-marquee{animation:none!important}}