.caraousel{margin:auto;position:relative;--slide-height:100%;--slide-spacing:20px;--slide-size:70%}.caraousel__viewport{overflow:hidden}.caraousel__container{display:flex;touch-action:pan-y pinch-zoom;margin-left:calc(var(--slide-spacing) * -1)}.caraousel__slide{transform:translateZ(0);flex:0 0 var(--slide-size);min-width:0;padding-left:var(--slide-spacing)}.caraousel__slide__img{display:block;height:var(--slide-height);width:100%;object-fit:cover;border-radius:12px}.caraousel__button{-webkit-tap-highlight-color:transparent;-webkit-appearance:none;appearance:none;touch-action:manipulation;display:flex;align-items:center;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);z-index:1;padding:4px;transition:opacity .2s ease,box-shadow .2s ease}.caraousel__button:hover:not(:disabled){box-shadow:0 4px 16px rgba(0,0,0,.18)}.caraousel__button--prev{left:130px}.caraousel__button--next{right:130px}.caraousel__button--disabled,.caraousel__button:disabled{opacity:.3;cursor:not-allowed}.caraousel__button__svg{width:35%;height:35%}.caraousel__controls{display:grid;grid-template-columns:auto 1fr;justify-content:space-between;gap:1.2rem;margin-top:1.8rem}.caraousel__buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem;align-items:center}