:root {
    --chrome-content-separator-color: #6f6f6f !important;
    
    --urlbar-width: 28.83%;
    --urlbar-min-width: 198px;
    --urlbar-height: 24.00px !important;
    --urlbar-min-height: 24px !important;

    @media (-moz-windows-classic) {
        --urlbar-height: 22.00px !important;
        --urlbar-min-height: 22px !important;
    }

    --urlbarView-result-button-size: 16px !important;
    --tab-block-margin: 0 !important;
    --toolbarbutton-hover-background: transparent !important;
    --toolbarbutton-active-background: transparent !important;
    --toolbarbutton-disabled-opacity: 1 !important;

    --urlbar-inprivatebadge-width: 58px;

    --urlbar-box-hover-bgcolor: transparent !important;
    --urlbar-box-active-bgcolor: transparent !important;
    
    --urlbar-dropdown-button_width: 32px;
    --urlbar-fake-dropdown-mask: url(images/search-dropdown-mask.svg);

    --urlbar-fake-dropdown-mask-position: center;
    --stop-reload-button_width: calc(10px + 6px);

    @media (-moz-windows-classic) {
        --stop-reload-button_width: 22px;
    }

    --focus-outline-color: transparent !important;

    --browser-outer-border-color: rgba(253, 253, 253, .65);
    --browser-inner-border-color: rgba(24, 24, 24, .57);

    --tooltip_background: linear-gradient(0deg, rgb(228, 229, 240) 0%, rgb(255, 255, 255) 100%);
    --tootlip_text-colour: rgb(87, 87, 87);
    --tooltip_border-colour: rgb(118, 118, 118);

    --pop-up_shadow: 2px 2px 2px 0px rgba(0, 0, 0, .5);

    --toolbaritems-margin-bottom: 3px;

    --toolbarbutton-blue-colour_hover: rgb(3, 132, 206);

    --toolbarbutton-icon-fill-attention: var(--toolbarbutton-blue-colour_hover) !important;

    --toolbar-field-background-color: rgba(254, 254, 254, .65) !important;
    --toolbar-field-background-color_hover: rgba(255, 255, 255, .8);

    @supports -moz-bool-pref("BeautyFox.appearance.IE9PreRelease") {
        --toolbaritems-margin-bottom: 4px;
        --urlbar-width: 28.25%;
        --urlbar-dropdown-button_width: 35px;
        --stop-reload-button_width: 23px;

        --urlbar-inprivatebadge-width: 75px;
        --urlbar-fake-dropdown-mask-position: left;

        @supports -moz-bool-pref("BeautyFox.appearance.IE9PreRelease7777") {
            --stop-reload-button_width: 25px;
            --urlbar-fake-dropdown-mask: url(images/search7777-dropdown-mask.svg);
        }
    }
	
	&[customcolour] {
		--desiredColourForUI: #0284c5;
	}

    &:is([privatebrowsingmode="temporary"]) {
        #urlbar-input-container {
            &::before {
                content: '';
                height: 100%;
                width: var(--urlbar-inprivatebadge-width);
                background: url(images/InPrivateBadge9.svg);
                background-position: center !important;
                background-repeat: no-repeat !important;

                @supports -moz-bool-pref("BeautyFox.appearance.IE9PreRelease") {
                    background: url(images/InPrivateBadge9PreRelease.svg);
                    margin-left: 2px;
                }
            }
        }
    }
}

toolbar:not([nowindowdrag="true"], [customizing="true"]) {
    -moz-window-dragging: no-drag !important;
}

@media (-moz-windows-classic) {
    :root[tabsintitlebar][sizemode="normal"] #toolbar-menubar {
        margin-top: 0px !important;
    }
}


#main-window {
    &[sizemode="maximized"],
    &[sizemode="fullscreen"] {
        #endToolbar {
            padding-right: 3px !important;
        }

        #PersonalToolbar,
        #toolbar-menubar,
		#personalCommandToolbar {
            border-left: none !important;
            border-right: none !important;

            &::before {
                width: 100% !important;
                left: -1px !important;
            }

            &::after {
                border-left: none !important;
                border-right: none !important;
            }
        }

        #toolbar-menubar {
            @media not (-moz-windows-classic) {
                padding: 0px 3px 1px 3px !important;
            }
        }

        #browser,
        #customization-container {
            border-left: none !important;
            border-right: none !important;
            border-bottom: none !important;
            border-radius: 0 !important;
            padding: 0 !important;

            &::before {
                content: unset !important;
            }
        }

        #navigator-toolbox {
            &::after {
                width: 100% !important;
                left: 0 !important;
            }
        }

        .notificationbox-stack {
            bottom: -3px !important;
        }
    }

    &[sizemode="maximized"] {
        #fakeTitlebarSpace {
            margin-bottom: -3px;
        }

        #toolbar-menubar {
            border-radius: 0 !important;

            &::after {
                border-radius: 0 !important;
                width: 100% !important;
            }
        }
    }

    &[sizemode="fullscreen"],
    &:not([tabsintitlebar="true"]) {
        #fakeTitlebarSpace {
            display: none !important;
        }
    }

    &[sizemode="fullscreen"] {
        background: black !important;
    }
}

#custom-identity-label {
	display: none;
}

#identity-icon {
	list-style-image: none !important;
}

#nav-bar-customization-target {
    align-items: end !important;

	&[securestate="ev"] {
		--toolbar-field-background-color: rgba(143, 253, 127, 0.4);
		--toolbar-field-background-color_hover: rgba(143, 253, 127, 0.6);
		--toolbar-field-border: rgba(150, 179, 147, 0.3);

		#urlbar-background, #searchbar {
			&:before {
				border: 1px solid var(--toolbar-field-border);
			}
		}

		#identity-box {
			margin-left: 6px !important;
		}

		#identity-icon-box {
			width: unset !important;

			&:active {
				transform: translate(1px, 1px);
			}

			#custom-identity-label {
				display: block;
			}
		}

		#stop-reload-button {
			&::before {
				content: "";
			}
		}
	}

	&[securestate="insecure"] {
		--toolbar-field-background-color: rgba(255, 71, 97, 0.59);
		--toolbar-field-background-color_hover: rgba(255, 143, 164, 0.61);
		--toolbar-field-border: var(--toolbar-field-background-color);

		#urlbar-background, #searchbar {
			&:before {
				border: 1px solid var(--toolbar-field-border);
			}
		}

		#stop-reload-button {
			&::before {
				content: "";
			}
		}

		#identity-icon {
            list-style-image: url(images/cert-error.svg) !important;
			mask-image: url(images/cert-error.svg) !important;
			mask-size: contain !important;
        }

		#identity-icon-box {
			width: unset !important;

			&:active {
				transform: translate(1px, 1px);
			}

			#custom-identity-label {
				display: block;
			}
		}
	}
}

