:root {
    --toolbar-start-end-padding: 2px !important;
}

#PanelUI-button {
    margin-inline-start: 0px !important;
    border-inline-start: 0px solid !important;
    border-image-slice: 0 !important;
    padding-left: 2px !important;
    padding-right: 2px !important;
}

#PanelUI-menu-button {
    appearance: unset !important;
    background: unset !important;
    box-shadow: unset !important;
    border-image: unset !important;
    border: unset !important;
    padding: unset !important;
    margin: unset !important;
    min-width: unset !important;
    width: unset !important;
    max-width: unset !important;
    min-height: unset !important;
    height: unset !important;
    max-height: unset !important;
}

#PanelUI-button #whats-new-menu-button:not([hidden="true"]) {
    margin-inline-end: 3px !important;
}

#nav-bar #nav-bar-customization-target > toolbaritem #back-button .toolbarbutton-icon
#nav-bar #nav-bar-customization-target > #back-button .toolbarbutton-icon,
#nav-bar > #back-button .toolbarbutton-icon {
    border: 0 !important;
}

#nav-bar #nav-bar-customization-target > toolbaritem :is(#copy-button,#zoom-reset-button),
#nav-bar #nav-bar-customization-target > :is(#copy-button,#zoom-reset-button),
#nav-bar > :is(#copy-button,#zoom-reset-button) {
    margin-inline-start: -1px !important;
    margin-inline-end: -1px !important;
}

#nav-bar #nav-bar-customization-target > toolbaritem :is(#edit-controls, #zoom-controls) separator,
#nav-bar #nav-bar-customization-target > :is(#edit-controls, #zoom-controls) separator,
#nav-bar > :is(#edit-controls, #zoom-controls) separator {
    visibility: collapse !important;
}

