.carousel{width:100%;margin:auto;--slide-height:19rem;--slide-spacing:1rem;--slide-size:100%}.carousel__viewport{overflow:hidden}.carousel__container{display:flex;touch-action:pan-y pinch-zoom;margin-left:calc(var(--slide-spacing) * -1)}.carousel__slide{transform:translateZ(0);flex:0 0 var(--slide-size);min-width:0;padding-left:var(--slide-spacing)}.carousel__slide>div{height:100%}.carousel__controls{display:flex;margin-top:var(--space-2);justify-content:center}.carousel__buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem;align-items:center}.carousel__button{-webkit-tap-highlight-color:rgba(var(--text-high-contrast-rgb-value),.5);-webkit-appearance:none;appearance:none;background-color:transparent;touch-action:manipulation;display:inline-flex;text-decoration:none;cursor:pointer;border:0;padding:0;margin:0;box-shadow:inset 0 0 0 .2rem var(--detail-medium-contrast);width:3.6rem;height:3.6rem;z-index:1;border-radius:50%;color:var(--text-body);display:flex;align-items:center;justify-content:center}.carousel__button:disabled{color:var(--detail-high-contrast)}.carousel__button__svg{width:35%;height:35%}@media (min-width:768px){.carousel{--slide-size:30%}}