* {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif;
}

*,
*:before,
*:after {
  box-sizing: border-box;
}

:root {
  --text-primary: #222222;
}

.scrollable-products-header {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
          align-items: flex-start;
  -webkit-justify-content: space-between;
          justify-content: space-between;
}
.scrollable-products-header__view-all {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  cursor: pointer;
  margin-top: 4px;
}

.scrollable-typo {
  word-break: break-word;
  padding-left: 8px;
}

.view-all {
  white-space: nowrap;
}

.scrollable-products-header__view-all svg {
  display: none;
  /* Arrow icon hidden. To re-enable, remove this rule. */
}

.scrollable-products-wrapper {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  padding-left: 8px;
  overflow-x: scroll;
  padding-top: 12px;
  padding-bottom: 20px;
}
.scrollable-products-wrapper .product-card-wrapper {
  position: relative;
}
.scrollable-products-wrapper .product-card-wrapper::after {
  position: absolute;
  content: "";
  display: block;
  right: calc(var(--side-spacing) * -1);
  width: var(--side-spacing);
  height: 1px;
}
.scrollable-products-wrapper::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}