.elementor-widget-off-canvas {
  --crumble-off-canvas-duration: var(--e-off-canvas-animation-duration-minimum, 0.735s);
  --crumble-off-canvas-ease: cubic-bezier(0.65, 0.05, 0, 1);
}

.elementor-widget-off-canvas .e-off-canvas__overlay {
  opacity: 0;
  transition: opacity calc(var(--crumble-off-canvas-duration) + 0.2s) var(--crumble-off-canvas-ease) !important;
  will-change: opacity;
}

.elementor-widget-off-canvas .e-off-canvas[aria-hidden="false"] .e-off-canvas__overlay {
  opacity: var(--e-off-canvas-overlay-opacity, 1);
}

.elementor-widget-off-canvas .e-off-canvas__content {
  /* will-change: transform, opacity; */
  /* backface-visibility: hidden; */
  /* transform-origin: center; */
}

.elementor-widget-off-canvas .e-off-canvas__main.animated {
  animation-duration: var(--crumble-off-canvas-duration) !important;
  animation-timing-function: var(--crumble-off-canvas-ease) !important;
  animation-fill-mode: both !important;
}

/*
 * Keep the page backdrop available to Liquid Glass while Elementor runs its
 * transform-only exit animation. Elementor removes animated-reverse-wrapper
 * when the main animation ends, after which aria-hidden hides the panel.
 */
.elementor-widget-off-canvas
  .e-off-canvas[aria-hidden="true"].animated-reverse-wrapper:has(
    .planovo-effect-liquid-glass,
    .planovo-liquid-glass
  ) {
  opacity: 1 !important;
  visibility: visible !important;
  animation: none !important;
}