.qd-pace-demo{--pace-sky:#9fd0ec;--pace-sky-low:#e3f0ef;--pace-grass:#8fb26c;--pace-asphalt:#545b58;position:relative;display:block;height:112px;container-type:inline-size;overflow:hidden;border-radius:14px;background:linear-gradient(180deg,var(--pace-sky) 0,var(--pace-sky-low) 52%,var(--pace-grass) 52%)}[data-qd-theme=dark] .qd-pace-demo{--pace-sky:#0c1a2a;--pace-sky-low:#213a4c;--pace-grass:#2a4030;--pace-asphalt:#343a38}.qd-pace-road{position:absolute;inset:52% 0 0 0;background:var(--pace-asphalt);clip-path:polygon(48.5% 0,51.5% 0,92% 100%,8% 100%)}.qd-pace-sign{position:absolute;top:0;left:0;width:46px;transform-origin:50% 100%}.qd-pace-sign .qd-sign-img{width:100%;filter:drop-shadow(0 3px 5px rgba(0,0,0,.25))}.qd-pace-demo.is-estrada .qd-pace-sign{animation:qd-pace-pass 3.4s cubic-bezier(.5,0,.9,.5) infinite}.qd-pace-demo.is-calma .qd-pace-sign{animation:qd-pace-wait 3.4s cubic-bezier(.2,.7,.3,1) infinite}@keyframes qd-pace-pass{0%{opacity:0;transform:translate(calc(52cqw - 23px),6px) scale(.18)}8%{opacity:1}80%{opacity:1;transform:translate(calc(78cqw - 23px),40px) scale(1)}to{opacity:0;transform:translate(calc(98cqw - 23px),70px) scale(1.5)}}@keyframes qd-pace-wait{0%{opacity:0;transform:translate(calc(52cqw - 23px),6px) scale(.18)}10%{opacity:1}38%,92%{opacity:1;transform:translate(calc(72cqw - 23px),30px) scale(.9)}to{opacity:0;transform:translate(calc(72cqw - 23px),30px) scale(.9)}}.qd-pace-timer{position:absolute;top:9px;left:10px;right:10px;height:4px;overflow:hidden;border-radius:2px;background:rgba(255,255,255,.45)}.qd-pace-timer i{display:block;height:100%;border-radius:inherit;background:#fff;transform-origin:left center;animation:qd-pace-clock 3.4s linear infinite}@keyframes qd-pace-clock{0%{transform:scaleX(1)}80%,to{transform:scaleX(0)}}.qd-pace-wait{position:absolute;top:8px;left:10px;display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:999px;background:rgba(255,255,255,.88);color:#29332e;font-size:11px;font-weight:700}@media (prefers-reduced-motion:reduce){.qd-pace-demo .qd-pace-sign{animation:none;transform:translate(calc(72cqw - 23px),30px) scale(.9)}.qd-pace-timer i{animation:none;transform:scaleX(.5)}}.qd-road{--road-sky-top:#8ec9ea;--road-sky-low:#e3f0ef;--road-horizon:#f6ecd2;--road-sun:#ffe7a8;--road-hill:#9cbf86;--road-hill-far:#b8cfb0;--road-grass:#8fb26c;--road-grass-near:#789d58;--road-asphalt:#545b58;--road-asphalt-near:#464c4a;--road-line:#f7f3e6;--road-hood:#2f3633;position:relative;container-type:size;height:clamp(300px,52vh,520px);overflow:hidden;border-radius:24px;background:var(--road-grass);isolation:isolate}[data-qd-theme=dark] .qd-road{--road-sky-top:#0c1a2a;--road-sky-low:#213a4c;--road-horizon:#4b5a56;--road-sun:#e9eef2;--road-hill:#2f4a39;--road-hill-far:#3a5446;--road-grass:#2a4030;--road-grass-near:#213427;--road-asphalt:#343a38;--road-asphalt-near:#2a2f2d;--road-line:#d9d6c8;--road-hood:#121614}.qd-road-sky{position:absolute;inset:0 0 58% 0;background:linear-gradient(180deg,var(--road-sky-top) 0,var(--road-sky-low) 72%,var(--road-horizon) 100%)}.qd-road-sun{position:absolute;top:22%;right:16%;width:11cqh;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#fffaf0 0,var(--road-sun) 70%);box-shadow:0 0 46px 10px color-mix(in srgb,var(--road-sun) 60%,transparent)}.qd-road-city,.qd-road-hills{position:absolute;left:0;bottom:0;width:100%}.qd-road-hills{height:46%;fill:var(--road-hill)}.qd-road-city{height:30%;fill:var(--road-hill-far);opacity:.8}.qd-road-ground{position:absolute;inset:42% 0 0 0;background:linear-gradient(180deg,var(--road-grass) 0,var(--road-grass-near) 100%)}.qd-road-asphalt,.qd-road-plane{position:absolute;inset:0}.qd-road-asphalt{background:linear-gradient(180deg,var(--road-asphalt) 0,var(--road-asphalt-near) 100%);clip-path:polygon(48.6% 0,51.4% 0,92% 100%,8% 100%)}.qd-road-asphalt:after,.qd-road-asphalt:before{content:"";position:absolute;inset:0;background:var(--road-line)}.qd-road-asphalt:before{clip-path:polygon(48.9% 0,49.1% 0,12% 100%,10% 100%)}.qd-road-asphalt:after{clip-path:polygon(50.9% 0,51.1% 0,90% 100%,88% 100%)}.qd-road-dashes,.qd-road-posts{position:absolute;inset:0}.qd-road-dashes:after,.qd-road-dashes:before,.qd-road-posts:after,.qd-road-posts:before{content:"";position:absolute;top:0;left:50%;border-radius:2px;background:var(--road-line);transform-origin:50% 0}.qd-road-dashes:after,.qd-road-dashes:before{width:1.6cqw;height:13cqh;animation:qd-road-dash calc(1.3s / var(--road-pace, 1)) linear infinite}.qd-road-dashes:after{animation-delay:calc(-.65s / var(--road-pace, 1))}.qd-road-posts:after,.qd-road-posts:before{width:.9cqw;height:9cqh;background:linear-gradient(180deg,#e9e5d6 0 30%,#2e3431 30% 42%,#e9e5d6 42%)}.qd-road-posts:before{animation:qd-road-post-left calc(1.8s / var(--road-pace, 1)) linear infinite}.qd-road-posts:after{animation:qd-road-post-right calc(1.8s / var(--road-pace, 1)) linear infinite;animation-delay:calc(-.9s / var(--road-pace, 1))}.qd-road[data-moving=false] :is(.qd-road-dashes,.qd-road-posts):after,.qd-road[data-moving=false] :is(.qd-road-dashes,.qd-road-posts):before{animation-play-state:paused}@keyframes qd-road-dash{0%{opacity:0;transform:translate(-50%) scale(.04)}8%{opacity:1}45%{transform:translate(-50%,9cqh) scale(.2)}70%{transform:translate(-50%,23cqh) scale(.45)}88%{transform:translate(-50%,39cqh) scale(.74)}to{opacity:1;transform:translate(-50%,60cqh) scale(1.1)}}@keyframes qd-road-post-left{0%{opacity:0;transform:translate(-1cqw,-2cqh) scale(.05)}10%{opacity:1}45%{transform:translate(-7cqw,7cqh) scale(.22)}70%{transform:translate(-17cqw,20cqh) scale(.48)}88%{transform:translate(-30cqw,36cqh) scale(.78)}to{transform:translate(-50cqw,58cqh) scale(1.15)}}@keyframes qd-road-post-right{0%{opacity:0;transform:translate(1cqw,-2cqh) scale(.05)}10%{opacity:1}45%{transform:translate(7cqw,7cqh) scale(.22)}70%{transform:translate(17cqw,20cqh) scale(.48)}88%{transform:translate(30cqw,36cqh) scale(.78)}to{transform:translate(50cqw,58cqh) scale(1.15)}}.qd-road-haze{inset:0 0 auto 0;height:18%;background:linear-gradient(180deg,color-mix(in srgb,var(--road-horizon) 70%,transparent),transparent)}.qd-road-haze,.qd-road-sign{position:absolute;pointer-events:none}.qd-road-sign{top:0;left:0;z-index:2;display:grid;justify-items:center;transform-origin:50% 100%;opacity:0;will-change:transform,opacity}.qd-road-sign-face{width:36cqh;transition:filter .25s ease}.qd-road-sign-face .qd-sign-img{width:100%;filter:drop-shadow(0 6px 10px rgba(0,0,0,.25))}.qd-road-pole{display:block;width:1.9cqh;height:30cqh;margin-top:-1cqh;border-radius:2px;background:linear-gradient(90deg,#7b827f,#b9bfbc 45%,#6b726f)}.qd-road[data-state=certo] .qd-road-sign-face{filter:drop-shadow(0 0 2.4cqh #b6f09a)}.qd-road[data-state=errado] .qd-road-sign-face{filter:drop-shadow(0 0 2.4cqh #ff9b7a)}.qd-road-hood{position:absolute;left:50%;bottom:-9cqh;z-index:3;width:74cqw;height:20cqh;border-radius:50% 50% 0 0/100% 100% 0 0;background:radial-gradient(ellipse at 50% 0,color-mix(in srgb,var(--road-hood) 70%,#ffffff) 0,var(--road-hood) 55%);transform:translateX(-50%)}.qd-road-timer{position:absolute;top:14px;left:16px;right:16px;z-index:4;height:6px;overflow:hidden;border-radius:3px;background:rgba(255,255,255,.4)}.qd-road-timer span{display:block;height:100%;border-radius:inherit;background:#ffffff;transform-origin:left center}.qd-road-paused{position:absolute;inset:0;z-index:5;display:grid;place-content:center;justify-items:center;gap:14px;background:rgba(19,28,24,.55);color:#fff;font-family:var(--font-space-grotesk),Arial,sans-serif;font-size:28px}@media (max-width:560px){.qd-road{height:clamp(210px,32vh,300px)}}@media (prefers-reduced-motion:reduce){:is(.qd-road-dashes,.qd-road-posts):after,:is(.qd-road-dashes,.qd-road-posts):before{animation:none;opacity:0}}