/* Floating Video Bubble - Frontend */
:root.fvbb-no-scroll {
  overflow: hidden;
}

/* Wrapper: handles positioning + badge */
.fvbb-wrap{
  position: fixed;
  z-index: 99999;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  pointer-events: none;
}

.fvbb-wrap.fvbb-hidden{ display:none !important; }
.fvbb-wrap .fvbb-bubble{ pointer-events: auto; }

.fvbb-pos-bottom-left{ left: var(--fvbb-offset-x, 18px); bottom: var(--fvbb-offset-y, 120px); }
.fvbb-pos-bottom-right{ right: var(--fvbb-offset-x, 18px); bottom: var(--fvbb-offset-y, 120px); }
.fvbb-pos-left-center{ left: var(--fvbb-offset-x, 18px); top: 50%; transform: translateY(-50%); }
.fvbb-pos-right-center{ right: var(--fvbb-offset-x, 18px); top: 50%; transform: translateY(-50%); }
.fvbb-pos-bottom-center{ left: 50%; bottom: var(--fvbb-offset-y, 120px); transform: translateX(-50%); }
.fvbb-pos-top-center{ left: 50%; top: var(--fvbb-offset-y, 120px); transform: translateX(-50%); flex-direction: column-reverse; }

.fvbb-badge{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: min(86vw, 320px);
  padding: 4px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,0.92);
  color: rgba(0,0,0,0.85);
  border: 1px solid rgba(0,0,0,0.10);
  box-shadow: 0 10px 20px rgba(0,0,0,0.20);
  font-size: 12px;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 8px;
}
.fvbb-pos-top-center .fvbb-badge{
  margin-bottom: 0;
  margin-top: 8px;
}

.fvbb-bubble {
  position: relative;
  z-index: 1;
  width: var(--fvbb-size, clamp(52px, 5.6vw, 64px));
  height: var(--fvbb-size, clamp(52px, 5.6vw, 64px));
  border-radius: 999px;
  border: var(--fvbb-border, 1px solid rgba(255,255,255,0.25));
  background: var(--fvbb-bg, #1976d2);
  box-shadow: var(--fvbb-shadow, 0 14px 28px rgba(0,0,0,0.25));
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  transition: transform .18s ease, box-shadow .18s ease;
}

.fvbb-bubble:hover {
  transform: translateY(-1px);
}

.fvbb-bubble:active {
  transform: translateY(0px) scale(0.98);
}

.fvbb-bubble::after {
  content: "";
  position: absolute;
  inset: -6px;
  border-radius: 999px;
  border: 2px solid var(--fvbb-ring, rgba(255,255,255,0.35));
  opacity: 0;
  transform: scale(0.9);
  animation: fvbb-pulse 1.9s ease-in-out infinite;
  pointer-events: none;
}


/* Teaser inside bubble (muted autoplay preview) */
.fvbb-bubble.has-teaser .fvbb-teaser-wrap{
  position:absolute;
  inset: 0;
  border-radius: inherit;
  overflow: hidden;
  z-index: 0;
}

.fvbb-bubble.has-teaser .fvbb-teaser{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  pointer-events: none;
}

.fvbb-bubble.has-teaser .fvbb-play{
  z-index: 2;
}

.fvbb-bubble.has-teaser{
  /* keep theme border/ring, let teaser show */
  background: transparent;
}
@keyframes fvbb-pulse {
  0%   { opacity: 0; transform: scale(0.85); }
  35%  { opacity: .55; }
  100% { opacity: 0; transform: scale(1.25); }
}

.fvbb-play {
  position: relative;
  display: block;
  width: 0;
  height: 0;
}

.fvbb-play::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-top: var(--fvbb-play-top, 12px) solid transparent;
  border-bottom: var(--fvbb-play-bottom, 12px) solid transparent;
  border-left: var(--fvbb-play-left, 18px) solid var(--fvbb-play-color, rgba(255,255,255,0.95));
  transform: translateX(var(--fvbb-play-shift, 2px));
  filter: drop-shadow(0 4px 10px rgba(0,0,0,0.25));
  animation: fvbb-tri 1.1s ease-in-out infinite;
}

