treechildren::-moz-tree-image(title), .urlbarView-favicon[src="chrome://global/skin/icons/defaultFavicon.svg"],
.urlbarView-favicon.default-favicon {
    content: url("../images/globe.png") !important;
}

.urlbarView-favicon[src="chrome://global/skin/icons/search-glass.svg"] {
    content: url("../images/prefs_search.png") !important;
}
.urlbarView-favicon[src="chrome://browser/skin/history.svg"]{
    content: url("../images/history.png") !important;
}
#urlbar:not(.searchButton) > #urlbar-input-container > #identity-box[pageproxystate="invalid"] #identity-icon {
    list-style-image: url('../images/globe.png') !important;
    opacity: 1.0 !important;
}

.searchbar-textbox, #urlbar,#searchbar {
    font-size: 12px !important;
}

 #urlbar .search-one-offs, .urlbarView-row[dynamicType="onboardTabToSearch"]{
    display: none !important;
}
#urlbar-search-mode-indicator-close{
    background: url("../images/close.png") center no-repeat !important;
    transform: scale(0.8) translateY(2px);
}
#urlbar-results :is(.urlbarView-tags, .urlbarView-action, .urlbarView-title) {
    font-size: var(--results_font_size);
}


.urlbarView-url, .urlbarView-action {
    font-size: 8pt !important;
}
#urlbar #urlbar-results {
    padding: 0px !important;
    margin: 0px !important;
    background: rgba(135, 206, 235, 0.2);
}

:is(#urlbar,.megabar) .urlbarView-row[label] {
    margin-block-start: 0px !important;
}
#urlbar-background {
    box-shadow: none !important;
    border: none !important;
}
#urlbar[focused="true"]:not([usertyping]) #urlbar-input-container, #urlbar-input-container {
    border: none !important;

}
#urlbar[breakout][breakout-extend] > #urlbar-background {
    animation-name: unset !important;

}
#urlbar[breakout][breakout-extend] > #urlbar-input-container{
    outline: 1px solid #fff !important;
    border-radius: 10px !important;
}

#urlbar[breakout][breakout-extend] > #urlbar-input-container {
    padding-block: 0px !important;
    padding-inline: 0px !important;

}

#urlbar[breakout] .urlbarView-row-inner {
    border-radius: 4px !important;
    transform: translateX(3px) !important;
}
#urlbar[breakout],
#urlbar[breakout] * {
    animation: unset !important;
    animation-duration: 0s !important;
}

#urlbar[breakout][breakout-extend] {
    left: 0px !important;
}
#urlbar-background, #urlbar,
#searchbar, #urlbar-container, #identity-icon-box, #urlbar-input-container {
    border-radius: 10px !important;
}



#urlbar .urlbarView-body-inner,#urlbar .urlbarView-result-menu{
    border: none !important;
}
#urlbar-container[breakout] {
    min-height: 24px !important;
    margin-top: -1px !important;

}

#urlbar[breakout][breakout-extend] {
    left: 0px !important;
    width: calc(100% - 0px) !important;

}

#urlbar[breakout][breakout-extend] > #urlbar-input-container {
    height: 24px !important;
    width: 100%;
}

#urlbar {
    --urlbar-height: 24px !important;
}

#urlbar,
#urlbar[breakout],
#urlbar[breakout][breakout-extend] {
    top: calc(
            (var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2
    ) !important;
}
#urlbar {
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0 0 2px 0 #f2f2f2, inset 0 0 0 1px #fffc !important

}

.urlbarView{
    position: relative !important;
    z-index: 0 !important;
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
    background: #fff !important;
    transform: translateY(10px);
}

