/**
 * @file components/floating-blocks/style.css
 */
.ns-floating-blocks {
  position: fixed;
  z-index: 9000;
  bottom: calc(var(--ns-space-unit) * 3);
  display: flex;
  flex-direction: column;
  gap: var(--ns-space-unit);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s;
}
html.ns-show-float .ns-floating-blocks { opacity: 1; pointer-events: auto; }
.ns-floating-blocks[data-position="right"] { right: calc(var(--ns-space-unit) * 2); }
.ns-floating-blocks[data-position="left"] { left: calc(var(--ns-space-unit) * 2); }
.ns-float-btn {
  width: 52px; height: 52px; border-radius: 50%;
  background: var(--ns-float-color); color: #fff;
  display: flex; align-items: center; justify-content: center;
  box-shadow: var(--ns-shadow-card-hover);
}