@keyframes fvbb-tri {
  0%   { transform: translateX(var(--fvbb-play-shift, 2px)) scale(1); opacity: 0.92; }
  50%  { transform: translateX(var(--fvbb-play-shift2, 4px)) scale(1.06); opacity: 1; }
  100% { transform: translateX(var(--fvbb-play-shift, 2px)) scale(1); opacity: 0.92; }
}

/* Modal */
.fvbb-modal {
  position: fixed;
  inset: 0;
  z-index: 100000;
  display: none;
}

.fvbb-modal.is-open {
  display: block;
}

.fvbb-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.6);
}

/* Panel wraps tightly around media */
.fvbb-modal__panel {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  max-width: calc(100vw - 20px);
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  overflow: visible;
}

/* Media frame (thin border around video) */
.fvbb-media {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255,255,255,0.28);
  border-radius: 14px;
  overflow: hidden;
  background: #000;
  box-shadow: 0 24px 60px rgba(0,0,0,0.55);
}

/* Close button */
.fvbb-close {
  position: absolute;
  top: -14px;
  right: -14px;
  width: 38px;
  height: 38px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.18);
  background: rgba(255,255,255,0.10);
  color: rgba(255,255,255,0.95);
  font-size: 24px;
  line-height: 36px;
  cursor: pointer;
  z-index: 2;
  backdrop-filter: blur(6px);
}

/* Players */
.fvbb-video-tag {
  display: block;
  width: auto;
  height: 82vh;
  max-width: min(92vw, 980px);
  max-height: 82vh;
  background: #000;
}


.fvbb-iframe {
  display: block;
  width: min(92vw, 980px);
  aspect-ratio: 16 / 9;
  height: auto;
  max-height: 82vh;
  border: 0;
}

@media (max-width: 480px) {
  .fvbb-modal__panel {
    max-width: calc(100vw - 12px);
  }
  .fvbb-close {
    top: -12px;
    right: -12px;
  }
  .fvbb-media {
    border-radius: 12px;
  }
}


.fvbb-theme-1 {
  --fvbb-bg: linear-gradient(135deg, hsl(0 78% 53%), hsl(22 70% 42%));
  --fvbb-border: 1px solid hsla(0 80% 95% / 0.28);
  --fvbb-play-color: rgba(255,255,255,0.95);
  --fvbb-shadow: 0 14px 28px rgba(0,0,0,0.25);
  --fvbb-ring: hsla(0 85% 65% / 0.45);
  
}

.fvbb-theme-2 {
  --fvbb-bg: linear-gradient(135deg, hsl(7 88% 54%), hsl(29 70% 43%));
  --fvbb-border: 1px solid hsla(7 80% 95% / 0.28);
  --fvbb-play-color: rgba(255,255,255,0.95);
  --fvbb-shadow: 0 14px 28px rgba(0,0,0,0.25);
  --fvbb-ring: hsla(7 85% 65% / 0.45);
  
}

.fvbb-theme-3 {
  --fvbb-bg: linear-gradient(135deg, hsl(14 78% 55%), hsl(36 86% 44%));
  --fvbb-border: 1px solid hsla(14 80% 95% / 0.28);
  --fvbb-play-color: rgba(255,255,255,0.95);
  --fvbb-shadow: 0 14px 28px rgba(0,0,0,0.25);
  --fvbb-ring: hsla(14 85% 65% / 0.45);
  
}

.fvbb-theme-4 {
  --fvbb-bg: linear-gradient(135deg, hsl(21 88% 56%), hsl(43 70% 45%));
  --fvbb-border: 1px solid hsla(21 80% 95% / 0.28);
  --fvbb-play-color: rgba(255,255,255,0.95);
  --fvbb-shadow: 0 14px 28px rgba(0,0,0,0.35);
  --fvbb-ring: hsla(21 85% 65% / 0.45);
  
}

.fvbb-theme-5 {
  --fvbb-bg: linear-gradient(135deg, hsl(28 78% 52%), hsl(50 70% 46%));
  --fvbb-border: 1px solid hsla(28 80% 95% / 0.28);
  --fvbb-play-color: rgba(255,255,255,0.95);
  --fvbb-shadow: 0 14px 28px rgba(0,0,0,0.25);
  --fvbb-ring: hsla(28 85% 65% / 0.45);
  
}