#navigator-toolbox {
    border-bottom: none !important;
    position: relative;

    &::after {
        position: absolute;
		content: "";
		width: calc(100% - 4px);
		left: 2px;
		bottom: 0;
		height: 1px;
		border-bottom: 1px solid var(--chrome-content-separator-color);
		z-index: 1;

        @supports -moz-bool-pref("BeautyFox.appearance.IE9PreRelease") {
            border-bottom: 0;
        }
    }

    &:-moz-lwtheme {
        background: none !important;
        border-top: none !important;
    }
}

#titlebar {
    order: 2;
    flex-direction: column-reverse;
    justify-content: start;
    appearance: none !important;

    @media (-moz-windows-classic) {
        position: relative;
        border-top: 1px solid ThreeDShadow;
        border-bottom: 1px solid ThreeDShadow;

        &::before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            height: 100%;
            width: 100%;
            background-clip: border-box;
            border-top: 1px solid ThreeDHighlight;
            border-bottom: 1px solid ThreeDHighlight;
        }
    }
}

#toolbar-menubar[autohide="true"][inactive="true"]:not([customizing="true"]) {
    height: 0 !important;

    @supports not -moz-bool-pref(BeautyFox.option.bHideFakeInnerBorders) {
        @supports not -moz-bool-pref("BeautyFox.appearance.IE9PreRelease") {
            padding-top: 1px !important;
        }
    }
}

#toolbar-menubar {
    border-top: 1px solid var(--browser-outer-border-color);
    border-left: 1px solid var(--browser-outer-border-color);
    border-right: 1px solid var(--browser-outer-border-color);
    padding: 0px 3px 1px 3px;
    height: 22px !important;
    color: black !important;
    position: relative;
    border-radius: 3px 3px 0 0;
    background-color: var(--toolbar-bgcolor) !important;
    background-clip: padding-box !important;
    border-inline-style: solid !important;
    overflow: hidden !important;

    @media (-moz-windows-classic) {
        padding: 2px 0px 2px 0px;
    }

    @supports -moz-bool-pref("BeautyFox.appearance.IE9PreRelease") {
        border-top: 0;
        border-radius: 0 !important;
    }

    &::after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: calc(100% - 2px);
        height: 100%;
        border-top: 1px solid var(--browser-inner-border-color) !important;
        border-left: 1px solid var(--browser-inner-border-color) !important;
        border-right: 1px solid var(--browser-inner-border-color) !important;
        pointer-events: none;
        border-radius: 2px 2px 0 0;
        z-index: 1;

        @supports -moz-bool-pref("BeautyFox.appearance.IE9PreRelease") {
            border-top: 0 !important;
            border-radius: 0 !important;
        }
    }

    @media (-moz-windows-classic) {
        background-color: unset !important;
    }

    &[inactive="true"] {
        max-height: 2px !important;

        #menubar-items {
            height: 0 !important;
            overflow: hidden;
        }
    }

    &:not(:-moz-lwtheme):-moz-window-inactive {
        color: ThreeDShadow !important;
    }

    >spacer {
        display: none !important;
    }

    &[autohide="true"] {
        max-height: 0px !important;

        #menubar-items {
            &::after {
                content: unset !important;
            }
        }

        &:not([inactive="true"]) {
            max-height: unset !important;

            #menubar-items {
                &::after {
                    content: '' !important;
                }
            }
        }
    }
}

#main-menubar {
    height: 100%;
    background: transparent !important;
    text-shadow: none !important;

    >menu {
        padding: 0 2px;

        @media (-moz-windows-classic) {
            padding: 0 1px;
            border-top: 1px solid transparent !important;
            border-left: 1px solid transparent !important;
            border-bottom: 1px solid transparent !important;
            border-right: 1px solid transparent !important;
        }

        &[_moz-menuactive="true"] {
            color: white !important;

            @media (-moz-windows-classic) {
                background-color: -moz-Dialog !important;
                color: -moz-DialogText !important;

                border-top: 1px solid ThreeDHighlight !important;
                border-left: 1px solid ThreeDHighlight !important;
                border-bottom: 1px solid ThreeDShadow !important;
                border-right: 1px solid ThreeDShadow !important;
            }
        }

        &[open="true"] {
            @media (-moz-windows-classic) {
                border-top: 1px solid ThreeDShadow  !important;
                border-left: 1px solid ThreeDShadow  !important;
                border-bottom: 1px solid ThreeDHighlight !important;
                border-right: 1px solid ThreeDHighlight !important;

                >.menubar-text {
                    transform: translate(1px, 1px);
                }
            }
        }
    }
}

#menubar-items {
    margin-top: 0 !important;

    @supports -moz-bool-pref("BeautyFox.appearance.IE9PreRelease") {
        &::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            height: 1px;
            width: 100vw;
            background-color: rgb(145, 150, 162);
        }
    }
}


.titlebar-spacer {
    display: none;
}

#fakeTitlebarSpace {
    appearance: -moz-window-titlebar;
    -moz-window-dragging: drag !important;
    display: flex;
    justify-content: end;
    align-items: end;

    @media (-moz-windows-classic) {
        align-items: center;
    }

    @media not (-moz-windows-compositor: 0) {
        margin-bottom: -11px;
    }

    @media (-moz-windows-compositor: 0) {
        margin-bottom: -4px;
    }

    .titlebar-buttonbox-container {
        transform: translateY(-1px) !important;
        
        &:first-of-type {
            display: none !important;
        }

        @media (-moz-windows-compositor: 1) {
            .titlebar-buttonbox {
                transform: translateY(-4px) !important;
            }
        }

        @media (-moz-platform: macos) {
            position: fixed !important;
            top: 6px !important;
            left: 0 !important;
            width: 0 !important;
        }
    }
}

#nav-bar {
    background-color: transparent !important;
    -moz-window-dragging: drag !important;
    flex: 1 !important;
    box-shadow: none !important;

	&[iscontainer] {
		--navButtons-colour: var(--containerColour) !important;
		--navButtons-disabled-colour: var(--containerColour) !important;
		margin-left: 28px !important
	}

    @supports -moz-bool-pref("BeautyFox.appearance.IE9PreRelease") {
        overflow: visible !important;
    }
}
:root[tabsOnNavRow] {
    &:not([chromehidden~="toolbar"]) {
		#nav-bar {
			flex: unset !important;
		}
	}
}

toolbarpaletteitem[id*="wrapper-customizableui-special-spring"] {
    height: 28px !important;

    >toolbarspring {
        margin-block: 0 !important;
    }
}

