.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__viewport:focus-visible{outline:2px solid #111;outline-offset:4px}.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;cursor:pointer;touch-action:pan-y;-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}.aln-carousel--polished{border-block:1px solid color-mix(in srgb,var(--aln-brand-border, #dde1e6) 76%,transparent)}.aln-carousel--polished .aln-carousel__inner{width:min(calc(100% - 48px),var(--aln-content-width, 1450px));margin-inline:auto}.aln-carousel--polished .aln-carousel__viewport{padding-block:4px 7px;border-radius:4px}.aln-carousel--polished .aln-carousel__item{gap:11px;padding:10px 4px 8px;border:1px solid transparent;border-radius:8px;transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease,transform .18s ease}.aln-carousel--polished .aln-carousel__circle{position:relative;border-color:var(--aln-brand-border, #dde1e6);background:var(--aln-brand-surface, #fff);box-shadow:0 2px 8px #141a230d}.aln-carousel--polished .aln-carousel__circle:after{position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:1px solid color-mix(in srgb,var(--aln-brand-border, #dde1e6) 45%,transparent);border-radius:inherit;content:"";pointer-events:none}.aln-carousel--polished .aln-carousel__circle img{width:100%;height:100%;padding:14%;background:var(--aln-brand-surface, #fff)}.aln-carousel--polished .aln-carousel__fallback{background:var(--aln-brand-surface, #fff);color:var(--aln-text-color, #17191c)}.aln-carousel--polished .aln-carousel__name{min-height:1.45em;-webkit-line-clamp:1;font-weight:650}.aln-carousel--polished .aln-carousel__item:hover,.aln-carousel--polished .aln-carousel__item:focus-visible{border-color:color-mix(in srgb,var(--aln-brand-border, #dde1e6) 72%,transparent);background:var(--aln-brand-surface, #fff);box-shadow:0 8px 24px #141a2314;transform:translateY(-2px)}.aln-carousel--polished .aln-carousel__item:hover .aln-carousel__circle,.aln-carousel--polished .aln-carousel__item:focus-visible .aln-carousel__circle{border-color:#111;box-shadow:0 5px 18px #141a2317;transform:none}.aln-carousel--polished .aln-carousel__item:focus-visible{outline-color:#111;outline-offset:2px}@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)}.aln-carousel--polished .aln-carousel__inner{width:min(calc(100% - 28px),var(--aln-content-width, 1450px))}.aln-carousel--polished .aln-carousel__item{gap:8px;padding:7px 2px 6px}.aln-carousel--polished .aln-carousel__circle img{padding:12%}}@media(prefers-reduced-motion:reduce){.aln-carousel__track,.aln-carousel__circle,.aln-carousel__item{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/alnashir-dual-carousel.css.map */