.fvbb-theme-6 {
  --fvbb-bg: linear-gradient(135deg, hsl(36 88% 53%), hsl(58 86% 47%));
  --fvbb-border: 1px solid hsla(36 80% 95% / 0.28);
  --fvbb-play-color: rgba(255,255,255,0.95);
  --fvbb-shadow: 0 14px 28px rgba(0,0,0,0.25);
  --fvbb-ring: hsla(36 85% 65% / 0.45);
  
}

.fvbb-theme-7 {
  --fvbb-bg: linear-gradient(135deg, hsl(43 78% 54%), hsl(65 70% 41%));
  --fvbb-border: 1px solid hsla(43 80% 95% / 0.28);
  --fvbb-play-color: rgba(255,255,255,0.95);
  --fvbb-shadow: 0 14px 28px rgba(0,0,0,0.25);
  --fvbb-ring: hsla(43 85% 65% / 0.45);
  filter: saturate(1.15);
}

.fvbb-theme-8 {
  --fvbb-bg: linear-gradient(135deg, hsl(50 88% 55%), hsl(72 70% 42%));
  --fvbb-border: 1px solid hsla(50 80% 95% / 0.28);
  --fvbb-play-color: rgba(255,255,255,0.95);
  --fvbb-shadow: 0 14px 28px rgba(0,0,0,0.35);
  --fvbb-ring: hsla(50 85% 65% / 0.45);
  
}

.fvbb-theme-9 {
  --fvbb-bg: linear-gradient(135deg, hsl(57 78% 56%), hsl(79 86% 43%));
  --fvbb-border: 1px solid hsla(57 80% 95% / 0.28);
  --fvbb-play-color: rgba(255,255,255,0.95);
  --fvbb-shadow: 0 14px 28px rgba(0,0,0,0.25);
  --fvbb-ring: hsla(57 85% 65% / 0.45);
  backdrop-filter: blur(6px);
}

.fvbb-theme-10 {
  --fvbb-bg: linear-gradient(135deg, hsl(64 88% 52%), hsl(86 70% 44%));
  --fvbb-border: 2px solid hsla(64 90% 90% / 0.55);
  --fvbb-play-color: rgba(255,255,255,0.95);
  --fvbb-shadow: 0 14px 28px rgba(0,0,0,0.25);
  --fvbb-ring: hsla(64 85% 65% / 0.45);
  
}

.fvbb-theme-11 {
  --fvbb-bg: linear-gradient(135deg, hsl(72 78% 53%), hsl(94 70% 45%));
  --fvbb-border: 1px solid hsla(72 80% 95% / 0.28);
  --fvbb-play-color: rgba(255,255,255,0.95);
  --fvbb-shadow: 0 14px 28px rgba(0,0,0,0.25);
  --fvbb-ring: hsla(72 85% 65% / 0.45);
  box-shadow: 0 10px 22px rgba(0,0,0,0.22), 0 0 0 3px hsla(72 80% 50% / 0.18);
}

.fvbb-theme-12 {
  --fvbb-bg: linear-gradient(135deg, hsl(79 88% 54%), hsl(101 86% 46%));
  --fvbb-border: 1px solid hsla(79 80% 95% / 0.28);
  --fvbb-play-color: rgba(255,255,255,0.95);
  --fvbb-shadow: 0 14px 28px rgba(0,0,0,0.35);
  --fvbb-ring: hsla(79 85% 65% / 0.45);
  
}

.fvbb-theme-13 {
  --fvbb-bg: linear-gradient(135deg, hsl(86 78% 55%), hsl(108 70% 47%));
  --fvbb-border: 1px solid hsla(86 80% 95% / 0.28);
  --fvbb-play-color: rgba(255,255,255,0.95);
  --fvbb-shadow: 0 14px 28px rgba(0,0,0,0.25);
  --fvbb-ring: hsla(86 85% 65% / 0.45);
  
}

.fvbb-theme-14 {
  --fvbb-bg: linear-gradient(135deg, hsl(93 88% 56%), hsl(115 70% 41%));
  --fvbb-border: 1px solid hsla(93 80% 95% / 0.28);
  --fvbb-play-color: rgba(255,255,255,0.95);
  --fvbb-shadow: 0 14px 28px rgba(0,0,0,0.25);
  --fvbb-ring: hsla(93 85% 65% / 0.45);
  filter: saturate(1.15);
}

