.nd-studio__slider .splide__arrows {
  display: none;
}


.nd-studio__controls {
display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin-top: 2rem;
  position: absolute;
  top: 90%;
  left: -27%;
}

.nd-studio__arrow {
  display: flex;
  align-items: center;
  background: none;
  border: none;
  cursor: pointer;
  padding: 8px 0;
  gap: 0;
}


.nd-studio__arrow .shaft {
  display: block;
  width: 32px;
  height: 1px;
  background: #0a0a0a;
  transition: width 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  flex-shrink: 0;
}


.nd-studio__arrow .head {
  display: block;
  width: 7px;
  height: 7px;
  border-top: 1px solid #0a0a0a;
  border-left: 1px solid #0a0a0a;
  flex-shrink: 0;
}


.nd-studio__arrow--prev .head {
  transform: rotate(-45deg);
  margin-right: -1px;
}


.nd-studio__arrow--next .head {
  transform: rotate(135deg);
  margin-left: -1px;
}


.nd-studio__arrow:hover .shaft {
  width: 16px;
}


.nd-studio__arrow:disabled .shaft,
.nd-studio__arrow:disabled .head {
  opacity: 0.25;
}


.nd-studio__segments {
  display: flex;
  align-items: center;
  gap: 0;
}

.nd-studio__segment {
  height: 1px;
  width: 60px;
  background: #c8c8c8;
  cursor: pointer;
  transition: height 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94),
              background 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.nd-studio__segment.is-active {
  height: 2px;
  background: #0a0a0a;
}

.nd-studio__segment:hover {
  background: #666;
}


[data-builder-mode] .nd-studio__controls {
  opacity: 1 !important;
}