/* Generated by docs/design/colored-icons/build-integration.mjs. */

[data-otc-icon="access-rights"], img[src$="icons/colored/access-rights.svg"], img[src$="icons/colored/dark/access-rights.svg"] {
    --otc-icon-light: url("icons/colored/access-rights.svg");
    --otc-icon-dark: url("icons/colored/dark/access-rights.svg");
}

[data-otc-icon="add"], img[src$="icons/colored/add.svg"], img[src$="icons/colored/dark/add.svg"] {
    --otc-icon-light: url("icons/colored/add.svg");
    --otc-icon-dark: url("icons/colored/dark/add.svg");
}

[data-otc-icon="analysis"], img[src$="icons/colored/analysis.svg"], img[src$="icons/colored/dark/analysis.svg"] {
    --otc-icon-light: url("icons/colored/analysis.svg");
    --otc-icon-dark: url("icons/colored/dark/analysis.svg");
}

[data-otc-icon="archive"], img[src$="icons/colored/archive.svg"], img[src$="icons/colored/dark/archive.svg"] {
    --otc-icon-light: url("icons/colored/archive.svg");
    --otc-icon-dark: url("icons/colored/dark/archive.svg");
}

[data-otc-icon="arrow-back"], img[src$="icons/colored/arrow-back.svg"], img[src$="icons/colored/dark/arrow-back.svg"] {
    --otc-icon-light: url("icons/colored/arrow-back.svg");
    --otc-icon-dark: url("icons/colored/dark/arrow-back.svg");
}

[data-otc-icon="arrow-forward"], img[src$="icons/colored/arrow-forward.svg"], img[src$="icons/colored/dark/arrow-forward.svg"] {
    --otc-icon-light: url("icons/colored/arrow-forward.svg");
    --otc-icon-dark: url("icons/colored/dark/arrow-forward.svg");
}

[data-otc-icon="assignment"], img[src$="icons/colored/assignment.svg"], img[src$="icons/colored/dark/assignment.svg"] {
    --otc-icon-light: url("icons/colored/assignment.svg");
    --otc-icon-dark: url("icons/colored/dark/assignment.svg");
}

[data-otc-icon="attachment"], img[src$="icons/colored/attachment.svg"], img[src$="icons/colored/dark/attachment.svg"] {
    --otc-icon-light: url("icons/colored/attachment.svg");
    --otc-icon-dark: url("icons/colored/dark/attachment.svg");
}

[data-otc-icon="bank"], img[src$="icons/colored/bank.svg"], img[src$="icons/colored/dark/bank.svg"] {
    --otc-icon-light: url("icons/colored/bank.svg");
    --otc-icon-dark: url("icons/colored/dark/bank.svg");
}

[data-otc-icon="blocked"], img[src$="icons/colored/blocked.svg"], img[src$="icons/colored/dark/blocked.svg"] {
    --otc-icon-light: url("icons/colored/blocked.svg");
    --otc-icon-dark: url("icons/colored/dark/blocked.svg");
}

[data-otc-icon="book"], img[src$="icons/colored/book.svg"], img[src$="icons/colored/dark/book.svg"] {
    --otc-icon-light: url("icons/colored/book.svg");
    --otc-icon-dark: url("icons/colored/dark/book.svg");
}

[data-otc-icon="calendar-check"], img[src$="icons/colored/calendar-check.svg"], img[src$="icons/colored/dark/calendar-check.svg"] {
    --otc-icon-light: url("icons/colored/calendar-check.svg");
    --otc-icon-dark: url("icons/colored/dark/calendar-check.svg");
}

[data-otc-icon="calendar-disabled"], img[src$="icons/colored/calendar-disabled.svg"], img[src$="icons/colored/dark/calendar-disabled.svg"] {
    --otc-icon-light: url("icons/colored/calendar-disabled.svg");
    --otc-icon-dark: url("icons/colored/dark/calendar-disabled.svg");
}

[data-otc-icon="calendar-edit"], img[src$="icons/colored/calendar-edit.svg"], img[src$="icons/colored/dark/calendar-edit.svg"] {
    --otc-icon-light: url("icons/colored/calendar-edit.svg");
    --otc-icon-dark: url("icons/colored/dark/calendar-edit.svg");
}

[data-otc-icon="calendars"], img[src$="icons/colored/calendars.svg"], img[src$="icons/colored/dark/calendars.svg"] {
    --otc-icon-light: url("icons/colored/calendars.svg");
    --otc-icon-dark: url("icons/colored/dark/calendars.svg");
}

[data-otc-icon="chart"], img[src$="icons/colored/chart.svg"], img[src$="icons/colored/dark/chart.svg"] {
    --otc-icon-light: url("icons/colored/chart.svg");
    --otc-icon-dark: url("icons/colored/dark/chart.svg");
}

[data-otc-icon="chart-add"], img[src$="icons/colored/chart-add.svg"], img[src$="icons/colored/dark/chart-add.svg"] {
    --otc-icon-light: url("icons/colored/chart-add.svg");
    --otc-icon-dark: url("icons/colored/dark/chart-add.svg");
}

[data-otc-icon="check"], img[src$="icons/colored/check.svg"], img[src$="icons/colored/dark/check.svg"] {
    --otc-icon-light: url("icons/colored/check.svg");
    --otc-icon-dark: url("icons/colored/dark/check.svg");
}

[data-otc-icon="check-all"], img[src$="icons/colored/check-all.svg"], img[src$="icons/colored/dark/check-all.svg"] {
    --otc-icon-light: url("icons/colored/check-all.svg");
    --otc-icon-dark: url("icons/colored/dark/check-all.svg");
}