#urlbar-container {
    padding-right: 0px;
    margin-inline-start: 1px !important;
    margin-inline-end: 0px !important;
    z-index: 4 !important;
    --urlbar-container-height: 24px !important;

    @media not (-moz-windows-classic) {
        &:hover, 
        &.toolbar-hover-fix {
            #urlbar-background {
                &::before {
                    background-color: var(--toolbar-field-background-color_hover) !important;
                }
            }
        }
    }
}

#stop-reload-button {
    justify-content: end;
    z-index: 3;
    height: 24px !important;
	position: relative;

	&::before {
		position: absolute;
		height: 100%;
		width: 100%;
		left: 0;
		top: 0;
		box-sizing: border-box;
		border: 1px solid var(--toolbar-field-border);
	}

    @media not (-moz-windows-classic) {
        &:hover {
            background-color: var(--toolbar-field-background-color_hover) !important;
        }
    
        &.toolbar-hover-fix {
            background-color: var(--toolbar-field-background-color_hover) !important;
        }
    
        &[urlbarfocus="true"] {
            background-color: white !important;
        }
    }

    >toolbarbutton {
        list-style-image: none !important;
        position: relative;

        @media (-moz-windows-classic) {
            background: rgb(244,246,252);
            background: linear-gradient(0deg, rgba(244,246,252,0.65) 0%, rgba(229,234,248,0.65) 49%, rgba(239,242,251,0.65) 50%, rgba(244,245,246,0.65) 100%);
            border: 1px solid rgba(138,144,158,.65) !important;
            border-radius: 3px !important;
            outline-offset: -2px;
            outline: 1px solid rgba(255,255,255,.5);

            &:hover {
                background: linear-gradient(0deg, #e7eaf1 0%, #c1c8dc 49%, #dde4f7 50%, #f4f5f6 100%);
                border: 1px solid #8a909e !important;
            }

            &:active {
                background: linear-gradient(0deg, #c1ccd4 0%, #9eafba 49%, #c5d0db 50%, #e6f0f9 100%);
                border: 1px solid rgba(84,96,123,.8) !important;
                outline: 1px solid rgba(0,0,0,.2);
            }
        }

        &::before {
            content: '';
            mask-position: center !important;
            mask-repeat: no-repeat !important;
            position: absolute;
            left: 0;
            top: 0;
            height: 100%;
            width: 100%;
            transition: background-color .3s steps(5);

            @media not (-moz-windows-classic) {
                background-color: rgba(0, 0, 0, .5);
            }
        }

        &:active {
            &::before {
                transition: none;
            }
        }
    }

    #reload-button {
        @media (-moz-windows-classic) {
            margin-right: 2px !important;
            
            &::before {
                background-image: url(chrome://userchrome/content/resources/ieframe.dll/Bitmap/ADDRESS_XP-ADDRESS_XP_120_03.svg);
                background-position: center;
                background-repeat: no-repeat;
                background-size: 16px;
            }
        }

        @media not (-moz-windows-classic) {
            &::before {
                mask: url(chrome://userchrome/content/images/refresh-mask.svg);
            }
    
            &:hover {
                &::before {
                    background-color: rgb(0, 161, 220);
                }
            }
    
            &:active {
                &::before {
                    background-color: rgb(3, 132, 206);
                }
            }
        }

        &.reload-button-display-none {
            opacity: 0 !important;
            pointer-events: none !important;
        }
    }

    #stop-button {
        @media (-moz-windows-classic) {
            margin-left: 2px !important;

            &::before {
                background-image: url(chrome://userchrome/content/resources/ieframe.dll/Bitmap/ADDRESS_XP-ADDRESS_XP_120_02.svg);
                background-position: center;
                background-repeat: no-repeat;
                background-size: 16px;
            }
        }
        @media not (-moz-windows-classic) {
            &::before {
                mask: url(chrome://userchrome/content/images/stop-mask.svg);
            }
    
            &:hover {
                &::before {
                    background-color: #E73C3C;
                }
            }
    
            &:active {
                &::before {
                    background-color: #E10C0C;
                }
            }
        }
    }

    +toolbarbutton {
        margin-left: 8px !important;
    }
}

#identity-box[pageproxystate="valid"].localResource>#identity-icon-box {
    position: relative;

    @supports -moz-bool-pref("BeautyFox.appearance.IE9PreRelease") {
        width: var(--stop-reload-button_width) !important;
        border-left: 1px solid rgba(0, 0, 0, 0.6) !important;
    }

    &::before {
        content: '';
        mask-position: center !important;
        mask-repeat: no-repeat !important;
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        background-color: rgba(0, 0, 0, .5);
        transition: background-color .3s steps(5);
    }

    &:active {
        &::before {
            transition: none;
            background-color: rgb(3, 132, 206);
        }
    }

    &::before {
        mask: url(chrome://userchrome/content/images/storedpage-mask.svg);
    }

    &:hover {
        &::before {
            background-color: rgb(0, 161, 220);
        }
    }

    image {
        display: none !important;
    }
}

#urlbar {
    font-size: 9pt !important;
    top: 0 !important;
    max-height: var(--urlbar-height) !important;

    @media (-moz-windows-classic) {
        font-size: 8pt !important;
    }

    &[focused=true] {
        #urlbar-background {
            box-shadow: none !important;
        }
    }

    &[breakout] {
        &[breakout-extend] {
            left: 0 !important;
            width: 100% !important;

            >#urlbar-input-container {
                height: var(--urlbar-height) !important;
            }
        }
    }
}

#urlbar-input-container {
    padding: 0 0 0 0 !important;
    border-radius: 0 !important;
    border-right: 0 !important;

    &.urlbar-remove-padding-right {
        overflow: visible !important;
        margin-inline-end: -16px !important;
        width: auto !important;

        @supports -moz-bool-pref("BeautyFox.appearance.IE9PreRelease") {
            margin-inline-end: calc(var(--stop-reload-button_width) * -1) !important;
        }
    }
}

.urlbar-input-box {
    padding: 0 var(--urlbar-dropdown-button_width) 0 0;
    position: relative;
    margin-left: 5px !important;

    &::after {
        content: '';
        transform: translateX(var(--urlbar-dropdown-button_width));
        width: var(--urlbar-dropdown-button_width);
        height: 22px;
        background: linear-gradient(90deg, rgba(0, 0, 0, .5) 49%, rgba(0, 0, 0, .5) 50%);
        mask: var(--urlbar-fake-dropdown-mask);
        mask-position: var(--urlbar-fake-dropdown-mask-position);
        mask-repeat: no-repeat;
        margin-right: 2px;

        @supports -moz-bool-pref("BeautyFox.appearance.IE9PreRelease") {
            background: linear-gradient(90deg, rgba(0, 0, 0, .1) 49%, rgba(0, 0, 0, .5) 50%);
        }
    }
}

