.ui_entity_logo {
  display: block;
  flex: 0 0 auto;
  object-fit: contain;
  filter: drop-shadow(0 3px 5px rgba(0, 0, 0, .28));
}

.ui_entity_logo_small {
  width: 20px;
  height: 20px;
}

.ui_entity_logo_medium {
  width: 30px;
  height: 30px;
}

.ui_entity_logo_large {
  width: 76px;
  height: 76px;
}

.venue_icon {
  display: grid;
  place-items: center;
  background: var(--ui_color_control);
  color: var(--ui_color_text_light);
}

.venue_icon__glyph {
  display: block;
  width: 14px;
  height: 14px;
  background: currentColor;
}

.venue_icon--home .venue_icon__glyph {
  -webkit-mask: url("../../tournaments/assets/icons/home.svg") center / contain no-repeat;
  mask: url("../../tournaments/assets/icons/home.svg") center / contain no-repeat;
}

.venue_icon--away .venue_icon__glyph {
  -webkit-mask: url("../../tournaments/assets/icons/plane.svg") center / contain no-repeat;
  mask: url("../../tournaments/assets/icons/plane.svg") center / contain no-repeat;
}

@media (max-width: 899px) {
  .ui_entity_logo_large {
    width: 54px;
    height: 54px;
  }
}