/* Copyright (c) 2015 The Chromium Authors. All rights reserved.
 * Use of this source code is governed by a BSD-style license that can be
 * found in the LICENSE file.
 */

.lock-icon,
.security-property {
    height: 16px;
    width: 16px;

    -webkit-mask-image: url(Images/securityIcons.svg);
    -webkit-mask-size: 80px 32px;

    background-color: #888;
}

.lock-icon-secure {
    -webkit-mask-position: 0px 0px;
    background-color: #0B8043;
}

.lock-icon-unknown,
.lock-icon-neutral {
    -webkit-mask-position: -16px 0px;
    background-color: #000000; /* Black for clarity on lower DPI screens */
}

@media (-webkit-min-device-pixel-ratio: 1.1) {
    .lock-icon-unknown,
    .lock-icon-neutral {
        background-color: #5A5A5A; /* Gray for hiDPI screens */
    }
}

.lock-icon-insecure {
    -webkit-mask-position: -32px 0px;
    background-color: #5A5A5A;
}

.lock-icon-insecure-broken {
    -webkit-mask-position: -32px 0px;
    background-color: #C63626;
}

.security-property-secure {
    -webkit-mask-position: 0px -16px;
    background-color: #0B8043;
}

.security-property-neutral {
    -webkit-mask-position: -16px -16px;
    background-color: #C63626;
}

.security-property-insecure {
    -webkit-mask-position: -32px -16px;
    background-color: #C63626;
}

.security-property-insecure-broken {
    -webkit-mask-position: -32px -16px;
    background-color: #C63626;
}

.security-property-info {
    -webkit-mask-position: -48px -16px;
    background-color: rgba(0, 0, 0, 0.5);
}

.security-property-unknown {
    -webkit-mask-position: -64px -16px;
    background-color: rgba(0, 0, 0, 0.5);
}

.url-scheme-secure {
    color: #0b8043;
}

.url-scheme-neutral,
.url-scheme-insecure,
.url-scheme-insecure-broken {
    color: #cb3626;
}

.url-scheme-separator {
    color: #8a8a8a;
}

@media (forced-colors: active) {
    .lock-icon,
    .security-property,
    .url-scheme-neutral,
    .url-scheme-insecure,
    .url-scheme-insecure-broken {
        forced-color-adjust: none;
    }
    .lock-icon-unknown,
    .lock-icon-neutral {
        background-color: Highlight;
    }
    .tree-outline:not(.hide-selection-when-blurred) li.selected .security-property-info,
    .tree-outline:not(.hide-selection-when-blurred) li.selected .security-property-unknown {
        background-color: HighlightText;
    }
    .security-property-info,
    .security-property-unknown {
        background-color: CanvasText;
    }
}
