:host {
  line-height: initial;
  font-family: var(--dyte-font-family, sans-serif);

  font-feature-settings: normal;
  font-variation-settings: normal;
}

p {
  margin: var(--dyte-space-0, 0px);
  padding: var(--dyte-space-0, 0px);
}


:host {
  display: flex;
  width: 100%;
  flex-direction: column;
}

select {}

audio {
  visibility: hidden;
}

.group {
  margin-top: var(--dyte-space-2, 8px);
  margin-bottom: var(--dyte-space-2, 8px);
}

.group>* {
  margin-bottom: var(--dyte-space-2, 8px);
}

.group>*:last-child {
  margin-bottom: var(--dyte-space-0, 0px);
}

.group select {
  flex: 1 1 0%;
}

dyte-audio-visualizer {
  flex-shrink: 0;
}

dyte-button {
  border-radius: var(--dyte-border-radius-sm, 4px);
  --tw-bg-opacity: 1;
  background-color: rgba(var(--dyte-colors-background-700, 44 44 44) / var(--tw-bg-opacity));
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

dyte-button dyte-icon {
  margin-right: var(--dyte-space-2, 8px);
}