[data-otc-icon="check-circle"], img[src$="icons/colored/check-circle.svg"], img[src$="icons/colored/dark/check-circle.svg"] {
    --otc-icon-light: url("icons/colored/check-circle.svg");
    --otc-icon-dark: url("icons/colored/dark/check-circle.svg");
}

[data-otc-icon="chevron-down"], img[src$="icons/colored/chevron-down.svg"], img[src$="icons/colored/dark/chevron-down.svg"] {
    --otc-icon-light: url("icons/colored/chevron-down.svg");
    --otc-icon-dark: url("icons/colored/dark/chevron-down.svg");
}

[data-otc-icon="chevron-left"], img[src$="icons/colored/chevron-left.svg"], img[src$="icons/colored/dark/chevron-left.svg"] {
    --otc-icon-light: url("icons/colored/chevron-left.svg");
    --otc-icon-dark: url("icons/colored/dark/chevron-left.svg");
}

[data-otc-icon="chevron-right"], img[src$="icons/colored/chevron-right.svg"], img[src$="icons/colored/dark/chevron-right.svg"] {
    --otc-icon-light: url("icons/colored/chevron-right.svg");
    --otc-icon-dark: url("icons/colored/dark/chevron-right.svg");
}

[data-otc-icon="chevron-up"], img[src$="icons/colored/chevron-up.svg"], img[src$="icons/colored/dark/chevron-up.svg"] {
    --otc-icon-light: url("icons/colored/chevron-up.svg");
    --otc-icon-dark: url("icons/colored/dark/chevron-up.svg");
}

[data-otc-icon="clock"], img[src$="icons/colored/clock.svg"], img[src$="icons/colored/dark/clock.svg"] {
    --otc-icon-light: url("icons/colored/clock.svg");
    --otc-icon-dark: url("icons/colored/dark/clock.svg");
}

[data-otc-icon="close"], img[src$="icons/colored/close.svg"], img[src$="icons/colored/dark/close.svg"] {
    --otc-icon-light: url("icons/colored/close.svg");
    --otc-icon-dark: url("icons/colored/dark/close.svg");
}

[data-otc-icon="columns"], img[src$="icons/colored/columns.svg"], img[src$="icons/colored/dark/columns.svg"] {
    --otc-icon-light: url("icons/colored/columns.svg");
    --otc-icon-dark: url("icons/colored/dark/columns.svg");
}

[data-otc-icon="columns-left"], img[src$="icons/colored/columns-left.svg"], img[src$="icons/colored/dark/columns-left.svg"] {
    --otc-icon-light: url("icons/colored/columns-left.svg");
    --otc-icon-dark: url("icons/colored/dark/columns-left.svg");
}

[data-otc-icon="columns-right"], img[src$="icons/colored/columns-right.svg"], img[src$="icons/colored/dark/columns-right.svg"] {
    --otc-icon-light: url("icons/colored/columns-right.svg");
    --otc-icon-dark: url("icons/colored/dark/columns-right.svg");
}

[data-otc-icon="commodity-prices"], img[src$="icons/colored/commodity-prices.svg"], img[src$="icons/colored/dark/commodity-prices.svg"] {
    --otc-icon-light: url("icons/colored/commodity-prices.svg");
    --otc-icon-dark: url("icons/colored/dark/commodity-prices.svg");
}

[data-otc-icon="connection"], img[src$="icons/colored/connection.svg"], img[src$="icons/colored/dark/connection.svg"] {
    --otc-icon-light: url("icons/colored/connection.svg");
    --otc-icon-dark: url("icons/colored/dark/connection.svg");
}

[data-otc-icon="contact"], img[src$="icons/colored/contact.svg"], img[src$="icons/colored/dark/contact.svg"] {
    --otc-icon-light: url("icons/colored/contact.svg");
    --otc-icon-dark: url("icons/colored/dark/contact.svg");
}

[data-otc-icon="contract-add"], img[src$="icons/colored/contract-add.svg"], img[src$="icons/colored/dark/contract-add.svg"] {
    --otc-icon-light: url("icons/colored/contract-add.svg");
    --otc-icon-dark: url("icons/colored/dark/contract-add.svg");
}

[data-otc-icon="counterparties"], img[src$="icons/colored/counterparties.svg"], img[src$="icons/colored/dark/counterparties.svg"] {
    --otc-icon-light: url("icons/colored/counterparties.svg");
    --otc-icon-dark: url("icons/colored/dark/counterparties.svg");
}

[data-otc-icon="delete"], img[src$="icons/colored/delete.svg"], img[src$="icons/colored/dark/delete.svg"] {
    --otc-icon-light: url("icons/colored/delete.svg");
    --otc-icon-dark: url("icons/colored/dark/delete.svg");
}

[data-otc-icon="deselect"], img[src$="icons/colored/deselect.svg"], img[src$="icons/colored/dark/deselect.svg"] {
    --otc-icon-light: url("icons/colored/deselect.svg");
    --otc-icon-dark: url("icons/colored/dark/deselect.svg");
}

[data-otc-icon="devices"], img[src$="icons/colored/devices.svg"], img[src$="icons/colored/dark/devices.svg"] {
    --otc-icon-light: url("icons/colored/devices.svg");
    --otc-icon-dark: url("icons/colored/dark/devices.svg");
}

[data-otc-icon="document"], img[src$="icons/colored/document.svg"], img[src$="icons/colored/dark/document.svg"] {
    --otc-icon-light: url("icons/colored/document.svg");
    --otc-icon-dark: url("icons/colored/dark/document.svg");
}

