.collection-brand-carousel-slider-wrapper{overflow-x:clip;position:relative;--skeleton-card-height-desktop: 145px;--skeleton-card-height-tablet: 145px;--skeleton-card-height-mobile: 145px;--carousel-skeleton-padding-top: 8px;--carousel-skeleton-padding-bottom: 8px;--carousel-skeleton-padding-left: 0px;--carousel-skeleton-padding-right: 0px}@media (max-width: 749px){.collection-brand-carousel-slider-wrapper{--skeleton-card-height: var(--skeleton-card-height-mobile);min-height:calc(var(--skeleton-card-height) + var(--carousel-skeleton-padding-top, 8px) + var(--carousel-skeleton-padding-bottom, 8px))}}@media (min-width: 750px) and (max-width: 1023px){.collection-brand-carousel-slider-wrapper{--skeleton-card-height: var(--skeleton-card-height-tablet);min-height:calc(var(--skeleton-card-height) + var(--carousel-skeleton-padding-top, 8px) + var(--carousel-skeleton-padding-bottom, 8px))}}@media (min-width: 1024px){.collection-brand-carousel-slider-wrapper{--skeleton-card-height: var(--skeleton-card-height-desktop);min-height:calc(var(--skeleton-card-height) + var(--carousel-skeleton-padding-top, 8px) + var(--carousel-skeleton-padding-bottom, 8px))}}.collection-brand-slider-shell{position:absolute;top:0;left:0;transition:height .32s cubic-bezier(.17,.67,.83,.67)}.collection-brand-slider-shell{overflow:hidden;transition:height .32s cubic-bezier(.17,.67,.83,.67)}.carousel-clip{overflow:hidden;transition:max-height .22s ease}.carousel-hidden{transition:height .32s cubic-bezier(.17,.67,.83,.67);display:none}.carousel-enter{opacity:0;transform:translateY(6px)}.carousel-enter.carousel-enter-active{transition:opacity .22s ease,transform .22s ease;opacity:1;transform:translateY(0)}.skeleton-fade-out{transition:opacity .18s ease,transform .18s ease;opacity:0;transform:translateY(-6px)}.carousel-slider-enter{opacity:0;transform:translateY(8px);transition:opacity .24s ease,transform .24s ease}.carousel-slider-enter.carousel-slider-enter-active{opacity:1;transform:translateY(0)}.collection-brand-skeleton{padding:var(--carousel-skeleton-padding-top, 8px) var(--carousel-skeleton-padding-right, 0px) var(--carousel-skeleton-padding-bottom, 8px) var(--carousel-skeleton-padding-left, 0px)}.collection-brand-skeleton-list{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(230px,1fr);gap:24px;list-style:none;margin:0;padding:0}.collection-brand-skeleton-card{display:flex;justify-content:space-between;overflow:hidden;flex-direction:column;min-height:var(--skeleton-card-height, 145px);background:linear-gradient(90deg,#ededed 30%,#dcdcdc,#ededed 70%);background-size:400%;animation:shimmer 1.5s infinite linear;transition:opacity .2s ease,transform .2s ease}@keyframes shimmer{0%{background-position:100% 100%}to{background-position:0 0}}@media (prefers-reduced-motion: reduce){.carousel-enter,.carousel-enter.carousel-enter-active,.skeleton-fade-out{transition:none!important;transform:none!important;opacity:1!important}}.collection-brand-carousel-link{overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:8px;padding:1.6rem .8rem;text-align:center;text-decoration:none;height:100%;background-color:#fff;border-radius:8px}.collection-brand-carousel-arrows.splide__arrows{display:flex;align-items:center;justify-content:center}.collection-brand-carousel-arrow.splide__arrow{background-color:#fff;border:1px solid #D3D6E2;border-radius:50%;padding:8px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;width:3.4rem;height:3.4rem}.collection-brand-carousel-arrow.splide__arrow[disabled]{cursor:initial;opacity:.5}.collection-brand-carousel-arrow.splide__arrow--prev,.collection-brand-carousel-arrow.splide__arrow--next{position:absolute}.collection-brand-carousel-arrow.splide__arrow--prev{left:unset}.collection-brand-carousel-arrow.splide__arrow--prev:not(.top),.collection-brand-carousel-arrow.splide__arrow--next:not(.top){top:50%;bottom:50%;margin:auto}.collection-brand-carousel-arrow.splide__arrow--prev.top,.collection-brand-carousel-arrow.splide__arrow--next.top{top:-32px}.collection-brand-carousel-arrow.splide__arrow--prev:not(.top){left:1.6rem}.collection-brand-carousel-arrow.splide__arrow--prev.top{right:4rem}.collection-brand-carousel-arrow.splide__arrow--next:not(.top){right:1.6rem}.collection-brand-carousel-arrow.splide__arrow--next.top{right:0}.collection-brand-carousel-arrow.splide__arrow .icon{width:1.6rem;height:1.6rem;stroke:rgba(var(--color-foreground));fill:none}
/*# sourceMappingURL=/cdn/shop/t/2/assets/collection-brand-carousel.css.map */