{"version":3,"file":"carousel-slide.css.cjs","names":[],"sources":["../../../src/content/carousel/carousel-slide.css?inline"],"sourcesContent":["/* ── Default: translate in/out ───────────────────────────────────────────── */\n:host {\n  position: absolute;\n  inset: 0;\n  display: block;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  pointer-events: none;\n  opacity: 0;\n  transform: var(--_slide-translate-after, translateX(100%));\n  transition:\n    transform var(--carousel-transition-duration, 0.35s) var(--ease-move),\n    opacity var(--carousel-transition-duration, 0.35s) var(--ease-move);\n}\n\n:host([data-before]) {\n  transform: var(--_slide-translate-before, translateX(-100%));\n}\n\n:host([data-active]) {\n  pointer-events: auto;\n  opacity: 1;\n  transform: translate(0, 0);\n}\n\n/* ── Fade variant ────────────────────────────────────────────────────────── */\n:host([data-variant='fade']) {\n  transform: none;\n  transition: opacity var(--carousel-transition-duration, 0.35s) var(--ease-move);\n}\n\n/* ── Filmstrip variant — shared ──────────────────────────────────────────── */\n:host([data-variant='filmstrip']) {\n  position: relative;\n  inset: auto;\n  flex-shrink: 0;\n  align-self: stretch;\n  pointer-events: auto;\n  border-radius: var(--carousel-radius, var(--rounded-xl));\n  opacity: 1;\n  transform: none;\n  transition:\n    flex var(--carousel-transition-duration, 0.35s) var(--ease-move),\n    opacity var(--carousel-transition-duration, 0.35s) var(--ease-move);\n}\n\n/* ── Filmstrip variant (horizontal) ──────────────────────────────────────── */\n:host([data-variant='filmstrip'][data-orientation='horizontal']) {\n  flex: 0 0 var(--carousel-filmstrip-inactive, var(--size-16));\n  width: auto;\n  min-width: var(--carousel-filmstrip-inactive, var(--size-16));\n  height: 100%;\n}\n\n:host([data-variant='filmstrip'][data-orientation='horizontal'][data-active]) {\n  flex: 1 1 0;\n}\n\n/* ── Filmstrip variant (vertical) ────────────────────────────────────────── */\n:host([data-variant='filmstrip'][data-orientation='vertical']) {\n  flex: 0 0 var(--carousel-filmstrip-inactive, var(--size-10));\n  width: 100%;\n  height: auto;\n  min-height: var(--carousel-filmstrip-inactive, var(--size-10));\n}\n\n:host([data-variant='filmstrip'][data-orientation='vertical'][data-active]) {\n  flex: 1 1 0;\n}\n\n/* ── Gallery variant — shared base ───────────────────────────────────────── */\n:host([data-variant='gallery']) {\n  display: none;\n}\n\n:host([data-variant='gallery'][data-gallery-visible]) {\n  position: relative;\n  inset: auto;\n  display: block;\n  align-self: stretch;\n  overflow: hidden;\n  pointer-events: auto;\n  border-radius: var(--carousel-radius, var(--rounded-xl));\n  opacity: 0.5;\n  transform: none;\n  transition:\n    flex var(--carousel-transition-duration, 0.35s) var(--ease-move),\n    opacity var(--carousel-transition-duration, 0.35s) var(--ease-move);\n}\n\n:host([data-variant='gallery'][data-gallery-visible][data-active]) {\n  opacity: 1;\n}\n\n/* ── Gallery variant (horizontal) ────────────────────────────────────────── */\n:host([data-variant='gallery'][data-orientation='horizontal'][data-gallery-visible]) {\n  flex: 0 0 var(--carousel-gallery-thumbnail, var(--size-24));\n  flex-shrink: 0;\n  width: auto;\n  min-width: var(--carousel-gallery-thumbnail, var(--size-24));\n  height: 100%;\n}\n\n:host([data-variant='gallery'][data-orientation='horizontal'][data-gallery-visible][data-active]) {\n  flex: 1 1 0;\n}\n\n/* ── Gallery variant (vertical) ──────────────────────────────────────────── */\n:host([data-variant='gallery'][data-orientation='vertical'][data-gallery-visible]) {\n  flex: 1 1 0;\n  width: 100%;\n  height: auto;\n}\n\n:host([data-variant='gallery'][data-orientation='vertical'][data-gallery-visible][data-active]) {\n  flex: 4 1 0;\n}\n\n::slotted(*) {\n  max-width: 100%;\n}\n"],"mappings":""}