/* Fixed, bottom left; both Wix arrows share the same spot. */
.pinned-arrow {
  position: fixed;
  left: var(--pinned-arrow-left);
  bottom: var(--pinned-arrow-bottom);
  z-index: 50;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--pinned-arrow-width);
  height: var(--pinned-arrow-height);
  transition: opacity 0.3s ease, visibility 0.3s;
}

.pinned-arrow.is-hidden { opacity: 0; visibility: hidden; pointer-events: none; }

.pinned-arrow__icon {
  width: var(--pinned-arrow-icon-size);
  height: var(--pinned-arrow-icon-size);
  fill: rgb(0, 0, 0);
  transform: rotate(180deg);
  transition: all 0.2s ease;
}

.pinned-arrow:hover .pinned-arrow__icon {
  width: var(--pinned-arrow-icon-size-hover);
  height: var(--pinned-arrow-icon-size-hover);
}