:host {
  /**
    * @prop --color-primary: The color of Search Button and bullets in Onboarding Block.
    * @prop --color-primary-hover: The color of Search Button and bullets in Onboarding Block on mouse hover.
    * @prop --modal-border-radius: The border radius of the modal.
    * @prop --search-modal-animation-duration: The animation duration of the modal on desktop devices.
    * @prop --search-modal-animation-duration-mobile: The animation duration of the modal on mobile devices.
    * @prop --product-card-width: Minimum width of product card inside the grid.
    * @prop --product-card-content-align: The alignment of the content inside the product card's flex container.
    * @prop --product-card-text-align: The alignment of the text inside the product card.
    * @prop --product-card-image-border: The border of the product card image.
    * @prop --product-card-image-bg-color: The background color of the product card image.
    * @prop --product-card-image-aspect-ratio: The aspect ratio of the product card image (e.g., "1 / 1", "3 / 4").
    * @prop --basket-button-bg-color-pressed: The background color of the pressed Basket Button.
    * @prop --font-family: The font family of the widget.
  */

  display: inline-block;
  line-height: 0;
}