/* Badge row + marquee, copied from the live zyo profile (bio.css / layout6.css). */

.bio-container .badge_container {
  display: flex;
  background-color: var(--discordBackground);
  border: 2px solid var(--discordBorder);
  padding: 6px 10px;
  line-height: 0;
  border-radius: 15px;
  gap: 8px;
  width: max-content;
}

.profile-body-3 .badge_container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
}

.bio-container .badge_container.singleColor svg {
  color: var(--badgeColor) !important;
}

.bio-container .badge_container.badgeGlow svg {
  filter: var(--badgeGlow) !important;
}

.badge_container svg {
  font-size: 2rem;
  outline: none;
  border: none;
}

.badge_container svg#premium { color: #c3fffd; }
.badge_container svg#verify { color: #009fff; }
.badge_container svg#bughunter { color: #37ff74; }
.badge_container svg#og { color: #8a2be2; }
.badge_container svg#developer { color: #4caf50; }
.badge_container svg#staff { color: #b2b6f6; }
.badge_container svg#boost { color: #db3838; }
.badge_container svg#valentine { color: #c50b2b; }
.badge_container svg#unleash { color: #2ea967; }
.badge_container svg#candy { color: #f26a8d; }
.badge_container svg#pumpkin { color: #e78644; }
.badge_container svg#lantern { color: #f9b99e; }
.badge_container svg#moon { color: #dcdcdc; }
.badge_container svg#support { color: #fff; }
.badge_container svg#donator { color: #4caf50; }
.badge_container svg#guildtag { color: #cfb48a; }
.badge_container svg#education { color: #72c7ff; }
.badge_container svg#witch_hat { color: #9d6bff; }
.badge_container svg#cauldron { color: #62e38a; }
.badge_container svg#tombstone { color: #a9b4c2; }
.badge_container svg#link_sharer { color: #f472b6; }
.badge_container svg#image_host { color: #ffb648; }
.badge_container svg#gift { color: #ff6b8b; }

body.profile-body-5.layout5-profile-body .bio-container .layout5_identity .layout5_profile .flex .badge_container {
  order: 3;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 7px;
  width: 100%;
  margin: 2px 0 0;
  padding: 0;
  background: rgba(0, 0, 0, 0);
  border: 0;
  border-radius: 0;
}

body.profile-body-5.layout5-profile-body .bio-container .layout5_identity .layout5_profile .flex .badge_container > svg,
body.profile-body-5.layout5-profile-body .bio-container .layout5_identity .layout5_profile .flex .badge_container .zyo-badge-set > svg {
  font-size: 1.6rem;
}

/* fit-to-width marquee */

.badge_container.zyo-badge-fit {
  flex-wrap: nowrap !important;
}

.badge_container.zyo-badge-fit > *,
.badge_container.zyo-badge-fit .zyo-badge-set > * {
  flex-shrink: 0;
}

.badge_container.zyo-badge-fit.is-running {
  flex-shrink: 1;
  min-width: 0;
}

