:root {
--cd-ui-nav-z: 10060;
--cd-ui-tempo-z: 10040;
--cd-ui-fab-z: 10025;
--cd-ui-backtop-z: 10010;
--cd-ui-sticky-event-z: 10015;
}
@media (max-width: 959px) {
body.cdsn-simple-mode {
--cd-bottom-nav-h: calc(64px + env(safe-area-inset-bottom, 0px));
}
.cdsn-bottom-nav {
z-index: var(--cd-ui-nav-z) !important;
}
.cd-tempo,
.cd-tempo-bar,
[class*="cd-tempo"][style*="fixed"] {
z-index: var(--cd-ui-tempo-z);
}
.cdl-global-live-fab,
.cdl-sound-meter-fab,
#cdl-global-live-fab {
z-index: var(--cd-ui-fab-z);
bottom: calc(var(--cd-bottom-nav-h, 68px) + var(--cd-tempo-mobile-gap, 4px) + env(safe-area-inset-bottom, 0px));
} #ast-scroll-top,
.ast-scroll-top-icon,
a.ast-scroll-to-top,
.cd-back-to-top,
#scroll-top {
z-index: var(--cd-ui-backtop-z) !important;
bottom: calc(var(--cd-bottom-nav-h, 68px) + 4.5rem + env(safe-area-inset-bottom, 0px)) !important;
right: 0.75rem !important;
opacity: 0.72;
}
body.single-mec-events .cd-event-actions--sticky-ready {
z-index: var(--cd-ui-sticky-event-z);
bottom: max(
var(--cd-mobile-ui-stack-h, 0px),
var(--cd-bottom-nav-h, var(--csn-bottom-h, 0px))
);
} body.home .cdl-sound-meter-fab,
body.cd-home-v3 .cdl-sound-meter-fab,
body.page .cdl-sound-meter-fab:not([data-cdl-sound-relevant="1"]) {
display: none !important;
}
}