@position-try --float-snap-right {
  left: unset;
  right: var(--hs-spacing-base);
}

.float {
  position: fixed;
  inset: unset;
  top: calc(anchor(bottom) + var(--hs-spacing-base) * 0.5);
  left: anchor(left);
  position-try-fallbacks: --float-snap-right;
  width: max-content;
  max-width: 100vw;
  margin: 0;
  border: none;
  padding: 0;
  background-color: var(--hs-color-menu-bg);
  border-radius: var(--hs-radius-boxes);
  box-shadow: var(--hs-shadow-dark);
  opacity: 0;
  transition-property: opacity, display;
  transition-duration: var(--hs-transitions-duration-base);
  transition-timing-function: var(--hs-transitions-easing);
  transition-behavior: allow-discrete;
}

.float:popover-open {
  opacity: 1;
}

@starting-style {
  .float:popover-open {
    opacity: 0;
  }
}