.sample-car{container-type:inline-size}.sample-car__wheel{background-repeat:no-repeat}.sample-car__ring{fill:rgba(216,90,48,.12);stroke:var(--color-fault-ring,#d85a30);stroke-width:2.5;stroke-dasharray:7 5;vector-effect:non-scaling-stroke;transform-box:fill-box;transform-origin:center;transition:stroke-width .2s ease,fill .2s ease}.sample-car__ring--hot{stroke-width:4.5;fill:rgba(216,90,48,.24)}.sample-car__leader{stroke:var(--color-fault-ring,#d85a30);stroke-width:1.6;vector-effect:non-scaling-stroke;fill:none;stroke-dasharray:1;transition:opacity .3s ease .4s}.sample-car__label{font-size:clamp(11px,1.75cqw,15px)}.sample-car__face{transition:transform .18s ease,box-shadow .18s ease,opacity .3s ease .4s}.sample-car__tag{transition:opacity .3s ease .4s}.sample-car__face:focus-visible{transform:scale(1.07)}@media (hover:hover){.sample-car__face:hover{transform:scale(1.07)}}.sample-car__scan{opacity:0;background:linear-gradient(180deg,rgba(216,90,48,0),rgba(216,90,48,.9) 25%,rgba(216,90,48,.9) 75%,rgba(216,90,48,0));box-shadow:0 0 18px 4px rgba(216,90,48,.25)}.sample-car__zoomer{transform-origin:0 0}.sample-car--zoomed .sample-car__face,.sample-car--zoomed .sample-car__leader,.sample-car--zoomed .sample-car__tag{opacity:0;transition:none}.sample-car--zoomed .sample-car__label,.sample-car--zoomed .sample-car__scan{visibility:hidden}.sample-car__legend{display:none}@container (max-width: 440px){.sample-car__label,.sample-car__leader{display:none}.sample-car__legend{display:grid}.sample-car__stage{margin-top:-8%}}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.sample-car--wait .sample-car__body{transform:translateX(108%)}.sample-car--wait .sample-car__hint,.sample-car--wait .sample-car__label,.sample-car--wait .sample-car__leader,.sample-car--wait .sample-car__legend-item,.sample-car--wait .sample-car__ring{opacity:0}.sample-car--wait:not(.sample-car--live) .sample-car__body{animation:sample-car-unpark .01s linear 6s forwards}.sample-car--wait:not(.sample-car--live) :is(.sample-car__ring,.sample-car__leader,.sample-car__label,.sample-car__legend-item,.sample-car__hint){animation:sample-car-show .01s linear 6s forwards}}@media (prefers-reduced-motion:no-preference){.sample-car--play .sample-car__body{animation:sample-car-drive 1.5s cubic-bezier(.16,.84,.3,1) both}.sample-car--play .sample-car__wheel{animation:sample-car-roll 1.5s cubic-bezier(.16,.84,.3,1) both}.sample-car--play .sample-car__photo{animation:sample-car-settle .38s ease-out 1.5s both}.sample-car--play .sample-car__scan{animation:sample-car-scan 1.5s ease-in-out 1.5s both}.sample-car--play .sample-car__ring{animation:sample-car-pop .52s ease-out var(--t) both,sample-car-pulse 1.8s ease-in-out var(--end) 3}.sample-car--play .sample-car__leader{animation:sample-car-draw .45s ease-out calc(var(--t) + .22s) both}.sample-car--play .sample-car__label{animation:sample-car-label .5s cubic-bezier(.2,.9,.3,1.25) calc(var(--t) + .56s) both}.sample-car--play .sample-car__legend-item{animation:sample-car-rise .42s ease-out calc(var(--t) + .42s) both}.sample-car--play .sample-car__hint{animation:sample-car-fade .5s ease-out var(--end) both}.sample-car__zoomer{transition:transform .65s cubic-bezier(.2,.8,.2,1)}}@media (prefers-reduced-motion:reduce){.sample-car__face,.sample-car__leader,.sample-car__ring,.sample-car__tag{transition:none}}@keyframes sample-car-unpark{to{transform:none}}@keyframes sample-car-show{to{opacity:1}}@keyframes sample-car-drive{0%{transform:translateX(108%)}to{transform:translateX(0)}}@keyframes sample-car-roll{0%{transform:rotate(760deg)}to{transform:rotate(0deg)}}@keyframes sample-car-settle{0%,to{transform:translateY(0)}50%{transform:translateY(.5%)}}@keyframes sample-car-scan{0%{left:0;opacity:0}10%,90%{opacity:1}to{left:100%;opacity:0}}@keyframes sample-car-pop{0%{opacity:0;transform:scale(.5)}70%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes sample-car-pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes sample-car-draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes sample-car-label{0%{opacity:0;transform:translateY(var(--dy,0)) scale(.4)}to{opacity:1;transform:none}}@keyframes sample-car-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes sample-car-fade{0%{opacity:0}to{opacity:1}}