/* Display utilities */
.text-pretty {
  text-wrap: pretty;
}

.text-underline {
  text-decoration: underline;
}

.no-text-decoration {
  text-decoration: none;
}

.hr-1 {
  height: 1px;
  border: 0;
  background-color: var(--color-primary-3);
  opacity: 1;
  margin: var(--space-m) 0 var(--space-l);
}

div:has(.img-cover) {
  position: relative;

  & > *:not(.img-cover) {
    position: relative;
    z-index: 1;
  }

  .img-cover ~ * {
    position: relative;
    z-index: 1;
  }
}

.img-cover {
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  position: absolute;
  z-index: 0;
}

.vertical-line {
  width: 1px;
  height: 100%;
  background-color: var(--color-primary-3);
  margin: 0 auto;
}

.ve-shadow {
  box-shadow: var(--depth-5);
}