.ios-ico {
  --ios-icon-color: var(--blue, #007aff);
  --ios-icon-bg: rgba(0, 122, 255, .1);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.35em;
  height: 1.35em;
  min-width: 1.35em;
  border-radius: .42em;
  background: var(--ios-icon-bg);
  color: var(--ios-icon-color);
  vertical-align: -.24em;
  line-height: 1;
  flex: 0 0 auto;
}

.ios-ico svg {
  width: 70%;
  height: 70%;
  display: block;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ios-ico.ios-auto,
.ios-ico.bare,
.ios-ico.in-tile {
  background: transparent;
  border-radius: 0;
  width: 1.12em;
  height: 1.12em;
  min-width: 1.12em;
  vertical-align: -.18em;
}

.ios-ico.in-tile {
  width: 100%;
  height: 100%;
  min-width: 0;
}

.ios-ico.xs { width: 16px; height: 16px; min-width: 16px; border-radius: 6px; }
.ios-ico.sm { width: 20px; height: 20px; min-width: 20px; border-radius: 7px; }
.ios-ico.md { width: 28px; height: 28px; min-width: 28px; border-radius: 9px; }

.sec-icon .ios-ico,
.fc-icon .ios-ico,
.mi-icon .ios-ico,
.drop-icon .ios-ico,
.purch-empty-icon .ios-ico {
  width: 100%;
  height: 100%;
  min-width: 0;
  background: transparent;
  border-radius: inherit;
  vertical-align: 0;
}

.mi-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.tabbar-item .ios-ico,
.adm-menu-item .ios-ico,
.btn .ios-ico,
.pill .ios-ico,
.nav-ticket-btn .ios-ico {
  width: 18px;
  height: 18px;
  min-width: 18px;
  background: transparent;
  vertical-align: 0;
}

.ios-ico[data-ios-icon="x"],
.ios-ico[data-ios-icon="x-circle"] {
  --ios-icon-color: var(--red, #ff3b30);
  --ios-icon-bg: rgba(255, 59, 48, .1);
}

.ios-ico[data-ios-icon="check"],
.ios-ico[data-ios-icon="check-circle"] {
  --ios-icon-color: var(--green, #34c759);
  --ios-icon-bg: rgba(52, 199, 89, .12);
}

.ios-ico[data-ios-icon="warning"],
.ios-ico[data-ios-icon="bolt"],
.ios-ico[data-ios-icon="clock"],
.ios-ico[data-ios-icon="ticket"] {
  --ios-icon-color: var(--orange, #ff9500);
  --ios-icon-bg: rgba(255, 149, 0, .12);
}

.ios-ico[data-ios-icon="trend"],
.ios-ico[data-ios-icon="link"],
.ios-ico[data-ios-icon="plug"] {
  --ios-icon-color: var(--purple, #5856d6);
  --ios-icon-bg: rgba(88, 86, 214, .1);
}