floating url icons

/* Test 5 fresh profil buttons off */


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

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

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

#contextual-feature-recommendation,
#userContext-icons,
#reader-mode-button,
#pageActionButton,
#urlbar-zoom-button,
#translations-button,
#picture-in-picture-button,
#pageActionButton {
    display: none !important;
}

#urlbar-input {
    padding-inline: 9px !important;
}

/* opacity not hover, 0, testing 0.5 */

:is(#identity-box:not(.chromeUI) .identity-box-button, #tracking-protection-icon-container, #star-button-box):not(:hover, :hover:active, [open="true"]) {
    opacity: 0 !important;
}

/*  test colors */
/*
#star-button-box {
    background-color: khaki !important;
}

#identity-box:not(.chromeUI) .identity-box-button {
    background-color: lightblue !important;
}

#tracking-protection-icon-container {
    background-color: orange !important;
}*/

/*  hover, open colors */

:is(#identity-box:not(.chromeUI) .identity-box-button, #tracking-protection-icon-container, #star-button-box):hover {
    background-color: color-mix(in srgb, currentColor 17%, white) !important;
}

:is(#identity-box:not(.chromeUI) .identity-box-button, #tracking-protection-icon-container, #star-button-box)[open="true"] {
    background-color: color-mix(in srgb, currentColor 30%, white) !important;
}

/* positions */

:root {
    --custom-url-icon-size: calc(var(--urlbar-min-height) - 2px - 2 * var(--urlbar-container-padding));
}

#page-action-buttons:not(.chromeUI ~ #page-action-buttons) {
    position: absolute !important;
    right: 2px !important;
}

#identity-box:not(.chromeUI), #tracking-protection-icon-container {
    position: absolute !important;
    margin-inline: 0px !important;
    height: var(--custom-url-icon-size) !important;
    width: var(--custom-url-icon-size) !important;
    z-index: 2 !important;
}

#identity-box:not(.chromeUI) {
    right: calc(var(--custom-url-icon-size) + 4px) !important;
}

#tracking-protection-icon-container {
    right: calc(2*var(--custom-url-icon-size) + 6px) !important;
}