[data-otc-icon="edit"], img[src$="icons/colored/edit.svg"], img[src$="icons/colored/dark/edit.svg"] {
    --otc-icon-light: url("icons/colored/edit.svg");
    --otc-icon-dark: url("icons/colored/dark/edit.svg");
}

[data-otc-icon="error"], img[src$="icons/colored/error.svg"], img[src$="icons/colored/dark/error.svg"] {
    --otc-icon-light: url("icons/colored/error.svg");
    --otc-icon-dark: url("icons/colored/dark/error.svg");
}

[data-otc-icon="exercise"], img[src$="icons/colored/exercise.svg"], img[src$="icons/colored/dark/exercise.svg"] {
    --otc-icon-light: url("icons/colored/exercise.svg");
    --otc-icon-dark: url("icons/colored/dark/exercise.svg");
}

[data-otc-icon="export-csv"], img[src$="icons/colored/export-csv.svg"], img[src$="icons/colored/dark/export-csv.svg"] {
    --otc-icon-light: url("icons/colored/export-csv.svg");
    --otc-icon-dark: url("icons/colored/dark/export-csv.svg");
}

[data-otc-icon="export-excel"], img[src$="icons/colored/export-excel.svg"], img[src$="icons/colored/dark/export-excel.svg"] {
    --otc-icon-light: url("icons/colored/export-excel.svg");
    --otc-icon-dark: url("icons/colored/dark/export-excel.svg");
}

[data-otc-icon="external-link"], img[src$="icons/colored/external-link.svg"], img[src$="icons/colored/dark/external-link.svg"] {
    --otc-icon-light: url("icons/colored/external-link.svg");
    --otc-icon-dark: url("icons/colored/dark/external-link.svg");
}

[data-otc-icon="eye"], img[src$="icons/colored/eye.svg"], img[src$="icons/colored/dark/eye.svg"] {
    --otc-icon-light: url("icons/colored/eye.svg");
    --otc-icon-dark: url("icons/colored/dark/eye.svg");
}

[data-otc-icon="eye-off"], img[src$="icons/colored/eye-off.svg"], img[src$="icons/colored/dark/eye-off.svg"] {
    --otc-icon-light: url("icons/colored/eye-off.svg");
    --otc-icon-dark: url("icons/colored/dark/eye-off.svg");
}

[data-otc-icon="filter"], img[src$="icons/colored/filter.svg"], img[src$="icons/colored/dark/filter.svg"] {
    --otc-icon-light: url("icons/colored/filter.svg");
    --otc-icon-dark: url("icons/colored/dark/filter.svg");
}

[data-otc-icon="first-page"], img[src$="icons/colored/first-page.svg"], img[src$="icons/colored/dark/first-page.svg"] {
    --otc-icon-light: url("icons/colored/first-page.svg");
    --otc-icon-dark: url("icons/colored/dark/first-page.svg");
}

[data-otc-icon="fixing"], img[src$="icons/colored/fixing.svg"], img[src$="icons/colored/dark/fixing.svg"] {
    --otc-icon-light: url("icons/colored/fixing.svg");
    --otc-icon-dark: url("icons/colored/dark/fixing.svg");
}

[data-otc-icon="folder"], img[src$="icons/colored/folder.svg"], img[src$="icons/colored/dark/folder.svg"] {
    --otc-icon-light: url("icons/colored/folder.svg");
    --otc-icon-dark: url("icons/colored/dark/folder.svg");
}

[data-otc-icon="fullscreen"], img[src$="icons/colored/fullscreen.svg"], img[src$="icons/colored/dark/fullscreen.svg"] {
    --otc-icon-light: url("icons/colored/fullscreen.svg");
    --otc-icon-dark: url("icons/colored/dark/fullscreen.svg");
}

[data-otc-icon="fullscreen-exit"], img[src$="icons/colored/fullscreen-exit.svg"], img[src$="icons/colored/dark/fullscreen-exit.svg"] {
    --otc-icon-light: url("icons/colored/fullscreen-exit.svg");
    --otc-icon-dark: url("icons/colored/dark/fullscreen-exit.svg");
}

[data-otc-icon="fx"], img[src$="icons/colored/fx.svg"], img[src$="icons/colored/dark/fx.svg"] {
    --otc-icon-light: url("icons/colored/fx.svg");
    --otc-icon-dark: url("icons/colored/dark/fx.svg");
}

[data-otc-icon="globe"], img[src$="icons/colored/globe.svg"], img[src$="icons/colored/dark/globe.svg"] {
    --otc-icon-light: url("icons/colored/globe.svg");
    --otc-icon-dark: url("icons/colored/dark/globe.svg");
}

[data-otc-icon="help"], img[src$="icons/colored/help.svg"], img[src$="icons/colored/dark/help.svg"] {
    --otc-icon-light: url("icons/colored/help.svg");
    --otc-icon-dark: url("icons/colored/dark/help.svg");
}

[data-otc-icon="history"], img[src$="icons/colored/history.svg"], img[src$="icons/colored/dark/history.svg"] {
    --otc-icon-light: url("icons/colored/history.svg");
    --otc-icon-dark: url("icons/colored/dark/history.svg");
}

[data-otc-icon="information"], img[src$="icons/colored/information.svg"], img[src$="icons/colored/dark/information.svg"] {
    --otc-icon-light: url("icons/colored/information.svg");
    --otc-icon-dark: url("icons/colored/dark/information.svg");
}

