/**
 * Minified by jsDelivr using clean-css v5.3.3.
 * Original file: /npm/@vidstack/cdn@1.12.13/styles/player/base.css
 *
 * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files
 */
[data-media-player] {
  width: 100%;
  display: inline-flex;
  align-items: center;
  position: relative;
  contain: style;
  box-sizing: border-box;
  user-select: none;
}
[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: 0;
}
[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] {
  display: flex;
  position: relative;
  box-sizing: border-box;
  align-items: center;
  border-radius: inherit;
  width: 100%;
  aspect-ratio: inherit;
  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] {
  display: contents;
  background-color: unset;
}
[data-media-provider] audio {
  width: 100%;
}
:where(video:not([width]):not([height]), iframe:not([width]):not([height])) {
  width: 100%;
  aspect-ratio: 16/9;
}
:where([data-media-provider] iframe),
:where([data-media-provider] video) {
  aspect-ratio: inherit;
  display: inline-block;
  height: 100%;
  object-fit: contain;
  touch-action: manipulation;
  border-radius: inherit;
  width: 100%;
}
[data-media-provider] iframe {
  height: 100%;
}
[data-media-player][data-view-type="audio"] iframe,
[data-media-player][data-view-type="audio"] video {
  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%;
}


/* Portrait orientation specific styles  old code */

/* Prevent zooming and improve performance */
[data-media-player][data-fullscreen] {
  touch-action: none !important;
  -webkit-user-select: none !important;
  user-select: none !important;
  -webkit-touch-callout: none !important;
  -webkit-transform: translateZ(0) !important;
  transform: translateZ(0) !important;
  -webkit-backface-visibility: hidden !important;
  backface-visibility: hidden !important;
}

.vds-blocker {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  aspect-ratio: inherit;
  pointer-events: auto;
  border-radius: inherit;
  z-index: 1;
}
[data-ended] .vds-blocker {
  background-color: #000;
}
.vds-icon:focus {
  outline: 0;
}
.vds-google-cast {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: #dedede;
  font-family: sans-serif;
  font-weight: 500;
}
.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=/sm/edfd209819a02ab2b6e35e5dba9d77db2c00e0ff67b4dbd48586ad7cd512187b.map */