#urlbar[breakout][breakout-extend]::after{
    border: 1px solid #8e8f8f;
    border-top-color: #caeeee;
    backdrop-filter: blur(4px) ;
    box-shadow:0 -4px 2px #d2e8f6, inset 0 0 0 1px  #fffc, 0 2px 5px 2px rgba(0, 0, 0, 0.8) ;
    border-radius: 10px;
    content: "" !important;
    height: calc(100% + 13px) ;
    left: -5px !important;
    position: absolute ;
    top: 0 !important;
    width: calc(100% + 10px) ;
    z-index: -10 ;
    border-left: transparent !important;
    background: linear-gradient(135deg, #fff5 70px, transparent 100px),
    linear-gradient(225deg, #fff5 70px, transparent 100px),
    linear-gradient(54deg, #0002 0 4%, #6661 6% 6%, #0002 8% 10%, #0002 15% 16%, #aaa1 17% 18%, #0002 23% 24%, #bbb2 25% 26%, #0002 31% 33%, #0002 34% 34.5%, #bbb2 36% 40%, #0002 41% 41.5%, #bbb2 44% 45%, #bbb2 46% 47%, #0002 48% 49%, #0002 50% 50.5%, #0002 56% 56.5%, #bbb2 57% 63%, #0002 67% 69%, #bbb2 69.5% 70%, #0002 73.5% 74%, #bbb2 74.5% 79%, #0002 80% 84%, #aaa2 85% 86%, #0002 87%, #bbb1 90%) 0/100vw 100vh no-repeat fixed !important;

}
#urlbar[breakout][breakout-extend]::before{
     border-top-left-radius: 10px;
     content: "" ;
     height: 51%;
     left: -4px ;
     position: absolute ;
     top:0px ;
     width: 7px;
     z-index: -9 ;
    background:linear-gradient(#e7e7e7 40%, #2cd3fe 98%, transparent 99%);
 }
#urlbar[breakout][breakout-extend] #urlbar-background::before{
    border-top-right-radius: 10px;
    content: "" ;
    height: 51% ;
    right: -5px ;
    position: absolute ;
    top:0px;
    width: 4px;
    z-index: -9 ;
    background:linear-gradient(#e7e7e7 40%, #2cd3fe );

}

#urlbar[breakout][breakout-extend][usertyping="true"]:hover{
    background-color: unset !important;
}
#urlbar[breakout][breakout-extend][usertyping] .urlbarView-row:first-of-type{
    display: none !important;
}
.urlbarView-body-inner {
    border-top: 1px solid #8eaebd !important;
}

#urlbar:not([breakout][breakout-extend]) #urlbar-background {
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.40) 45%, rgba(255, 255, 255, 0.30) 0%, rgba(207, 207, 207, 0.1)) !important;
}

#urlbar > #urlbar-background {
    background-color: rgba(255, 255, 255, 0.4) !important;
    backdrop-filter: blur(4px) !important;

}

#urlbar:not([breakout][breakout-extend]):hover > #urlbar-background {
    background-color: rgba(255, 255, 255, 0.5) !important;
}


#urlbar:is([focused]):not([usertyping]) #urlbar-input-container {
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.40) 45%, rgba(255, 255, 255, 0.30) 0%, rgba(207, 207, 207, 0.1)) !important;
}

#urlbar:is([focused="true"]) {
    background: transparent !important;
}

.urlbarView-button.urlbarView-button-menu:hover {
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJhIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3R5bGU9InN0b3AtY29sb3I6IzMzMztzdG9wLW9wYWNpdHk6MSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3R5bGU9InN0b3AtY29sb3I6I2FhYTtzdG9wLW9wYWNpdHk6MSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxwYXRoIGQ9Ik0xMSA2SDR2MWgxdjFoMXYxaDF2MWgxVjloMVY4aDFWN2gxVjZaIiBmaWxsPSJ1cmwoI2EpIi8+PC9zdmc+"), var(--btn-hover) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    outline: var(--btn-border-hover) !important;

}

.urlbarView-button.urlbarView-button-menu:active {
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJhIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3R5bGU9InN0b3AtY29sb3I6IzMzMztzdG9wLW9wYWNpdHk6MSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3R5bGU9InN0b3AtY29sb3I6I2FhYTtzdG9wLW9wYWNpdHk6MSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxwYXRoIGQ9Ik0xMSA2SDR2MWgxdjFoMXYxaDF2MWgxVjloMVY4aDFWN2gxVjZaIiBmaWxsPSJ1cmwoI2EpIi8+PC9zdmc+"), var(--btn-active) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    outline: var(--btn-border-active) !important;
    box-shadow: var(--btn-active-box-shadow) !important;
}

#urlbar-input::placeholder {
    opacity: 0.8 !important;
    color: #555 !important;
}
 .unified-extensions-item{
    color: rgb(51, 122, 208) !important;
}
#downloadsListBox .download-state{
    color: rgb(51, 122, 208) !important;
    font-size: 1.2rem !important;
    font-weight: 600 !important;
}
.unified-extensions-item-name{
    font-weight: 600 !important;
    font-size: 1.2rem !important;

}


#urlbar[usertyping="true"][breakout][breakout-extend] #urlbar-input-container #urlbar-input{
    /*padding-bottom: 2px !important;*/
    /*padding-left: 5px !important;*/
    color: #000 !important;
}