.fvbb-theme-15 {
  --fvbb-bg: linear-gradient(135deg, hsl(100 78% 52%), hsl(122 86% 42%));
  --fvbb-border: 1px solid hsla(100 80% 95% / 0.28);
  --fvbb-play-color: rgba(255,255,255,0.95);
  --fvbb-shadow: 0 14px 28px rgba(0,0,0,0.25);
  --fvbb-ring: hsla(100 85% 65% / 0.45);
  
}

.fvbb-theme-16 {
  --fvbb-bg: linear-gradient(135deg, hsl(108 88% 53%), hsl(130 70% 43%));
  --fvbb-border: 1px solid hsla(108 80% 95% / 0.28);
  --fvbb-play-color: rgba(255,255,255,0.95);
  --fvbb-shadow: 0 14px 28px rgba(0,0,0,0.35);
  --fvbb-ring: hsla(108 85% 65% / 0.45);
  
}

.fvbb-theme-17 {
  --fvbb-bg: linear-gradient(135deg, hsl(115 78% 54%), hsl(137 70% 44%));
  --fvbb-border: 1px solid hsla(115 80% 95% / 0.28);
  --fvbb-play-color: rgba(255,255,255,0.95);
  --fvbb-shadow: 0 14px 28px rgba(0,0,0,0.25);
  --fvbb-ring: hsla(115 85% 65% / 0.45);
  
}

.fvbb-theme-18 {
  --fvbb-bg: linear-gradient(135deg, hsl(122 88% 55%), hsl(144 86% 45%));
  --fvbb-border: 1px solid hsla(122 80% 95% / 0.28);
  --fvbb-play-color: rgba(255,255,255,0.95);
  --fvbb-shadow: 0 14px 28px rgba(0,0,0,0.25);
  --fvbb-ring: hsla(122 85% 65% / 0.45);
  backdrop-filter: blur(6px);
}

.fvbb-theme-19 {
  --fvbb-bg: linear-gradient(135deg, hsl(129 78% 56%), hsl(151 70% 46%));
  --fvbb-border: 1px solid hsla(129 80% 95% / 0.28);
  --fvbb-play-color: rgba(255,255,255,0.95);
  --fvbb-shadow: 0 14px 28px rgba(0,0,0,0.25);
  --fvbb-ring: hsla(129 85% 65% / 0.45);
  
}

.fvbb-theme-20 {
  --fvbb-bg: linear-gradient(135deg, hsl(136 88% 52%), hsl(158 70% 47%));
  --fvbb-border: 2px solid hsla(136 90% 90% / 0.55);
  --fvbb-play-color: rgba(255,255,255,0.95);
  --fvbb-shadow: 0 14px 28px rgba(0,0,0,0.35);
  --fvbb-ring: hsla(136 85% 65% / 0.45);
  
}

.fvbb-theme-21 {
  --fvbb-bg: linear-gradient(135deg, hsl(144 78% 53%), hsl(166 86% 41%));
  --fvbb-border: 1px solid hsla(144 80% 95% / 0.28);
  --fvbb-play-color: rgba(255,255,255,0.95);
  --fvbb-shadow: 0 14px 28px rgba(0,0,0,0.25);
  --fvbb-ring: hsla(144 85% 65% / 0.45);
  filter: saturate(1.15);
}

.fvbb-theme-22 {
  --fvbb-bg: linear-gradient(135deg, hsl(151 88% 54%), hsl(173 70% 42%));
  --fvbb-border: 1px solid hsla(151 80% 95% / 0.28);
  --fvbb-play-color: rgba(255,255,255,0.95);
  --fvbb-shadow: 0 14px 28px rgba(0,0,0,0.25);
  --fvbb-ring: hsla(151 85% 65% / 0.45);
  box-shadow: 0 10px 22px rgba(0,0,0,0.22), 0 0 0 3px hsla(151 80% 50% / 0.18);
}

.fvbb-theme-23 {
  --fvbb-bg: linear-gradient(135deg, hsl(158 78% 55%), hsl(180 70% 43%));
  --fvbb-border: 1px solid hsla(158 80% 95% / 0.28);
  --fvbb-play-color: rgba(255,255,255,0.95);
  --fvbb-shadow: 0 14px 28px rgba(0,0,0,0.25);
  --fvbb-ring: hsla(158 85% 65% / 0.45);
  
}

