svg.i {
  width: 1em;
  height: 1em;
  flex: none;
  vertical-align: -0.125em;
}

.bicon {
  display: inline-block;
  width: 1.15em;
  height: 1.15em;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  vertical-align: -0.18em;
}

.bicon.crown {
  margin-left: 3px;
  background-color: #6fce9d;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath fill='black' d='M309 106c11.4-7 19-19.7 19-34c0-22.1-17.9-40-40-40s-40 17.9-40 40c0 14.4 7.6 27 19 34l-57.3 114.6c-9.1 18.2-32.7 23.4-48.6 10.7L72 160c5-6.7 8-15 8-24c0-22.1-17.9-40-40-40S0 113.9 0 136s17.9 40 40 40h.7l45.7 251.4c5.5 30.4 32 52.6 63 52.6h277.2c30.9 0 57.4-22.1 63-52.6L535.3 176h.7c22.1 0 40-17.9 40-40s-17.9-40-40-40s-40 17.9-40 40c0 9 3 17.3 8 24l-89.1 71.3c-15.9 12.7-39.5 7.5-48.6-10.7z'/%3E%3C/svg%3E");
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
}

.bicon.shield {
  width: 1.05em;
  height: 1.05em;
  margin-left: 3px;
  background-color: #8fd8b6;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M13.16 4.407a2.25 2.25 0 0 0-2.32 0l-.517.311a9.75 9.75 0 0 1-4.115 1.354l-.325.031A1.25 1.25 0 0 0 4.75 7.347v1.644a10.25 10.25 0 0 0 3.126 7.37l3.255 3.147a1.25 1.25 0 0 0 1.738 0l3.255-3.147a10.25 10.25 0 0 0 3.126-7.37V7.347a1.25 1.25 0 0 0-1.133-1.244l-.325-.03a9.75 9.75 0 0 1-4.115-1.355z'/%3E%3C/svg%3E");
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
}

svg.i.mega {
  color: var(--accent2, #5fae87);
}

.av svg.i {
  color: #fff;
}

.prow .bicon,
.uresult .bicon {
  vertical-align: -0.06em;
}

.ic {
  display: inline-block;
  width: 1.2em;
  height: 1.2em;
  flex-shrink: 0;
  background: currentColor;
  -webkit-mask: var(--ic) center / contain no-repeat;
  mask: var(--ic) center / contain no-repeat;
}

.ic-cloak {
  --ic: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M10.733%205.076a10.744%2010.744%200%200%201%2011.205%206.575a1%201%200%200%201%200%20.696a10.8%2010.8%200%200%201-1.444%202.49m-6.41-.679a3%203%200%200%201-4.242-4.242%22/%3E%3Cpath%20d=%22M17.479%2017.499a10.75%2010.75%200%200%201-15.417-5.151a1%201%200%200%201%200-.696a10.75%2010.75%200%200%201%204.446-5.143M2%202l20%2020%22/%3E%3C/svg%3E");
}

.ic-panic {
  --ic: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M4%2014a1%201%200%200%201-.78-1.63l9.9-10.2a.5.5%200%200%201%20.86.46l-1.92%206.02A1%201%200%200%200%2013%2010h7a1%201%200%200%201%20.78%201.63l-9.9%2010.2a.5.5%200%200%201-.86-.46l1.92-6.02A1%201%200%200%200%2011%2014z%22/%3E%3C/svg%3E");
}

.ic-theme {
  --ic: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M12%2022a1%201%200%200%201%200-20%2010%209%200%200%201%2010%209%205%205%200%200%201-5%205h-2.25a1.75%201.75%200%200%200-1.4%202.8l.3.4a1.75%201.75%200%200%201-1.4%202.8z%22/%3E%3Ccircle%20cx=%2213.5%22%20cy=%226.5%22%20r=%22.5%22%20fill=%22%23000%22/%3E%3Ccircle%20cx=%2217.5%22%20cy=%2210.5%22%20r=%22.5%22%20fill=%22%23000%22/%3E%3Ccircle%20cx=%226.5%22%20cy=%2212.5%22%20r=%22.5%22%20fill=%22%23000%22/%3E%3Ccircle%20cx=%228.5%22%20cy=%227.5%22%20r=%22.5%22%20fill=%22%23000%22/%3E%3C/svg%3E");
}

.ic-browser {
  --ic: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%2210%22/%3E%3Cpath%20d=%22M12%202a14.5%2014.5%200%200%200%200%2020a14.5%2014.5%200%200%200%200-20M2%2012h20%22/%3E%3C/svg%3E");
}

.ic-ads {
  --ic: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M10.268%2021a2%202%200%200%200%203.464%200M17%2017H4a1%201%200%200%201-.74-1.673C4.59%2013.956%206%2012.499%206%208a6%206%200%200%201%20.258-1.742M2%202l20%2020M8.668%203.01A6%206%200%200%201%2018%208c0%202.687.77%204.653%201.707%206.05%22/%3E%3C/svg%3E");
}

.akar-icons--music {
  display: inline-block;
  width: 1em;
  height: 1em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M8 18V5.716a2 2 0 0 1 1.696-1.977l9-1.385A2 2 0 0 1 21 4.331V16'/%3E%3Cpath d='m8 9l13-2'/%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M8 18a3 3 0 1 1-6 0c0-1.657 1.343-2 3-2s3 .343 3 2m13-2a3 3 0 1 1-6 0c0-1.657 1.343-2 3-2s3 .343 3 2'/%3E%3C/g%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}