[data-otc-icon="key"], img[src$="icons/colored/key.svg"], img[src$="icons/colored/dark/key.svg"] {
    --otc-icon-light: url("icons/colored/key.svg");
    --otc-icon-dark: url("icons/colored/dark/key.svg");
}

[data-otc-icon="last-page"], img[src$="icons/colored/last-page.svg"], img[src$="icons/colored/dark/last-page.svg"] {
    --otc-icon-light: url("icons/colored/last-page.svg");
    --otc-icon-dark: url("icons/colored/dark/last-page.svg");
}

[data-otc-icon="lifecycle"], img[src$="icons/colored/lifecycle.svg"], img[src$="icons/colored/dark/lifecycle.svg"] {
    --otc-icon-light: url("icons/colored/lifecycle.svg");
    --otc-icon-dark: url("icons/colored/dark/lifecycle.svg");
}

[data-otc-icon="list"], img[src$="icons/colored/list.svg"], img[src$="icons/colored/dark/list.svg"] {
    --otc-icon-light: url("icons/colored/list.svg");
    --otc-icon-dark: url("icons/colored/dark/list.svg");
}

[data-otc-icon="lock"], img[src$="icons/colored/lock.svg"], img[src$="icons/colored/dark/lock.svg"] {
    --otc-icon-light: url("icons/colored/lock.svg");
    --otc-icon-dark: url("icons/colored/dark/lock.svg");
}

[data-otc-icon="login"], img[src$="icons/colored/login.svg"], img[src$="icons/colored/dark/login.svg"] {
    --otc-icon-light: url("icons/colored/login.svg");
    --otc-icon-dark: url("icons/colored/dark/login.svg");
}

[data-otc-icon="logout"], img[src$="icons/colored/logout.svg"], img[src$="icons/colored/dark/logout.svg"] {
    --otc-icon-light: url("icons/colored/logout.svg");
    --otc-icon-dark: url("icons/colored/dark/logout.svg");
}

[data-otc-icon="mail-forward"], img[src$="icons/colored/mail-forward.svg"], img[src$="icons/colored/dark/mail-forward.svg"] {
    --otc-icon-light: url("icons/colored/mail-forward.svg");
    --otc-icon-dark: url("icons/colored/dark/mail-forward.svg");
}

[data-otc-icon="markets"], img[src$="icons/colored/markets.svg"], img[src$="icons/colored/dark/markets.svg"] {
    --otc-icon-light: url("icons/colored/markets.svg");
    --otc-icon-dark: url("icons/colored/dark/markets.svg");
}

[data-otc-icon="menu"], img[src$="icons/colored/menu.svg"], img[src$="icons/colored/dark/menu.svg"] {
    --otc-icon-light: url("icons/colored/menu.svg");
    --otc-icon-dark: url("icons/colored/dark/menu.svg");
}

[data-otc-icon="minus"], img[src$="icons/colored/minus.svg"], img[src$="icons/colored/dark/minus.svg"] {
    --otc-icon-light: url("icons/colored/minus.svg");
    --otc-icon-dark: url("icons/colored/dark/minus.svg");
}

[data-otc-icon="more"], img[src$="icons/colored/more.svg"], img[src$="icons/colored/dark/more.svg"] {
    --otc-icon-light: url("icons/colored/more.svg");
    --otc-icon-dark: url("icons/colored/dark/more.svg");
}

[data-otc-icon="no-encryption"], img[src$="icons/colored/no-encryption.svg"], img[src$="icons/colored/dark/no-encryption.svg"] {
    --otc-icon-light: url("icons/colored/no-encryption.svg");
    --otc-icon-dark: url("icons/colored/dark/no-encryption.svg");
}

[data-otc-icon="options"], img[src$="icons/colored/options.svg"], img[src$="icons/colored/dark/options.svg"] {
    --otc-icon-light: url("icons/colored/options.svg");
    --otc-icon-dark: url("icons/colored/dark/options.svg");
}

[data-otc-icon="organization"], img[src$="icons/colored/organization.svg"], img[src$="icons/colored/dark/organization.svg"] {
    --otc-icon-light: url("icons/colored/organization.svg");
    --otc-icon-dark: url("icons/colored/dark/organization.svg");
}

[data-otc-icon="organization-add"], img[src$="icons/colored/organization-add.svg"], img[src$="icons/colored/dark/organization-add.svg"] {
    --otc-icon-light: url("icons/colored/organization-add.svg");
    --otc-icon-dark: url("icons/colored/dark/organization-add.svg");
}

[data-otc-icon="palette"], img[src$="icons/colored/palette.svg"], img[src$="icons/colored/dark/palette.svg"] {
    --otc-icon-light: url("icons/colored/palette.svg");
    --otc-icon-dark: url("icons/colored/dark/palette.svg");
}

[data-otc-icon="password"], img[src$="icons/colored/password.svg"], img[src$="icons/colored/dark/password.svg"] {
    --otc-icon-light: url("icons/colored/password.svg");
    --otc-icon-dark: url("icons/colored/dark/password.svg");
}

[data-otc-icon="pending"], img[src$="icons/colored/pending.svg"], img[src$="icons/colored/dark/pending.svg"] {
    --otc-icon-light: url("icons/colored/pending.svg");
    --otc-icon-dark: url("icons/colored/dark/pending.svg");
}

[data-otc-icon="percent"], img[src$="icons/colored/percent.svg"], img[src$="icons/colored/dark/percent.svg"] {
    --otc-icon-light: url("icons/colored/percent.svg");
    --otc-icon-dark: url("icons/colored/dark/percent.svg");
}