.fvbb-theme-24 {
  --fvbb-bg: linear-gradient(135deg, hsl(165 88% 56%), hsl(187 86% 44%));
  --fvbb-border: 1px solid hsla(165 80% 95% / 0.28);
  --fvbb-play-color: rgba(255,255,255,0.95);
  --fvbb-shadow: 0 14px 28px rgba(0,0,0,0.35);
  --fvbb-ring: hsla(165 85% 65% / 0.45);
  
}

.fvbb-theme-25 {
  --fvbb-bg: linear-gradient(135deg, hsl(172 78% 52%), hsl(194 70% 45%));
  --fvbb-border: 1px solid hsla(172 80% 95% / 0.28);
  --fvbb-play-color: rgba(255,255,255,0.95);
  --fvbb-shadow: 0 14px 28px rgba(0,0,0,0.25);
  --fvbb-ring: hsla(172 85% 65% / 0.45);
  
}

.fvbb-theme-26 {
  --fvbb-bg: linear-gradient(135deg, hsl(180 88% 53%), hsl(202 70% 46%));
  --fvbb-border: 1px solid hsla(180 80% 95% / 0.28);
  --fvbb-play-color: rgba(255,255,255,0.95);
  --fvbb-shadow: 0 14px 28px rgba(0,0,0,0.25);
  --fvbb-ring: hsla(180 85% 65% / 0.45);
  
}

.fvbb-theme-27 {
  --fvbb-bg: linear-gradient(135deg, hsl(187 78% 54%), hsl(209 86% 47%));
  --fvbb-border: 1px solid hsla(187 80% 95% / 0.28);
  --fvbb-play-color: rgba(255,255,255,0.95);
  --fvbb-shadow: 0 14px 28px rgba(0,0,0,0.25);
  --fvbb-ring: hsla(187 85% 65% / 0.45);
  backdrop-filter: blur(6px);
}

.fvbb-theme-28 {
  --fvbb-bg: linear-gradient(135deg, hsl(194 88% 55%), hsl(216 70% 41%));
  --fvbb-border: 1px solid hsla(194 80% 95% / 0.28);
  --fvbb-play-color: rgba(255,255,255,0.95);
  --fvbb-shadow: 0 14px 28px rgba(0,0,0,0.35);
  --fvbb-ring: hsla(194 85% 65% / 0.45);
  filter: saturate(1.15);
}

.fvbb-theme-29 {
  --fvbb-bg: linear-gradient(135deg, hsl(201 78% 56%), hsl(223 70% 42%));
  --fvbb-border: 1px solid hsla(201 80% 95% / 0.28);
  --fvbb-play-color: rgba(255,255,255,0.95);
  --fvbb-shadow: 0 14px 28px rgba(0,0,0,0.25);
  --fvbb-ring: hsla(201 85% 65% / 0.45);
  
}

.fvbb-theme-30 {
  --fvbb-bg: linear-gradient(135deg, hsl(208 88% 52%), hsl(230 86% 43%));
  --fvbb-border: 2px solid hsla(208 90% 90% / 0.55);
  --fvbb-play-color: rgba(255,255,255,0.95);
  --fvbb-shadow: 0 14px 28px rgba(0,0,0,0.25);
  --fvbb-ring: hsla(208 85% 65% / 0.45);
  
}

.fvbb-theme-31 {
  --fvbb-bg: linear-gradient(135deg, hsl(216 78% 53%), hsl(238 70% 44%));
  --fvbb-border: 1px solid hsla(216 80% 95% / 0.28);
  --fvbb-play-color: rgba(255,255,255,0.95);
  --fvbb-shadow: 0 14px 28px rgba(0,0,0,0.25);
  --fvbb-ring: hsla(216 85% 65% / 0.45);
  
}

.fvbb-theme-32 {
  --fvbb-bg: linear-gradient(135deg, hsl(223 88% 54%), hsl(245 70% 45%));
  --fvbb-border: 1px solid hsla(223 80% 95% / 0.28);
  --fvbb-play-color: rgba(255,255,255,0.95);
  --fvbb-shadow: 0 14px 28px rgba(0,0,0,0.35);
  --fvbb-ring: hsla(223 85% 65% / 0.45);
  
}

