/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

:root[subdialog] .checkbox-label {
  color: var(--text-color-deemphasized);
}

@media (-moz-platform: windows) {
  #infoContainer {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  #infoIcon {
    margin: 3px 5px 4px;
  }
}

@media (-moz-platform: macos) {
  :root:not([subdialog]) #commonDialog {
    line-height: 13px;

    #infoTitle,
    #infoBody {
      font: menu;
      line-height: 16px;
      margin-bottom: 6px;
    }

    #infoTitle {
      font-weight: var(--font-weight-bold);
    }
  }

  #infoContainer {
    max-width: 33em;
  }

  #infoIcon {
    margin: 3px 5px 4px;
    margin-inline-end: 14px;
  }
}

@media (-moz-platform: linux) {
  #infoContainer {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  /*
   * Since we size the window to content, and the icon load is asynchronous, we
   * make sure that we take the whole space we could possibly take, regardless of
   * whether the icon is loaded.
   */
  #iconContainer {
    height: 55px; /* maximum icon height + some margin */
    width: 58px; /* maximum icon width + some margin */
  }

  #infoIcon {
    display: block;
    max-width: var(--size-item-xlarge);
    max-height: var(--size-item-xlarge);
    margin: 3px auto 0;
  }
}
