:root ::selection {
  background-color: var(--brand--blue-light, #68b2ff);
  color: #ffffff;
}

.contact_panel ::selection {
  background-color: #ffffff;
  color: var(--neutral--neutral-dark);
}

.contact_copy-tooltip {
  position: fixed;
  top: 0;
  left: 0;
  background-color: color-mix(
    in srgb,
    var(--neutral--neutral-dark) 90%,
    transparent
  );
  color: var(--neutral--neutral-light);
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.2s ease;
  z-index: 100;
  padding: 0.25rem 0.5rem;
}

.navigation_link:hover .nav-link_track,
.contact_email:hover .nav-link_track,
.contact_social-link:hover .nav-link_track,
.button_get-in-touch:hover .nav-link_track {
  transform: translateY(-1.2em);
}

.button_get-in-touch:hover .button_get-in-touch-avatar {
  opacity: 1;
  transform: scale(1);
  margin-right: 8px;
}

:is(h1, h2, h3, h4, h5, h6) {
  display: flow-root;
}
:is(h1, h2, h3, h4, h5, h6)::before {
  content: "";
  display: table;
  margin-bottom: calc(-0.5lh + 0.44em);
}
:is(h1, h2, h3, h4, h5, h6)::after {
  content: "";
  display: table;
  margin-bottom: calc(-0.5lh + 0.28em);
}

@media (max-width: 767px) {
  .quotes_list {
    display: flex;
    overflow-x: auto;
    overflow-y: hidden; /* prevents Draggable's type:'scroll' from picking up vertical drag */
    scroll-snap-type: x mandatory;
    scroll-padding-left: 1.25rem;
    scroll-padding-right: 7.5vw;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .quotes_item {
    flex: 0 0 auto;
    scroll-snap-align: center;
  }
  .quotes_item:first-child {
    scroll-snap-align: start;
  }
  .quotes_list::-webkit-scrollbar {
    display: none;
  }
}