#urlbar[breakout][breakout-extend] #urlbar-input-container{
box-shadow:inset 0 -34px 0 #caeeee !important;
    z-index: 100 !important;
    position: relative !important;
}
#urlbar[breakout][breakout-extend] #urlbar-go-button{
    transform: translateY(0px) scale(0.9);
}
#urlbar[usertyping="true"][breakout][breakout-extend] #identity-box{
    /*margin-right: 1px !important;*/
}
#urlbar[usertyping="true"][breakout][breakout-extend] #urlbar-input-container #urlbar-input::selection{
    color: #000 !important;
    background: #cefcd1 !important;
}
.urlbarView-button.urlbarView-button-menu {
    border-radius: 3px !important;
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJhIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3R5bGU9InN0b3AtY29sb3I6IzMzMztzdG9wLW9wYWNpdHk6MSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3R5bGU9InN0b3AtY29sb3I6I2FhYTtzdG9wLW9wYWNpdHk6MSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxwYXRoIGQ9Ik0xMSA2SDR2MWgxdjFoMXYxaDF2MWgxVjloMVY4aDFWN2gxVjZaIiBmaWxsPSJ1cmwoI2EpIi8+PC9zdmc+"), var(--btn-bg) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    outline: var(--btn-border) !important;
    box-shadow: var(--btn-box-shadow) !important;
    width: 16px !important;
    height: 16px !important;
    min-width: unset !important;
    min-height: unset !important;
}
#urlbar-go-button {
    list-style-image: unset !important;
    background: url("../images/Go-arrow.png") no-repeat, linear-gradient(180deg, #f2f2f2 10%, #ebebeb 40%) !important;
    background-position: center !important;
    background-position-y: 3px !important;
    border-radius: 100% !important;
    border: var(--btn-border) !important;
    transform: translateY(1px) scale(0.9);
    box-shadow: var(--btn-box-shadow) !important;
}

#urlbar-go-button:hover {
    background: url("../images/Go-arrow.png") no-repeat, linear-gradient(180deg, #eaf6fd 0%, #bee6fd 40%) !important;
    background-position: center !important;
    background-position-y: 3px !important;
    border: var(--btn-border-hover) !important;

}

#urlbar-go-button:active {
    background: url("../images/Go-arrow.png") no-repeat, var(--btn-active) !important;
    background-position: center !important;
    background-position-y: 3px !important;
    border: var(--btn-border-active) !important;
    box-shadow: var(--btn-active-box-shadow) !important;
}
#urlbar-zoom-button:hover {
    background: var(--btn-hover);
    border: var(--btn-border-hover) !important;

}

#urlbar-zoom-button:active {
    background: var(--btn-active) !important;
    box-shadow: var(--btn-active-box-shadow);
    border: var(--btn-border-active) !important;
}
#urlbar-zoom-button {
    background: var(--btn-bg);
    border-radius: 3px !important;
    box-shadow: var(--btn-box-shadow);
    color: #222 !important;
    border: var(--btn-border) !important;
    margin-top:0 !important;
    margin-bottom:0 !important;
    margin-right:1px !important;
}

#urlbar-zoom-button:before {
    content: "" !important;
    display: inline-block !important;
    width: 14px !important;
    height: 14px !important;
    background-image: url('../images/search.png') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    margin-right: 5px !important;
    margin-left: -4px !important;

}

.findbar-closebutton{
    bottom: 8px !important;
    margin: 0 !important;
    margin-right: 2px!important;
    margin-left: 1px!important;
    padding: 4px !important;
}
.findbar-container:first-child{
    margin-left:10px !important;
}


#urlbar-search-mode-indicator{
    background: var(--btn-bg) !important;
    border: 1px solid #8e8f8f !important;
    border-radius: 3px !important;
    box-shadow: var(--btn-box-shadow) !important;
    box-sizing: border-box !important;
    color: #222 !important;
    font: 10pt Segoe UI, SegoeUI, Noto Sans, sans-serif !important;
    min-height: 23px !important;
    padding: 3px 4px !important;
    position: relative !important;
    text-align: center !important;
    margin-inline-end: 2px !important;
}
#identity-box.unknownIdentity #favimginurlbar {
    display: none !important;
}
#urlbar:not([focused]) > #urlbar-input-container > #urlbar-go-button, #urlbar:not([usertyping]) > #urlbar-input-container > #urlbar-go-button{
    display: block !important;
}