[data-otc-icon="portfolios"], img[src$="icons/colored/portfolios.svg"], img[src$="icons/colored/dark/portfolios.svg"] {
    --otc-icon-light: url("icons/colored/portfolios.svg");
    --otc-icon-dark: url("icons/colored/dark/portfolios.svg");
}

[data-otc-icon="positions"], img[src$="icons/colored/positions.svg"], img[src$="icons/colored/dark/positions.svg"] {
    --otc-icon-light: url("icons/colored/positions.svg");
    --otc-icon-dark: url("icons/colored/dark/positions.svg");
}

[data-otc-icon="refresh"], img[src$="icons/colored/refresh.svg"], img[src$="icons/colored/dark/refresh.svg"] {
    --otc-icon-light: url("icons/colored/refresh.svg");
    --otc-icon-dark: url("icons/colored/dark/refresh.svg");
}

[data-otc-icon="resize"], img[src$="icons/colored/resize.svg"], img[src$="icons/colored/dark/resize.svg"] {
    --otc-icon-light: url("icons/colored/resize.svg");
    --otc-icon-dark: url("icons/colored/dark/resize.svg");
}

[data-otc-icon="restore"], img[src$="icons/colored/restore.svg"], img[src$="icons/colored/dark/restore.svg"] {
    --otc-icon-light: url("icons/colored/restore.svg");
    --otc-icon-dark: url("icons/colored/dark/restore.svg");
}

[data-otc-icon="save"], img[src$="icons/colored/save.svg"], img[src$="icons/colored/dark/save.svg"] {
    --otc-icon-light: url("icons/colored/save.svg");
    --otc-icon-dark: url("icons/colored/dark/save.svg");
}

[data-otc-icon="search"], img[src$="icons/colored/search.svg"], img[src$="icons/colored/dark/search.svg"] {
    --otc-icon-light: url("icons/colored/search.svg");
    --otc-icon-dark: url("icons/colored/dark/search.svg");
}

[data-otc-icon="security-device"], img[src$="icons/colored/security-device.svg"], img[src$="icons/colored/dark/security-device.svg"] {
    --otc-icon-light: url("icons/colored/security-device.svg");
    --otc-icon-dark: url("icons/colored/dark/security-device.svg");
}

[data-otc-icon="select-all"], img[src$="icons/colored/select-all.svg"], img[src$="icons/colored/dark/select-all.svg"] {
    --otc-icon-light: url("icons/colored/select-all.svg");
    --otc-icon-dark: url("icons/colored/dark/select-all.svg");
}

[data-otc-icon="send"], img[src$="icons/colored/send.svg"], img[src$="icons/colored/dark/send.svg"] {
    --otc-icon-light: url("icons/colored/send.svg");
    --otc-icon-dark: url("icons/colored/dark/send.svg");
}

[data-otc-icon="settings"], img[src$="icons/colored/settings.svg"], img[src$="icons/colored/dark/settings.svg"] {
    --otc-icon-light: url("icons/colored/settings.svg");
    --otc-icon-dark: url("icons/colored/dark/settings.svg");
}

[data-otc-icon="shield-off"], img[src$="icons/colored/shield-off.svg"], img[src$="icons/colored/dark/shield-off.svg"] {
    --otc-icon-light: url("icons/colored/shield-off.svg");
    --otc-icon-dark: url("icons/colored/dark/shield-off.svg");
}

[data-otc-icon="sort"], img[src$="icons/colored/sort.svg"], img[src$="icons/colored/dark/sort.svg"] {
    --otc-icon-light: url("icons/colored/sort.svg");
    --otc-icon-dark: url("icons/colored/dark/sort.svg");
}

[data-otc-icon="sparkle"], img[src$="icons/colored/sparkle.svg"], img[src$="icons/colored/dark/sparkle.svg"] {
    --otc-icon-light: url("icons/colored/sparkle.svg");
    --otc-icon-dark: url("icons/colored/dark/sparkle.svg");
}

[data-otc-icon="table"], img[src$="icons/colored/table.svg"], img[src$="icons/colored/dark/table.svg"] {
    --otc-icon-light: url("icons/colored/table.svg");
    --otc-icon-dark: url("icons/colored/dark/table.svg");
}

[data-otc-icon="tip"], img[src$="icons/colored/tip.svg"], img[src$="icons/colored/dark/tip.svg"] {
    --otc-icon-light: url("icons/colored/tip.svg");
    --otc-icon-dark: url("icons/colored/dark/tip.svg");
}

[data-otc-icon="toggle"], img[src$="icons/colored/toggle.svg"], img[src$="icons/colored/dark/toggle.svg"] {
    --otc-icon-light: url("icons/colored/toggle.svg");
    --otc-icon-dark: url("icons/colored/dark/toggle.svg");
}

[data-otc-icon="undo"], img[src$="icons/colored/undo.svg"], img[src$="icons/colored/dark/undo.svg"] {
    --otc-icon-light: url("icons/colored/undo.svg");
    --otc-icon-dark: url("icons/colored/dark/undo.svg");
}

[data-otc-icon="unlock"], img[src$="icons/colored/unlock.svg"], img[src$="icons/colored/dark/unlock.svg"] {
    --otc-icon-light: url("icons/colored/unlock.svg");
    --otc-icon-dark: url("icons/colored/dark/unlock.svg");
}

[data-otc-icon="user"], img[src$="icons/colored/user.svg"], img[src$="icons/colored/dark/user.svg"] {
    --otc-icon-light: url("icons/colored/user.svg");
    --otc-icon-dark: url("icons/colored/dark/user.svg");
}

