.urlbarView-body-inner {
    border: 0 !important;
}

.urlbarView-row {
    padding: 0 !important;
    border-radius: 0 !important;
}

.urlbarView-row:hover,
.urlbarView-row-inner:hover {
    background: var(--lwt-accent-color) !important;
    background-color: var(--lwt-accent-color) !important;
}

.urlbarView-row-inner {
    align-items: center !important;
    position: relative !important;
    padding: 12px 0 !important;
    padding-inline: 48px 16px !important;
    max-width: 100% !important;
    width: auto !important;
}

.urlbarView-no-wrap {
    height: 100% !important;
    align-items: center !important;
    margin-inline-start: 0 !important;
    max-width: 100% !important;
}

.urlbarView-row[has-url][type]:not([type="bookmark"]) .urlbarView-row-inner {
    flex-direction: column !important;
    align-items: center !important;
}

.urlbarView-row[has-url][type]:not([type="bookmark"]) .urlbarView-no-wrap {
    height: auto !important;
    align-self: center !important;
    width: 100% !important;
}

.urlbarView-title-separator {
    visibility: visible !important;
}

.urlbarView-title-separator::before {
    content: "-" !important;
    color: inherit !important;
}

.urlbarView-title-separator,
.urlbarView-action {
    opacity: 0.6 !important;
    color: inherit !important;
    font-size: revert !important;
}

.urlbarView-favicon {
    position: absolute !important;
    left: 16px !important;
    /* top: 50% !important;
    transform: translateY(-50%) !important; */
    fill-opacity: 0.6 !important;
    flex: unset !important;
    margin: unset !important;
}

.urlbarView-title,
.urlbarView-url {
    text-overflow: ellipsis !important;
    mask-image: none !important;
}

.urlbarView-title {
    color: var(--urlbarView-popup-title) !important;
    flex: 1 !important;
    flex-basis: unset !important;
}

.urlbarView-url {
    max-width: 100% !important;
    font-size: revert !important;
    color: var(--urlbarView-popup-url) !important;
    padding: 0 !important;
}

.urlbarView-url:not(:empty) {
    visibility: visible !important;
}

.urlbarView-action:not(:empty) {
    display: flex !important;
}

.urlbarView-row[type="search"] ~ .urlbarView-row[type="search"] .urlbarView-title-separator,
.urlbarView-row[type="search"] ~ .urlbarView-row[type="search"] .urlbarView-action,
.urlbarView-row[has-url][type]:not([type="bookmark"]) .urlbarView-title-separator,
.urlbarView-type-icon {
    display: none !important;
}

.urlbarView-row[type="tip"] > .urlbarView-row-inner > .urlbarView-favicon,
.urlbarView-row[type="tip"] > .urlbarView-row-inner > .urlbarView-title,
.urlbarView-tip-button,
.urlbarView-tip-help {
    margin-block-end: 0 !important;
}

.urlbarView .search-one-offs {
    padding: 4px !important;
    display: none !important;
}

.urlbarView .search-panel-one-offs-header {
    margin-inline-start: 12px !important;
    line-height: var(--urlbar-height) !important;
    transform: translateY(-1px) !important;
}

.urlbarView .search-panel-one-offs {
    border-radius: 0 0 8px 8px !important;
    display: inline-flex !important;
    flex-direction: row !important;
    padding: 0 !important;
    margin: 0 !important;
    float: left !important;
    max-width: none !important;
    height: auto !important;
}

.urlbarView .searchbar-engine-one-off-item {
    height: 32px !important;
    border-radius: 16px !important;
    padding: 0 8px !important;
    margin: 4px !important;
    background-image: none !important;
    color: inherit !important;
    border: 0 !important;
}

#urlbar-container {
    max-height: 36px !important;
}

/* main URL bar properties */
#urlbar,
#searchbar {
    font-size: 13px !important;
    border-radius: 7px !important;
    background-color: var(--toolbar-field-background-color) !important;
    border: 0 !important;
    box-shadow: none !important;
    /* padding: 3px !important; */
    background-clip: padding-box !important;
    text-align: center;
    transition: background-color 0.1s var(--ease-basic);
    -moz-box-align: center !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    top: 2px !important;
    color: inherit !important;
    block-size: border-block !important;

    --urlbar-height: 32px !important;

    min-height: var(--urlbar-height) !important;
}

