.yt-controls--small .yt-controls{
  gap:0;
}
.yt-controls--small .yt-control{
  transform:scale(.8);
}

.yt-controls--bottom-left .yt-controls{
  bottom:1rem;
  left:1rem;
  right:auto;
  top:auto;
}

.yt-controls{
  display:flex;
  gap:.5rem;
  position:absolute;
  right:1rem;
  top:.5rem;
  z-index:20;
}

.yt-control{
  height:3rem;
  padding:.75rem;
  width:3rem;
  --tw-text-opacity:1;
  color:rgb(255, 255, 255, var(--tw-text-opacity, 1));
  --tw-backdrop-blur:blur(4px);
  animation-duration:.2s;
  backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  background-color:rgba(0,0,0,.502);
  background-position:50%;
  background-repeat:no-repeat;
  background-size:24px;
  border-radius:9999px;
  transition-duration:.15s;
  transition-duration:.2s;
  transition-property:all;
  transition-timing-function:cubic-bezier(.4, 0, .2, 1);
}

.yt-control:hover{
  background-color:rgba(0,0,0,.702);
}

.yt-control.is-hidden{
  display:none;
}

.yt-control-pause{
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Crect width='4' height='16' x='14' y='4' rx='1'/%3E%3Crect width='4' height='16' x='6' y='4' rx='1'/%3E%3C/svg%3E");
}

.yt-control-play{
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m6 3 14 9-14 9z'/%3E%3C/svg%3E");
}

.yt-control-mute{
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298zM16 9a5 5 0 0 1 0 6m3.364 3.364a9 9 0 0 0 0-12.728'/%3E%3C/svg%3E");
}

.yt-control-unmute{
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298zM22 9l-6 6m0-6 6 6'/%3E%3C/svg%3E");
}
/*# sourceMappingURL=yt-controls.css.map */