/* IMPERIUM ICON NORMALIZATION v1.2.2 */

/*
  One visual scale for:
  - Admin Partner avatars
  - Ethereum / Bitcoin / Flow strategy icons

  Container: 48 x 48
  Inner glyph/art: centered and constrained
*/

.ic-ui-icon-box{
  box-sizing:border-box !important;
  width:48px !important;
  min-width:48px !important;
  max-width:48px !important;
  height:48px !important;
  min-height:48px !important;
  max-height:48px !important;

  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 48px !important;

  margin:0 !important;
  padding:0 !important;

  line-height:1 !important;
  vertical-align:middle !important;
  overflow:hidden !important;

  transform:none !important;
}

/* Strategy icons: keep the existing color identity, normalize geometry only. */
.ic-ui-strategy-icon{
  border-radius:12px !important;
}

.ic-ui-strategy-icon,
.ic-ui-strategy-icon *{
  box-sizing:border-box !important;
}

.ic-ui-strategy-icon > .ic-ui-icon-inner{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  max-width:30px !important;
  max-height:30px !important;
  margin:auto !important;
  transform:none !important;
}

/* Text/glyph-based BTC / FLOW marks. */
.ic-ui-strategy-icon{
  font-size:27px !important;
  font-weight:750 !important;
  text-align:center !important;
}

/* Images / svg / pseudo-like inner media. */
.ic-ui-strategy-icon img,
.ic-ui-strategy-icon svg{
  display:block !important;
  width:28px !important;
  height:28px !important;
  max-width:28px !important;
  max-height:28px !important;
  object-fit:contain !important;
  margin:auto !important;
}

/* Admin Partner avatar */
.ic-ui-partner-avatar{
  border-radius:12px !important;
  font-size:25px !important;
  font-weight:750 !important;
  letter-spacing:-.03em !important;
  text-align:center !important;
}

.ic-ui-partner-avatar > .ic-ui-icon-inner{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  margin:0 !important;
  font-size:inherit !important;
  line-height:1 !important;
  transform:none !important;
}

/* Keep icon/title alignment consistent in the common row layouts. */
.ic-ui-icon-box + h1,
.ic-ui-icon-box + h2,
.ic-ui-icon-box + h3,
.ic-ui-icon-box + h4,
.ic-ui-icon-box + div,
.ic-ui-icon-box + span{
  align-self:center !important;
}

@media(max-width:700px){
  .ic-ui-icon-box{
    width:44px !important;
    min-width:44px !important;
    max-width:44px !important;
    height:44px !important;
    min-height:44px !important;
    max-height:44px !important;
    flex-basis:44px !important;
  }

  .ic-ui-partner-avatar{
    font-size:23px !important;
  }

  .ic-ui-strategy-icon{
    font-size:25px !important;
  }

  .ic-ui-strategy-icon img,
  .ic-ui-strategy-icon svg{
    width:26px !important;
    height:26px !important;
    max-width:26px !important;
    max-height:26px !important;
  }
}