/* classic button style */
#main-window:not([customizing]) #nav-bar #nav-bar-customization-target > toolbaritem .toolbarbutton-1:not(#PlacesChevron)[disabled=true]:is([open],[checked],:hover:active,:active) > .toolbarbutton-icon,
#main-window:not([customizing]) #nav-bar #nav-bar-customization-target > toolbaritem .toolbarbutton-1[disabled=true]:is([open],[checked],:hover:active,:active) > .toolbarbutton-text,
#main-window:not([customizing]) #nav-bar #nav-bar-customization-target > toolbaritem .toolbarbutton-1[disabled=true]:is([open],[checked],:hover:active,:active) > .toolbarbutton-badge-stack,
#nav-bar #nav-bar-customization-target > toolbaritem toolbarbutton[type="menu-button"] > .toolbarbutton-icon,
#nav-bar #nav-bar-customization-target > toolbaritem .toolbarbutton-1 > .toolbarbutton-menubutton-button[open] + .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
#nav-bar #nav-bar-customization-target > toolbaritem .toolbarbutton-1[open] > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
#nav-bar #nav-bar-customization-target > toolbaritem .toolbarbutton-1[open] > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
#nav-bar #nav-bar-customization-target > toolbaritem .toolbarbutton-1:not(#PlacesChevron):not([checked]):not([open]):not(:active) > .toolbarbutton-icon,
#nav-bar #nav-bar-customization-target > toolbaritem .toolbarbutton-1:not([checked]):not([open]):not(:active) > .toolbarbutton-text,
#nav-bar #nav-bar-customization-target > toolbaritem .toolbarbutton-1:not([checked]):not([open]):not(:active) > .toolbarbutton-badge-stack,
#nav-bar #nav-bar-customization-target > toolbaritem .toolbarbutton-1:not([buttonover]):not([open]):not(:active) > .toolbarbutton-menubutton-dropmarker:not([disabled]) > .dropmarker-icon,
#main-window:not([customizing]) #nav-bar #nav-bar-customization-target > .toolbarbutton-1:not(#PlacesChevron)[disabled=true]:is([open],[checked],:hover:active,:active) > .toolbarbutton-icon,
#main-window:not([customizing]) #nav-bar #nav-bar-customization-target > .toolbarbutton-1[disabled=true]:is([open],[checked],:hover:active,:active) > .toolbarbutton-text,
#main-window:not([customizing]) #nav-bar #nav-bar-customization-target > .toolbarbutton-1[disabled=true]:is([open],[checked],:hover:active,:active) > .toolbarbutton-badge-stack,
#nav-bar #nav-bar-customization-target > toolbarbutton[type="menu-button"] > .toolbarbutton-icon,
#nav-bar #nav-bar-customization-target > .toolbarbutton-1 > .toolbarbutton-menubutton-button[open] + .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
#nav-bar #nav-bar-customization-target > .toolbarbutton-1[open] > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
#nav-bar #nav-bar-customization-target > .toolbarbutton-1[open] > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
#nav-bar #nav-bar-customization-target > .toolbarbutton-1:not(#PlacesChevron):not([checked]):not([open]):not(:active) > .toolbarbutton-icon,
#nav-bar #nav-bar-customization-target > .toolbarbutton-1:not([checked]):not([open]):not(:active) > .toolbarbutton-text,
#nav-bar #nav-bar-customization-target > .toolbarbutton-1:not([checked]):not([open]):not(:active) > .toolbarbutton-badge-stack,
#nav-bar #nav-bar-customization-target > .toolbarbutton-1:not([buttonover]):not([open]):not(:active) > .toolbarbutton-menubutton-dropmarker:not([disabled]) > .dropmarker-icon,
#main-window:not([customizing]) #nav-bar > .toolbarbutton-1:not(#PlacesChevron)[disabled=true]:is([open],[checked],:hover:active,:active) > .toolbarbutton-icon,
#main-window:not([customizing]) #nav-bar > .toolbarbutton-1[disabled=true]:is([open],[checked],:hover:active,:active) > .toolbarbutton-text,
#main-window:not([customizing]) #nav-bar > .toolbarbutton-1[disabled=true]:is([open],[checked],:hover:active,:active) > .toolbarbutton-badge-stack,
#nav-bar > toolbarbutton[type="menu-button"] > .toolbarbutton-icon,
#nav-bar > .toolbarbutton-1 > .toolbarbutton-menubutton-button[open] + .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
#nav-bar > .toolbarbutton-1[open] > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
#nav-bar > .toolbarbutton-1[open] > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
#nav-bar > .toolbarbutton-1:not(#PlacesChevron):not([checked]):not([open]):not(:active) > .toolbarbutton-icon,
#nav-bar > .toolbarbutton-1:not([checked]):not([open]):not(:active) > .toolbarbutton-text,
#nav-bar > .toolbarbutton-1:not([checked]):not([open]):not(:active) > .toolbarbutton-badge-stack,
#nav-bar > .toolbarbutton-1:not([buttonover]):not([open]):not(:active) > .toolbarbutton-menubutton-dropmarker:not([disabled]) > .dropmarker-icon,
#PanelUI-menu-button .toolbarbutton-badge-stack {
    border-radius: 3px !important;
}

