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

@import url("chrome://dot/skin/input.css");

@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

:root {
    background-color: var(--lwt-accent-color, -moz-dialog);
    color: var(--lwt-text-color, -moz-DialogText);
}

#commonDialog {
    display: flex;
    padding: 14px;
    gap: 14px;
}

/* Icons */
.message-icon {
    list-style-image: url("chrome://dot/skin/icons/info.svg");
}

.alert-dialog #infoIcon,
.alert-icon {
    list-style-image: url("chrome://dot/skin/icons/warning.svg");
}

.error-icon {
    list-style-image: url("chrome://dot/skin/icons/error.svg");
}

.question-icon {
    list-style-image: url("chrome://dot/skin/icons/question.svg");
}

#dialogGrid {
    --spacing: 14px;
    --icon-width: 48px;
}

#dialogGrid {
    display: flex;
    flex-direction: column;
    gap: var(--spacing);
}

#infoRow {
    display: flex;
}

.dialogRow:not(#infoRow) {
    margin-inline-start: calc(var(--icon-width) + var(--spacing));
}

#iconContainer {
    width: var(--icon-width);
    height: var(--icon-width);
    min-width: var(--icon-width);
    min-height: var(--icon-width);
    margin-inline-end: var(--spacing);
}

#infoContainer {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-self: center;
}

#infoTitle {
    font-weight: bold;
    margin: 0;
}

#infoBody {
    white-space: break-spaces;
    max-width: 600px;
    margin: 0;
}

#infoIcon {
    width: 100%;
    height: 100%;
    -moz-context-properties: fill;
    fill: currentColor;
}

#loginContainer:not([hidden]),
#password1Container:not([hidden]) {
    display: flex;
    align-items: center;
}

#loginContainer xul|label,
#loginContainer input,
#checkboxContainer xul|checkbox {
    margin: 0;
}

#loginContainer xul|label:not([value=""]) {
    margin-inline-end: 8px;
}