#urlbar:not(:-moz-lwtheme),
#searchbar:not(:-moz-lwtheme) {
    color: inherit !important;
}

#urlbar[focused],
#urlbar[open],
#searchbar[focused],
#searchbar[open] {
    text-align: left;
    background-color: var(--toolbar-field-focus-background-color) !important;
}

#urlbar[focused],
#searchbar[focused] {
    border: 2px solid var(--toolbar-field-focus-border-color) !important;
    padding: 0 !important;
    margin: 0 !important;
    padding-left: 5px !important;
}

/* if only focused, don't break out the urlbar */
#urlbar[focused]:not([open]) {
    width: 100% !important;
    left: 0 !important;
    right: 0 !important;
}
#urlbar[breakout][breakout-extend] {
    width: 100% !important;
    left: 0 !important;
}

/* Open url bar properties */
#urlbar[open],
#searchbar[open] {
    border: 0 !important;
    padding: 0 !important;
    border-radius: 8px !important;
    min-height: var(--urlbar-height) !important;
    padding: 0px 5px !important;
    box-shadow: 5px 4px 16px -10px rgba(0, 0, 0, 0.2), -5px 4px 16px -10px rgba(0, 0, 0, 0.2),
        0 8px 32px -16px rgba(0, 0, 0, 0.6) !important;
    z-index: 99999 !important;
}

/* 71+ */
#urlbar-background {
    display: none !important;
}

#urlbar-input-container,
#searchbar {
    display: flex !important;
    /* this messes up the margin around the container mode displayer or whatever lol */
    /* align-items: center !important; */
}

/* Outer container of url bar*/
#urlbar-input-container {
    height: var(--urlbar-height) !important;
    padding: 0 !important;
    border: 0 !important;
}

.urlbar-input-box,
.searchbar-textbox {
    flex: 1 !important;
}

#urlbar-input {
    width: 100% !important;
}

#urlbar-input,
.searchbar-textbox {
    color: var(--lwt-toolbar-field-color) !important;
}

#urlbar-input::placeholder,
.searchbar-textbox::placeholder {
    opacity: 0.5 !important;
}

#urlbar[open] #urlbar-input-container {
    height: var(--urlbar-height) !important;
}

#urlbar[open] #identity-box {
    margin-inline-start: 8px !important;
    margin-inline-end: 8px !important;
}

.urlbarView {
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    position: relative !important;
    box-shadow: none !important;
    border: 0 !important;
    background: 0 !important;
    margin: 0 !important;
}

#urlbar[open] .urlbarView {
    display: block !important;
    width: 100% !important;
}

#urlbar-results {
    padding: 0 !important;
}

#urlbar-container,
#searchbar-container {
    overflow: visible !important;
    padding: 0 !important;
    margin-inline: 6px !important;
}

#identity-icon {
    fill-opacity: 1 !important;
}

#identity-icon-labels {
    color: inherit !important;
    opacity: 1 !important;
    padding: 0 !important;
    margin-inline-start: 8px !important;
    margin-block-start: -1px !important;
    display: none !important;
    align-items: center !important;
}

#identity-box {
    display: flex !important;
    position: relative !important;
}

#urlbar-label-box {
    border: 0 !important;
    padding: 0 !important;
}

/* separator */
#identity-icon-labels::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    height: 16px !important;
    right: 0 !important;
    background: #9d9e9f !important;
    width: 1px !important;
    transition: opacity 0.2s var(--ease-basic) !important;
}

#urlbar[pageproxystate="valid"]:not([open])
    #identity-box:-moz-any(.notSecureText, .verifiedIdentity, .chromeUI, .extensionPage, .certUserOverridden),
#urlbar-label-box {
    margin-inline-end: 8px !important;
}

#urlbar[pageproxystate="valid"]:not([open])
    #identity-box:-moz-any(.notSecureText, .verifiedIdentity, .chromeUI, .extensionPage, .certUserOverridden)
    #identity-icon-labels {
    display: flex !important;
}

