.shop-by-brand.need-animate{opacity:0}.shop-by-brand.animated{opacity:1;transition:opacity var(--animate-time) var(--easing-ease)}.shop-by-brand .shop-by-brand__wrapper{display:flex;gap:32px;align-items:center;flex-direction:column;border-radius:var(--global-border-radius);background:var(--color-background-secondary);padding:24px 0 32px}.shop-by-brand .shop-by-brand__heading{font-weight:600;flex-shrink:0;text-align:center;padding:0 16px;word-break:break-word}.shop-by-brand .shop-by-brand__slider{position:relative;width:100%}.shop-by-brand .shop-by-brand__slider:before,.shop-by-brand .shop-by-brand__slider:after{content:"";position:absolute;top:0;height:100%;width:31px;background:linear-gradient(270deg,rgba(255,255,255,0) 0%,var(--color-background-secondary) 100%);left:-1px;z-index:10;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);pointer-events:none}.shop-by-brand .shop-by-brand__slider:after{left:unset;right:0;transform:scaleX(-1)}.shop-by-brand .shop-by-brand__slider-item{width:113px}.shop-by-brand .shop-by-brand__slider--ticker{--animateEnd: -50%;overflow:hidden}.shop-by-brand .shop-by-brand__slider--ticker .swiper-wrapper{display:flex;align-items:center;width:max-content;will-change:transform;animation:shop-by-brand-ticker var(--mobile-movement-speed) linear infinite}.shop-by-brand .shop-by-brand__slider--ticker .shop-by-brand__slider-item{flex-shrink:0;margin:0 16px}@media(-moz-touch-enabled:0),(hover:hover),(pointer:fine){.shop-by-brand .shop-by-brand__slider--pause-on-hover:hover .swiper-wrapper{animation-play-state:paused}}.shop-by-brand .shop-by-brand__slider--pause-on-hover:focus-within .swiper-wrapper{animation-play-state:paused!important}.shop-by-brand .shop-by-brand__slider-image-wrapper{width:100%;height:40px;position:relative;display:block}.shop-by-brand .shop-by-brand__slider-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;transition:opacity var(--timing-base) ease}.shop-by-brand .shop-by-brand__link{display:block}@media(-moz-touch-enabled:0),(hover:hover),(pointer:fine){.shop-by-brand .shop-by-brand__link:hover .shop-by-brand__slider-image{opacity:.5}}.shop-by-brand .shop-by-brand__link:focus-visible{box-shadow:inset 0 0 0 1px var(--color-text-primary)}@media(min-width:768px){.shop-by-brand .shop-by-brand__slider:before,.shop-by-brand .shop-by-brand__slider:after{width:81px}.shop-by-brand .shop-by-brand__slider--ticker .swiper-wrapper{animation-duration:var(--desktop-movement-speed)}.shop-by-brand .shop-by-brand__slider--ticker .shop-by-brand__slider-item{margin:0 38px}}@media(prefers-reduced-motion:reduce){.shop-by-brand .shop-by-brand__slider--ticker .swiper-wrapper{animation-play-state:paused}}@media(min-width:992px){.shop-by-brand .shop-by-brand__heading{padding:0;max-width:192px;text-align:start;padding-inline-start:52px}.shop-by-brand .shop-by-brand__wrapper{gap:48px;flex-direction:row;padding:32px 0}.shop-by-brand .shop-by-brand__heading{font-size:calc(var(--body-font-size) * 1.25)}}body.rtl .shop-by-brand .shop-by-brand__slider--ticker{--animateEnd: 50%}@keyframes shop-by-brand-ticker{0%{transform:translate(0)}to{transform:translate(var(--animateEnd))}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/shop-by-brand.build.css.map */