/*
# 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/.
*/

p, ul {
  margin: 0 0 0.5em 0;
  padding: 0;
}

ul,
ul li {
  list-style: none;
}

p.sub {
  margin-left: 2em;
}

ul p.sub {
  margin-top: 0;
  margin-bottom: 0;
}

label[disabled="true"] {
  opacity: 0.5;
}
label[disabled="true"] input,
label[disabled="true"] button {
  opacity: 1;
}

#style-radiogroup {
  align-content: flex-start;
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 0;
}

#style-radiogroup li {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-bottom: 0.5em;
  padding: 0;
  width: calc(1em + 100px + 8em); /* radio + image + label */
}

#style-radiogroup li img {
  max-width: 100px;
}

label input[type="radio"] ~ img,
label input[type="checkbox"] ~ img {
  border: 1px solid ThreeDShadow;
  vertical-align: middle;
  margin-top: 0.15em;
  margin-bottom: 0.15em;
}

select {
  max-width: 30em;
}


fieldset.collapsible.collapsed > *:not(legend) {
  display: none;
}

fieldset.collapsible > legend::before,
body > section > h1:first-child::before {
  content: "▼";
  display: inline-block;
  font-size: 65%;
  margin-right: 0.5em;
  position: relative;
  transition: transform 0.2s ease;
}

fieldset.collapsible.collapsed > legend::before,
body > section.collapsed > h1:first-child::before {
  transform: rotate(-90deg);
}


:root:not(.debugging) #debug-configs {
  max-height: 0;
  overflow: hidden;
}

:root:not(.debugging) #debug-configs * {
  -moz-user-focus: ignore;
  -moz-user-input: disabled;
}

:root:not(.platform-mac) .available-only-on-mac,
:root.successor-tab-support .without-successor-tab-support,
:root:not(.successor-tab-support) .with-successor-tab-support {
  display: none;
}


body > section {
  margin-top: 1em;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
body > section:not(.collapsed) {
  max-height: none !important;
}

body > section > h1:first-child {
  margin-top: 0;
  cursor: pointer;
}

body > section > h1:first-child ~ * {
  opacity: 1;
  transition: opacity 0.2s ease-out;
}
body > section.collapsed > h1:first-child ~ * {
  opacity: 0;
}


#defaultBookmarkParentChooser {
  max-width: 100%;
}
