/* Preserve the original Framer header dimensions while using Kloel's mark. */
.framer-af2gbj { display: none !important; }
[data-framer-name="Group 1000005097"] {
  width: 124px !important;
  height: 37px !important;
  flex-shrink: 0 !important;
  background: url('/images/kloel-logo.svg') left center / contain no-repeat !important;
}
[data-framer-name="Group 1000005097"] > .svgContainer {
  visibility: hidden !important;
}

.framer-Ybde2:has(.kloel-coming-soon) { position: relative; overflow: visible !important; }
.framer-Ybde2 .kloel-coming-soon {
  position: absolute;
  z-index: 4;
  left: 50%;
  bottom: -13px;
  transform: translateX(-50%);
  padding: 7px 17px;
  border: 1px solid rgba(161, 184, 255, .55);
  border-radius: 999px;
  color: #eef2ff;
  background: rgba(31, 45, 96, .9);
  box-shadow: 0 4px 20px rgba(0, 0, 0, .18);
  font: 700 14px/1.2 Satoshi, Inter, Arial, sans-serif;
  white-space: nowrap;
}
/* Keep the source player hidden if Framer hydrates it before the Kloel runtime. */
.framer-1hjqorp-container > :not(iframe[src="/kloel-user-animation"]),
.framer-1hjqorp-container iframe[srcdoc]{visibility:hidden!important}