.car{position:relative}.car__track{scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;scrollbar-width:none;height:100%;display:flex;overflow-x:auto}.car__track::-webkit-scrollbar{display:none}.car__track:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.car__slide{scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 100%;height:100%}.car__slide--contain img{object-fit:contain}.car__btn{width:44px;height:44px;color:var(--text);cursor:pointer;background:#131518b8;background:lab(6.79523% -.552312 -2.01/.72);border:0;border-radius:50%;place-items:center;transition:background-color .2s,color .2s;display:grid;position:absolute;top:50%;translate:0 -50%}.car__btn:hover{background:var(--accent);color:var(--on-accent)}.car__btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.car__btn--prev{left:.5rem}.car__btn--next{right:.5rem}.car .car__btn .ic{width:20px;height:20px;color:inherit;stroke-width:2.2px;margin:0}.car__flip{transform:scaleX(-1)}.car__dots{inset-inline:0;justify-content:center;display:flex;position:absolute;bottom:.35rem}.car__dots button{cursor:pointer;background:0 0;border:0;place-items:center;width:28px;height:28px;padding:0;display:grid}.car__dots button:before{content:"";background:#fff9;background:lab(100% 0 0/.6);border-radius:4px;width:8px;height:8px;transition:width .2s,background-color .2s;box-shadow:0 0 0 1px #00000059;box-shadow:0 0 0 1px lab(0% 0 0/.35)}.car__dots button[aria-current=true]:before{background:var(--accent);width:18px}@media (prefers-reduced-motion:reduce){.car__track{scroll-behavior:auto}}