#nav-bar #nav-bar-customization-target > toolbaritem .toolbarbutton-1:not([disabled=true]) > .toolbarbutton-menubutton-button[open] + .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
#nav-bar #nav-bar-customization-target > toolbaritem .toolbarbutton-1:not([disabled=true]):is(:hover,[open]) > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
#nav-bar #nav-bar-customization-target > toolbaritem .toolbarbutton-1:not([disabled=true]):is(:hover,[open]) > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
#nav-bar #nav-bar-customization-target > toolbaritem .toolbarbutton-1:not(#PlacesChevron):not([disabled=true]):not([checked]):not([open]):not(:active):hover > .toolbarbutton-icon,
#nav-bar #nav-bar-customization-target > toolbaritem .toolbarbutton-1:not([disabled=true]):not([checked]):not([open]):not(:active):hover > .toolbarbutton-text,
#nav-bar #nav-bar-customization-target > toolbaritem .toolbarbutton-1:not([disabled=true]):not([checked]):not([open]):not(:active):hover > .toolbarbutton-badge-stack,
#nav-bar #nav-bar-customization-target > toolbaritem .toolbarbutton-1:not([buttonover]):not([open]):not(:active):hover > .toolbarbutton-menubutton-dropmarker:not([disabled]) > .dropmarker-icon,
#nav-bar #nav-bar-customization-target > .toolbarbutton-1:not([disabled=true]) > .toolbarbutton-menubutton-button[open] + .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
#nav-bar #nav-bar-customization-target > .toolbarbutton-1:not([disabled=true]):is(:hover,[open]) > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
#nav-bar #nav-bar-customization-target > .toolbarbutton-1:not([disabled=true]):is(:hover,[open]) > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
#nav-bar #nav-bar-customization-target > .toolbarbutton-1:not(#PlacesChevron, #back-button, #forward-button):not([disabled=true]):not([checked]):not([open]):not(:active):hover > .toolbarbutton-icon,
#nav-bar #nav-bar-customization-target > .toolbarbutton-1:not([disabled=true]):not([checked]):not([open]):not(:active):hover > .toolbarbutton-text,
#nav-bar #nav-bar-customization-target > .toolbarbutton-1:not([disabled=true]):not([checked]):not([open]):not(:active):hover > .toolbarbutton-badge-stack,
#nav-bar #nav-bar-customization-target > .toolbarbutton-1:not([buttonover]):not([open]):not(:active):hover > .toolbarbutton-menubutton-dropmarker:not([disabled]) > .dropmarker-icon,
#nav-bar > .toolbarbutton-1:not([disabled=true]) > .toolbarbutton-menubutton-button[open] + .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
#nav-bar > .toolbarbutton-1:not([disabled=true]):is(:hover,[open]) > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
#nav-bar > .toolbarbutton-1:not([disabled=true]):is(:hover,[open]) > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
#nav-bar > .toolbarbutton-1:not(#PlacesChevron):not([disabled=true]):not([checked]):not([open]):not(:active):hover > .toolbarbutton-icon,
#nav-bar > .toolbarbutton-1:not([disabled=true]):not([checked]):not([open]):not(:active):hover > .toolbarbutton-text,
#nav-bar > .toolbarbutton-1:not([disabled=true]):not([checked]):not([open]):not(:active):hover > .toolbarbutton-badge-stack,
#nav-bar > .toolbarbutton-1:not([buttonover]):not([open]):not(:active):hover > .toolbarbutton-menubutton-dropmarker:not([disabled]) > .dropmarker-icon,
#PanelUI-menu-button:not([open]):not(:active):hover .toolbarbutton-badge-stack, #unified-extensions-button:hover {
    background-image:  linear-gradient(rgba(255, 255, 255, 0.6) 7%, rgba(0,0,0,0) 30%)!important;
    box-shadow: var(--btn-box-shadow) !important;
    outline: var(--btn-border) !important;
    border-radius: 3px !important;
}
#nav-bar #nav-bar-customization-target > :is(#downloads-button).toolbarbutton-1:not([disabled="true"]):not([checked]):not([open]):not(:active):hover > .toolbarbutton-badge-stack,
#nav-bar #nav-bar-customization-target > :is(#downloads-button.toolbarbutton-1, #unified-extensions-button.toolbarbutton-1):not([disabled="true"]):not([checked]):not([open]):not(:active):hover > :is(.toolbarbutton-icon,.toolbarbutton-text){
    background: none !important;
    outline: none !important;
    box-shadow: none !important;

}

