#urlbar-input-container[pageproxystate="invalid"] #tracking-protection-icon-container:not([hidden]) + #identity-box > #identity-icon {
    margin-inline-start: 0px !important;
}


#urlbar-input-container[pageproxystate=valid] > #tracking-protection-icon-container:not([hidden]) + #identity-box.notSecureText,
#urlbar-input-container[pageproxystate=valid] > #tracking-protection-icon-container:not([hidden]) + #identity-box.verifiedIdentity,
#urlbar-input-container[pageproxystate=valid] > #tracking-protection-icon-container:not([hidden]) + #identity-box.chromeUI,
#urlbar-input-container[pageproxystate=valid] > #tracking-protection-icon-container:not([hidden]) + #identity-box.extensionPage {
    padding-inline-end: 4px !important;

}
#tracking-protection-icon-container:not([hidden]) + #identity-box{
    padding-inline-end: 2px !important;
}

#urlbar-input-container:not([pageproxystate="invalid"]) > #tracking-protection-icon-container:not([hidden]):not(.chromeUI) + #identity-box {
    padding-inline-start: 30px !important;
    margin-inline-start: -30px !important;
}

#urlbar-input-container {
    padding: 0px !important;
}

#urlbar[pageproxystate="valid"] .verifiedDomain {
    background-image: linear-gradient(180deg, rgba(35, 71, 178, 0.92) 40%, rgb(0, 153, 255)) !important;
    box-shadow: 0 -1px 4px 0px rgba(255, 255, 255, 0.52) inset,
    0 3px 3px rgba(255, 255, 255, 0.4) inset,0 1px 6px  rgba(255, 255, 255, 0.3) inset;
    color: #e1e0e0 !important;
    border-image: unset !important;
}

#urlbar[pageproxystate="valid"] .verifiedDomain:hover {
    box-shadow: 0 -1px 6px 0px rgba(255, 255, 255, 0.8) inset,
    0 5px 4px 0px rgba(255, 255, 255, 0.68) inset;
}

#urlbar[pageproxystate="valid"] .verifiedDomain:is([open="true"],:hover:active) {
    box-shadow: none !important;
}

#urlbar[pageproxystate="valid"] .verifiedIdentity {
    background: linear-gradient(hsl(91, 70%, 90%), hsl(93, 60%, 81%)) !important;
    box-shadow: 0 1px 0 hsla(92, 81%, 16%, .05) inset !important;
    color: #2f6600 !important;
    font-weight: bold !important;
    border-inline-end: 1px solid hsla(92, 81%, 16%, .2) !important;
    border-image: unset !important;
}

#urlbar[pageproxystate="valid"] .verifiedIdentity:hover {
    background: linear-gradient(hsl(92, 69%, 77%), hsl(92, 44%, 51%)) !important;
}

#urlbar[pageproxystate="valid"] .verifiedIdentity:is([open="true"],:hover:active) {
    background: linear-gradient(hsl(92, 65%, 70%), hsl(92, 40%, 48%)) !important;
    box-shadow: 0 1px 1px hsla(92, 81%, 16%, .6) inset,
    0 1px 3px 1px hsla(92, 81%, 16%, .5) inset !important;
}

#urlbar[pageproxystate="valid"] :is(.insecureLoginForms,.mixedActiveContent,.notSecure,.notSecureText,.certErrorPage) {
    background: linear-gradient(hsl(4, 75%, 78%), hsl(6, 35%, 88%)) !important;
    box-shadow: 0 -1px 4px 0px rgba(255, 255, 255, 0.52) inset,
    0 5px 4px 0px rgba(255, 255, 255, 0.6) inset;
    border-inline-end: 1px solid hsla(92, 81%, 16%, .2) !important;
    border-image: unset !important;
}

#urlbar[pageproxystate="valid"] :is(.insecureLoginForms,.mixedActiveContent,.notSecure,.notSecureText,.certErrorPage):hover {
    background: linear-gradient(hsl(0, 73%, 82%), hsl(6, 65%, 88%)) !important;
    box-shadow: 0 -1px 6px 0px rgba(255, 255, 255, 0.8) inset,
    0 5px 4px 0px rgba(255, 255, 255, 0.68) inset;
}

#urlbar[pageproxystate="valid"] :is(.insecureLoginForms,.mixedActiveContent,.notSecure,.notSecureText,.certErrorPage):is([open="true"],:hover:active) {
    background: linear-gradient( hsl(0, 78%, 82%), hsl(6, 70%, 88%)) !important;
    box-shadow: none;
}

#urlbar[pageproxystate="valid"] :is(.weakCipher,.mixedDisplayContent,.mixedDisplayContentLoadedActiveBlocked) {
    background: linear-gradient(hsl(48, 100%, 93%), hsl(49, 97%, 85%)) !important;
    box-shadow: 0 1px 0 hsla(92, 81%, 16%, .05) inset !important;
    border-inline-end: 1px solid hsla(92, 81%, 16%, .2) !important;
    border-image: unset !important;
}

#urlbar[pageproxystate="valid"] :is(.weakCipher,.mixedDisplayContent,.mixedDisplayContentLoadedActiveBlocked):hover {
    background: linear-gradient(hsl(54, 85%, 67%), hsl(54, 90%, 50%)) !important;
}

