.aln-carousel{width:100%;overflow:hidden;padding-block:var(--aln-padding-y, 30px);background:var(--aln-section-bg, #fff);color:var(--aln-text-color, #111);contain:layout paint;user-select:none;-webkit-user-select:none}.aln-carousel__viewport{width:100%;overflow:hidden;cursor:grab;touch-action:pan-y}.aln-carousel.is-dragging .aln-carousel__viewport{cursor:grabbing}.aln-carousel__track{display:flex;align-items:flex-start;gap:var(--aln-gap, 30px);width:max-content;will-change:transform;transform:translateZ(0)}.aln-carousel__item{display:flex;flex:0 0 var(--aln-item-width, 120px);width:var(--aln-item-width, 120px);min-width:0;flex-direction:column;align-items:center;gap:9px;color:inherit;text-align:center;text-decoration:none;-webkit-tap-highlight-color:transparent}.aln-carousel__circle{display:grid;width:min(var(--aln-circle-size, 120px),calc(var(--aln-item-width, 120px) - 4px));max-width:100%;aspect-ratio:1;place-items:center;overflow:hidden;border:1px solid #e7e7e7;border-radius:50%;background:#fff;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.aln-carousel__circle img{display:block;width:82%;height:82%;object-fit:contain;background:#fff;pointer-events:none}.aln-carousel__fallback{display:grid;width:100%;height:100%;place-items:center;background:#f3f4f6;color:#363636;font-size:clamp(24px,3vw,42px);font-weight:700}.aln-carousel__name{display:-webkit-box;width:100%;min-height:2.8em;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:var(--aln-font-size, 14px);font-weight:600;line-height:1.4;overflow-wrap:anywhere}.aln-carousel__item:hover .aln-carousel__circle,.aln-carousel__item:focus-visible .aln-carousel__circle{border-color:#b8b8b8;box-shadow:0 5px 18px #0000001a;transform:translateY(-2px)}.aln-carousel__item:focus-visible{outline:2px solid currentColor;outline-offset:4px}@media(max-width:767px){.aln-carousel__track{gap:var(--aln-gap-mobile, 20px)}.aln-carousel__circle{width:min(var(--aln-circle-size-mobile, 80px),calc(var(--aln-item-width, 80px) - 4px))}.aln-carousel__name{font-size:var(--aln-font-size-mobile, 12px)}}@media(prefers-reduced-motion:reduce){.aln-carousel__track,.aln-carousel__circle{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/alnashir-dual-carousel.css.map */