:root:not([tabsOnNavRow]) {
    .urlbar-input-box {
        &::after {
            margin-left: calc(var(--urlbar-dropdown-button_width) / 2 * -1);
        }
    }

	#TabsToolbar {
		margin-right: 2px;
	}
}

#urlbar-input {
    margin-right: -31px !important;
    mask-image: none !important;
    overflow-x: hidden;
    text-overflow: ellipsis;
}

#favimginurlbar {
    width: 16px;
    height: 16px;
    margin-left: 3px;
    margin-top: auto;
    margin-bottom: auto;
}

#personalCommandToolbar {
	order: 3;
	//background-color: var(--toolbar-bgcolor) !important;
	border-left: 1px solid var(--browser-outer-border-color);
    border-right: 1px solid var(--browser-outer-border-color);
	position: relative;

	> .browser-toolbar {
		z-index: 1 !important;
	}

	&::before {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		width: -moz-available;
		height: 100%;
		background-color: var(--toolbar-bgcolor);
		box-sizing: border-box;
		margin-inline: 1px;
	}

	&::after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        border-left: 1px solid var(--browser-inner-border-color) !important;
        border-right: 1px solid var(--browser-inner-border-color) !important;
        pointer-events: none;
        box-sizing: border-box;
    }
}

#PersonalToolbar {
    height: 30px;
    padding-inline: 3px !important;
    //background-color: var(--toolbar-bgcolor) !important;
	background-color: transparent !important;
    padding: 0 1px;
	flex: 1;
    padding-right: 1px !important;

    @media (-moz-windows-classic) {
        background-color: unset !important;
        padding-inline: 0px !important;
    }    

    .bookmark-item[dragover="true"] {
        color: black !important;
    }

    .bookmark-item[container] {
        list-style-image: url("moz-icon:file:///C:/ProgramData/?size=16") !important;
    }

    .bookmark-item:not(menuitem, .menu-iconic),
    #star-button-box {
        margin: 2px 0 3px 0 !important;
        padding: 3px !important;
        max-width: 175px !important;
        border: 1px solid transparent;
        position: relative;
        appearance: auto !important;

        &:active,
        &[open="true"] {

            .toolbarbutton-icon,
            .toolbarbutton-text {
                transform: translate(1px, 1px) !important;
            }
        }

        &[image*="page-icon:about"] {
            .toolbarbutton-icon {
                display: none;
            }

            .toolbarbutton-text {
                &::before {
                    content: '';
                    height: 16px;
                    min-width: 16px;
                    width: 16px;
                    background-image: url("chrome://userchrome/content/resources/ieframe.dll/Icon Group/190.ico");
                    background-size: 16px;
                    background-position: center;
                    background-repeat: no-repeat;
                    margin-inline-end: 4px;
                }

                &::after {
                    content: -moz-label-content;
                    overflow: hidden;
                    max-width: 149px;
                    text-overflow: ellipsis;
                }
            }
        }

        &[type="menu"]:not(#PlacesChevron) {
            padding-right: 0 !important;

            .toolbarbutton-icon {
                list-style-image: url("moz-icon:file:///C:/ProgramData/?size=16");
            }

            .toolbarbutton-text {
                &::after {
                    content: '';
                    min-width: 17px;
                    width: 17px;
                    height: 16px;
                    background-color: black;
                    mask-image: url(images/dropdown-mask.svg);
                    mask-position: center;
                    mask-repeat: no-repeat;
                }
            }
        }
    }

	&[bookmarkitemwidth="small"] {
		.bookmark-item:not(menuitem, .menu-iconic),
    	#star-button-box {
			max-width: 62px !important;
		}
	}
	&[bookmarkitemwidth="icons"] {
		.bookmark-item:not(menuitem, .menu-iconic),
    	#star-button-box {
			padding: 3px 5px !important;

            .toolbarbutton-icon {
                margin: 0 !important;
            }

            .toolbarbutton-text {
                &::before {
                    content: unset !important;
                }
            }

			&[image*="page-icon:about"] {
				.toolbarbutton-text {
					&::before {
						content: '' !important;
						margin: 0 !important;
					}
		
					&::after {
						content: unset !important;
					}
				}
			}
		}
	}

    #star-button-box {
        height: calc(100% - 5px) !important;
    }

    #PlacesChevron {
        margin-top: 2px !important;
        width: 15px !important;
        height: calc(100% - 4px) !important;
        list-style-image: none !important;
        position: relative !important;
        padding: 0 !important;
        border: 1px solid transparent !important;

        &:hover {
            border-radius: 2px;
            outline: 1px solid rgba(51, 51, 51, 0.4) !important;
            border: 1px solid rgba(255, 255, 255, 0.4) !important;
            background: linear-gradient(0deg, rgba(51, 51, 51, 0.1) 0%, rgba(51, 51, 51, 0) 100%) !important;
        }

        &:active,
        &[open="true"] {
            border-radius: 2px 2px 3px 3px !important;
            outline: 1px solid rgba(111, 111, 111, 0.4) !important;
            border: 1px solid rgba(51, 51, 51, 0.45) !important;
            background: linear-gradient(0deg, rgba(51, 51, 51, 0) 0%, rgba(51, 51, 51, 0.3) 90%) !important;
            padding: 0 !important;
        }

        >.toolbarbutton-icon {
            position: absolute !important;
            margin-top: 1px !important;
            margin-left: 1px !important;
            padding: 0 !important;
            background-image: url(images/bookmarks-more.svg) !important;
            background-position: top !important;
            background-repeat: no-repeat !important;
            height: 100% !important;
            width: 100% !important;
        }
    }
}

#commandBar {
	background-color: transparent !important;
}

.notificationbox-stack {
    order: 4 !important;
    position: fixed !important;
    bottom: -1px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    z-index: 4 !important;
    max-width: 962px !important;
    width: 100% !important;
    background: transparent !important;
    overflow: visible !important;

    notification-message {
        outline: 1px solid black !important;
        border-radius: 0 !important;
        opacity: 1 !important;
        background-color: white !important;
        border: 1px solid white !important;
        transition: all 1ms linear !important;

        &::before {
            content: '';
            height: 6px;
            background-color: rgb(242, 177, 0);
            display: block;
        }
    }
}

