.shopos-card-slider.shopos-card-slider{position:relative;overflow:hidden;line-height:0;border-radius:var(--shopos-ui-card-radius, 16px)}.shopos-card-slider__viewport.shopos-card-slider__viewport{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.shopos-card-slider__viewport.shopos-card-slider__viewport::-webkit-scrollbar{display:none}.shopos-card-slider__slide.shopos-card-slider__slide{flex:0 0 100%;max-inline-size:100%;scroll-snap-align:start;scroll-snap-stop:always}.shopos-card-slider__img.shopos-card-slider__img{display:block;inline-size:100%;block-size:var(--shopos-ui-card-h, auto);aspect-ratio:var(--shopos-ui-card-aspect, 3 / 4);object-fit:var(--shopos-ui-card-fit, contain);background:var(--shopos-ui-card-plate, #f0f0f2);margin:0}.shopos-card-slider__arrow.shopos-card-slider__arrow{position:absolute;inset-block-start:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;inline-size:26px;block-size:26px;padding:0;border:0;border-radius:var(--shopos-ui-radius-round, 50%);background:color-mix(in srgb,var(--shopos-ui-color-paper, #ffffff) 90%,transparent);color:var(--shopos-ui-color-ink, #2f3237);cursor:pointer;opacity:0;transition:opacity var(--shopos-ui-motion-fast, .16s) var(--shopos-ui-ease, cubic-bezier(.2, .6, .2, 1)),background var(--shopos-ui-motion-fast, .16s) var(--shopos-ui-ease, cubic-bezier(.2, .6, .2, 1));box-shadow:var(--shopos-ui-shadow-sm, 0 1px 2px rgba(47,50,55,.05));z-index:2}.shopos-card-slider__arrow.shopos-card-slider__arrow:hover,.shopos-card-slider__arrow.shopos-card-slider__arrow:focus{background:color-mix(in srgb,var(--shopos-ui-color-ink, #2f3237) 6%,var(--shopos-ui-color-paper, #ffffff));color:var(--shopos-ui-color-ink, #2f3237);border:0;border-radius:var(--shopos-ui-radius-round, 50%);outline:none}.shopos-card-slider__arrow.shopos-card-slider__arrow:focus-visible{opacity:1;outline:2px solid var(--shopos-ui-color-ink, #2f3237);outline-offset:2px}.shopos-card-slider__arrow.shopos-card-slider__arrow:active{transform:translateY(-50%) scale(.985)}.shopos-card-slider__arrow--prev.shopos-card-slider__arrow--prev{inset-inline-start:6px}.shopos-card-slider__arrow--next.shopos-card-slider__arrow--next{inset-inline-end:6px}[dir=rtl] .shopos-card-slider__arrow.shopos-card-slider__arrow svg{transform:scaleX(-1)}@media (hover: hover) and (pointer: fine){.shopos-card-slider.shopos-card-slider:hover .shopos-card-slider__arrow.shopos-card-slider__arrow{opacity:1}}@media (prefers-reduced-motion: reduce){.shopos-card-slider__viewport.shopos-card-slider__viewport{scroll-behavior:auto}.shopos-card-slider__arrow.shopos-card-slider__arrow{transition:none}.shopos-card-slider__arrow.shopos-card-slider__arrow:active{transform:translateY(-50%)}}