.custom-slider{position:relative;width:100%;overflow:clip;--custom-slider-arrow-size: 3rem;--custom-slider-arrow-color: var(--color-foreground);--custom-slider-arrow-bg: var(--color-background);--custom-slider-arrow-border: var(--color-border);--custom-slider-arrow-hover-bg: var(--color-primary);--custom-slider-arrow-hover-color: var(--color-background);--custom-slider-dot-color: var(--color-foreground);--custom-slider-scrollbar-track: rgb(var(--color-foreground-rgb) / var(--opacity-10));--custom-slider-scrollbar-thumb: var(--color-okuma-black);--custom-slider-scrollbar-height: .75rem}.custom-slider__slideshow{display:block;width:100%}.custom-slider__slideshow>slideshow-container>slideshow-slides{gap:var(--custom-slider-gap, var(--gap-md));width:calc(100% + .75rem);padding:.375rem;margin:-.375rem}.custom-slider__slideshow>slideshow-container>slideshow-slides>*{flex:0 0 calc((100% - var(--custom-slider-gap, var(--gap-md)) * (var(--custom-slider-per-view-mobile, 1) - 1)) / var(--custom-slider-per-view-mobile, 1));width:calc((100% - var(--custom-slider-gap, var(--gap-md)) * (var(--custom-slider-per-view-mobile, 1) - 1)) / var(--custom-slider-per-view-mobile, 1));scroll-snap-align:start}@media screen and (min-width:750px)and (max-width:1023px){.custom-slider__slideshow>slideshow-container>slideshow-slides>*{flex:0 0 calc((100% - var(--custom-slider-gap, var(--gap-md)) * (var(--custom-slider-per-view-tablet, var(--custom-slider-per-view-desktop, 1)) - 1)) / var(--custom-slider-per-view-tablet, var(--custom-slider-per-view-desktop, 1)));width:calc((100% - var(--custom-slider-gap, var(--gap-md)) * (var(--custom-slider-per-view-tablet, var(--custom-slider-per-view-desktop, 1)) - 1)) / var(--custom-slider-per-view-tablet, var(--custom-slider-per-view-desktop, 1)))}}@media screen and (min-width:1024px){.custom-slider__slideshow>slideshow-container>slideshow-slides>*{flex:0 0 calc((100% - var(--custom-slider-gap, var(--gap-md)) * (var(--custom-slider-per-view-desktop, 1) - 1)) / var(--custom-slider-per-view-desktop, 1));width:calc((100% - var(--custom-slider-gap, var(--gap-md)) * (var(--custom-slider-per-view-desktop, 1) - 1)) / var(--custom-slider-per-view-desktop, 1))}}@media screen and (max-width:749px){.custom-slider--no-mobile-arrows .custom-slider__slideshow>slideshow-container>slideshow-arrows{display:none}.custom-slider--pagination-m-center slideshow-controls[controls-on-media][pagination-position]:not([thumbnails]){width:100%;justify-content:center;align-self:stretch;padding-block:var(--padding-2xl)}}.custom-slider__slideshow>slideshow-controls{padding-block:var(--padding-md)}.custom-slider__slideshow>slideshow-container>slideshow-arrows .slideshow-control{opacity:1;pointer-events:auto;animation:none!important}.custom-slider__slideshow>slideshow-container>slideshow-arrows .slideshow-control{--slideshow-controls-size: var(--custom-slider-arrow-size);background-color:var(--custom-slider-arrow-bg);border:var(--style-border-width) solid var(--custom-slider-arrow-border);color:var(--custom-slider-arrow-color);border-radius:var(--style-border-radius-50);transition:background-color var(--animation-speed) var(--ease-out-cubic),color var(--animation-speed) var(--ease-out-cubic),border-color var(--animation-speed) var(--ease-out-cubic)}.custom-slider__slideshow>slideshow-container>slideshow-arrows .slideshow-control:hover:not([disabled]){background-color:var(--custom-slider-arrow-hover-bg);border-color:var(--custom-slider-arrow-hover-bg);color:var(--custom-slider-arrow-hover-color)}.custom-slider__slideshow>slideshow-container>slideshow-arrows .slideshow-control:focus-visible{outline:var(--focus-outline-width) solid var(--color-focus);outline-offset:var(--focus-outline-offset);border-color:transparent;box-shadow:none}.custom-slider[data-arrows-hidden] .custom-slider__slideshow>slideshow-container>slideshow-arrows{display:none}.custom-slider__slideshow>slideshow-container>slideshow-arrows .slideshow-control[disabled]{opacity:var(--opacity-40);cursor:not-allowed}.custom-slider--arrows-top-right{padding-block-start:calc(var(--custom-slider-arrow-size) + var(--padding-md));position:relative}@media(max-width:749px){.custom-slider--arrows-top-right.custom-slider--no-mobile-arrows{padding-block-start:0}}@media(min-width:750px){.custom-slider--arrows-top-right .custom-slider__slideshow>slideshow-container>slideshow-arrows{position:absolute;inset-block-start:0;inset-inline-end:0;inset-inline-start:auto;inset-block-end:auto;display:flex;align-items:center;gap:var(--gap-sm);z-index:var(--layer-raised)}}.custom-slider__scrollbar{display:none;position:relative;width:100%;height:var(--custom-slider-scrollbar-height);margin-block-start:var(--margin-xl);background-color:var(--custom-slider-scrollbar-track);border-radius:var(--style-border-radius-pills);overflow:hidden}.custom-slider__scrollbar-thumb{position:absolute;inset-block:0;inset-inline-start:0;width:0;min-width:3rem;background-color:var(--custom-slider-scrollbar-thumb);border-radius:var(--style-border-radius-pills);transform:translate(0);will-change:transform,width}@media(max-width:749px){.custom-slider--mobile-scrollbar .custom-slider__scrollbar{display:block}}@media(prefers-reduced-motion:reduce){.custom-slider__slideshow>slideshow-container>slideshow-arrows .slideshow-control,.custom-slider__scrollbar-thumb{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/custom-slider.css.map */