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

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

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

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


.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;
}

.hidden,
*[hidden] {
  display: none;
}