.container {
    &.infobar {
        border-radius: 0 !important;
        box-shadow: none !important;
        background: transparent !important;
        min-height: 40px !important;
        align-items: center !important;
        padding-left: 16px !important;
        padding-right: 6px !important;

        &::before {
            content: unset !important;
        }

        .icon {
            display: none !important;
        }

        .notification-content {
            display: flex !important;
            width: 100% !important;
            margin-inline-start: 0 !important;
            margin-inline-end: 6px !important;
        }

        .notification-message {
            padding: 0 !important;
            margin-inline-end: 0 !important;
        }

        .notification-button {
            margin: 0;
        }

        .notification-button-container {
            margin-left: auto !important;

            button {
                height: 25px !important;
                padding: 0 19px !important;
                color: black !important;
                border: 1px solid white !important;
                outline: 1px solid rgb(176, 178, 182) !important;
                background: linear-gradient(0deg, rgb(231, 231, 231) 0%, rgb(244, 244, 244) 100%) !important;
                justify-content: center !important;
                border-radius: 5px !important;
                font-size: 9pt !important;

                @supports -moz-bool-pref("BeautyFox.appearance.IE10") {
                    outline: none !important;
                    border: 1px solid rgb(172, 172, 172) !important;
                    border-radius: 0 !important;
                    background: linear-gradient(0deg, rgb(229, 229, 229) 0%, rgb(240, 240, 240) 100%) !important;
                }

                &::before {
                    content: attr(tooltiptext);
                }

                &:hover {
                    background: linear-gradient(0deg, rgb(185, 214, 252) 0%, rgb(239, 243, 249) 100%) !important;

                    @supports -moz-bool-pref("BeautyFox.appearance.IE10") {
                        border: 1px solid rgb(126, 180, 234) !important;
                        background: linear-gradient(0deg, rgb(220, 236, 252) 0%, rgb(236, 244, 252) 100%) !important;
                    }
                }

                &:active,
                &[open=true] {
                    background: linear-gradient(0deg, rgb(145, 192, 253) 0%, rgb(229, 236, 246) 100%) !important;

                    @supports -moz-bool-pref("BeautyFox.appearance.IE10") {
                        border: 1px solid rgb(86, 157, 229) !important;
                        background: linear-gradient(0deg, rgb(196, 224, 252) 0%, rgb(218, 236, 252) 100%) !important;
                    }
                }
            }
        }

        .close {
            margin: 0 !important;
            height: 16px !important;
            width: 16px !important;

            list-style-image: none !important;
            mask: url("chrome://userchrome/content/images/close-mask.svg") !important;
            mask-position: center !important;
            mask-repeat: no-repeat !important;
            background-color: rgb(152, 155, 163) !important;

            &:hover {
                background-color: rgb(226, 58, 60) !important;
            }

            &:active {
                background-color: rgb(225, 12, 12) !important;
            }
        }
    }
}

@supports -moz-bool-pref("BeautyFox.appearance.IE10") {
    .container {
        &.infobar {
            .notification-button-container {
                button {
                    &[data-l10n-id=popup-warning-button] {
                        &::after {
                            content: "";
                            height: 16px;
                            width: 16px;
                            mask: url(images/dropdown-mask.svg) !important;
                            mask-position: calc(50% - 1px) !important;
                            mask-size: 9px 5px !important;
                            mask-repeat: no-repeat !important;
                            background-color: black !important;
                            margin-left: 4px !important;
                            margin-top: 4px !important;
                        }
                    }
                }
            }
        }
    }
}

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

panel {
    --panel-shadow: var(--pop-up_shadow) !important;

    transition: none !important;
}

#statuspanel {
    left: 5px !important;
    bottom: 5px !important;

    #statuspanel-label {
        border-radius: 4px;
        background: var(--tooltip_background) !important;
        padding: 0 5px 2px 5px;
        font-size: 9pt;
        text-align: left;
        font-weight: normal;
        color: var(--tootlip_text-colour) !important;
        border: 1px solid var(--tooltip_border-colour) !important;
        -webkit-box-shadow: var(--pop-up_shadow) !important;
        -moz-box-shadow: var(--pop-up_shadow) !important;
        box-shadow: var(--pop-up_shadow) !important;
        will-change: opacity;
        transition: opacity .2s;
    }
}

.identity-box-button {
	color: black !important;
    padding-inline: 0 !important;

	label {
		margin: 0 !important;
		margin-inline: 7px !important;
	}
}

.identity-popup-security-connection.identity-popup-section {
	display: none !important;
}

#identity-box {
    order: 1;
    flex-direction: row-reverse;
    margin-inline-end: 0 !important;

    #identity-icon {
        background-position: center;
        background-repeat: no-repeat;
        mask-position: center !important;
        mask-repeat: no-repeat !important;
        width: 10px !important;
    }

    #identity-icon {
		//list-style-image: none !important;
		background-color: rgba(0, 0, 0, .5);
		mask: url(images/lock-mask.svg);
		transition: background-color .3s steps(5);
	}

	&:hover {
		#identity-icon {
			background-color: rgb(242, 186, 34);
		}

	}

	&:active {
		#identity-icon {
			background-color: rgb(235, 147, 5);
			transition: none;
		}

	}
}

#identity-icon-label {
	display: none;
}

#urlbar {

    &[open],
    &:focus {
        >#urlbar-background {
            box-shadow: none !important;

            &::before {
                background-color: white !important;
            }
        }
    }
}

#favimginurlbar {

    &[style='list-style-image: url("chrome://branding/content/icon32.png");'],
    &[style='list-style-image: url("chrome://global/skin/icons/info.svg");'],
    &[style='list-style-image: url("chrome://global/skin/icons/settings.svg");'],
    &[style='list-style-image: url("chrome://global/skin/icons/warning.svg");'],
    &[style='list-style-image: url("chrome://browser/skin/privatebrowsing/favicon.svg");'] {
        list-style-image: url("chrome://userchrome/content/resources/ieframe.dll/Icon Group/190.ico") !important;

        @supports -moz-bool-pref("BeautyFox.appearance.IE9PreRelease") {
            @supports -moz-bool-pref("BeautyFox.appearance.IE9PreRelease7777") {
                display: none !important;
            }
        }
    }
}

toolbarbutton {
	color: black !important;
	
    &#feedbackButton {
        @supports not -moz-bool-pref("BeautyFox.appearance.IE11Win10") {
            display: none !important;
        }
    }
}

