.yt-home-tools {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
  width: min(100%, 72rem);
  margin: 0 auto;
  align-items: start;
}

@media (min-width: 900px) {
  .yt-home-tools {
    grid-template-columns: 1fr 1fr;
  }
}

.yt-home-tools .ytmp3-embed,
.yt-home-tools .ytmp4-embed {
  width: 100%;
  max-width: none;
  margin: 0;
}

.ytmp3-embed,
.ytmp4-embed {
  box-sizing: border-box;
  width: min(100%, 32.5rem) !important;
  max-width: 32.5rem !important;
  margin: 0 auto !important;
}

.ytmp4-embed *,
.ytmp4-embed *::before,
.ytmp4-embed *::after {
  box-sizing: border-box;
}

.ytmp4-embed .converter-mount {
  width: 100%;
  min-width: 0;
}

.ytmp4-embed :focus-visible {
  outline: 2px solid var(--focus, #f6f6f6);
  outline-offset: -2px;
}

.ytmp4-embed [hidden] {
  display: none !important;
}

.ytmp4-embed button,
.ytmp4-embed input,
.ytmp4-embed a.btn {
  font: inherit;
}

.ytmp4-embed .btn__label,
.ytmp4-embed .format-selector__btn {
  font-weight: 700;
}

@media (max-width: 374px) {
  .ytmp3-embed,
  .ytmp4-embed {
    width: 100% !important;
    max-width: 100% !important;
  }
}

@media (min-width: 900px) {
  .yt-home-tools {
    align-items: start;
  }

  .yt-home-tools .ytmp4-embed .url-input__status:empty {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden;
  }
}