.cdg-dancefloor-carnet {
margin: 1rem 0 0;
padding: 0.85rem 1rem;
border-radius: 12px;
background: rgba(255, 255, 255, 0.06);
border: 1px solid rgba(255, 255, 255, 0.12);
box-shadow: 0 0 24px rgba(91, 141, 239, 0.12);
opacity: 0;
transform: translateY(6px);
transition: opacity 0.5s ease, transform 0.5s ease;
position: relative;
}
.cdg-dancefloor-carnet.is-visible {
opacity: 1;
transform: translateY(0);
}
.cdg-dancefloor-carnet--dismissed {
display: none;
}
.cdg-dancefloor-carnet__line {
margin: 0;
font-size: 0.95rem;
line-height: 1.45;
font-style: italic;
color: inherit;
}
.cdg-dancefloor-carnet__dismiss {
position: absolute;
top: 0.35rem;
right: 0.45rem;
background: transparent;
border: none;
color: inherit;
opacity: 0.55;
cursor: pointer;
font-size: 1.1rem;
line-height: 1;
padding: 0.15rem 0.35rem;
}
.cdg-dancefloor-carnet__dismiss:hover {
opacity: 0.9;
}
.cdg-dancefloor-carnet--glow-chill {
box-shadow: 0 0 20px rgba(129, 178, 154, 0.2);
}
.cdg-dancefloor-carnet--glow-violet {
box-shadow: 0 0 20px rgba(123, 79, 212, 0.22);
}
.cdg-dancefloor-carnet--glow-warm {
box-shadow: 0 0 20px rgba(224, 122, 95, 0.18);
}
@media (max-width: 640px) {
.cdg-dancefloor-carnet {
padding: 0.75rem 2rem 0.75rem 0.85rem;
}
.cdg-dancefloor-carnet__line {
font-size: 0.9rem;
}
}