[data-otc-icon="user-add"], img[src$="icons/colored/user-add.svg"], img[src$="icons/colored/dark/user-add.svg"] {
    --otc-icon-light: url("icons/colored/user-add.svg");
    --otc-icon-dark: url("icons/colored/dark/user-add.svg");
}

[data-otc-icon="user-remove"], img[src$="icons/colored/user-remove.svg"], img[src$="icons/colored/dark/user-remove.svg"] {
    --otc-icon-light: url("icons/colored/user-remove.svg");
    --otc-icon-dark: url("icons/colored/dark/user-remove.svg");
}

[data-otc-icon="users-add"], img[src$="icons/colored/users-add.svg"], img[src$="icons/colored/dark/users-add.svg"] {
    --otc-icon-light: url("icons/colored/users-add.svg");
    --otc-icon-dark: url("icons/colored/dark/users-add.svg");
}

[data-otc-icon="users-remove"], img[src$="icons/colored/users-remove.svg"], img[src$="icons/colored/dark/users-remove.svg"] {
    --otc-icon-light: url("icons/colored/users-remove.svg");
    --otc-icon-dark: url("icons/colored/dark/users-remove.svg");
}

[data-otc-icon="value"], img[src$="icons/colored/value.svg"], img[src$="icons/colored/dark/value.svg"] {
    --otc-icon-light: url("icons/colored/value.svg");
    --otc-icon-dark: url("icons/colored/dark/value.svg");
}

[data-otc-icon="wallet"], img[src$="icons/colored/wallet.svg"], img[src$="icons/colored/dark/wallet.svg"] {
    --otc-icon-light: url("icons/colored/wallet.svg");
    --otc-icon-dark: url("icons/colored/dark/wallet.svg");
}

[data-otc-icon="warehouse"], img[src$="icons/colored/warehouse.svg"], img[src$="icons/colored/dark/warehouse.svg"] {
    --otc-icon-light: url("icons/colored/warehouse.svg");
    --otc-icon-dark: url("icons/colored/dark/warehouse.svg");
}

[data-otc-icon="warning"], img[src$="icons/colored/warning.svg"], img[src$="icons/colored/dark/warning.svg"] {
    --otc-icon-light: url("icons/colored/warning.svg");
    --otc-icon-dark: url("icons/colored/dark/warning.svg");
}

[data-otc-icon="workspace"], img[src$="icons/colored/workspace.svg"], img[src$="icons/colored/dark/workspace.svg"] {
    --otc-icon-light: url("icons/colored/workspace.svg");
    --otc-icon-dark: url("icons/colored/dark/workspace.svg");
}

.rzi-chevron-left, .rzi-caret-left {
    --otc-icon-light: url("icons/colored/chevron-left.svg");
    --otc-icon-dark: url("icons/colored/dark/chevron-left.svg");
}

.rzi-chevron-right, .rzi-caret-right, .rzi-chevron-circle-right {
    --otc-icon-light: url("icons/colored/chevron-right.svg");
    --otc-icon-dark: url("icons/colored/dark/chevron-right.svg");
}

.rzi-chevron-down, .rzi-caret-down, .rzi-chevron-circle-down {
    --otc-icon-light: url("icons/colored/chevron-down.svg");
    --otc-icon-dark: url("icons/colored/dark/chevron-down.svg");
}

.rz-navigation-item-icon-children {
    --otc-icon-light: url("icons/colored/chevron-down.svg");
    --otc-icon-dark: url("icons/colored/dark/chevron-down.svg");
}

.rzi-chevron-up, .rzi-caret-up {
    --otc-icon-light: url("icons/colored/chevron-up.svg");
    --otc-icon-dark: url("icons/colored/dark/chevron-up.svg");
}

.rzi-times, .rzi-close {
    --otc-icon-light: url("icons/colored/close.svg");
    --otc-icon-dark: url("icons/colored/dark/close.svg");
}

.rzi-search {
    --otc-icon-light: url("icons/colored/search.svg");
    --otc-icon-dark: url("icons/colored/dark/search.svg");
}

.rzi-plus {
    --otc-icon-light: url("icons/colored/add.svg");
    --otc-icon-dark: url("icons/colored/dark/add.svg");
}

.rzi-minus {
    --otc-icon-light: url("icons/colored/minus.svg");
    --otc-icon-dark: url("icons/colored/dark/minus.svg");
}

.rzi-check {
    --otc-icon-light: url("icons/colored/check.svg");
    --otc-icon-dark: url("icons/colored/dark/check.svg");
}

.rzi-calendar {
    --otc-icon-light: url("icons/colored/calendars.svg");
    --otc-icon-dark: url("icons/colored/dark/calendars.svg");
}

.rzi-time, .rzi-timespan {
    --otc-icon-light: url("icons/colored/clock.svg");
    --otc-icon-dark: url("icons/colored/dark/clock.svg");
}

.rzi-sort {
    --otc-icon-light: url("icons/colored/sort.svg");
    --otc-icon-dark: url("icons/colored/dark/sort.svg");
}

.rzi-sort-asc {
    --otc-icon-light: url("icons/colored/chevron-up.svg");
    --otc-icon-dark: url("icons/colored/dark/chevron-up.svg");
}

.rzi-sort-desc {
    --otc-icon-light: url("icons/colored/chevron-down.svg");
    --otc-icon-dark: url("icons/colored/dark/chevron-down.svg");
}

.rzi-step-backward {
    --otc-icon-light: url("icons/colored/first-page.svg");
    --otc-icon-dark: url("icons/colored/dark/first-page.svg");
}