.badge_container.zyo-badge-fit.is-running .zyo-badge-view {
  display: block;
  flex: 0 1 auto;
  width: calc(var(--zyo-badge-w, 260px) + var(--zyo-badge-pl, 0px) + var(--zyo-badge-pr, 0px));
  min-width: 0;
  margin: -16px calc(var(--zyo-badge-pr, 0px) * -1) -16px calc(var(--zyo-badge-pl, 0px) * -1);
  padding: 16px var(--zyo-badge-pr, 0px) 16px var(--zyo-badge-pl, 0px);
  overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 16px, #000 calc(100% - 16px), transparent);
  mask-image: linear-gradient(90deg, transparent, #000 16px, #000 calc(100% - 16px), transparent);
}

.badge_container.zyo-badge-fit.is-running .zyo-badge-track {
  display: flex;
  width: max-content;
  animation: zyoBadgeMarquee var(--zyo-badge-duration, 20s) linear infinite;
}

.badge_container.zyo-badge-fit.is-running .zyo-badge-set {
  display: flex;
  flex: none;
  align-items: center;
  gap: var(--zyo-badge-gap, 8px);
  padding-right: var(--zyo-badge-gap, 8px);
}

.badge_container.zyo-badge-fit.is-running:hover .zyo-badge-track {
  animation-play-state: paused;
}

.badge_container.zyo-badge-fit.is-running.is-static .zyo-badge-view {
  overflow-x: auto;
  scrollbar-width: none;
}

.badge_container.zyo-badge-fit.is-running.is-static .zyo-badge-view::-webkit-scrollbar {
  display: none;
}

.badge_container.zyo-badge-fit.is-running.is-static .zyo-badge-track {
  animation: none;
}

.badge_container.zyo-badge-fit.is-running.is-static .zyo-badge-set[aria-hidden] {
  display: none;
}

@keyframes zyoBadgeMarquee {
  to { transform: translateX(-50%); }
}

/* custom HTML block rendered under the bio card */

.bio_custom_html {
  width: 100%;
  min-width: 0;
}

/* layout 3 badge chips keep their own colour outside singleColor mode */
.profile-body-3 .badge_content#premium{background-color:rgba(195, 255, 253,.2);border-color:rgba(195, 255, 253,.1);color:#c3fffd}
.profile-body-3 .badge_content#premium:hover{background-color:rgba(195, 255, 253,.35);border-color:rgba(195, 255, 253,.3)}
.profile-body-3 .badge_content#verify{background-color:rgba(0, 159, 255,.2);border-color:rgba(0, 159, 255,.1);color:#009fff}
.profile-body-3 .badge_content#verify:hover{background-color:rgba(0, 159, 255,.35);border-color:rgba(0, 159, 255,.3)}
.profile-body-3 .badge_content#bughunter{background-color:rgba(55, 255, 116,.2);border-color:rgba(55, 255, 116,.1);color:#37ff74}
.profile-body-3 .badge_content#bughunter:hover{background-color:rgba(55, 255, 116,.35);border-color:rgba(55, 255, 116,.3)}
.profile-body-3 .badge_content#og{background-color:rgba(138, 43, 226,.2);border-color:rgba(138, 43, 226,.1);color:#8a2be2}
.profile-body-3 .badge_content#og:hover{background-color:rgba(138, 43, 226,.35);border-color:rgba(138, 43, 226,.3)}
.profile-body-3 .badge_content#developer{background-color:rgba(76, 175, 80,.2);border-color:rgba(76, 175, 80,.1);color:#4caf50}
.profile-body-3 .badge_content#developer:hover{background-color:rgba(76, 175, 80,.35);border-color:rgba(76, 175, 80,.3)}
.profile-body-3 .badge_content#staff{background-color:rgba(178, 182, 246,.2);border-color:rgba(178, 182, 246,.1);color:#b2b6f6}
.profile-body-3 .badge_content#staff:hover{background-color:rgba(178, 182, 246,.35);border-color:rgba(178, 182, 246,.3)}
.profile-body-3 .badge_content#boost{background-color:rgba(219, 56, 56,.2);border-color:rgba(219, 56, 56,.1);color:#db3838}
.profile-body-3 .badge_content#boost:hover{background-color:rgba(219, 56, 56,.35);border-color:rgba(219, 56, 56,.3)}
.profile-body-3 .badge_content#valentine{background-color:rgba(197, 11, 43,.2);border-color:rgba(197, 11, 43,.1);color:#c50b2b}
.profile-body-3 .badge_content#valentine:hover{background-color:rgba(197, 11, 43,.35);border-color:rgba(197, 11, 43,.3)}
.profile-body-3 .badge_content#unleash{background-color:rgba(46, 169, 103,.2);border-color:rgba(46, 169, 103,.1);color:#2ea967}
.profile-body-3 .badge_content#unleash:hover{background-color:rgba(46, 169, 103,.35);border-color:rgba(46, 169, 103,.3)}
.profile-body-3 .badge_content#candy{background-color:rgba(242, 106, 141,.2);border-color:rgba(242, 106, 141,.1);color:#f26a8d}
.profile-body-3 .badge_content#candy:hover{background-color:rgba(242, 106, 141,.35);border-color:rgba(242, 106, 141,.3)}
.profile-body-3 .badge_content#pumpkin{background-color:rgba(231, 134, 68,.2);border-color:rgba(231, 134, 68,.1);color:#e78644}
.profile-body-3 .badge_content#pumpkin:hover{background-color:rgba(231, 134, 68,.35);border-color:rgba(231, 134, 68,.3)}
.profile-body-3 .badge_content#lantern{background-color:rgba(249, 185, 158,.2);border-color:rgba(249, 185, 158,.1);color:#f9b99e}
.profile-body-3 .badge_content#lantern:hover{background-color:rgba(249, 185, 158,.35);border-color:rgba(249, 185, 158,.3)}
.profile-body-3 .badge_content#moon{background-color:rgba(220, 220, 220,.2);border-color:rgba(220, 220, 220,.1);color:#dcdcdc}
.profile-body-3 .badge_content#moon:hover{background-color:rgba(220, 220, 220,.35);border-color:rgba(220, 220, 220,.3)}
.profile-body-3 .badge_content#support{background-color:rgba(255, 255, 255,.2);border-color:rgba(255, 255, 255,.1);color:#ffffff}
.profile-body-3 .badge_content#support:hover{background-color:rgba(255, 255, 255,.35);border-color:rgba(255, 255, 255,.3)}
.profile-body-3 .badge_content#donator{background-color:rgba(76, 175, 80,.2);border-color:rgba(76, 175, 80,.1);color:#4caf50}
.profile-body-3 .badge_content#donator:hover{background-color:rgba(76, 175, 80,.35);border-color:rgba(76, 175, 80,.3)}
.profile-body-3 .badge_content#guildtag{background-color:rgba(207, 180, 138,.2);border-color:rgba(207, 180, 138,.1);color:#cfb48a}
.profile-body-3 .badge_content#guildtag:hover{background-color:rgba(207, 180, 138,.35);border-color:rgba(207, 180, 138,.3)}
.profile-body-3 .badge_content#education{background-color:rgba(114, 199, 255,.2);border-color:rgba(114, 199, 255,.1);color:#72c7ff}
.profile-body-3 .badge_content#education:hover{background-color:rgba(114, 199, 255,.35);border-color:rgba(114, 199, 255,.3)}
.profile-body-3 .badge_content#witch_hat{background-color:rgba(157, 107, 255,.2);border-color:rgba(157, 107, 255,.1);color:#9d6bff}
.profile-body-3 .badge_content#witch_hat:hover{background-color:rgba(157, 107, 255,.35);border-color:rgba(157, 107, 255,.3)}
.profile-body-3 .badge_content#cauldron{background-color:rgba(98, 227, 138,.2);border-color:rgba(98, 227, 138,.1);color:#62e38a}
.profile-body-3 .badge_content#cauldron:hover{background-color:rgba(98, 227, 138,.35);border-color:rgba(98, 227, 138,.3)}
.profile-body-3 .badge_content#tombstone{background-color:rgba(169, 180, 194,.2);border-color:rgba(169, 180, 194,.1);color:#a9b4c2}
.profile-body-3 .badge_content#tombstone:hover{background-color:rgba(169, 180, 194,.35);border-color:rgba(169, 180, 194,.3)}
.profile-body-3 .badge_content#link_sharer{background-color:rgba(244, 114, 182,.2);border-color:rgba(244, 114, 182,.1);color:#f472b6}
.profile-body-3 .badge_content#link_sharer:hover{background-color:rgba(244, 114, 182,.35);border-color:rgba(244, 114, 182,.3)}
.profile-body-3 .badge_content#image_host{background-color:rgba(255, 182, 72,.2);border-color:rgba(255, 182, 72,.1);color:#ffb648}
.profile-body-3 .badge_content#image_host:hover{background-color:rgba(255, 182, 72,.35);border-color:rgba(255, 182, 72,.3)}
.profile-body-3 .badge_content#gift{background-color:rgba(255, 107, 139,.2);border-color:rgba(255, 107, 139,.1);color:#ff6b8b}
.profile-body-3 .badge_content#gift:hover{background-color:rgba(255, 107, 139,.35);border-color:rgba(255, 107, 139,.3)}