#nav-bar #nav-bar-customization-target > toolbaritem toolbarbutton:not(#PlacesChevron)[type="menu"][open]:not([disabled]):not(.bookmark-item):not([container="true"]) > .toolbarbutton-icon,
#nav-bar #nav-bar-customization-target > toolbaritem toolbarbutton:not(#PlacesChevron)[type="menu-button"]:not([open]):hover:not([disabled]):not(.bookmark-item):active > .toolbarbutton-icon,
#nav-bar #nav-bar-customization-target > toolbaritem .toolbarbutton-1 > .toolbarbutton-menubutton-button:not([disabled=true]):is(:hover:active,:active, [open]) > .toolbarbutton-icon,
#nav-bar #nav-bar-customization-target > toolbaritem .toolbarbutton-1[open] > .toolbarbutton-menubutton-dropmarker:not([disabled=true]) > .dropmarker-icon,
#nav-bar #nav-bar-customization-target > toolbaritem .toolbarbutton-1:not(#PlacesChevron):not([disabled=true]):is([open],[checked],:hover:active,:active) > .toolbarbutton-icon,
#nav-bar #nav-bar-customization-target > toolbaritem .toolbarbutton-1:not([disabled=true]):is([open],[checked],:hover:active,:active) > .toolbarbutton-text,
#nav-bar #nav-bar-customization-target > toolbaritem .toolbarbutton-1:not([disabled=true]):is([open],[checked],:hover:active,:active) > .toolbarbutton-badge-stack,
#nav-bar #nav-bar-customization-target > toolbarbutton:not(#PlacesChevron)[type="menu"][open]:not([disabled]):not(.bookmark-item):not([container="true"]) > .toolbarbutton-icon,
#nav-bar #nav-bar-customization-target > toolbarbutton:not(#PlacesChevron)[type="menu-button"]:not([open]):hover:not([disabled]):not(.bookmark-item):active > .toolbarbutton-icon,
#nav-bar #nav-bar-customization-target > .toolbarbutton-1 > .toolbarbutton-menubutton-button:not([disabled=true]):is(:hover:active,:active, [open]) > .toolbarbutton-icon,
#nav-bar #nav-bar-customization-target > .toolbarbutton-1[open] > .toolbarbutton-menubutton-dropmarker:not([disabled=true]) > .dropmarker-icon,
#nav-bar #nav-bar-customization-target > .toolbarbutton-1:not(#PlacesChevron, #back-button, #forward-button):not([disabled=true]):is([open],[checked],:hover:active,:active) > .toolbarbutton-icon,
#nav-bar #nav-bar-customization-target > .toolbarbutton-1:not([disabled=true]):is([open],[checked],:hover:active,:active) > .toolbarbutton-text,
#nav-bar #nav-bar-customization-target > .toolbarbutton-1:not([disabled=true]):is([open],[checked],:hover:active,:active) > .toolbarbutton-badge-stack,
#nav-bar > toolbarbutton:not(#PlacesChevron)[type="menu"][open]:not([disabled]):not(.bookmark-item):not([container="true"]) > .toolbarbutton-icon,
#nav-bar > toolbarbutton:not(#PlacesChevron)[type="menu-button"]:not([open]):hover:not([disabled]):not(.bookmark-item):active > .toolbarbutton-icon,
#nav-bar > .toolbarbutton-1 > .toolbarbutton-menubutton-button:not([disabled=true]):is(:hover:active,:active, [open]) > .toolbarbutton-icon,
#nav-bar > .toolbarbutton-1[open] > .toolbarbutton-menubutton-dropmarker:not([disabled=true]) > .dropmarker-icon,
#nav-bar > .toolbarbutton-1:not(#PlacesChevron):not([disabled=true]):is([open],[checked],:hover:active,:active) > .toolbarbutton-icon,
#nav-bar > .toolbarbutton-1:not([disabled=true]):is([open],[checked],:hover:active,:active) > .toolbarbutton-text,
#nav-bar > .toolbarbutton-1:not([disabled=true]):is([open],[checked],:hover:active,:active) > .toolbarbutton-badge-stack,
#PanelUI-menu-button:not([disabled=true]):is([open],[checked],:hover:active,:active) .toolbarbutton-badge-stack {
    background: linear-gradient(180deg, rgba(234, 246, 253, 0.73) 45%, rgba(190, 230, 253, 0.73) 0, rgba(167, 217, 245, 0.73)) !important;
    box-shadow: var(--btn-box-shadow) !important;
    border-radius: 3px !important;
    outline: var(--btn-border) !important;
    transition: 0.3s !important;
}
#nav-bar #nav-bar-customization-target > #downloads-button.toolbarbutton-1:not([disabled="true"]):is([open], [checked], :hover:active, :active) > .toolbarbutton-badge-stack,
#nav-bar #nav-bar-customization-target > :is(#downloads-button.toolbarbutton-1, #unified-extensions-button.toolbarbutton-1):not([disabled=true]):is([open],[checked],:hover:active,:active) > :is(.toolbarbutton-icon,.toolbarbutton-text){
    background: none !important;
    outline: none !important;
    box-shadow: none !important;
}
#nav-bar #nav-bar-customization-target > toolbaritem toolbarbutton[disabled=true] .toolbarbutton-icon,
#nav-bar #nav-bar-customization-target > toolbarbutton[disabled=true] .toolbarbutton-icon,
#nav-bar > toolbarbutton[disabled=true] > .toolbarbutton-icon {
    opacity: 1 !important;
}

#nav-bar #nav-bar-customization-target > toolbaritem toolbarbutton[disabled=true],
#nav-bar #nav-bar-customization-target > toolbarbutton[disabled=true],
#nav-bar > toolbarbutton[disabled=true] {
    opacity: 1.0 !important;
}

