/* SDP_COMPATIBLE_PRODUCTS_APP_LINK_V1 */

.sdp-compatible-app-link{
  color:var(--ink-dim,#8793a6);
  text-decoration:none;
  cursor:pointer;

  transition:
    color .18s ease,
    text-shadow .18s ease,
    opacity .18s ease;
}

.sdp-compatible-app-link:hover,
.sdp-compatible-app-link:focus-visible{
  color:#f5ffff !important;

  text-shadow:
    0 0 4px rgba(76,220,235,.72),
    0 0 10px rgba(76,220,235,.44),
    0 0 18px rgba(76,220,235,.22);

  opacity:1 !important;
  outline:none;
}


/* ---------------- CONSOLE ---------------- */

.sidebar .nav .sdp-compatible-console{
  font-size:12px;
  opacity:.56;
  margin-top:5px;
  padding-top:9px;
  padding-bottom:9px;
}


/* ---------------- GUARD ---------------- */

.sdp-compatible-guard{
  position:fixed;

  left:50%;
  bottom:72px;

  transform:translateX(-50%);

  z-index:8;

  font-size:11px;
  font-weight:600;

  letter-spacing:.02em;
  white-space:nowrap;

  opacity:.52;

  padding:4px 10px;
}


/* ---------------- MDT ---------------- */

.status-strip .sdp-compatible-mdt{
  display:inline-flex;
  align-items:center;
  justify-content:center;

  flex:0 0 auto;

  margin-left:4px;
  padding:5px 7px;

  font-size:10px;
  font-weight:700;
  line-height:1;

  letter-spacing:.06em;

  opacity:.54;

  border-left:1px solid rgba(255,255,255,.10);
}

html[data-theme="white"] .status-strip .sdp-compatible-mdt{
  border-left-color:rgba(0,0,0,.12);
}


/* Smaller guard screens */
@media(max-width:520px){
  .sdp-compatible-guard{
    font-size:10px;
    bottom:70px;
  }
}

/* /SDP_COMPATIBLE_PRODUCTS_APP_LINK_V1 */