:is(.visually-hidden, .sr-only) {
  inline-size: 0;
  block-size: 0;
  overflow: hidden;
}

.border-between-inline > * + * {
  border-inline-start-width: var(--border);
}

.border-between-block > * + * {
  border-block-start-width: var(--border);
}

.gradient-border {
  border-width: var(--size-3);
  border-image-slice: 1;
  border-image-source: var(--conic-gradient-3);
}

.truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.fade-up-and-in {
  opacity: 0;
  animation: 
    var(--animation-fade-in) forwards,
    var(--animation-slide-in-up) forwards;
  animation-delay: .3s, 0s;
  animation-duration: .7s, 1s;
}