:root {
--cd-fab-dock-inset: 0px;
--cd-fab-dock-gap: 14px;
--cd-fab-dock-base: 16px;
--cd-fab-dock-step: 58px;
--cd-fab-dock-z-bar: 100040;
--cd-fab-dock-z-toast: 100035;
--cd-fab-dock-z-fab: 100030;
}
@media (min-width: 922px) {
:root {
--cd-fab-dock-gap: 16px;
--cd-fab-dock-base: 24px;
--cd-fab-dock-step: 60px;
}
}
body.cd-fab-dock #cd-install-fab,
body.cd-fab-dock .cd-install-fab {
display: none !important;
}
body.cd-fab-dock.cd-fab-dock-bar-active #page {
padding-bottom: var(--cd-fab-dock-inset, 0px);
}
@media (max-width: 767px) {
body.cd-tempo-active.cd-fab-dock.cd-fab-dock-bar-active #page {
padding-bottom: 0 !important;
}
} body.cd-fab-dock .gtranslate_wrapper,
body.cd-fab-dock [id^="gt-wrapper-"],
body.cd-fab-dock #gt_float_wrapper {
position: fixed !important;
left: max(var(--cd-fab-dock-base), env(safe-area-inset-left, 0px)) !important;
right: auto !important;
bottom: max(
calc(var(--cd-fab-dock-base) + var(--cd-fab-dock-inset, 0px)),
env(safe-area-inset-bottom, 0px)
) !important;
top: auto !important;
transform: none !important;
z-index: var(--cd-fab-dock-z-fab) !important;
min-height: 44px;
min-width: 44px;
}
body.cd-fab-dock .cda-assistant__toggle {
position: fixed !important;
left: max(var(--cd-fab-dock-base), env(safe-area-inset-left, 0px)) !important;
right: auto !important;
bottom: max(
calc(var(--cd-fab-dock-base) + var(--cd-fab-dock-inset, 0px) + var(--cd-fab-dock-step) + var(--cd-fab-dock-gap)),
env(safe-area-inset-bottom, 0px)
) !important;
top: auto !important;
transform: none !important;
z-index: calc(var(--cd-fab-dock-z-fab) + 1) !important;
min-height: 44px;
min-width: 44px;
} body.cd-fab-dock .gt_switcher_wrapper,
body.cd-fab-dock .gt_float_switcher,
body.cd-fab-dock #gt_float_wrapper .gt_float_switcher {
position: static !important;
bottom: auto !important;
top: auto !important;
left: auto !important;
right: auto !important;
transform: none !important;
z-index: auto !important;
width: auto !important;
max-width: 100%;
}
body.cd-fab-dock .gtranslate_wrapper .gt_switcher,
body.cd-fab-dock [id^="gt-wrapper-"] .gt_switcher {
position: relative !important;
} body.cd-fab-dock #car-root {
position: fixed !important;
right: max(var(--cd-fab-dock-base), env(safe-area-inset-right, 0px)) !important;
left: auto !important;
bottom: max(
calc(var(--cd-fab-dock-base) + var(--cd-fab-dock-inset, 0px)),
env(safe-area-inset-bottom, 0px)
) !important;
top: auto !important;
transform: none !important;
z-index: var(--cd-fab-dock-z-fab) !important;
}
body.cd-fab-dock .cdsn-classic-chip {
display: none !important;
}
body.cd-fab-dock .cdl-global-live--float .cdl-global-live__fab,
body.cd-fab-dock #cdl-global-live-toggle.cdl-global-live__fab {
position: fixed !important;
right: max(var(--cd-fab-dock-base), env(safe-area-inset-right, 0px)) !important;
left: auto !important;
bottom: max(
calc(var(--cd-fab-dock-base) + var(--cd-fab-dock-inset, 0px) + 52px + var(--cd-fab-dock-gap) + 44px + var(--cd-fab-dock-gap)),
env(safe-area-inset-bottom, 0px)
) !important;
top: auto !important;
transform: none !important;
z-index: calc(var(--cd-fab-dock-z-fab) + 2) !important;
min-width: 44px;
min-height: 44px;
} body.cd-fab-dock:has(#car-root) .cdl-global-live--float .cdl-global-live__fab,
body.cd-fab-dock.cd-mobile-fix:has(.cdspwa-android-bar:not([hidden])):has(#car-root) .cdl-global-live--float .cdl-global-live__fab {
bottom: max(
calc(var(--cd-fab-dock-base) + var(--cd-fab-dock-inset, 0px) + 52px + var(--cd-fab-dock-gap)),
env(safe-area-inset-bottom, 0px)
) !important;
}
body.cd-fab-dock:has(#car-root):has(.cdsn-classic-chip) .cdl-global-live--float .cdl-global-live__fab,
body.cd-fab-dock.cd-mobile-fix:has(.cdspwa-android-bar:not([hidden])):has(#car-root):has(.cdsn-classic-chip) .cdl-global-live--float .cdl-global-live__fab {
bottom: max(
calc(var(--cd-fab-dock-base) + var(--cd-fab-dock-inset, 0px) + 52px + var(--cd-fab-dock-gap) + 44px + var(--cd-fab-dock-gap)),
env(safe-area-inset-bottom, 0px)
) !important;
}
body.cd-fab-dock #ast-scroll-top {
z-index: calc(var(--cd-fab-dock-z-fab) + 2) !important;
min-width: 44px;
min-height: 44px;
}
body.cd-fab-dock .car-trigger {
min-width: 44px;
min-height: 44px;
width: 52px;
height: 52px;
}
body.cd-fab-dock.cd-fab-dock-debug .cd-fab-dock-managed::after {
content: attr(data-cd-fab-dock-bottom);
position: absolute;
top: -10px;
left: 0;
font: 9px/1 monospace;
color: #c00;
background: #fff;
padding: 1px 2px;
pointer-events: none;
} body.cd-fab-dock .cdspwa-android-bar {
position: fixed !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
top: auto !important;
z-index: var(--cd-fab-dock-z-bar) !important;
max-width: 100%;
box-sizing: border-box;
}
body.cd-fab-dock .cdspwa-android-bar__inner {
max-width: 720px;
margin: 0 auto;
display: flex;
flex-direction: column;
align-items: stretch;
gap: 12px;
}
body.cd-fab-dock .cdspwa-android-bar__text {
margin: 0;
flex: none;
font-size: 14px;
line-height: 1.4;
}
body.cd-fab-dock .cdspwa-android-bar__actions {
width: 100%;
display: flex;
flex-direction: column;
gap: 8px;
}
body.cd-fab-dock .cdspwa-android-bar__btn {
width: 100%;
min-height: 44px;
padding: 10px 14px;
border-radius: 8px !important;
font-size: 15px;
font-weight: 600;
white-space: normal;
text-align: center;
box-sizing: border-box;
}
body.cd-fab-dock .cdspwa-android-bar__btn--primary {
background: #0a84ff !important;
color: #fff !important;
}
body.cd-fab-dock .cdspwa-ios-hint {
position: fixed !important;
left: max(10px, env(safe-area-inset-left)) !important;
right: max(10px, env(safe-area-inset-right)) !important;
bottom: max(12px, env(safe-area-inset-bottom)) !important;
z-index: calc(var(--cd-fab-dock-z-bar) - 1) !important;
}
body.cd-fab-dock .cd-compare-bar {
position: fixed !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
z-index: calc(var(--cd-fab-dock-z-bar) - 2) !important;
}
body.cd-fab-dock .cd-compare-bar.cd-compare-bar--hidden,
body.cd-fab-dock #cd-compare-sticky-bar.cd-compare-bar--hidden {
visibility: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
height: 0 !important;
overflow: hidden !important;
}
body.cd-fab-dock .cdsp-presence-compact-toast {
z-index: var(--cd-fab-dock-z-toast);
max-width: min(22rem, calc(100vw - 2rem));
}
body.cd-fab-dock.ast-mobile-popup-open .cdspwa-android-bar {
z-index: 99990 !important;
}
@media (max-width: 430px) {
body.cd-fab-dock .cdspwa-android-bar {
padding-left: max(10px, env(safe-area-inset-left));
padding-right: max(10px, env(safe-area-inset-right));
}
}
@media (max-width: 767px) {
body.cd-fab-dock.cd-tempo-active .cdl-global-live--float .cdl-global-live__fab,
body.cd-fab-dock.cd-tempo-active #cdl-global-live-toggle.cdl-global-live__fab,
body.cd-fab-dock.cd-tempo-active:has(#car-root) .cdl-global-live--float .cdl-global-live__fab,
body.cd-fab-dock.cd-tempo-active.cd-mobile-fix:has(.cdspwa-android-bar:not([hidden])):has(#car-root) .cdl-global-live--float .cdl-global-live__fab,
body.cd-fab-dock.cd-tempo-active:has(#car-root):has(.cdsn-classic-chip) .cdl-global-live--float .cdl-global-live__fab {
left: max(12px, env(safe-area-inset-left, 0px)) !important;
right: auto !important;
bottom: calc(var(--cd-bottom-nav-h, var(--csn-bottom-h, 0px)) + var(--cd-compare-h, 0px) + var(--cd-tempo-mobile-gap, 6px)) !important;
top: auto !important;
}
body.cd-fab-dock.cd-tempo-active #car-root {
left: auto !important;
right: max(12px, env(safe-area-inset-right, 0px)) !important;
bottom: calc(var(--cd-bottom-nav-h, var(--csn-bottom-h, 0px)) + var(--cd-compare-h, 0px) + var(--cd-tempo-mobile-gap, 6px)) !important;
top: auto !important;
}
}
@media (max-width: 320px) {
body.cd-fab-dock .cda-assistant__toggle-label {
max-width: 5.5rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
} @media (max-width: 767px) {
body.home.cd-fab-dock .cd-home-v3-today,
body.cd-home-v3.cd-fab-dock .cd-home-v3-today {
padding-right: 0.35rem;
padding-bottom: 0.35rem;
scroll-margin-top: 0.5rem;
}
body.home.cd-fab-dock .chf-hero--xl,
body.cd-home-v3.cd-fab-dock .chf-hero--xl {
z-index: 1;
}
body.home.cd-fab-dock .chf-hero--theme-local .chf-hero__inner--hub,
body.cd-home-v3.cd-fab-dock .chf-hero--theme-local .chf-hero__inner--hub {
padding-bottom: calc(5.75rem + var(--cd-fab-dock-inset, 0px) + env(safe-area-inset-bottom, 0px));
}
body.home.cd-fab-dock .chf-local-tools,
body.cd-home-v3.cd-fab-dock .chf-local-tools {
position: relative;
z-index: 2;
} body.home.cd-fab-dock .cda-assistant__toggle,
body.cd-home-v3.cd-fab-dock .cda-assistant__toggle {
display: none !important;
}
body.home.cd-fab-dock .cda-assistant__toggle-label,
body.cd-home-v3.cd-fab-dock .cda-assistant__toggle-label {
display: none !important;
} body.home.cd-fab-dock .cdl-global-live--float .cdl-global-live__fab,
body.home.cd-fab-dock #cdl-global-live-toggle.cdl-global-live__fab,
body.cd-home-v3.cd-fab-dock .cdl-global-live--float .cdl-global-live__fab,
body.cd-home-v3.cd-fab-dock #cdl-global-live-toggle.cdl-global-live__fab {
opacity: 0.38;
transform: scale(0.72);
transform-origin: bottom right;
}
body.home.cd-fab-dock .cdl-global-live--float.is-live .cdl-global-live__fab,
body.home.cd-fab-dock #cdl-global-live-toggle.cdl-global-live__fab.is-live,
body.cd-home-v3.cd-fab-dock .cdl-global-live--float.is-live .cdl-global-live__fab {
opacity: 0.85;
transform: scale(0.88);
} body.home.cd-fab-dock.cd-tempo-active,
body.cd-home-v3.cd-fab-dock.cd-tempo-active {
--cd-tempo-dock-h: 72px;
--cd-tempo-mobile-gap: 4px;
}
body.home.cd-fab-dock .cd-tempo,
body.home.cd-fab-dock .cd-tempo__dock,
body.cd-home-v3.cd-fab-dock .cd-tempo,
body.cd-home-v3.cd-fab-dock .cd-tempo__dock {
max-height: 72px !important;
}
body.home.cd-fab-dock .cd-tempo__card,
body.cd-home-v3.cd-fab-dock .cd-tempo__card {
padding-top: 0.35rem !important;
padding-bottom: 0.35rem !important;
min-height: 0 !important;
}
body.home.cd-fab-dock .cd-tempo__card-title,
body.cd-home-v3.cd-fab-dock .cd-tempo__card-title {
font-size: 0.78rem !important;
line-height: 1.2 !important;
} body.home.cd-fab-dock #car-root,
body.cd-home-v3.cd-fab-dock #car-root {
opacity: 0 !important;
pointer-events: none !important;
visibility: hidden !important;
}
body.home.cd-fab-dock .cd-pulse-qa-trigger,
body.cd-home-v3.cd-fab-dock .cd-pulse-qa-trigger {
bottom: max(calc(var(--cd-fab-dock-base) + var(--cd-fab-dock-inset, 0px) + 168px), env(safe-area-inset-bottom, 0px)) !important;
right: max(10px, env(safe-area-inset-right, 0px)) !important;
opacity: 0.55;
z-index: calc(var(--cd-fab-dock-z-fab) - 2) !important;
}
body.home.cd-fab-dock #cmplz-cookiebanner-container .cmplz-cookiebanner,
body.cd-home-v3.cd-fab-dock #cmplz-cookiebanner-container .cmplz-cookiebanner {
margin-bottom: max(12px, env(safe-area-inset-bottom, 0px));
} body.home.cd-fab-dock .cdspwa-ios-hint,
body.cd-home-v3.cd-fab-dock .cdspwa-ios-hint {
opacity: 0.92;
max-width: calc(100vw - 5.5rem);
}
}