/* BOOM_VIP_CHAT_COLOR_SWATCHES_V13 */
#vip-chat-swatches .vip-chat-swatch{
  position:relative!important;overflow:hidden!important;opacity:1!important;filter:none!important;
  background-image:none!important;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease!important;
}
#vip-chat-swatches .vip-chat-swatch[data-boom-vip-color="gold"]{background:#ffd54a!important}
#vip-chat-swatches .vip-chat-swatch[data-boom-vip-color="cyan"]{background:#3de7ff!important}
#vip-chat-swatches .vip-chat-swatch[data-boom-vip-color="electric"]{background:#fff14a!important}
#vip-chat-swatches .vip-chat-swatch[data-boom-vip-color="emerald"]{background:#49efa8!important}
#vip-chat-swatches .vip-chat-swatch[data-boom-vip-color="ruby"]{background:#ff5c70!important}
#vip-chat-swatches .vip-chat-swatch[data-boom-vip-color="pink"]{background:#ff72dc!important}
#vip-chat-swatches .vip-chat-swatch[data-boom-vip-color="purple"]{background:#b980ff!important}
#vip-chat-swatches .vip-chat-swatch[data-boom-vip-color="ice"]{background:#9ff6ff!important}
#vip-chat-swatches .vip-chat-swatch[data-boom-vip-color="orange"]{background:#ff9f43!important}
#vip-chat-swatches .vip-chat-swatch[data-boom-vip-color="white"]{background:#fff!important}
#vip-chat-swatches .vip-chat-swatch[data-boom-vip-color="rainbow"]{
  background:linear-gradient(135deg,#ff5c70 0%,#ffda45 18%,#49efa8 36%,#58e8ff 54%,#b980ff 72%,#ff72dc 88%,#ff5c70 100%)!important;
  background-size:220% 220%!important;animation:boomVipSwatchRainbow13 2.8s linear infinite!important;
}
#vip-chat-swatches .vip-chat-swatch.active{
  border-color:#fff5a8!important;
  box-shadow:0 0 0 2px rgba(255,213,74,.38),0 0 18px rgba(255,213,74,.82)!important;
  transform:scale(1.10)!important;
}
#vip-chat-swatches .vip-chat-swatch.active::after{
  content:'✓';position:absolute;inset:0;display:grid;place-items:center;
  font:1000 12px/1 system-ui,sans-serif;color:#07101a;text-shadow:0 1px 2px rgba(255,255,255,.8);pointer-events:none;
}
#vip-chat-swatches .vip-chat-swatch[data-boom-vip-color="ruby"].active::after,
#vip-chat-swatches .vip-chat-swatch[data-boom-vip-color="pink"].active::after,
#vip-chat-swatches .vip-chat-swatch[data-boom-vip-color="purple"].active::after,
#vip-chat-swatches .vip-chat-swatch[data-boom-vip-color="rainbow"].active::after{
  color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.9);
}
@keyframes boomVipSwatchRainbow13{0%{background-position:0% 50%}100%{background-position:220% 50%}}
@media(prefers-reduced-motion:reduce){
  #vip-chat-swatches .vip-chat-swatch[data-boom-vip-color="rainbow"]{animation:none!important;background-position:50% 50%!important}
}