.fcb-floating-bar {
position: fixed;
z-index: 999999;
display: flex;
flex-direction: column;
align-items: center;
box-sizing: border-box;
pointer-events: none; transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s ease;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.fcb-inner-capsule {
background: var(--fcb-bg-bar, #ffffff);
padding: 10px 8px;
border-radius: var(--fcb-bar-radius, 35px);
box-shadow: var(--fcb-bar-shadow, 0 12px 32px rgba(0, 0, 0, 0.14), 0 2px 6px rgba(0, 0, 0, 0.04));
display: flex;
flex-direction: column;
gap: 12px;
align-items: center;
justify-content: center;
pointer-events: auto;
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
border: 1px solid rgba(255, 255, 255, 0.6);
transition: all 0.3s ease;
} .fcb-btn {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: var(--fcb-btn-size, 48px);
height: var(--fcb-btn-size, 48px);
background-color: var(--fcb-btn-bg, #e89f7d);
color: var(--fcb-btn-icon, #ffffff);
border-radius: 50%;
text-decoration: none;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1), background-color 0.25s ease, box-shadow 0.25s ease;
cursor: pointer;
outline: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
}
.fcb-btn:hover,
.fcb-btn:focus-visible {
background-color: var(--fcb-btn-hover, #d88661);
color: var(--fcb-btn-icon, #ffffff);
transform: scale(1.08) translateY(-2px);
box-shadow: 0 6px 14px rgba(0, 0, 0, 0.16);
text-decoration: none;
}
.fcb-btn:active {
transform: scale(0.95);
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
} .fcb-icon {
display: flex;
align-items: center;
justify-content: center;
line-height: 0;
transition: transform 0.2s ease;
}
.fcb-btn:hover .fcb-icon {
transform: scale(1.05);
}
.fcb-icon svg {
width: 22px;
height: 22px;
display: block;
stroke: var(--fcb-btn-icon, #ffffff);
} .fcb-tooltip {
position: absolute;
top: 50%;
transform: translateY(-50%) translateX(6px);
background-color: #1e293b;
color: #ffffff;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 12.5px;
font-weight: 500;
padding: 6px 12px;
border-radius: 6px;
white-space: nowrap;
opacity: 0;
visibility: hidden;
pointer-events: none;
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;
z-index: 10000;
}
.fcb-tooltip::after {
content: '';
position: absolute;
top: 50%;
transform: translateY(-50%);
border-width: 5px;
border-style: solid;
}
.fcb-btn:hover .fcb-tooltip {
opacity: 1;
visibility: visible;
transform: translateY(-50%) translateX(0);
} @media (max-width: 768px) {
.fcb-inner-capsule {
padding: 8px 6px;
gap: 10px;
}
.fcb-btn {
width: calc(var(--fcb-btn-size, 48px) * 0.92);
height: calc(var(--fcb-btn-size, 48px) * 0.92);
}
.fcb-tooltip {
display: none !important; }
}