/* Shared external platform link icons. */
:root {
  --k2040-icon-size: 1.5rem;
}

.external-platform-link {
  gap: .5rem;
}

.external-platform-icon {
  display: inline-flex;
  width: var(--k2040-icon-size);
  height: var(--k2040-icon-size);
  flex: 0 0 var(--k2040-icon-size);
  align-items: center;
  justify-content: center;
  color: currentColor;
}

.external-platform-icon svg {
  display: block;
  width: 100%;
  height: 100%;
}

.external-platform-icon--monogram {
  width: var(--k2040-icon-size);
  height: var(--k2040-icon-size);
  border: 1px solid currentColor;
  font-size: .8rem;
  font-weight: 900;
  line-height: 1;
  clip-path: polygon(0 4px,4px 0,calc(100% - 4px) 0,100% 4px,100% calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,0 calc(100% - 4px));
}

/* Official Uptodown App Store icon, displayed unchanged from Uptodown's CDN. */
.external-platform-icon--uptodown.external-platform-icon--monogram {
  border: 0;
  background: transparent url("https://img.utdstc.com/icon/f66/dd0/f66dd06c25088f96b64eb440bcc90a2994cc645680cb27840b30fbf996902804") center / contain no-repeat;
  font-size: 0;
  clip-path: none;
}

.external-platform-icon--onestore {
  position: relative;
  overflow: hidden;
  border: 0;
  border-radius: .28rem;
  background: #f43a59;
  color: #fff;
  clip-path: none;
}

.external-platform-icon--onestore::before {
  content: "1";
  font-size: 1rem;
  font-weight: 950;
  line-height: 1;
  transform: translateY(-.02rem);
}

.external-platform-icon--openapk {
  border: 0;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20800%20800%22%3E%3Cpath%20d%3D%22M742.4%2C418.6c-.2-4.1-.5-8.1-.8-12.2-12.9-111.3-79-205.3-171.9-256.7l-1.7-.9%209.2-15.9%2047.9-82.9c1-1.7%201.6-3.7%201.6-5.9%200-6.6-5.3-11.9-11.9-11.9-4.4%200-8.2%202.4-10.2%205.9l-47.9%2082.9-9.9%2017.1c-43.1-19.8-93.6-31.4-146.8-31.4-52.3%200-102%2011.2-146.8%2031.3l-9.8-17.1-47.9-83c-2.1-3.6-5.9-5.9-10.3-5.9-6.6%200-11.9%205.3-11.9%2011.9%200%202.2.6%204.2%201.6%206l47.9%2083%209.2%2015.9C137.6%20201%2071.5%20294.8%2058.5%20404.8c-.4%204.6-.7%209.2-.9%2013.8-.3%205.8-.4%2011.7-.4%2017.6%200%20151.8%2092.5%20281.2%20222.5%20331.6l79-217.6c-44.7-17.3-76.5-61.8-76.5-114%200-6%20.4-11.9%201.2-17.6%208.3-58.9%2057.3-104.1%20116.6-104.1s108.4%2045.2%20116.6%20104.1c.8%205.8%201.2%2011.6%201.2%2017.6%200%2052.2-31.8%2096.7-76.5%20114l79%20217.6c130-50.4%20222.5-179.8%20222.5-331.6%200-5.9-.2-11.8-.5-17.6zM242.1%20263.8a28.6%2028.6%200%201%200%200%2057.2%2028.6%2028.6%200%200%200%200-57.2zm315.7%200a28.6%2028.6%200%201%200%200%2057.2%2028.6%2028.6%200%200%200%200-57.2z%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20800%20800%22%3E%3Cpath%20d%3D%22M742.4%2C418.6c-.2-4.1-.5-8.1-.8-12.2-12.9-111.3-79-205.3-171.9-256.7l-1.7-.9%209.2-15.9%2047.9-82.9c1-1.7%201.6-3.7%201.6-5.9%200-6.6-5.3-11.9-11.9-11.9-4.4%200-8.2%202.4-10.2%205.9l-47.9%2082.9-9.9%2017.1c-43.1-19.8-93.6-31.4-146.8-31.4-52.3%200-102%2011.2-146.8%2031.3l-9.8-17.1-47.9-83c-2.1-3.6-5.9-5.9-10.3-5.9-6.6%200-11.9%205.3-11.9%2011.9%200%202.2.6%204.2%201.6%206l47.9%2083%209.2%2015.9C137.6%20201%2071.5%20294.8%2058.5%20404.8c-.4%204.6-.7%209.2-.9%2013.8-.3%205.8-.4%2011.7-.4%2017.6%200%20151.8%2092.5%20281.2%20222.5%20331.6l79-217.6c-44.7-17.3-76.5-61.8-76.5-114%200-6%20.4-11.9%201.2-17.6%208.3-58.9%2057.3-104.1%20116.6-104.1s108.4%2045.2%20116.6%20104.1c.8%205.8%201.2%2011.6%201.2%2017.6%200%2052.2-31.8%2096.7-76.5%20114l79%20217.6c130-50.4%20222.5-179.8%20222.5-331.6%200-5.9-.2-11.8-.5-17.6zM242.1%20263.8a28.6%2028.6%200%201%200%200%2057.2%2028.6%2028.6%200%200%200%200-57.2zm315.7%200a28.6%2028.6%200%201%200%200%2057.2%2028.6%2028.6%200%200%200%200-57.2z%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat;
  clip-path: none;
}

.external-platform-label {
  min-width: 0;
}

@media (max-width: 760px) {
  .external-platform-link--icon-only-mobile {
    position: relative;
    width: 44px;
    min-width: 44px;
    padding-right: .5rem !important;
    padding-left: .5rem !important;
    gap: 0;
  }

  .external-platform-link--icon-only-mobile .external-platform-label {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    border: 0;
    clip: rect(0 0 0 0);
    white-space: nowrap;
  }

  .external-platform-link--icon-only-mobile .external-platform-icon {
    width: var(--k2040-icon-size);
    height: var(--k2040-icon-size);
    flex-basis: var(--k2040-icon-size);
  }

  .update-card a[data-update-link].external-platform-link--icon-only-mobile {
    width: auto;
    min-width: 0;
    padding: .5rem .85rem !important;
    gap: .45rem;
  }

  .update-card a[data-update-link].external-platform-link--icon-only-mobile .external-platform-label {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
  }
}