.icon-slot {
  display: inline-grid;
  place-items: center;
  position: relative;
  flex: 0 0 auto;
  line-height: 1;
}

.icon-art {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.icon-fallback { display: block; line-height: 1; }
.icon-slot:not(.is-loaded) .icon-art { display: none; }
.icon-slot.is-loaded .icon-fallback { display: none; }

.weather-icon { width: 20px; height: 20px; }
.resource-icon { width: 18px; height: 18px; }
.location-icon { width: 20px; height: 20px; }
.menu-circle-icon { width: 25px; height: 25px; }
.menu-circle-icon .icon-art { width: 25px; height: 25px; }

.drawer-grid button .icon-slot {
  width: 28px;
  height: 28px;
  color: inherit;
  font-size: 22px;
  line-height: 22px;
}

.drawer-grid button .icon-fallback { color: inherit; }

.gear-card .icon-slot { width: 30px; height: 30px; }
.cast-symbol.icon-slot { width: 25px; height: 25px; }
.event-icon {
  display: grid !important;
  place-items: center;
  width: 62px;
  height: 62px;
  margin: 0 auto 8px;
}
.event-icon .icon-art { width: 62px; height: 62px; }

.quest-weather-icon {
  width: 22px;
  height: 22px;
  margin-right: 3px;
  vertical-align: middle;
}

.cloud-save-dot { width: 38px; height: 38px; }
.cloud-save-dot .icon-art { width: 30px; height: 30px; }
.avatar .icon-slot,
.avatar .icon-art { width: 46px; height: 46px; }

.catch-item .fish-art {
  width: 52px;
  height: 52px;
  object-fit: contain;
}
.catch-item .fish-fallback { font-size: 35px; }

.profile-catch-list .fish-art {
  width: 34px;
  height: 34px;
  object-fit: contain;
}
.profile-catch-list > .profile-catch-item {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 10px;
  background: #d9ece6;
}
.profile-catch-list .fish-fallback {
  display: block;
  width: auto;
  height: auto;
  border-radius: 0;
  background: transparent;
  font-size: 24px;
}

.log-icon .icon-slot,
.log-icon .icon-art { width: 27px; height: 27px; }
.bait-pack-icon .icon-slot { width: 30px; height: 30px; }
.equipment-item-icon .icon-slot { width: 32px; height: 32px; }

@media (max-width: 420px) {
  .event-icon { width: 52px; height: 52px; }
  .event-icon .icon-art { width: 52px; height: 52px; }
}