@salla.sa/twilight-components/dist/collection/components/salla-bullet-delivery/salla-bullet-delivery.css

Salla Web Component

@supports (interpolate-size: allow-keywords) and (block-size: calc-size(auto, size)) {
  .s-bullet-delivery .s-bullet-delivery-modal .s-modal-body, .s-bullet-delivery-inner {
    @apply [interpolate-size:allow-keywords];
  }
  .s-bullet-delivery .s-bullet-delivery-modal .s-modal-body {
    @apply [overflow:clip] [transition:block-size_500ms_ease];
  }
  .s-bullet-delivery-inner {
    @apply [overflow:clip] [transition:block-size_500ms_ease];
    block-size: calc-size(auto, size);
  }
}

/* Allow searchable dropdown popover to paint outside the modal body */
.s-bullet-delivery .s-bullet-delivery-modal .s-modal-body:has(.s-searchable-dropdown--open) {
  overflow: visible !important;
}

@keyframes s-bullet-delivery-fade-in {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}