@import "/imports/ui/components/video-preview/styles";

.virtualBackgroundRowDropdown {
  input {
    border-radius: 0.3rem;
  }

  input:disabled {
    filter: grayscale(100%);
  }

  button {
    padding: var(--btn-lg-padding);
  }

  button, input {
    border: var(--border-size-small) solid var(--user-thumbnail-border);
    margin: 0 0.15em;
  }  
}

.virtualBackgroundRowThumbnail {
  @extend .virtualBackgroundRowDropdown;
  margin-top: 0.4rem;
}

.virtualBackgroundItem:focus{
  color: var(--btn-default-color);
  background-color: var(--btn-default-bg);
  background-clip: padding-box;
  box-shadow: 0 0 0 var(--border-size) var(--btn-primary-border);
}

.bgWrapper {
  display: flex;
  justify-content: space-between;
  overflow-x: auto;  
}