.fvbb-theme-33 {
  --fvbb-bg: linear-gradient(135deg, hsl(230 78% 55%), hsl(252 86% 46%));
  --fvbb-border: 1px solid hsla(230 80% 95% / 0.28);
  --fvbb-play-color: rgba(255,255,255,0.95);
  --fvbb-shadow: 0 14px 28px rgba(0,0,0,0.25);
  --fvbb-ring: hsla(230 85% 65% / 0.45);
  box-shadow: 0 10px 22px rgba(0,0,0,0.22), 0 0 0 3px hsla(230 80% 50% / 0.18);
}

.fvbb-theme-34 {
  --fvbb-bg: linear-gradient(135deg, hsl(237 88% 56%), hsl(259 70% 47%));
  --fvbb-border: 1px solid hsla(237 80% 95% / 0.28);
  --fvbb-play-color: rgba(255,255,255,0.95);
  --fvbb-shadow: 0 14px 28px rgba(0,0,0,0.25);
  --fvbb-ring: hsla(237 85% 65% / 0.45);
  
}

.fvbb-theme-35 {
  --fvbb-bg: linear-gradient(135deg, hsl(244 78% 52%), hsl(266 70% 41%));
  --fvbb-border: 1px solid hsla(244 80% 95% / 0.28);
  --fvbb-play-color: rgba(255,255,255,0.95);
  --fvbb-shadow: 0 14px 28px rgba(0,0,0,0.25);
  --fvbb-ring: hsla(244 85% 65% / 0.45);
  filter: saturate(1.15);
}

.fvbb-theme-36 {
  --fvbb-bg: linear-gradient(135deg, hsl(252 88% 53%), hsl(274 86% 42%));
  --fvbb-border: 1px solid hsla(252 80% 95% / 0.28);
  --fvbb-play-color: rgba(255,255,255,0.95);
  --fvbb-shadow: 0 14px 28px rgba(0,0,0,0.35);
  --fvbb-ring: hsla(252 85% 65% / 0.45);
  backdrop-filter: blur(6px);
}

.fvbb-theme-37 {
  --fvbb-bg: linear-gradient(135deg, hsl(259 78% 54%), hsl(281 70% 43%));
  --fvbb-border: 1px solid hsla(259 80% 95% / 0.28);
  --fvbb-play-color: rgba(255,255,255,0.95);
  --fvbb-shadow: 0 14px 28px rgba(0,0,0,0.25);
  --fvbb-ring: hsla(259 85% 65% / 0.45);
  
}

.fvbb-theme-38 {
  --fvbb-bg: linear-gradient(135deg, hsl(266 88% 55%), hsl(288 70% 44%));
  --fvbb-border: 1px solid hsla(266 80% 95% / 0.28);
  --fvbb-play-color: rgba(255,255,255,0.95);
  --fvbb-shadow: 0 14px 28px rgba(0,0,0,0.25);
  --fvbb-ring: hsla(266 85% 65% / 0.45);
  
}

.fvbb-theme-39 {
  --fvbb-bg: linear-gradient(135deg, hsl(273 78% 56%), hsl(295 86% 45%));
  --fvbb-border: 1px solid hsla(273 80% 95% / 0.28);
  --fvbb-play-color: rgba(255,255,255,0.95);
  --fvbb-shadow: 0 14px 28px rgba(0,0,0,0.25);
  --fvbb-ring: hsla(273 85% 65% / 0.45);
  
}

.fvbb-theme-40 {
  --fvbb-bg: linear-gradient(135deg, hsl(280 88% 52%), hsl(302 70% 46%));
  --fvbb-border: 2px solid hsla(280 90% 90% / 0.55);
  --fvbb-play-color: rgba(255,255,255,0.95);
  --fvbb-shadow: 0 14px 28px rgba(0,0,0,0.35);
  --fvbb-ring: hsla(280 85% 65% / 0.45);
  
}

.fvbb-theme-41 {
  --fvbb-bg: linear-gradient(135deg, hsl(288 78% 53%), hsl(310 70% 47%));
  --fvbb-border: 1px solid hsla(288 80% 95% / 0.28);
  --fvbb-play-color: rgba(255,255,255,0.95);
  --fvbb-shadow: 0 14px 28px rgba(0,0,0,0.25);
  --fvbb-ring: hsla(288 85% 65% / 0.45);
  
}

