/*
 * Bottom sheet slide-up animation. Applied on initial mount so the panel slides into view.
 * Drag offsets are applied inline via [style.transform], which override this animation.
 */
:host {
  display: contents;
}

.bottom-sheet-panel {
  animation: bottom-sheet-slide-up 220ms ease-out;
}

@keyframes bottom-sheet-slide-up {
  from {
    transform: translateY(100%);
  }

  to {
    transform: translateY(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .bottom-sheet-panel {
    animation: none;
  }
}
