.icon-wrapper-dikdewwx:active,
.icon-wrapper-dikdewwx:focus {
    color: var(--ui-lib-icon-qi-color, var(--ui-lib-icon-qi-default-color))
}

@media (any-hover:hover) {
    .icon-wrapper-dikdewwx:hover {
        color: var(--ui-lib-icon-qi-color, var(--ui-lib-icon-qi-default-color))
    }
}

@media (hover:hover) and (pointer:fine) {
    @media (any-hover: hover) {
        .icon-wrapper-dikdewwx:hover {
            color:var(--ui-lib-icon-qi-color-hover, var(--ui-lib-icon-qi-default-color-hover))
        }
    }
    .icon-wrapper-dikdewwx:active {
        color: var(--ui-lib-icon-qi-color-active, var(--ui-lib-icon-qi-default-color-active))
    }
}

@media (hover:none) and (pointer:coarse) {
    .with-tooltip-dikdewwx:focus-visible {
        color: var(--ui-lib-icon-qi-color-hover, var(--ui-lib-icon-qi-default-color-hover))
    }
    body:has(#tooltip-root-element *) .with-tooltip-dikdewwx:focus {
        color: var(--ui-lib-icon-qi-color-hover, var(--ui-lib-icon-qi-default-color-hover))
    }
    @media (any-hover:hover) {
        body:has(#tooltip-root-element *) .with-tooltip-dikdewwx:hover {
            color: var(--ui-lib-icon-qi-color-hover, var(--ui-lib-icon-qi-default-color-hover))
        }
    }
    body:has(#tooltip-root-element *) .with-tooltip-dikdewwx:active {
        color: var(--ui-lib-icon-qi-color-active, var(--ui-lib-icon-qi-default-color-active))
    }
}

.no-active-state-dikdewwx {
    --ui-lib-icon-qi-color-active: var(--ui-lib-icon-qi-color-hover, var(--ui-lib-icon-qi-default-color-hover))
}