#urlbar[pageproxystate="valid"] :is(.weakCipher,.mixedDisplayContent,.mixedDisplayContentLoadedActiveBlocked):is([open="true"],:hover:active) {
    background: linear-gradient(hsl(54, 95%, 67%), hsl(54, 100%, 50%)) !important;
    box-shadow: 0 1px 1px hsla(0, 85%, 15%, .7) inset,
    0 1px 3px 1px hsla(0, 85%, 15%, .5) inset !important;
}

#identity-box.verifiedDomain[pageproxystate="invalid"] {
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.50) 45%, rgba(255, 255, 255, 0.40) 0%, rgba(207, 207, 207, 0.1)) !important;
    box-shadow: inset 0 0 2px 0 #f2f2f2, inset 0 0 0 1px #fffc !important
}


#urlbar:is([pageproxystate="invalid"],[pageproxystate="valid"]) :is(.unknownIdentity,.onionUnknownIdentity):not(:is(.mixedDisplayContentLoadedActiveBlocked,.notSecureText,.certErrorPage)),
#urlbar[pageproxystate="valid"] :is(.chromeUI,.extensionPage),
#urlbar[pageproxystate="invalid"] .chromeUI {
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.60) 45%, rgba(255, 255, 255, 0.50) 0%, rgba(207, 207, 207, 0.2)) !important;
    box-shadow: inset 0 0 2px 0 #f2f2f2, inset 0 0 0 1px #fffc !important;
    color: rgba(0, 153, 255, 0.85) !important;
    border-inline-end: 1px solid #bebebe !important;
    border-image: unset !important;
}

#urlbar:is([pageproxystate="invalid"],[pageproxystate="valid"]) :is(.unknownIdentity,.onionUnknownIdentity):not(:is(.mixedDisplayContentLoadedActiveBlocked,.notSecureText,.certErrorPage)), #urlbar[pageproxystate="invalid"] .chromeUI, #identity-box.verifiedDomain[pageproxystate="invalid"] #tab_label_in_urlbar_box #tab_label_in_urlbar {
    color: #555 !important;
}

#urlbar:is([pageproxystate="invalid"],[pageproxystate="valid"]) :is(.unknownIdentity,.onionUnknownIdentity):not(:is(.mixedDisplayContentLoadedActiveBlocked,.notSecureText,.certErrorPage)) #identity-icon,
#urlbar[pageproxystate="valid"] :is(.chromeUI,.extensionPage) #identity-icon,
#urlbar[pageproxystate="invalid"] .chromeUI #identity-icon {
    background-color: unset !important;
}

#urlbar:is([pageproxystate="invalid"],[pageproxystate="valid"]) :is(.unknownIdentity,.onionUnknownIdentity):not(:is(.mixedDisplayContentLoadedActiveBlocked,.notSecureText,.certErrorPage)):hover,
#urlbar[pageproxystate="valid"] :is(.chromeUI,.extensionPage):hover,
#urlbar[pageproxystate="invalid"] .chromeUI:hover {
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.70) 45%, rgba(255, 255, 255, 0.50) 0%, rgba(207, 207, 207, 0.4)) !important;

}

#urlbar:is([pageproxystate="invalid"],[pageproxystate="valid"]) :is(.unknownIdentity,.onionUnknownIdentity):not(:is(.mixedDisplayContentLoadedActiveBlocked,.notSecureText,.certErrorPage)):is([open="true"],:hover:active),
#urlbar[pageproxystate="valid"] :is(.chromeUI,.extensionPage):is([open="true"],:hover:active),
#urlbar[pageproxystate="invalid"] .chromeUI:is([open="true"],:hover:active) {
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.70) 45%, rgba(255, 255, 255, 0.50) 0%, rgba(207, 207, 207, 0.4)) !important;

}

/* other tweaks */
#urlbar[pageproxystate="valid"] :is(.urlbar-input-box, #urlbar-display-box) {
    border-image: unset !important;
}

#connection-icon {
    filter: unset !important;
}


#identity-box[pageproxystate="valid"].notSecureText > .identity-box-button,
#identity-box[pageproxystate="valid"].chromeUI > .identity-box-button,
#identity-box[pageproxystate="valid"].extensionPage > .identity-box-button,
#urlbar-label-box,
#identity-box[pageproxystate="valid"].notSecureText > .identity-box-button:hover:not([open]),
#identity-box[pageproxystate="valid"].chromeUI > .identity-box-button:hover:not([open]),
#identity-box[pageproxystate="valid"].extensionPage > .identity-box-button:hover:not([open]),
#identity-box[pageproxystate="valid"].notSecureText > .identity-box-button:hover:active,
#identity-box[pageproxystate="valid"].notSecureText > .identity-box-button[open=true],
#identity-box[pageproxystate="valid"].chromeUI > .identity-box-button:hover:active,
#identity-box[pageproxystate="valid"].chromeUI > .identity-box-button[open=true],
#identity-box[pageproxystate="valid"].extensionPage > .identity-box-button:hover:active,
#identity-box[pageproxystate="valid"].extensionPage > .identity-box-button[open=true] {
    background-color: unset !important;
}
.identity-box-button {
    padding-inline: 2px !important;
}

#identity-icon-box{
    padding-left: 3px !important;
}
:is(#identity-box.localResource[pageproxystate="invalid"], #identity-box.localResource[pageproxystate="valid"]) #tab_label_in_urlbar_box{
    display: none !important;
}

#identity-box{
    border: 1px solid #fffc;
    border-top: none !important;
    border-bottom: none !important;
}