:root {
    --color-light-neutral-translucent-500-inverted: rgba(228, 228, 251, 0.28);
    --color-light-neutral-translucent-500-inverted-hover: rgba(233, 233, 250, 0.37);
    --color-light-neutral-translucent-500-inverted-press: rgba(238, 238, 254, 0.46);
}
.clearIcon {
    color: var(--color-light-neutral-translucent-500-inverted);
}
.clearIcon:hover {
        color: var(--color-light-neutral-translucent-500-inverted-hover);
    }
.clearIcon:active {
        color: var(--color-light-neutral-translucent-500-inverted-press);
    }