#downloads-button {
	&[downloadprogress] {
		&[progress] {
			#downloads-indicator-anchor {
				z-index: 1 !important;
				opacity: 0.5 !important;
			}
		}

		.toolbarbutton-animatable-box {
			display: block !important;
		}
		
		#downloads-indicator-progress-outer {
			top: -2px !important;
			left: -2px !important;
			width: 20px !important;
			height: 20px !important;
			justify-content: left !important;
			border-radius: 2px !important;
			border: 1px solid rgb(181, 181, 181) !important;
			background: white !important;
		}

		#downloads-indicator-progress-inner {
			appearance: progresschunk !important;
			width: var(--download-progress-pcent) !important;
			height: 100% !important;
		}

		#downloads-indicator-start-box {
			opacity: 0 !important;
		}

		#downloads-indicator-finish-box {
			&::before,
			&::after {
				content: "";
				position: absolute;
				width: 100%;
				height: 100%;
				border-radius: 50%;
				bottom: -50%;
				opacity: 0;
				z-index: 1;
			}

			&::after {
				background-color: white;
				transform: scale(0.5);
				filter: blur(5px);
			}

			&::before {
				filter: blur(4px);
				transform: scale(.7);
			}

			#downloads-indicator-finish-image {
				display: none !important;
			}
		}

		&[attention="success"],
		&[attention="warning"] {
			#downloads-indicator-finish-box {

				&::before,
				&::after {
					animation: downloadCompleted 1s linear forwards !important;
				}
			}
		}

		&[attention="success"] {
			#downloads-indicator-finish-box {
				&::before {
					background-color: rgb(0, 255, 0);
				}
			}
		}

		&[attention="warning"] {
			#downloads-indicator-finish-box {
				&::before {
					background-color: rgb(255, 174, 0);
				}
			}
		}
	}
}

#nav-bar,
#endToolbar {
    #stop-reload-button {
        align-items: center;
    }

    .toolbarbutton-icon,
    .toolbarbutton-badge-stack {
        padding: 0 !important;
        height: 16px !important;
        width: 17px !important;
    }

    #reload-button,
    #stop-button {
        padding: 0 !important;
        height: 22px !important;
        width: var(--stop-reload-button_width) !important;
        overflow: hidden;
        

        @media not (-moz-windows-classic) {
            margin: 0 !important;
        }

        @supports -moz-bool-pref("BeautyFox.appearance.IE9PreRelease") {
            border-left: 0 !important;
            border-right: 1px solid rgba(0, 0, 0, .6) !important;
            width: var(--stop-reload-button_width) !important;
        }

        .toolbarbutton-icon {
            height: 16px !important;
            width: 16px !important;
        }
    }

    #reload-button {
        @supports not -moz-bool-pref("BeautyFox.appearance.IE9PreRelease") {
            width: calc(var(--stop-reload-button_width) + 3px) !important;
        }
    }

    @supports -moz-bool-pref("BeautyFox.appearance.IE10") {
        #stop-button {
            width: calc(var(--stop-reload-button_width) + 3px) !important;
        }
    }

    toolbarbutton:not(.subviewbutton),
    .toolbaritem-combined-buttons {
        height: 24px !important;
        width: 24px !important;
        margin-bottom: var(--toolbaritems-margin-bottom) !important;
    }


    .toolbarbutton-1 {
        margin-right: 1px !important;
    }

    .toolbarbutton-icon {
        height: 16px !important;
        width: 16px !important;
    }

    toolbaritem {
        padding-block: 0 !important;
        margin-bottom: var(--toolbaritems-margin-bottom);

        >toolbarbutton {
            margin-bottom: 0 !important;
        }
    }

    toolbaritem#urlbar-container {
        margin-bottom: var(--toolbaritems-margin-bottom) !important;
    }

    #downloads-indicator-anchor {
        display: none;
    }


    toolbar .toolbaritem-combined-buttons {
        margin-inline: 0 !important;
    }

    .toolbaritem-combined-buttons {
        padding: 0 calc(var(--toolbarbutton-outer-padding) + 2px) !important;
    }

    toolbarbutton,
    toolbaritem {
        background-position: center;
        background-repeat: no-repeat;

        &#home-button,
        &#bookmarks-menu-button,
        &#bookmarksSidebarButton,
        &#IEMenuButton,
        &#feedbackButton,
        &#unified-extensions-button,
        &#downloads-button {
            list-style-image: none !important;
            position: relative;
            background-position: center !important;
            background-repeat: no-repeat !important;

            &::before {
                content: '';
                mask-repeat: no-repeat;
                mask-position: center;
                position: absolute;
                width: 14px;
                height: 14px;
                background-image: url('chrome://userchrome/content/images/toolbarbutton-debug-states.png');
                background-size: 14px 84px;
                background-repeat: no-repeat;
                transition: background-position-y 0.15s steps(4);

                @media (-moz-windows-classic) {
                    transition: none !important;
                }

                background-position-y: 0;
                z-index: 1;
            }

            &:hover {
                &::before {
                    background-position-y: -56px;
                }
            }

            &:active,
            &[open="true"] {
                &::before {
                    transition: background-position-y 0s steps(1);
                    background-position-y: -70px;
                }
            }
        }

        &#home-button {
            background-image: url(images/home.svg);

            &::before {
                background-image: url('chrome://userchrome/content/images/toolbarbutton-blueIE9-states.png');

                @supports -moz-bool-pref("BeautyFox.appearance.IE10") {
                    background-image: url('chrome://userchrome/content/images/toolbarbutton-blueIE10-states.png');
                }

                mask-image: url(images/home-mask.svg);
            }
        }

        &#bookmarks-menu-button,
        &#bookmarksSidebarButton {
            background-image: url(images/favorites.svg);
            width: 23px !important;

            &::before {
                background-image: url('chrome://userchrome/content/images/toolbarbutton-yellowIE9-states.png');

                @supports -moz-bool-pref("BeautyFox.appearance.IE10") {
                    background-image: url('chrome://userchrome/content/images/toolbarbutton-yellowIE10-states.png');
                }

                mask-image: url(images/favorites-mask.svg);
            }
        }

        &#unified-extensions-button {
            background-image: url(images/extensions.svg);

            @supports -moz-bool-pref("BeautyFox.option.hideUnifiedExtensions") {
                display: none !important;
            }

            &::before {
                background-image: url('chrome://userchrome/content/images/toolbarbutton-greenIE9-states.png');

                @supports -moz-bool-pref("BeautyFox.appearance.IE10") {
                    background-image: url('chrome://userchrome/content/images/toolbarbutton-greenIE10-states.png');
                }

                mask-image: url(images/extensions-mask.svg);
            }
        }

        &#downloads-button {
            background-image: url(images/downloads.svg);

            &::before {
                background-image: url('chrome://userchrome/content/images/toolbarbutton-blueIE9-states.png');

                @supports -moz-bool-pref("BeautyFox.appearance.IE10") {
                    background-image: url('chrome://userchrome/content/images/toolbarbutton-blueIE10-states.png');
                }

                mask-image: url(images/downloads-mask.svg);
            }

			&[downloadprogress] {
				>.toolbarbutton-badge-stack {
                    opacity: 1 !important;
                    z-index: 1 !important;

                    >* {
                        mask-image: url(images/downloads-mask.svg);
                        mask-position: center;
                        mask-repeat: no-repeat;
                    }

                    #downloads-indicator-progress-outer {
                        visibility: visible !important;
                        background: none !important;
                    }

                    #downloads-indicator-progress-inner {
                        border-radius: 0 !important;
                        background: none !important;
                        background-color: var(--toolbarbutton-blue-colour_hover) !important;
                        width: 100% !important;
                        height: var(--download-progress-pcent) !important;
                        position: absolute;
                        top: 0;
                        left: 0;
                        appearance: none !important;
                    }

                    #downloads-indicator-finish-box {
                        &::before,
                        &::after {
                            bottom: -40%;
                        }

                        &::after {
                            transform: scale(0.8);
                        }
            
                        &::before {
                            filter: blur(4px);
                            transform: scale(1);
                        }
                    }
                }
			}
        }

        &#IEMenuButton {
            background-image: url(images/settings.svg);

            &::before {
                background-image: url('chrome://userchrome/content/images/toolbarbutton-blueIE9-states.png');
                mask-image: url(images/settings-mask.svg);

                @supports -moz-bool-pref("BeautyFox.appearance.IE10") {
                    background-image: url('chrome://userchrome/content/images/toolbarbutton-blueIE10-states.png');
                }

            }

            &[badge-status="update-manual"] {
                .toolbarbutton-badge-stack {
                    .toolbarbutton-badge {
                        background-color: white !important;
                        border-radius: 50% !important;
                        border: 2px solid orange !important;
                        fill: transparent !important;
                        margin-inline-end: 0 !important;
                        margin: 0 !important;
                        position: absolute !important;
                        left: 50% !important;
                        bottom: -13px !important;
                        transform: translateX(-50%) !important;
                        filter: blur(2px) !important;
                        padding: 0 !important;
                        min-width: 3px !important;
                        min-height: 3px !important;
                        z-index: -2 !important;
                    }
                }
            }
        }

        &#feedbackButton {
            background-image: url(images/feedback.svg);

            &::before {
                background-image: url('chrome://userchrome/content/images/toolbarbutton-smileyIE11-states.png');

                mask-image: url(images/feedback-mask.svg);
            }

            &::after {
                content: '';
                position: absolute;
                height: 14px;
                width: 14px;
                background-position: center;
                background-repeat: no-repeat;
                background-image: url(images/feedback.svg);
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                z-index: 1;
            }
        }
    }

    #PanelUI-button {
        align-items: end;
        max-width: 1px !important;
        opacity: 0 !important;
    }
}

