.ah-grid-carousel{position:relative;width:100%;overflow:hidden;isolation:isolate}.ah-grid-carousel__slides{position:relative;width:100%;overflow:hidden}.ah-grid-carousel__slide{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.ah-grid-carousel__slide.is-active{opacity:1;visibility:visible;z-index:1}.ah-grid-carousel__slide img{width:100%;height:100%;object-fit:cover}.ah-grid-carousel__arrow{position:absolute;z-index:20;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid rgba(0,0,0,.06);border-radius:50%;background:#fffffff0;color:#222;font-size:24px;font-weight:300;line-height:1;cursor:pointer;opacity:1;visibility:visible;pointer-events:auto;transition:background .2s ease,box-shadow .2s ease;user-select:none;-webkit-user-select:none}.ah-grid-carousel__arrow:hover{background:#fff;box-shadow:0 2px 8px #0000001f}.ah-grid-carousel__arrow--prev{left:8px}.ah-grid-carousel__arrow--next{right:8px}.ah-grid-carousel__dots{position:absolute;z-index:20;bottom:9px;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;gap:5px;pointer-events:none}.ah-grid-carousel__dot{width:5px;height:5px;border-radius:50%;background:#5a5a5a59;transition:background .25s ease,transform .25s ease}.ah-grid-carousel__dot.is-active{background:#333;transform:scale(1.2)}@media screen and (max-width:768px){.ah-grid-carousel{touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none}.ah-grid-carousel__arrow{display:none}.ah-grid-carousel__dots{bottom:7px}}@media(prefers-reduced-motion:reduce){.ah-grid-carousel__slide,.ah-grid-carousel__arrow,.ah-grid-carousel__dot{transition:none}}.grid-product__image-wrap:has(.ah-grid-carousel) .grid-product__color-image{pointer-events:none}.grid-product__image-wrap:has(.ah-grid-carousel) .ah-grid-carousel{position:relative;z-index:auto}.grid-product__image-wrap:has(.ah-grid-carousel) .ah-grid-carousel__arrow{z-index:5;pointer-events:auto}.ah-grid-carousel{overflow:visible}.ah-grid-carousel__dots{bottom:-11px;z-index:2}.ah-grid-carousel__dot{width:5px;height:5px}.ah-grid-carousel__dot.is-active{background:#333}@media screen and (max-width:768px){.ah-grid-carousel__dots{bottom:-8px}}
/*# sourceMappingURL=/cdn/shop/t/39/assets/ah-access-grid-carousel.css.map */