#urlbar[pageproxystate="valid"]
    #identity-box:-moz-any(.notSecureText, .verifiedIdentity, .chromeUI, .extensionPage, .certUserOverridden):not(.no-hover):-moz-any([open], :hover)
    #identity-icon-labels::after {
    opacity: 0 !important;
}

#urlbar[pageproxystate="valid"] #identity-box.extensionPage > #identity-icon {
    list-style-image: none !important;
    margin-inline-end: -16px !important;
}

/* no longer used as a connection icon */
#connection-icon {
    display: none !important;
}

#urlbar[pageproxystate="valid"]
    #identity-box:-moz-any(.mixedActiveBlocked, .mixedDisplayContentLoadedActiveBlocked, .mixedActiveContent)
    > #connection-icon {
    display: -moz-box !important;
}

#urlbar[pageproxystate="valid"]
    #identity-box:-moz-any(.weakCipher, .certUserOverridden, .certErrorPage, .insecureLoginForms, .mixedActiveContent) {
    color: #c94031 !important;
}

.urlbar-input {
    padding: 0 !important;
}

.searchbar-textbox {
    border: 0 !important;
    background: 0 !important;
    box-shadow: none !important;
    margin: 0 !important;
    -moz-appearance: none !important;
}

.searchbar-search-icon {
    margin: 0 !important;
    fill-opacity: 1 !important;
}

.searchbar-search-icon-overlay {
    margin-inline-start: -11px !important;
    margin-inline-end: 0 !important;

    /* not really useful anyway */
    display: none !important;
}

#page-action-buttons > #pageActionSeparator,
.urlbar-history-dropmarker {
    display: none !important;
}

#pageActionSeparator {
    height: 24px !important;
}

.urlbar-icon-wrapper {
    background: 0 !important;
}

.urlbar-icon,
.searchbar-search-button,
#identity-box,
#tracking-protection-icon-box {
    margin: 0px 0px !important;
    transition: background-color 0.2s var(--ease-basic) !important;
    background: 0 !important;
    background-color: transparent !important;
    /* min-width: 24px !important;
    min-height: 24px !important;
    height: 24px !important;
    padding: 4px !important;
    margin: 0 2px !important;
    border: 0 !important;
    border-radius: 7px !important;
    fill-opacity: 1 !important;
    fill: var(--lwt-toolbarbutton-icon-fill) !important;
    transition: background-color 0.2s var(--ease-basic) !important;
    background: 0 !important;
    background-color: transparent !important; */
}


#identity-box {
    margin: 0px 2px !important;
}

#tracking-protection-icon-container {
    background: 0 !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
    order: 97 !important;
}

#tracking-protection-icon-box {
    display: block !important;
    width: 24px !important;
}

#tracking-protection-icon-box {
    transition: background-color 0.2s var(--ease-basic), width 0.15s var(--ease-in), opacity 0.15s var(--ease-basic),
        visibility 0s 0.2s !important;
    opacity: 0 !important;
    visibility: hidden !important;
    width: 0 !important;
}

#urlbar:hover #tracking-protection-icon-box,
#tracking-protection-icon-container[open] #tracking-protection-icon-box,
#tracking-protection-icon-box[active] {
    transition: background-color 0.2s var(--ease-basic), width 0.3s var(--ease-out), opacity 0.3s var(--ease-basic) !important;
    opacity: 1 !important;
    visibility: visible !important;
    padding-left: 6px !important;
    width: 28px !important;
}

#tracking-protection-icon {
    display: block !important;
}

#tracking-protection-icon-animatable-box {
    display: none !important;
}

#identity-box #notification-popup-box {
    padding: 0 !important;
    margin: 0 !important;
}

/* The wrapper of the buttons on the right of the urlbar*/
#page-action-buttons {
    display: flex !important;
}

#urlbar[open] #page-action-buttons,
#urlbar[open] #tracking-protection-icon-container {
    display: none !important;
}

/* the hover of the background behind the background of the icons */
/* .urlbar-icon:hover:not([disabled]),
#page-action-buttons > toolbarbutton:hover:not([disabled]),
.searchbar-search-button:hover,
#identity-box:hover:not(.no-hover),
#tracking-protection-icon-container:hover #tracking-protection-icon-box {
    background-color: var(--toolbarbutton-hover-background) !important;
} */

