.card-slider{width:100%}.card-slider,.card-slider__container{position:relative}.card-slider__viewport{overflow:hidden;width:100%;padding-bottom:4rem}.card-slider__viewport--center{overflow:visible}.card-slider__viewport--center .card-slider__slide{opacity:.4;transition:opacity .3s ease}.card-slider__viewport--center .card-slider__slide:hover{opacity:.6}.card-slider__viewport--center .card-slider__slide--active{opacity:1;z-index:1}.card-slider__track{display:flex;width:100%}.card-slider__slide{padding:0 .75rem}@media(min-width:768px){.card-slider__slide{padding:0 1rem}}.card-slider__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:50%;background-color:rgba(255,255,255,.9);border:1px solid rgba(0,0,0,.1);cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px rgba(0,0,0,.1)}.card-slider__arrow:hover:not(:disabled){background-color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.15);transform:translateY(-50%) scale(1.05)}.card-slider__arrow:active:not(:disabled){transform:translateY(-50%) scale(.95)}.card-slider__arrow:disabled{opacity:.3;cursor:not-allowed}.card-slider__arrow--prev{left:-1rem}@media(min-width:1024px){.card-slider__arrow--prev{left:-1.5rem}}.card-slider__arrow--next{right:-1rem}@media(min-width:1024px){.card-slider__arrow--next{right:-1.5rem}}@media(max-width:767px){.card-slider__arrow{width:2.5rem;height:2.5rem}.card-slider__arrow--prev{left:0}.card-slider__arrow--next{right:0}}.card-slider__dots{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:2rem}.card-slider__dot{width:.625rem;height:.625rem;border-radius:50%;background-color:rgba(0,0,0,.2);border:none;cursor:pointer;transition:all .2s ease}.card-slider__dot:hover{background-color:rgba(0,0,0,.4);transform:scale(1.2)}.card-slider__dot--active{background-color:rgba(0,0,0,.7);width:1.5rem;border-radius:.5rem}