#nav-bar #nav-bar-customization-target > toolbaritem .toolbarbutton-1:not([disabled=true], [checked], [open], :active):hover > .toolbarbutton-icon,
#nav-bar #nav-bar-customization-target > toolbaritem .toolbarbutton-1:not([disabled=true], [checked], [open], :active):hover > .toolbarbutton-text,
#nav-bar #nav-bar-customization-target > toolbaritem .toolbarbutton-1:not([disabled=true], [checked], [open], :active):hover > .toolbarbutton-badge-stack,
#nav-bar #nav-bar-customization-target > .toolbarbutton-1:not([disabled=true], [checked], [open], :active):hover > .toolbarbutton-icon,
#nav-bar #nav-bar-customization-target > .toolbarbutton-1:not([disabled=true], [checked], [open], :active):hover > .toolbarbutton-text,
#nav-bar #nav-bar-customization-target > .toolbarbutton-1:not([disabled=true], [checked], [open], :active):hover > .toolbarbutton-badge-stack,
#nav-bar > .toolbarbutton-1:not([disabled=true], [checked], [open], :active):hover > .toolbarbutton-icon,
#nav-bar > .toolbarbutton-1:not([disabled=true], [checked], [open], :active):hover > .toolbarbutton-text,
#nav-bar > .toolbarbutton-1:not([disabled=true], [checked], [open], :active):hover > .toolbarbutton-badge-stack {
    background-color: transparent !important;
}

#nav-bar #nav-bar-customization-target > toolbaritem .toolbarbutton-1:not([disabled=true]):is([open],[checked],:hover:active) > .toolbarbutton-icon,
#nav-bar #nav-bar-customization-target > toolbaritem .toolbarbutton-1:not([disabled=true]):is([open],[checked],:hover:active) > .toolbarbutton-text,
#nav-bar #nav-bar-customization-target > toolbaritem .toolbarbutton-1:not([disabled=true]):is([open],[checked],:hover:active) > .toolbarbutton-badge-stack,
#nav-bar #nav-bar-customization-target > .toolbarbutton-1:not([disabled=true]):is([open],[checked],:hover:active) > .toolbarbutton-icon,
#nav-bar #nav-bar-customization-target > .toolbarbutton-1:not([disabled=true]):is([open],[checked],:hover:active) > .toolbarbutton-text,
#nav-bar #nav-bar-customization-target > .toolbarbutton-1:not([disabled=true]):is([open],[checked],:hover:active) > .toolbarbutton-badge-stack,
#nav-bar > .toolbarbutton-1:not([disabled=true]):is([open],[checked],:hover:active) > .toolbarbutton-icon,
#nav-bar > .toolbarbutton-1:not([disabled=true]):is([open],[checked],:hover:active) > .toolbarbutton-text,
#nav-bar > .toolbarbutton-1:not([disabled=true]):is([open],[checked],:hover:active) > .toolbarbutton-badge-stack {
    background-color: transparent !important;
}


#nav-bar #nav-bar-customization-target > toolbaritem :is(toolbarbutton.subviewbutton,.toolbaritem-combined-buttons:is(:not([cui-areatype="toolbar"]),[overflowedItem=true]) > toolbarbutton):not([disabled]):hover,
#nav-bar #nav-bar-customization-target > :is(toolbarbutton.subviewbutton,.toolbaritem-combined-buttons:is(:not([cui-areatype="toolbar"]),[overflowedItem=true]) > toolbarbutton):not([disabled]):hover,
#nav-bar > :is(toolbarbutton.subviewbutton,.toolbaritem-combined-buttons:is(:not([cui-areatype="toolbar"]),[overflowedItem=true]) > toolbarbutton):not([disabled]):hover {
    background-color: unset !important;
}
#nav-bar #nav-bar-customization-target > :is(#downloads-button, #unified-extensions-button){
    box-shadow: var(--btn-box-shadow), inset 0 -2px 8px 0 rgba(255, 255, 255, 0.8) !important;
    height: 28px !important;
    border-radius: 3px !important;
    transform: translateY(2px);
    z-index:2 !important;
    position: relative !important;
    backdrop-filter: blur(4px) !important;
    background: linear-gradient( transparent 48%, rgba(0,0,0,0.25) 55%, transparent) !important;
}
#nav-bar #nav-bar-customization-target > #downloads-button{
    margin-right: 5px !important;
}
#unified-extensions-button{
    margin-right: -1px !important;

}
#nav-bar #nav-bar-customization-target > :is(#downloads-button, #unified-extensions-button) .toolbarbutton-text{
    color: #fff !important;
    text-shadow: 1px 1px 2px #333 !important;

}
#nav-bar #nav-bar-customization-target > #downloads-button .toolbarbutton-badge-stack, #nav-bar #nav-bar-customization-target > #unified-extensions-button .toolbarbutton-icon{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
}


