.media-rail{--media-rail-visible: 4;--media-rail-gap: 8px}@media(max-width:1023px){.media-rail{--media-rail-visible: 2}}.media-rail__slider{overflow-x:auto;overflow-y:hidden;padding-left:var(--container-padding);scroll-padding-left:var(--container-padding);scroll-snap-type:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.media-rail__slider::-webkit-scrollbar{display:none;width:0;height:0}.media-rail__track{display:flex;gap:var(--media-rail-gap)}.media-rail__track:after{content:"";flex:0 0 calc(var(--container-padding) - var(--media-rail-gap))}.media-rail__slide{flex:0 0 calc((100% - var(--container-padding) - (var(--media-rail-visible) - 1) * var(--media-rail-gap)) / var(--media-rail-visible));min-width:0;aspect-ratio:9 / 14.5;overflow:hidden;background-color:var(--color-bg-alt);scroll-snap-align:start}@media(min-width:1024px){.media-rail__slide{aspect-ratio:auto;height:calc((100vh - var(--header-main-height)) * 1.2);height:calc((100svh - var(--header-main-height)) * 1.2)}}.media-rail__img,.media-rail__video{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.media-rail__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.media-rail__placeholder svg{width:50%;height:50%;opacity:.15}.media-rail__footer{display:flex;align-items:center;margin-top:24px;padding:0 var(--container-padding)}.media-rail.is-static .media-rail__footer{display:none}.media-rail__controls{display:flex;align-items:center;gap:var(--space-md)}.media-rail__arrow{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text);font-size:17px;cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),opacity var(--transition-fast)}.media-rail__arrow:hover:not(:disabled){background:var(--color-text);border-color:var(--color-text);color:var(--color-white)}.media-rail__arrow:disabled{opacity:.3;cursor:default}.media-rail__progress{position:relative;flex:0 0 100px;width:100px;height:2px;margin:0 var(--space-xs);overflow:hidden;background-color:var(--color-border)}.media-rail__progress-indicator{position:absolute;top:0;left:0;height:100%;background-color:var(--color-text);transition:width var(--transition-normal)}@media(max-width:767px){.media-rail__controls{gap:var(--space-sm)}.media-rail__progress{flex:1 1 auto;width:auto;min-width:48px}}.media-rail__slider.is-animating{scroll-snap-type:none}.media-rail__slider.is-dragging{scroll-snap-type:none;cursor:grabbing;-webkit-user-select:none;user-select:none}.media-rail__slider.is-dragging *{cursor:grabbing!important}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-media-rail.css.map */