import {
  component_styles_default
} from "./chunk.K23QWHWK.js";
import {
  i
} from "./chunk.CXZZ2LVK.js";

// src/components/carousel-item/carousel-item.styles.ts
var carousel_item_styles_default = i`
  ${component_styles_default}

  :host {
    --aspect-ratio: inherit;

    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    max-height: 100%;
    aspect-ratio: var(--aspect-ratio);
    scroll-snap-align: start;
    scroll-snap-stop: always;
  }

  ::slotted(img) {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
  }
`;

export {
  carousel_item_styles_default
};