.urlbar-icon:hover:active:not([disabled]),
.urlbar-icon[open],
#page-action-buttons > toolbarbutton:hover:active:not([disabled]),
.searchbar-search-button:hover:active,
#identity-box:hover:active:not(.no-hover),
#identity-box[open]:not(.no-hover),
#tracking-protection-icon-container[open] #tracking-protection-icon-box {
    background-color: var(--toolbarbutton-active-background) !important;
    transition-duration: 0 !important;
}

#contextual-feature-recommendation {
    width: auto !important;
}

.urlbar-page-action:-moz-any(#reader-mode-button, #pageActionButton, #pocket-button-box, #pageAction-urlbar-screenshots_mozilla_org, #pageAction-urlbar-sendToDevice, #pageAction-urlbar-emailLink, #pageAction-urlbar-copyURL, #pageAction-urlbar-shareURL, #pageAction-urlbar-addSearchEngine) {
    transition: background-color 0.2s var(--ease-basic), margin 0.15s var(--ease-in), opacity 0.15s var(--ease-basic),
        visibility 0s 4s !important;
    opacity: 0 !important;
    visibility: hidden !important;
    margin-inline-start: -32px !important;
}

#urlbar:hover
    .urlbar-page-action:-moz-any(#reader-mode-button, #pageActionButton, #pocket-button-box, #pageAction-urlbar-screenshots_mozilla_org, #pageAction-urlbar-sendToDevice, #pageAction-urlbar-emailLink, #pageAction-urlbar-copyURL, #pageAction-urlbar-shareURL, #pageAction-urlbar-addSearchEngine),
.urlbar-page-action:-moz-any(#reader-mode-button, #pageActionButton, #pocket-button-box, #pageAction-urlbar-screenshots_mozilla_org, #pageAction-urlbar-sendToDevice, #pageAction-urlbar-emailLink, #pageAction-urlbar-copyURL, #pageAction-urlbar-shareURL, #pageAction-urlbar-addSearchEngine):-moz-any(:hover, [open], [readeractive]),
.urlbar-page-action:-moz-any(:hover, [open])
    ~ .urlbar-page-action:-moz-any(#reader-mode-button, #pageActionButton, #pocket-button-box, #pageAction-urlbar-screenshots_mozilla_org, #pageAction-urlbar-sendToDevice, #pageAction-urlbar-emailLink, #pageAction-urlbar-copyURL, #pageAction-urlbar-shareURL, #pageAction-urlbar-addSearchEngine),
#tracking-protection-icon-container[open]
    ~ #page-action-buttons
    .urlbar-page-action:-moz-any(#reader-mode-button, #pageActionButton, #pocket-button-box, #pageAction-urlbar-screenshots_mozilla_org, #pageAction-urlbar-sendToDevice, #pageAction-urlbar-emailLink, #pageAction-urlbar-copyURL, #pageAction-urlbar-shareURL, #pageAction-urlbar-addSearchEngine) {
    transition: background-color 0.2s var(--ease-out), margin 0.3s var(--ease-out), opacity 0.3s var(--ease-basic) !important;
    opacity: 1 !important;
    visibility: visible !important;
    margin-inline-start: 0 !important;
}

.urlbar-page-action{
    margin: 0px 4px !important;
    align-self: center;
}

.urlbar-display {
    color: inherit !important;
    margin: 0 !important;
}

#pocket-button-box[animate] > #pocket-animatable-box {
    margin-inline-start: 6px !important;
}

#star-button-animatable-box {
    display: none !important;
}

#star-button {
    list-style-image: url(favorite-star-empty.svg) !important;
    fill: var(--lwt-toolbarbutton-icon-fill) !important;
}
#star-button[starred] {
    list-style-image: url(favorite-star-full.svg) !important;
    fill: var(--lwt-toolbarbutton-icon-fill) !important;
}

#userContext-icons {
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    padding-inline: 8px !important;
    margin: 0 !important;
    color: var(--identity-tab-color) !important;
}

#userContext-icons:not([hidden]) {
    display: flex !important;
}

#userContext-icons > * {
    z-index: 1 !important;
    color: inherit !important;
    fill: currentColor !important;
}

#userContext-label {
    margin: 0 !important;
}

#userContext-label + #userContext-indicator {
    margin-inline-start: 6px !important;
}

