img.responsive {
  width: 100%;
  height: auto;
}

img.site-app-icon {
  width: 256px;
  height: 256px;
  border-radius: 20px;
}

img.site-app-icon {
  display: block;
  width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  border: solid 1px #4a4a4a;
  background-color: #000000;
}

img.site-profile-picture {
  display: block;
  width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  border-radius: 50%;
  background-color: #8a8a8a;
}

img.site-channel-icon {
  display: block;
  width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  border-radius: 8px;
  background-color: #8a8a8a;
}

img.site-app-icon,
img.site-channel-icon,
img.site-profile-picture {
  &.sb-xxsmall {
    max-width: 32px;
    border-radius: 4px;
  }
  &.sb-xsmall {
    max-width: 48px;
    border-radius: 6px;
  }
  &.sb-list-item {
    max-width: 48px;
    border-radius: 6px;
  }
  &.sb-small {
    max-width: 64px;
  }
  &.sb-medium {
    max-width: 128px;
    border-radius: 12px;
  }
  &.sb-large {
    max-width: 256px;
    border-radius: 16px;
  }
  &.sb-full {
    max-width: 512px;
    border-radius: 20px;
  }
}