.carousel{--slide-spacing:1rem;--slide-size:70%}.carousel .viewport{overflow:hidden}.carousel .container{display:flex;touch-action:pan-y pinch-zoom;margin-left:calc(var(--slide-spacing)*-1);padding-block:1rem}.carousel .slide{transform:translateZ(0);flex:0 0 var(--slide-size);min-width:0;padding-left:var(--slide-spacing);max-width:420px}.carousel .controls{gap:1rem;display:flex;flex-wrap:wrap}.carousel .controls,.carousel .dot{align-items:center;justify-content:center}.carousel .dot{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-appearance:none;-moz-appearance:none;appearance:none;touch-action:manipulation;display:inline-flex;text-decoration:none;cursor:pointer;border:0;padding:0;margin:0;width:.85rem;height:.85rem;border-radius:50%;display:flex;background-color:#eee}.carousel .dot.selected{background-color:#21c18c}