:root {
  --animate-duration: 1s;
}

sl-data-link .hide-last-child-border sl-data-link-item:last-child > .border {
  border-bottom: 0px;
}
sl-data-link .display-border sl-data-link-item > .border {
  margin: 0 var(--sdx-baseline);
  border-bottom: 1px solid var(--sdx-color-aluminum);
}
sl-data-link .style-default .item {
  padding: var(--sdx-baseline);
}
sl-data-link .style-compact .item {
  padding: 4px;
  min-height: 40px;
}
sl-data-link .style-compact .item .flex-full {
  -webkit-line-clamp: 1 !important;
}
sl-data-link .vertical-alignment-top .item {
  align-items: flex-start;
}
sl-data-link .vertical-alignment-bottom .item {
  align-items: flex-end;
}
sl-data-link .vertical-alignment-middle .item {
  align-items: center;
}
sl-data-link .enable-hover .item:focus-visible .h1,
sl-data-link .enable-hover .item:focus-visible .h2,
sl-data-link .enable-hover .item:focus-visible .h3,
sl-data-link .enable-hover .item:focus-visible .h4,
sl-data-link .enable-hover .item:focus-visible .h5,
sl-data-link .enable-hover .item:focus-visible .h6,
sl-data-link .enable-hover .item:focus-visible .hero,
sl-data-link .enable-hover .item:focus-visible .d1,
sl-data-link .enable-hover .item:focus-visible .d2,
sl-data-link .enable-hover .item:focus-visible .d3,
sl-data-link .enable-hover .item:focus-visible .p,
sl-data-link .enable-hover .item:focus-visible .gray-mid,
sl-data-link .enable-hover .item:focus-visible .gray-tint-4,
sl-data-link .enable-hover .item:focus-visible .text-smaller,
sl-data-link .enable-hover .item:focus-visible span,
sl-data-link .enable-hover .item:focus-visible sdx-icon,
sl-data-link .enable-hover .item:focus-visible p,
sl-data-link .enable-hover .item:focus-visible h1,
sl-data-link .enable-hover .item:focus-visible h2,
sl-data-link .enable-hover .item:focus-visible h3,
sl-data-link .enable-hover .item:focus-visible h4,
sl-data-link .enable-hover .item:focus-visible h5,
sl-data-link .enable-hover .item:focus-visible h6 {
  color: var(--sdx-color-int-blue) !important;
}
@media (hover: hover) {
  sl-data-link .enable-hover .item:hover .h1,
  sl-data-link .enable-hover .item:hover .h2,
  sl-data-link .enable-hover .item:hover .h3,
  sl-data-link .enable-hover .item:hover .h4,
  sl-data-link .enable-hover .item:hover .h5,
  sl-data-link .enable-hover .item:hover .h6,
  sl-data-link .enable-hover .item:hover .hero,
  sl-data-link .enable-hover .item:hover .d1,
  sl-data-link .enable-hover .item:hover .d2,
  sl-data-link .enable-hover .item:hover .d3,
  sl-data-link .enable-hover .item:hover .p,
  sl-data-link .enable-hover .item:hover .gray-mid,
  sl-data-link .enable-hover .item:hover .gray-tint-4,
  sl-data-link .enable-hover .item:hover .text-smaller,
  sl-data-link .enable-hover .item:hover span,
  sl-data-link .enable-hover .item:hover sdx-icon,
  sl-data-link .enable-hover .item:hover p,
  sl-data-link .enable-hover .item:hover h1,
  sl-data-link .enable-hover .item:hover h2,
  sl-data-link .enable-hover .item:hover h3,
  sl-data-link .enable-hover .item:hover h4,
  sl-data-link .enable-hover .item:hover h5,
  sl-data-link .enable-hover .item:hover h6 {
    color: var(--sdx-color-int-blue) !important;
  }
}
sl-data-link .enable-hover .item:focus-visible {
  color: var(--sdx-color-int-blue) !important;
}
@media (hover: hover) {
  sl-data-link .enable-hover .item:hover {
    color: var(--sdx-color-int-blue) !important;
  }
}
sl-data-link .enable-hover .item:focus-visible .badge {
  color: var(--sdx-color-sc-white) !important;
}
@media (hover: hover) {
  sl-data-link .enable-hover .item:hover .badge {
    color: var(--sdx-color-sc-white) !important;
  }
}