#userContext-icons::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    background: var(--identity-tab-color) !important;
    /* change! - looks ugly with border-radius */
    /* border-radius: 99px !important; */
    opacity: 0.1 !important;
}

#cfr-label-container {
    background: 0 !important;
}

#cfr-label {
    display: none !important;
}

#cfr-button {
    fill: currentColor !important;
}

#urlbar[open] #urlbar-go-button,
#searchbar[open] #search-go-button,
/* < 71 */
#urlbar[open] .urlbar-go-button,
#searchbar[open] .search-go-button {
    height: 32px !important;
}

#urlbar-go-button,
#search-go-button,
/* < 71 */
.urlbar-go-button,
.search-go-button {
    list-style-image: url(go.svg) !important;
}

.search-go-container {
    display: flex !important;
}

#searchbar .textbox-input {
    padding: 0 !important;
}

/* lock (secure) */
#identity-box[pageproxystate="valid"]:-moz-any(.verifiedDomain, .verifiedIdentity, .mixedActiveBlocked)
    > #identity-icon {
    list-style-image: var(--lock-icon) !important;
}

/* info (not secure) */
#identity-box[pageproxystate="valid"]:-moz-any(.mixedDisplayContent, .mixedDisplayContentLoadedActiveBlocked, .unknownIdentity)
    > #identity-icon {
    list-style-image: var(--info-icon) !important;
}

/* warning (dangerous) */
#identity-box[pageproxystate="valid"]:-moz-any(.notSecure, .weakCipher, .certUserOverridden, .certErrorPage, .insecureLoginForms, .mixedActiveContent)
    > #identity-icon {
    list-style-image: var(--warning-icon) !important;
}

#identity-box.extensionPage {
    display: none !important;
}

#urlbar-input,
#searchbar-input,
.searchbar-textbox /* < 71 */ {
    transform: translateY(var(--input-offset)) !important;
    line-height: 1.745em !important;
    margin-left: 6px !important;
}

.search-panel-one-offs-header.search-panel-header {
    display: none !important;
}

/* 1x */
#urlbar {
    --info-icon: url(info-1x.svg);
    --lock-icon: url(connection-1x.svg);
    --warning-icon: url(connection-warning-1x.svg);
}

.notSecure #identity-icon {
    fill: var(--yellow) !important;
}

#tracking-protection-icon-box[hasException=""] #tracking-protection-icon {
    fill: var(--red) !important;
}

#pageActionButton {
    list-style-image: url(page-action.svg) !important;
    fill: var(--lwt-toolbarbutton-icon-fill) !important;
}

#tracking-protection-icon {
    fill: var(--lwt-toolbarbutton-icon-fill) !important;
}

#identity-icon {
    margin-inline-start: 2px !important;
    fill: var(--lwt-toolbarbutton-icon-fill) !important;
}

.blocked-permission-icon.autoplay-media-icon {
    list-style-image: url(block-media.svg) !important;
    fill: var(--lwt-toolbarbutton-icon-fill) !important;
}

.blocked-permission-icon.camera-icon {
    list-style-image: url(camera-off.svg) !important;
    fill: var(--lwt-toolbarbutton-icon-fill) !important;
}
.blocked-permission-icon.microphone-icon {
    list-style-image: url(mic-off.svg) !important;
    fill: var(--lwt-toolbarbutton-icon-fill) !important;
}
.blocked-permission-icon.desktop-notification-icon {
    list-style-image: url(notification-off.svg) !important;
    fill: var(--lwt-toolbarbutton-icon-fill) !important;
}

#permissions-granted-icon {
    list-style-image: url(permissions.svg) !important;
    fill: var(--lwt-toolbarbutton-icon-fill) !important;
}

#urlbar,
#searchbar {
    --input-offset: -1px;
}

/* 2x */
@media (min--moz-device-pixel-ratio: 2) {
    #urlbar {
        --info-icon: url(info-2x.svg);
        --lock-icon: url(connection-2x.svg);
        --warning-icon: url(connection-warning-2x.svg);
    }

    #urlbar,
    #searchbar {
        --input-offset: -0.5px;
    }

    #identity-icon-labels {
        padding-inline-end: 0.5px !important;
    }
}