:root:not([newsettingsicon]) {
	#nav-bar,
	#endToolbar {
		toolbarbutton,
    	toolbaritem {
			&#IEMenuButton {
				@supports -moz-bool-pref("BeautyFox.appearance.IE9PreRelease") {
					@supports -moz-bool-pref("BeautyFox.appearance.IE9PreRelease7777") {
						background-image: url(images/settings7777.svg);
					}
				}

				&::before {
					@supports -moz-bool-pref("BeautyFox.appearance.IE9PreRelease") {
						@supports -moz-bool-pref("BeautyFox.appearance.IE9PreRelease7777") {
							mask-image: url(images/settings7777-mask.svg);
						}
					}
				}
			}
		}
	}
}

#PanelUI-menu-button {
	display: none;
}

#browser,
#customization-container {
    background-clip: padding-box;
    border-left: 1px solid var(--browser-outer-border-color);
    border-right: 1px solid var(--browser-outer-border-color);
    border-bottom: 1px solid var(--browser-outer-border-color);
    position: relative;
    padding: 0 1px 1px 1px;
    border-radius: 0px 0px 3px 3px;
    z-index: 1;

    &::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: calc(100% - 2px);
        height: calc(100% - 1px);
        border-left: 1px solid var(--browser-inner-border-color) !important;
        border-right: 1px solid var(--browser-inner-border-color) !important;
        border-bottom: 1px solid var(--browser-inner-border-color) !important;
        z-index: 1;
        pointer-events: none;
        border-radius: 0px 0px 2px 2px;
    }
}

#identity-icon-box {
    width: var(--stop-reload-button_width) !important;
    justify-content: center !important;
    border-radius: 0 !important;
    background: transparent !important;

    @supports -moz-bool-pref("BeautyFox.appearance.IE9PreRelease") {
        width: 30px !important;
    }
}

#stop-reload-button {
    background-clip: padding-box !important;
    margin-inline-start: 1px !important;
    background-color: var(--toolbar-field-background-color) !important;

	&::before {
		border-right-width: 0;
	}

    @media not (-moz-windows-classic) {
        border-top: 1px solid rgba(0, 0, 0, 0.5) !important;
        border-bottom: 1px solid rgba(0, 0, 0, 0.5) !important;
        border-left: 1px solid rgba(0, 0, 0, 0.5) !important;
    }

    @media (-moz-windows-classic) {
        background-color: transparent !important;
    }
}

#stop-reload-button+#urlbar-container {
    margin-inline-start: 0 !important;

    #favimginurlbar {
        margin-left: 1px !important;

        @supports -moz-bool-pref("BeautyFox.appearance.IE9PreRelease") {
            margin-left: 3px !important;
        }
    }

    #urlbar-background {
        border-right: 1px solid rgba(0, 0, 0, .5) !important;
        border-left: 0 !important;

		&::before {
			border-left-width: 0;
			border-right-width: 1px !important;
		}
    }

    #urlbar-input-container {
        &.urlbar-remove-padding-right {
            overflow: visible !important;
            margin-inline-end: 0 !important;
            width: auto !important;
        }
    }

    #urlbar-go-button {
        display: block !important;
        padding: 0 !important;

        @supports not -moz-bool-pref("BeautyFox.appearance.IE9PreRelease") {
            width: calc(var(--stop-reload-button_width) + 4px) !important;
            background-position-x: 2px !important;
        }
    }
}

#urlbar-container {
	#urlbar-background {
		&::before {
			border-right-width: 0 !important;
		}
	}
}

