tab { --irs-ctxl-logo-opacity: 0.65; --irs-ctxl-logo-selected-opacity: 0.35; --logo-circle-style: url('data:image/svg+xml,'); .tab-context-line { width: 100% !important; -webkit-mask-image: var(--logo-circle-style) !important; mask-image: var(--logo-circle-style) !important; background-color: var(--identity-icon-color) !important; mask-repeat: no-repeat !important; mask-position: right center; mask-position-x: calc(100% + 20px); mask-size: contain; opacity: var(--irs-ctxl-logo-opacity); transition: mask-position-x 0.2s 0.15s ease-in; } &[zen-essential="true"] { .tab-context-line { background-position-x: calc(100% + 25px); mask-position-x: calc(100% + 25px) !important; } } &[selected] { .tab-context-line { mask-position-x: calc(100% + 15px); opacity: var(--irs-ctxl-logo-selected-opacity); } &[zen-essential="true"] { .tab-context-line { mask-position-x: calc(100% + 19px); } } } }