.al-reel{--reel-card-width: min(350px, var(--reel-desktop-width, 20vw));--reel-gap: 24px;--reel-corner-radius: .13;display:block;position:relative;width:100vw;margin:clamp(24px,2.5vw,40px) calc(50% - 50vw) 0;overflow:clip;isolation:isolate}.al-reel__stage{position:relative;display:flex;align-items:center;gap:var(--reel-gap);overflow-x:auto;scroll-snap-type:x mandatory;padding:20px calc((100vw - var(--reel-card-width)) / 2);scrollbar-width:none;touch-action:auto;user-select:none;-webkit-user-select:none;outline-offset:-4px}.al-reel:not(.is-pointer) .al-reel__stage:focus-visible{outline:2px solid rgba(255,255,255,.65);border-radius:12px;box-shadow:none}.al-reel.is-pointer .al-reel__stage:focus{outline:none;box-shadow:none}.al-reel__card{flex:0 0 var(--reel-card-width);width:var(--reel-card-width);aspect-ratio:var(--reel-ratio);border-radius:calc(var(--reel-corner-radius) * 100%) / calc(var(--reel-corner-radius) * var(--reel-ratio) * 100%);opacity:var(--reel-arrival-opacity, 1);overflow:hidden;scroll-snap-align:center;background:#090909;border:1px solid #555;box-sizing:border-box}.al-reel__card img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.al-reel__canvas{display:none;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:20}.al-reel.is-enhanced .al-reel__stage{display:block;height:calc(var(--reel-card-width) / var(--reel-ratio) * 1.065 + 16px);padding:0;overflow:clip;scroll-snap-type:none;cursor:grab;touch-action:pan-y pinch-zoom}.al-reel.is-enhanced .al-reel__card{position:absolute;left:50%;top:50%;pointer-events:none}.al-reel.is-webgl .al-reel__canvas{display:block}.al-reel.is-webgl .al-reel__card{opacity:0}.al-reel.is-dragging .al-reel__stage{cursor:grabbing}@media(max-width:989px)and (min-width:750px){.al-reel{--reel-card-width: 28vw;--reel-gap: 20px}}@media(max-width:749px){.al-reel{--reel-card-width: min(270px, var(--reel-mobile-width, 54vw));--reel-gap: 16px;margin-top:22px}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/afterlight-screenshot-reel.css.map */