/* [project]/node_modules/@vidstack/react/player/styles/base.css [app-client] (css) */
[data-media-player] {
  contain: style;
  box-sizing: border-box;
  -webkit-user-select: none;
  user-select: none;
  align-items: center;
  width: 100%;
  display: inline-flex;
  position: relative;
}

[data-media-player] * {
  box-sizing: border-box;
}

:where([data-media-player][data-view-type="video"]) {
  aspect-ratio: 16 / 9;
}

[data-media-player]:focus, [data-media-player]:focus-visible {
  outline: none;
}

[data-media-player][data-view-type="video"][data-started]:not([data-controls]) {
  pointer-events: auto;
  cursor: none;
}

[data-media-player] slot {
  display: contents;
}

[data-media-provider] {
  box-sizing: border-box;
  border-radius: inherit;
  width: 100%;
  aspect-ratio: inherit;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

[data-media-player]:not([data-view-type="audio"]) [data-media-provider], [data-media-player][data-fullscreen] [data-media-provider] {
  height: 100%;
}

[data-media-player][data-view-type="audio"] [data-media-provider] {
  background-color: unset;
  display: contents;
}

[data-media-provider] audio {
  width: 100%;
}

:where(video:not([width]):not([height]), iframe:not([width]):not([height])) {
  aspect-ratio: 16 / 9;
  width: 100%;
}

:where([data-media-provider] video), :where([data-media-provider] iframe) {
  aspect-ratio: inherit;
  object-fit: contain;
  touch-action: manipulation;
  border-radius: inherit;
  width: 100%;
  height: auto;
  display: inline-block;
}

[data-media-provider] iframe {
  height: 100%;
}

[data-media-player][data-view-type="audio"] video, [data-media-player][data-view-type="audio"] iframe {
  display: none;
}

[data-media-player][data-fullscreen] video {
  height: 100%;
}

[data-media-provider] iframe:not([src]) {
  display: none;
}

iframe.vds-youtube[data-no-controls] {
  height: 1000%;
}

.vds-blocker {
  width: 100%;
  height: auto;
  aspect-ratio: inherit;
  pointer-events: auto;
  border-radius: inherit;
  z-index: 1;
  position: absolute;
  inset: 0;
}

[data-ended] .vds-blocker {
  background-color: #000;
}

.vds-icon:focus {
  outline: none;
}

.vds-google-cast {
  color: #dedede;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-family: sans-serif;
  font-weight: 500;
  display: flex;
}

.vds-google-cast svg {
  --size: max(18%, 40px);
  width: var(--size);
  height: var(--size);
  margin-bottom: 8px;
}

.vds-google-cast-info {
  font-size: calc(var(--media-height) / 100 * 6);
}

/*# sourceMappingURL=node_modules_%40vidstack_react_player_styles_base_4d2f4f4d.css.map*/