.rzi-step-forward {
    --otc-icon-light: url("icons/colored/last-page.svg");
    --otc-icon-dark: url("icons/colored/dark/last-page.svg");
}

.rzi-reload, .rzi-circle-o-notch {
    --otc-icon-light: url("icons/colored/refresh.svg");
    --otc-icon-dark: url("icons/colored/dark/refresh.svg");
}

.rzi-ban {
    --otc-icon-light: url("icons/colored/blocked.svg");
    --otc-icon-dark: url("icons/colored/dark/blocked.svg");
}

.rzi-exclamation-triangle {
    --otc-icon-light: url("icons/colored/warning.svg");
    --otc-icon-dark: url("icons/colored/dark/warning.svg");
}

.rzi-info-circle {
    --otc-icon-light: url("icons/colored/information.svg");
    --otc-icon-dark: url("icons/colored/dark/information.svg");
}

.rz-chkbox-box .rzi-times {
    --otc-icon-light: url("icons/colored/minus.svg");
    --otc-icon-dark: url("icons/colored/dark/minus.svg");
}

.rz-notification-icon.rzi-times {
    --otc-icon-light: url("icons/colored/error.svg");
    --otc-icon-dark: url("icons/colored/dark/error.svg");
}

.rz-steps-prev .rzi {
    --otc-icon-light: url("icons/colored/chevron-left.svg");
    --otc-icon-dark: url("icons/colored/dark/chevron-left.svg");
}

.rz-steps-next .rzi {
    --otc-icon-light: url("icons/colored/chevron-right.svg");
    --otc-icon-dark: url("icons/colored/dark/chevron-right.svg");
}

.rz-colorpicker-trigger > .rzi {
    --otc-icon-light: url("icons/colored/chevron-down.svg");
    --otc-icon-dark: url("icons/colored/dark/chevron-down.svg");
}

.rz-alert.rz-success > .rz-alert-item > .rz-alert-icon {
    --otc-icon-light: url("icons/colored/check-circle.svg");
    --otc-icon-dark: url("icons/colored/dark/check-circle.svg");
}

.rz-alert.rz-danger > .rz-alert-item > .rz-alert-icon {
    --otc-icon-light: url("icons/colored/error.svg");
    --otc-icon-dark: url("icons/colored/dark/error.svg");
}

.rz-alert.rz-warning > .rz-alert-item > .rz-alert-icon {
    --otc-icon-light: url("icons/colored/warning.svg");
    --otc-icon-dark: url("icons/colored/dark/warning.svg");
}

.rz-alert.rz-info > .rz-alert-item > .rz-alert-icon {
    --otc-icon-light: url("icons/colored/information.svg");
    --otc-icon-dark: url("icons/colored/dark/information.svg");
}

.rz-alert:is(.rz-primary, .rz-secondary, .rz-light, .rz-dark, .rz-base) > .rz-alert-item > .rz-alert-icon {
    --otc-icon-light: url("icons/colored/tip.svg");
    --otc-icon-dark: url("icons/colored/dark/tip.svg");
}

.rz-alert > button.rz-button .rz-button-icon-left.rzi {
    --otc-icon-light: url("icons/colored/close.svg");
    --otc-icon-dark: url("icons/colored/dark/close.svg");
}

.rz-cell-filter-label > button[aria-haspopup="dialog"] > i.rzi {
    --otc-icon-light: url("icons/colored/calendars.svg");
    --otc-icon-dark: url("icons/colored/dark/calendars.svg");
}

.rz-filter-button > i.rzi {
    --otc-icon-light: url("icons/colored/filter.svg");
    --otc-icon-dark: url("icons/colored/dark/filter.svg");
}

.rz-datafilter-item-clear .rz-button-icon-left.rzi {
    --otc-icon-light: url("icons/colored/close.svg");
    --otc-icon-dark: url("icons/colored/dark/close.svg");
}

.rzi[data-otc-icon], .otc-colored-glyph, .rzi-chevron-left, .rzi-caret-left, .rzi-chevron-right, .rzi-caret-right, .rzi-chevron-circle-right, .rzi-chevron-down, .rzi-caret-down, .rzi-chevron-circle-down, .rz-navigation-item-icon-children, .rzi-chevron-up, .rzi-caret-up, .rzi-times, .rzi-close, .rzi-search, .rzi-plus, .rzi-minus, .rzi-check, .rzi-calendar, .rzi-time, .rzi-timespan, .rzi-sort, .rzi-sort-asc, .rzi-sort-desc, .rzi-step-backward, .rzi-step-forward, .rzi-reload, .rzi-circle-o-notch, .rzi-ban, .rzi-exclamation-triangle, .rzi-info-circle, .rz-chkbox-box .rzi-times, .rz-notification-icon.rzi-times, .rz-steps-prev .rzi, .rz-steps-next .rzi, .rz-colorpicker-trigger > .rzi, .rz-alert.rz-success > .rz-alert-item > .rz-alert-icon, .rz-alert.rz-danger > .rz-alert-item > .rz-alert-icon, .rz-alert.rz-warning > .rz-alert-item > .rz-alert-icon, .rz-alert.rz-info > .rz-alert-item > .rz-alert-icon, .rz-alert:is(.rz-primary, .rz-secondary, .rz-light, .rz-dark, .rz-base) > .rz-alert-item > .rz-alert-icon, .rz-alert > button.rz-button .rz-button-icon-left.rzi, .rz-cell-filter-label > button[aria-haspopup="dialog"] > i.rzi, .rz-filter-button > i.rzi, .rz-datafilter-item-clear .rz-button-icon-left.rzi {
    background-image: var(--otc-icon-light);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    color: transparent !important;
    text-shadow: none !important;
    inline-size: 1em;
    block-size: 1em;
    min-inline-size: 1em;
    flex-shrink: 0;
    overflow: hidden;
}

