/* Font sizes */
/* Max widths for media queries */
.storepage {
  overflow-x: clip; }

@keyframes infinite-scroll {
  from {
    transform: translateX(0); }
  to {
    transform: translateX(calc(-1 * var(--scroll-distance))); } }

.experience-commerce_layouts-brandsLogo {
  overflow-x: hidden;
  position: relative;
  width: 100vw;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  background-color: #c4c4c4; }

.brand-logo-wrapper {
  width: 100%;
  overflow: hidden;
  padding: 0;
  background-color: #c4c4c4;
  max-width: 1920px;
  margin: 0 auto;
  position: relative; }
  .brand-logo-wrapper .brands-logo-container {
    display: -ms-flexbox;
    display: flex;
    animation: infinite-scroll linear infinite;
    animation-duration: var(--scroll-duration, 20s);
    will-change: transform; }
    .brand-logo-wrapper .brands-logo-container .experience-commerce_assets-brandsLogoItem {
      width: calc(100vw / 8);
      -ms-flex-pack: center;
          justify-content: center;
      display: -ms-flexbox;
      display: flex;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto; }
      @media (max-width: 545px) {
        .brand-logo-wrapper .brands-logo-container .experience-commerce_assets-brandsLogoItem {
          width: calc(100vw / 4); } }
      .brand-logo-wrapper .brands-logo-container .experience-commerce_assets-brandsLogoItem .brand-logo-item {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        height: 91px; }
        @media (max-width: 768px) {
          .brand-logo-wrapper .brands-logo-container .experience-commerce_assets-brandsLogoItem .brand-logo-item {
            height: 49px; } }
        .brand-logo-wrapper .brands-logo-container .experience-commerce_assets-brandsLogoItem .brand-logo-item img {
          height: 81px;
          width: auto;
          max-width: 100%;
          object-fit: contain; }
          @media (max-width: 768px) {
            .brand-logo-wrapper .brands-logo-container .experience-commerce_assets-brandsLogoItem .brand-logo-item img {
              height: 49px; } }
  .brand-logo-wrapper:hover .brands-logo-container {
    animation-play-state: paused; }