.fvbb-theme-42 {
  --fvbb-bg: linear-gradient(135deg, hsl(295 88% 54%), hsl(317 86% 41%));
  --fvbb-border: 1px solid hsla(295 80% 95% / 0.28);
  --fvbb-play-color: rgba(255,255,255,0.95);
  --fvbb-shadow: 0 14px 28px rgba(0,0,0,0.25);
  --fvbb-ring: hsla(295 85% 65% / 0.45);
  filter: saturate(1.15);
}

.fvbb-theme-43 {
  --fvbb-bg: linear-gradient(135deg, hsl(302 78% 55%), hsl(324 70% 42%));
  --fvbb-border: 1px solid hsla(302 80% 95% / 0.28);
  --fvbb-play-color: rgba(255,255,255,0.95);
  --fvbb-shadow: 0 14px 28px rgba(0,0,0,0.25);
  --fvbb-ring: hsla(302 85% 65% / 0.45);
  
}

.fvbb-theme-44 {
  --fvbb-bg: linear-gradient(135deg, hsl(309 88% 56%), hsl(331 70% 43%));
  --fvbb-border: 1px solid hsla(309 80% 95% / 0.28);
  --fvbb-play-color: rgba(255,255,255,0.95);
  --fvbb-shadow: 0 14px 28px rgba(0,0,0,0.35);
  --fvbb-ring: hsla(309 85% 65% / 0.45);
  box-shadow: 0 10px 22px rgba(0,0,0,0.22), 0 0 0 3px hsla(309 80% 50% / 0.18);
}

.fvbb-theme-45 {
  --fvbb-bg: linear-gradient(135deg, hsl(316 78% 52%), hsl(338 86% 44%));
  --fvbb-border: 1px solid hsla(316 80% 95% / 0.28);
  --fvbb-play-color: rgba(255,255,255,0.95);
  --fvbb-shadow: 0 14px 28px rgba(0,0,0,0.25);
  --fvbb-ring: hsla(316 85% 65% / 0.45);
  backdrop-filter: blur(6px);
}

.fvbb-theme-46 {
  --fvbb-bg: linear-gradient(135deg, hsl(324 88% 53%), hsl(346 70% 45%));
  --fvbb-border: 1px solid hsla(324 80% 95% / 0.28);
  --fvbb-play-color: rgba(255,255,255,0.95);
  --fvbb-shadow: 0 14px 28px rgba(0,0,0,0.25);
  --fvbb-ring: hsla(324 85% 65% / 0.45);
  
}

.fvbb-theme-47 {
  --fvbb-bg: linear-gradient(135deg, hsl(331 78% 54%), hsl(353 70% 46%));
  --fvbb-border: 1px solid hsla(331 80% 95% / 0.28);
  --fvbb-play-color: rgba(255,255,255,0.95);
  --fvbb-shadow: 0 14px 28px rgba(0,0,0,0.25);
  --fvbb-ring: hsla(331 85% 65% / 0.45);
  
}

.fvbb-theme-48 {
  --fvbb-bg: linear-gradient(135deg, hsl(338 88% 55%), hsl(0 86% 47%));
  --fvbb-border: 1px solid hsla(338 80% 95% / 0.28);
  --fvbb-play-color: rgba(255,255,255,0.95);
  --fvbb-shadow: 0 14px 28px rgba(0,0,0,0.35);
  --fvbb-ring: hsla(338 85% 65% / 0.45);
  
}

.fvbb-theme-49 {
  --fvbb-bg: linear-gradient(135deg, hsl(345 78% 56%), hsl(7 70% 41%));
  --fvbb-border: 1px solid hsla(345 80% 95% / 0.28);
  --fvbb-play-color: rgba(255,255,255,0.95);
  --fvbb-shadow: 0 14px 28px rgba(0,0,0,0.25);
  --fvbb-ring: hsla(345 85% 65% / 0.45);
  filter: saturate(1.15);
}

.fvbb-theme-50 {
  --fvbb-bg: linear-gradient(135deg, hsl(352 88% 52%), hsl(14 70% 42%));
  --fvbb-border: 2px solid hsla(352 90% 90% / 0.55);
  --fvbb-play-color: rgba(255,255,255,0.95);
  --fvbb-shadow: 0 14px 28px rgba(0,0,0,0.25);
  --fvbb-ring: hsla(352 85% 65% / 0.45);
  
}