:is(.rzi[data-otc-icon], .otc-colored-glyph, .rzi-chevron-left, .rzi-caret-left, .rzi-chevron-right, .rzi-caret-right, .rzi-chevron-circle-right, .rzi-chevron-down, .rzi-caret-down, .rzi-chevron-circle-down, .rz-navigation-item-icon-children, .rzi-chevron-up, .rzi-caret-up, .rzi-times, .rzi-close, .rzi-search, .rzi-plus, .rzi-minus, .rzi-check, .rzi-calendar, .rzi-time, .rzi-timespan, .rzi-sort, .rzi-sort-asc, .rzi-sort-desc, .rzi-step-backward, .rzi-step-forward, .rzi-reload, .rzi-circle-o-notch, .rzi-ban, .rzi-exclamation-triangle, .rzi-info-circle, .rz-chkbox-box .rzi-times, .rz-notification-icon.rzi-times, .rz-steps-prev .rzi, .rz-steps-next .rzi, .rz-colorpicker-trigger > .rzi, .rz-alert.rz-success > .rz-alert-item > .rz-alert-icon, .rz-alert.rz-danger > .rz-alert-item > .rz-alert-icon, .rz-alert.rz-warning > .rz-alert-item > .rz-alert-icon, .rz-alert.rz-info > .rz-alert-item > .rz-alert-icon, .rz-alert:is(.rz-primary, .rz-secondary, .rz-light, .rz-dark, .rz-base) > .rz-alert-item > .rz-alert-icon, .rz-alert > button.rz-button .rz-button-icon-left.rzi, .rz-cell-filter-label > button[aria-haspopup="dialog"] > i.rzi, .rz-filter-button > i.rzi, .rz-datafilter-item-clear .rz-button-icon-left.rzi)::before { content: none !important; }

/* Shared glyphs use the bright variants on dark surfaces. */
html[data-otc-theme="dark"] .rzi[data-otc-icon],
html[data-otc-theme="dark"] .otc-colored-glyph,
html[data-otc-theme="dark"] .rzi-chevron-left,
html[data-otc-theme="dark"] .rzi-caret-left,
html[data-otc-theme="dark"] .rzi-chevron-right,
html[data-otc-theme="dark"] .rzi-caret-right,
html[data-otc-theme="dark"] .rzi-chevron-circle-right,
html[data-otc-theme="dark"] .rzi-chevron-down,
html[data-otc-theme="dark"] .rzi-caret-down,
html[data-otc-theme="dark"] .rzi-chevron-circle-down,
html[data-otc-theme="dark"] .rz-navigation-item-icon-children,
html[data-otc-theme="dark"] .rzi-chevron-up,
html[data-otc-theme="dark"] .rzi-caret-up,
html[data-otc-theme="dark"] .rzi-times,
html[data-otc-theme="dark"] .rzi-close,
html[data-otc-theme="dark"] .rzi-search,
html[data-otc-theme="dark"] .rzi-plus,
html[data-otc-theme="dark"] .rzi-minus,
html[data-otc-theme="dark"] .rzi-check,
html[data-otc-theme="dark"] .rzi-calendar,
html[data-otc-theme="dark"] .rzi-time,
html[data-otc-theme="dark"] .rzi-timespan,
html[data-otc-theme="dark"] .rzi-sort,
html[data-otc-theme="dark"] .rzi-sort-asc,
html[data-otc-theme="dark"] .rzi-sort-desc,
html[data-otc-theme="dark"] .rzi-step-backward,
html[data-otc-theme="dark"] .rzi-step-forward,
html[data-otc-theme="dark"] .rzi-reload,
html[data-otc-theme="dark"] .rzi-circle-o-notch,
html[data-otc-theme="dark"] .rzi-ban,
html[data-otc-theme="dark"] .rzi-exclamation-triangle,
html[data-otc-theme="dark"] .rzi-info-circle,
html[data-otc-theme="dark"] .rz-chkbox-box .rzi-times,
html[data-otc-theme="dark"] .rz-notification-icon.rzi-times,
html[data-otc-theme="dark"] .rz-steps-prev .rzi,
html[data-otc-theme="dark"] .rz-steps-next .rzi,
html[data-otc-theme="dark"] .rz-colorpicker-trigger > .rzi,
html[data-otc-theme="dark"] .rz-alert.rz-success > .rz-alert-item > .rz-alert-icon,
html[data-otc-theme="dark"] .rz-alert.rz-danger > .rz-alert-item > .rz-alert-icon,
html[data-otc-theme="dark"] .rz-alert.rz-warning > .rz-alert-item > .rz-alert-icon,
html[data-otc-theme="dark"] .rz-alert.rz-info > .rz-alert-item > .rz-alert-icon,
html[data-otc-theme="dark"] .rz-alert:is(.rz-primary, .rz-secondary, .rz-light, .rz-dark, .rz-base) > .rz-alert-item > .rz-alert-icon,
html[data-otc-theme="dark"] .rz-alert > button.rz-button .rz-button-icon-left.rzi,
html[data-otc-theme="dark"] .rz-cell-filter-label > button[aria-haspopup="dialog"] > i.rzi,
html[data-otc-theme="dark"] .rz-filter-button > i.rzi,
html[data-otc-theme="dark"] .rz-datafilter-item-clear .rz-button-icon-left.rzi {
    background-image: var(--otc-icon-dark);
}