/* Shared with Lumio-Stream/main: assets/disc.css. Extracted from the approved landing record. */
.lumio-disc.lumio-disc {
  position: relative;
  width: 100%;
  aspect-ratio: 1;
  flex-shrink: 0;
  border-radius: 50%;
  container-type: inline-size;
  display: grid;
  place-items: center;
  background: repeating-radial-gradient(
    circle,
    #161516 0,
    #161516 1px,
    #262224 1.5px,
    #111113 2.3px,
    #121214 4px
  );
  box-shadow:
    0 35px 60px #0009,
    inset 0 0 0 1px #ffffff20;
  animation: lumio-disc-turn 28s linear infinite;
  animation-play-state: paused;
  transform: rotate(-12deg);
  isolation: isolate;
}
.lumio-disc[data-playing='true'] {
  animation-play-state: running;
}
.lumio-disc::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: conic-gradient(
    from 65deg,
    transparent,
    #ffffff09,
    transparent 24%,
    transparent 45%,
    #d19c7717,
    transparent 72%
  );
  pointer-events: none;
}
.lumio-disc .lumio-disc-label {
  width: 38%;
  aspect-ratio: 1;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: radial-gradient(circle at 35% 30%, #e4b58b, #97643f 85%);
  box-shadow: inset 0 0 0 0.45cqw #2b171455;
  position: relative;
  gap: 1.14cqw;
  overflow: visible;
}
.lumio-disc .lumio-disc-label img {
  position: static;
  width: 31.7%;
  height: auto;
  aspect-ratio: 1;
  object-fit: contain;
  filter: brightness(0.25);
  border-radius: 0;
  opacity: 1;
  inset: auto;
  clip-path: none;
}
.lumio-disc .lumio-disc-label span {
  color: #3b2418;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: clamp(2px, 1.6cqw, 7px);
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.39cqw;
  white-space: nowrap;
  margin: 0;
  overflow: visible;
  text-overflow: clip;
  text-transform: uppercase;
}
.lumio-disc .lumio-disc-label i {
  width: 1.82cqw;
  height: 1.82cqw;
  background: #0d0d0e;
  border-radius: 50%;
  box-shadow: 0 0 0 0.68cqw #69462c;
  position: absolute;
  bottom: 25%;
}
@keyframes lumio-disc-turn {
  from {
    transform: rotate(-12deg);
  }
  to {
    transform: rotate(348deg);
  }
}
@media (prefers-reduced-motion: reduce) {
  .lumio-disc {
    animation: none !important;
  }
}