.carousel{--slide-height:19rem;--slide-spacing:1rem;--slide-size:100%;width:100%;margin:auto;position:relative}.carousel__viewport{width:100%;overflow:hidden}.carousel__container{touch-action:pan-y pinch-zoom;margin-left:calc(var(--slide-spacing)*-1);-webkit-user-select:none;user-select:none;display:flex}.carousel__slide{flex:0 0 var(--slide-size);min-width:0;padding-left:var(--slide-spacing);transform:translate(0,0)}.carousel__slide>div{height:100%}.carousel__controls{margin-top:var(--space-4);z-index:10;justify-content:center;display:flex;position:relative}.carousel__buttons{grid-template-columns:repeat(2,1fr);align-items:center;gap:.8rem;display:grid}.carousel__button{-webkit-tap-highlight-color:rgba(var(--text-high-contrast-rgb-value),.5);appearance:none;background-color:var(--color-panel-solid);touch-action:manipulation;cursor:pointer;box-shadow:inset 0 0 0 .2rem var(--gray-7);z-index:1;width:3.6rem;height:3.6rem;color:var(--text-body);border:0;border-radius:50%;justify-content:center;align-items:center;margin:0;padding:0;text-decoration:none;transition:all .2s;display:flex}.carousel__button:hover:not(:disabled){background-color:var(--orange-4);box-shadow:inset 0 0 0 .2rem var(--orange-7);color:var(--orange-11);transform:scale(1.05)}.carousel__button:active:not(:disabled){transform:scale(.98)}.carousel__button:disabled{color:var(--gray-8);cursor:not-allowed;opacity:.5}.carousel__button__svg{width:35%;height:35%}@media (min-width:768px){.carousel{--slide-size:50%}}@media (min-width:1024px){.carousel{--slide-size:33.333%}}@media (min-width:1280px){.carousel{--slide-size:25%}}