#urlbar-container+#stop-reload-button {
    border-left: 0 !important;
    margin-inline-start: 0 !important;

	&::before {
		border-left-width: 0;
		border-right-width: 1px;
	}

    @media not (-moz-windows-classic) {
        border-right: 1px solid rgba(0, 0, 0, .5) !important;
    }
    
    @media (-moz-windows-classic) {
        margin-inline: 5px !important;
    }

    @supports -moz-bool-pref("BeautyFox.appearance.IE9PreRelease") {
        #reload-button,
        #stop-button {
            border-right: 0 !important;
            border-left: 1px solid rgba(0, 0, 0, .6) !important;
        }
    }

    #stop-button {
        @supports not -moz-bool-pref("BeautyFox.appearance.IE9PreRelease") {
            @media not (-moz-windows-classic) {
                width: calc(var(--stop-reload-button_width) + 3px) !important;
            }
        }

        &::before {
            @media not (-moz-windows-classic) {
                mask-position-x: 2px !important;
            }
            @supports -moz-bool-pref("BeautyFox.appearance.IE9PreRelease") {
                mask-position-x: center !important;
            }
        }
    }

    #reload-button {
        width: var(--stop-reload-button_width) !important;
    }

    @supports -moz-bool-pref("BeautyFox.appearance.IE10") {
        #reload-button {
            width: calc(var(--stop-reload-button_width) + 3px) !important;

            &::before {
                mask-position-x: 2px !important;
            }
        }
    }
}

.toolbarbutton-animatable-box {
    display: none !important;
}

*|*:root[chromehidden~="toolbar"] {
    #nav-bar {
        margin-inline-end: 1px !important;

        &::before {
            content: unset !important;
        }
    }

    #endToolbar {
        min-width: 0 !important;
    }

    #urlbar-container {
        width: 100vw !important;

        #urlbar-background {
            border-right: 1px solid rgba(0, 0, 0, 0.5) !important;
        }

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

    #identity-icon-box {
        width: calc(var(--stop-reload-button_width) + 4px) !important;
    }

    #navigator-toolbox {
        &::after {
            content: unset !important;
        }
    }

    @supports not -moz-bool-pref("BeautyFox.option.bHideFakeInnerBorders") {
        #browser {
            padding: 1px 1px 1px 1px !important;
            border-top: 1px solid var(--browser-outer-border-color);
            border-radius: 3px 3px 0px 0px !important;

            &:before {
                border-top: 1px solid var(--browser-inner-border-color) !important;
            }
        }
    }

	&[hidesettingspopup] {
		#nav-bar {
            padding-right: 0 !important;
        }

        #endToolbar {
            display: none !important;
        }

        #PanelUI-button,
        #IEMenuButton {
            display: none !important;
        }
	}
}

.findbar-closebutton {
    order: 0;
}

#personal-toolbar-empty {
    display: none !important;
}

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

#alltabs-button {
    display: none !important;
}

#picture-in-picture-button {
    display: none !important;
}

#identity-box[pageproxystate="invalid"] {
    display: none !important;
}

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

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

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

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

#urlbar-zoom-button {
    display: none !important;
}

#reader-mode-button {
    display: none !important;
}

#private-browsing-indicator-with-label {
    display: none !important;
}

#nav-bar-overflow-button {
    display: none !important;
}

#toggle_endToolbar {
    display: none !important;
}


#reload-button:not([displaystop])+#stop-button,
#reload-button[displaystop] {
    display: block !important;
}

.panel-arrowbox {
    display: none !important
}

@supports -moz-bool-pref("BeautyFox.appearance.IE9PreRelease") {
    #nav-bar {
        #urlbar-go-button {
            margin-right: 0 !important;
        }
    }

    #urlbar-go-button {
        width: var(--stop-reload-button_width) !important;
        background-position-x: center !important;
        padding: 0 !important;
    }

    #urlbar-go-button,
    .search-go-button {
        border-left: 1px solid rgba(0, 0, 0, 1) !important;
        width: 24px !important;
    }

    #stop-reload-button {
        #stop-button {
            &::before {
                mask-position-x: center !important;
            }
        }
    }

    #TabsToolbar {
        margin-bottom: -1px !important;
        z-index: 2;
        padding-left: 4px !important;
    }
}

:root:not([tabsOnNavRow]) {
	&[sizemode="maximized"],
	&[sizemode="fullscreen"] {
		#TabsToolbar {
			padding-left: 0 !important;
			margin-right: 0 !important;
		}
	}
}

@supports -moz-bool-pref("BeautyFox.appearance.IE10") {
    #reload-button:not([displaystop])+#stop-button,
    #reload-button[displaystop] {
        display: none !important;
    }

    #nav-bar {
        #stop-reload-button {
            align-items: center;
        }

        #urlbar-go-button {
            margin: 0 !important;
        }
    }

    toolbarbutton {

        &#bookmarks-menu-button,
        &#bookmarksSidebarButton {
            background-image: url(images/favorites-ie10.svg) !important;

            &::before,
            &::after {
                mask-image: url(images/favorites-ie10-mask.svg) !important;
            }
        }
    }
}

@supports -moz-bool-pref("BeautyFox.option.bHideFakeInnerBorders") {
    #browser {
        margin: -1px !important;
        margin-top: 0 !important;
    }

	:root[statusbar] {
		#browser {
			margin-bottom: 0 !important;
		}
	}

    #browser,
    #customization-container {
        border: 0 !important;

        &::before,
        &::after {
            border: 0 !important;
        }

        &::before {
            left: 0 !important;
            width: 100% !important;
        }
    }

    #toolbar-menubar {
        border-radius: 0 !important;

        &::before {
            height: 100% !important;
        }

        &[inactive="true"] {
            opacity: 0 !important;
            margin-top: -1px;
        }
    }

    #navigator-toolbox {
        &::after {
            width: 100% !important;
            left: 0 !important;
        }
    }

    #statusbarContainer {
        border: 0 !important;
        border-radius: 0 !important;

        &::before {
            border-left: 0 !important;
            border-bottom: 0 !important;
            border-right: 0 !important;
            border-top: 0 !important;
            width: 100% !important;
        }
    }

    #statusbarBackground {
        left: 0px !important;
        width: 100% !important;
        height: calc(100% - 2px) !important;
    }

	#personalCommandToolbar,
    #toolbar-menubar,
    #PersonalToolbar {
        border: 0 !important;

        &::before,
        &::after {
            border: 0 !important;
            top: 0 !important;
            left: -1px !important;
            width: 100% !important;
        }
    }
}

@media (-moz-platform: linux) or (-moz-platform: macos) {
    #cBSafetyMenuPopUp {
        menuseparator:last-of-type {
            display: none !important;
        }
    }

    #cBSafety_windowsUpdate,
    #cBTools_diagnoseConnectionProblems {
        display: none !important;
    }
}

@media (-moz-platform: macos) {
    #newToolbar {
        margin-left: 76px !important;
    }

    :root[tabsOnNavRow] {
		&:not([chromehidden~="toolbar"]) {
			#endToolbar {
				height: 100% !important;
				align-items: center !important;
			}
		}
    }
}