.rail {
  &-container {
    position: absolute;
    bottom: 20px;
    left: 0;
    display: flex;
    align-items: center;
    width: 100%;
    height: 48px;
    max-height: 48px;
    z-index: 2;
  }

  &-left {
    position: absolute;
    display: flex;
    width: auto;
    padding: 0 35px;
  }

  &-center {
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 22px;
    width: 100%;
    padding-right: 5px;
    overflow-x: hidden;
  }
}

.hidden-opacity {
    opacity: 0;
    visibility: hidden;
    position: absolute; 
    pointer-events: none; 
}