#nav-bar-customization-target{
    padding-bottom: 1px !important;
    height: 34px !important;
    padding-right: 2px !important;
}

#nav-bar #nav-bar-customization-target > #downloads-button .toolbarbutton-badge-stack{
    z-index: -2 !important;
}
#nav-bar #nav-bar-customization-target > :is(#downloads-button, #unified-extensions-button):after{
    background: linear-gradient(rgba(255, 255, 255,0.3) 90%, rgba(255, 255, 255, 0.7) 91%, rgba(255, 255, 255, 0.7) 94%, transparent 100%)!important;
    position: absolute;
    right: 0;
    transform: translateY(3px);
    height: 13px;
    width: 98px;
    content: "";
    z-index: 0;
    top:-2px;
   backdrop-filter: blur(1px);
    box-shadow: 0 1px 5px rgba(255, 255, 255, 0.8);
}

#nav-bar #nav-bar-customization-target > :is(#unified-extensions-button,#downloads-button):before{
    background: linear-gradient(transparent 30%, rgba(0,0,0, 0.07) 70%, transparent)!important;
    position: absolute;
    right: 2px;
    transform: translateY(3px);
    height: 13px;
    width: 93px;
    content: "";
    z-index: -1;
    top:-2px;
    backdrop-filter: blur(1px);
}
#nav-bar #nav-bar-customization-target > #downloads-button:before{
    width: 97px;
}

#nav-bar{
    background: linear-gradient( rgba(255, 255, 255, 0.4) 45%, rgba(135, 206, 235, 0.55) 46%, rgba(81, 202, 255, 0.2) 48%, transparent), linear-gradient( transparent 25%, rgba(81, 202, 255, 0.05) 40%, transparent) !important;
    box-shadow:   inset 0 -2px 4px 0 rgba(135, 206, 235, 0.7),inset 0 2px 6px 0 rgba(255, 255, 255, 0.4) !important;
    border-left:1px solid rgba(255, 255, 255, 0.4);
    border-bottom:1px solid rgba(255, 255, 255, 0.4);
    border-top:1px solid rgba(255, 255, 255, 0.5);

}
#nav-bar #nav-bar-customization-target{
    background: linear-gradient( rgba(255, 255, 255, 0.2) 45%, rgba(135, 206, 235, 0.35) 46%,
    rgba(81, 202, 255, 0.2) 48%, transparent), linear-gradient( transparent 25%, rgba(81, 202, 255, 0.05) 40%,
    transparent) !important;

}

#reload-button.toolbarbutton-1{
    z-index: 1!important;
    position: relative !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3), inset 0 -3px 6px rgba(255, 255, 255, 0.5) !important;
    height: 28px !important;
    border-radius: 3px !important;
    transform: translateY(2px);
    backdrop-filter: blur(4px) !important;
    background: linear-gradient( transparent 48%, rgba(0,0,0,0.2) 55%, transparent) !important;
    padding: 0 0 !important;
    margin-left: 6px !important;
}
#reload-button:after{
    background: linear-gradient(rgba(255, 255, 255,0.35) 90%, rgba(255, 255, 255, 0.7) 91%, rgba(255, 255, 255, 0.7) 94%, transparent 100%)!important;
    position: absolute;
    right: 1px;
    transform: translateY(2px);
    height: 13px;
    width: 26px;
    content: "";
    z-index: 0;
    top:-2px;
    backdrop-filter: blur(4px);
}
#reload-button:before{
    background: linear-gradient(transparent 30%, rgba(0,0,0,0.1) 70%, transparent)!important;
    position: absolute;
    right: 1px;
    transform: translateY(6px);
    height: 10px;
    width: 26px;
    content: "";
    z-index: -1;
    top:-2px;
    backdrop-filter: blur(4px);
}
#stop-button.toolbarbutton-1 {
    z-index: 1 !important;
    position: relative !important;
    padding: 0 0 !important;
    margin-left: 6px !important;
    transform: translateY(-1px);

}