.lookbook-rail{background-color:var(--lb-bg, var(--color-bg))}.lookbook-rail__viewport{position:relative;display:block}.lookbook-rail__track{display:grid;grid-auto-flow:column;grid-auto-columns:46vw;gap:var(--space-xs);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth}.lookbook-rail__track::-webkit-scrollbar{display:none}.lookbook-rail__item{scroll-snap-align:start}@media(min-width:750px){.lookbook-rail__track{grid-auto-columns:calc((100% - 2 * var(--space-sm)) / 3);gap:var(--space-sm)}}@media(min-width:990px){.lookbook-rail__track{grid-auto-columns:calc((100% - 5 * var(--space-sm)) / 5.4)}}.look-card{position:relative;display:block;aspect-ratio:9 / 16;overflow:hidden;border-radius:10px;color:#fff;background-color:var(--color-bg-subtle)}@media(min-width:990px){.look-card{aspect-ratio:1 / 2}}.look-card__image,.look-card>.placeholder-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}@media(hover:hover){.look-card:hover .look-card__image{transform:scale(1.05)}}.look-card:after{content:"";position:absolute;inset-inline:0;inset-block-end:0;height:35%;background:linear-gradient(to top,#00000080,#0000);pointer-events:none}.look-card__title{position:absolute;inset-inline:var(--space-xs);inset-block-end:var(--space-md);z-index:1;font-size:var(--text-lg);font-weight:700;line-height:1.1;text-align:center;text-transform:uppercase;letter-spacing:.01em;text-shadow:0 1px 8px rgb(0 0 0 / .35)}:root[dir=rtl] .look-card__title{text-transform:none;letter-spacing:0}@media(min-width:990px){.look-card__title{font-size:1.75rem;inset-block-end:var(--space-lg)}}.lookbook-rail__nav{position:absolute;top:50%;z-index:2;display:none;place-items:center;width:44px;height:44px;border-radius:50%;background-color:var(--color-bg);color:var(--color-text);box-shadow:0 2px 10px #00000024;transform:translateY(-50%);transition:opacity var(--duration) var(--ease)}.lookbook-rail__nav--prev{inset-inline-start:-12px}.lookbook-rail__nav--next{inset-inline-end:-12px}.lookbook-rail__nav[disabled]{opacity:0;pointer-events:none}.lookbook-rail__nav svg{width:20px;height:20px}@media(min-width:990px){.lookbook-rail__nav{display:grid}}.lookbook-rail__nav--prev svg{transform:scaleX(-1)}:root[dir=rtl] .lookbook-rail__nav--prev svg{transform:none}:root[dir=rtl] .lookbook-rail__nav--next svg{transform:scaleX(-1)}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-lookbook-rail.css.map */