.tb-icon {
    width: 1rem;
    height: 1rem;
    background-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-mask-position: center center;
    background-position: center center;
    background-color: currentColor;
    opacity: 0.7;
}

.icon {
    width: 1rem;
    height: 1rem;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    mask-position: center center;
    -webkit-mask-mask-position: center center;
    background-repeat: no-repeat;
    background-color: var(--dxbl-btn-color);
}

.icon-about {
    -webkit-mask-image: url("../images/icons/about.svg");
    mask-image: url("../images/icons/about.svg");
}

.icon-accept-fluent {
    -webkit-mask-image: url("../images/icons/accept-fluent.svg");
    mask-image: url("../images/icons/accept-fluent.svg");
}

.icon-accept {
    -webkit-mask-image: url("../images/icons/accept.svg");
    mask-image: url("../images/icons/accept.svg");
}

.icon-add-fluent {
    -webkit-mask-image: url("../images/icons/add-fluent.svg");
    mask-image: url("../images/icons/add-fluent.svg");
}

.icon-add {
    -webkit-mask-image: url("../images/icons/add.svg");
    mask-image: url("../images/icons/add.svg");
}

.icon-address {
    -webkit-mask-image: url("../images/icons/address.svg");
    mask-image: url("../images/icons/address.svg");
}

.icon-alert {
    -webkit-mask-image: url("../images/icons/alert.svg");
    mask-image: url("../images/icons/alert.svg");
}

.icon-align-center {
    -webkit-mask-image: url("../images/icons/align-center.svg");
    mask-image: url("../images/icons/align-center.svg");
}

.icon-align-left {
    -webkit-mask-image: url("../images/icons/align-left.svg");
    mask-image: url("../images/icons/align-left.svg");
}

.icon-align-right {
    -webkit-mask-image: url("../images/icons/align-right.svg");
    mask-image: url("../images/icons/align-right.svg");
}

.icon-back {
    -webkit-mask-image: url("../images/icons/back.svg");
    mask-image: url("../images/icons/back.svg");
}

.icon-birthdate-fluent {
    -webkit-mask-image: url("../images/icons/birthdate-fluent.svg");
    mask-image: url("../images/icons/birthdate-fluent.svg");
}

.icon-birthdate {
    -webkit-mask-image: url("../images/icons/birthdate.svg");
    mask-image: url("../images/icons/birthdate.svg");
}

.icon-bold {
    -webkit-mask-image: url("../images/icons/bold.svg");
    mask-image: url("../images/icons/bold.svg");
}

.icon-bonus {
    -webkit-mask-image: url("../images/icons/bonus.svg");
    mask-image: url("../images/icons/bonus.svg");
}

.icon-bug {
    -webkit-mask-image: url("../images/icons/bug.svg");
    mask-image: url("../images/icons/bug.svg");
}

.icon-calendar {
    -webkit-mask-image: url("../images/icons/calendar.svg");
    mask-image: url("../images/icons/calendar.svg");
}

.icon-check {
    -webkit-mask-image: url("../images/icons/check.svg");
    mask-image: url("../images/icons/check.svg");
}

.icon-chevron-down {
    -webkit-mask-image: url("../images/icons/chevron-down.svg");
    mask-image: url("../images/icons/chevron-down.svg");
}

.icon-chevron-left-fluent {
    -webkit-mask-image: url("../images/icons/chevron-left-fluent.svg");
    mask-image: url("../images/icons/chevron-left-fluent.svg");
}

.icon-chevron-left-small {
    -webkit-mask-image: url("../images/icons/chevron-left-small.svg");
    mask-image: url("../images/icons/chevron-left-small.svg");
}

.icon-chevron-left {
    -webkit-mask-image: url("../images/icons/chevron-left.svg");
    mask-image: url("../images/icons/chevron-left.svg");
}

.icon-chevron-right-fluent {
    -webkit-mask-image: url("../images/icons/chevron-right-fluent.svg");
    mask-image: url("../images/icons/chevron-right-fluent.svg");
}

.icon-chevron-right-small {
    -webkit-mask-image: url("../images/icons/chevron-right-small.svg");
    mask-image: url("../images/icons/chevron-right-small.svg");
}

.icon-chevron-right {
    -webkit-mask-image: url("../images/icons/chevron-right.svg");
    mask-image: url("../images/icons/chevron-right.svg");
}

.icon-city-fluent {
    -webkit-mask-image: url("../images/icons/city-fluent.svg");
    mask-image: url("../images/icons/city-fluent.svg");
}

.icon-city {
    -webkit-mask-image: url("../images/icons/city.svg");
    mask-image: url("../images/icons/city.svg");
}

.icon-clear {
    -webkit-mask-image: url("../images/icons/clear.svg");
    mask-image: url("../images/icons/clear.svg");
}

.icon-close {
    -webkit-mask-image: url("../images/icons/close.svg");
    mask-image: url("../images/icons/close.svg");
}

.icon-collapse {
    -webkit-mask-image: url("../images/icons/collapse.svg");
    mask-image: url("../images/icons/collapse.svg");
}

.icon-column-chooser-fluent {
    -webkit-mask-image: url("../images/icons/column-chooser-fluent.svg");
    mask-image: url("../images/icons/column-chooser-fluent.svg");
}

.icon-column-chooser {
    -webkit-mask-image: url("../images/icons/column-chooser.svg");
    mask-image: url("../images/icons/column-chooser.svg");
}

.icon-contacts {
    -webkit-mask-image: url("../images/icons/contacts.svg");
    mask-image: url("../images/icons/contacts.svg");
}

.icon-continue {
    -webkit-mask-image: url("../images/icons/continue.svg");
    mask-image: url("../images/icons/continue.svg");
}

.icon-copy {
    -webkit-mask-image: url("../images/icons/copy.svg");
    mask-image: url("../images/icons/copy.svg");
}

.icon-counter {
    -webkit-mask-image: url("../images/icons/counter.svg");
    mask-image: url("../images/icons/counter.svg");
}

.icon-credit-card {
    -webkit-mask-image: url("../images/icons/credit-card.svg");
    mask-image: url("../images/icons/credit-card.svg");
}

.icon-cut {
    -webkit-mask-image: url("../images/icons/cut.svg");
    mask-image: url("../images/icons/cut.svg");
}

.icon-debit-card {
    -webkit-mask-image: url("../images/icons/debit-card.svg");
    mask-image: url("../images/icons/debit-card.svg");
}

.icon-delete-fluent {
    -webkit-mask-image: url("../images/icons/delete-fluent.svg");
    mask-image: url("../images/icons/delete-fluent.svg");
}

.icon-delete {
    -webkit-mask-image: url("../images/icons/delete.svg");
    mask-image: url("../images/icons/delete.svg");
}

.icon-demos {
    -webkit-mask-image: url("../images/icons/demos.svg");
    mask-image: url("../images/icons/demos.svg");
}

.icon-doc {
    -webkit-mask-image: url("../images/icons/doc.svg");
    mask-image: url("../images/icons/doc.svg");
}

.icon-document-color-fluent {
    -webkit-mask-image: url("../images/icons/document-color-fluent.svg");
    mask-image: url("../images/icons/document-color-fluent.svg");
}

.icon-document-color {
    -webkit-mask-image: url("../images/icons/document-color.svg");
    mask-image: url("../images/icons/document-color.svg");
}

.icon-dollar-fluent {
    -webkit-mask-image: url("../images/icons/dollar-fluent.svg");
    mask-image: url("../images/icons/dollar-fluent.svg");
}

.icon-dollar {
    -webkit-mask-image: url("../images/icons/dollar.svg");
    mask-image: url("../images/icons/dollar.svg");
}

.icon-drop-file-fluent {
    -webkit-mask-image: url("../images/icons/drop-file-fluent.svg");
    mask-image: url("../images/icons/drop-file-fluent.svg");
}

.icon-drop-file {
    -webkit-mask-image: url("../images/icons/drop-file.svg");
    mask-image: url("../images/icons/drop-file.svg");
}

.icon-edit {
    -webkit-mask-image: url("../images/icons/edit.svg");
    mask-image: url("../images/icons/edit.svg");
}

.icon-editor-clock {
    -webkit-mask-image: url("../images/icons/editor-clock.svg");
    mask-image: url("../images/icons/editor-clock.svg");
}

.icon-euro-fluent {
    -webkit-mask-image: url("../images/icons/euro-fluent.svg");
    mask-image: url("../images/icons/euro-fluent.svg");
}

.icon-euro {
    -webkit-mask-image: url("../images/icons/euro.svg");
    mask-image: url("../images/icons/euro.svg");
}

.icon-export-fluent {
    -webkit-mask-image: url("../images/icons/export-fluent.svg");
    mask-image: url("../images/icons/export-fluent.svg");
}

.icon-export-jpg {
    -webkit-mask-image: url("../images/icons/export-jpg.svg");
    mask-image: url("../images/icons/export-jpg.svg");
}

.icon-export-pdf {
    -webkit-mask-image: url("../images/icons/export-pdf.svg");
    mask-image: url("../images/icons/export-pdf.svg");
}

.icon-export-png {
    -webkit-mask-image: url("../images/icons/export-png.svg");
    mask-image: url("../images/icons/export-png.svg");
}

.icon-export {
    -webkit-mask-image: url("../images/icons/export.svg");
    mask-image: url("../images/icons/export.svg");
}

.icon-facebook-logo {
    -webkit-mask-image: url("../images/icons/facebook-logo.svg");
    mask-image: url("../images/icons/facebook-logo.svg");
}

.icon-flag-cn {
    -webkit-mask-image: url("../images/flags/cn.svg");
    mask-image: url("../images/flags/cn.svg");
    background-image: url("../images/flags/cn.svg");
}

.icon-flag-de {
    -webkit-mask-image: url("../images/flags/de.svg");
    mask-image: url("../images/flags/de.svg");
    background-image: url("../images/flags/de.svg");
}

.icon-flag-en {
    -webkit-mask-image: url("../images/flags/en.svg");
    mask-image: url("../images/flags/en.svg");
    background-image: url("../images/flags/en.svg");
}

.icon-flag-pl {
    -webkit-mask-image: url("../images/flags/pl.svg");
    mask-image: url("../images/flags/pl.svg");
    background-image: url("../images/flags/pl.svg");
}

.icon-folder-color-fluent {
    -webkit-mask-image: url("../images/icons/folder-color-fluent.svg");
    mask-image: url("../images/icons/folder-color-fluent.svg");
}

.icon-folder-color {
    -webkit-mask-image: url("../images/icons/folder-color.svg");
    mask-image: url("../images/icons/folder-color.svg");
}

.icon-folder {
    -webkit-mask-image: url("../images/icons/folder.svg");
    mask-image: url("../images/icons/folder.svg");
}

.icon-font {
    -webkit-mask-image: url("../images/icons/font.svg");
    mask-image: url("../images/icons/font.svg");
}

.icon-full-screen {
    -webkit-mask-image: url("../images/icons/full-screen.svg");
    mask-image: url("../images/icons/full-screen.svg");
}

.icon-google-logo {
    -webkit-mask-image: url("../images/icons/google-logo.svg");
    mask-image: url("../images/icons/google-logo.svg");
}

.icon-grid-move-left {
    -webkit-mask-image: url("../images/icons/grid-move-left.svg");
    mask-image: url("../images/icons/grid-move-left.svg");
}

.icon-grid-move-right {
    -webkit-mask-image: url("../images/icons/grid-move-right.svg");
    mask-image: url("../images/icons/grid-move-right.svg");
}

.icon-grid-reorder-down {
    -webkit-mask-image: url("../images/icons/grid-reorder-down.svg");
    mask-image: url("../images/icons/grid-reorder-down.svg");
}

.icon-grid-reorder-up {
    -webkit-mask-image: url("../images/icons/grid-reorder-up.svg");
    mask-image: url("../images/icons/grid-reorder-up.svg");
}

.icon-grid-toolbar-delete-fluent {
    -webkit-mask-image: url("../images/icons/grid-toolbar-delete-fluent.svg");
    mask-image: url("../images/icons/grid-toolbar-delete-fluent.svg");
}

.icon-grid-toolbar-delete {
    -webkit-mask-image: url("../images/icons/grid-toolbar-delete.svg");
    mask-image: url("../images/icons/grid-toolbar-delete.svg");
}

.icon-grid-toolbar-document {
    -webkit-mask-image: url("../images/icons/grid-toolbar-document.svg");
    mask-image: url("../images/icons/grid-toolbar-document.svg");
}

.icon-grid-toolbar-edit-fluent {
    -webkit-mask-image: url("../images/icons/grid-toolbar-edit-fluent.svg");
    mask-image: url("../images/icons/grid-toolbar-edit-fluent.svg");
}

.icon-grid-toolbar-edit {
    -webkit-mask-image: url("../images/icons/grid-toolbar-edit.svg");
    mask-image: url("../images/icons/grid-toolbar-edit.svg");
}

.icon-grid-toolbar-filter {
    -webkit-mask-image: url("../images/icons/grid-toolbar-filter.svg");
    mask-image: url("../images/icons/grid-toolbar-filter.svg");
}

.icon-grid-toolbar-new-fluent {
    -webkit-mask-image: url("../images/icons/grid-toolbar-new-fluent.svg");
    mask-image: url("../images/icons/grid-toolbar-new-fluent.svg");
}

.icon-grid-toolbar-new {
    -webkit-mask-image: url("../images/icons/grid-toolbar-new.svg");
    mask-image: url("../images/icons/grid-toolbar-new.svg");
}

.icon-grid-toolbar-refresh {
    -webkit-mask-image: url("../images/icons/grid-toolbar-refresh.svg");
    mask-image: url("../images/icons/grid-toolbar-refresh.svg");
}

.icon-hamburger {
    -webkit-mask-image: url("../images/icons/hamburger.svg");
    mask-image: url("../images/icons/hamburger.svg");
}

.icon-home {
    -webkit-mask-image: url("../images/icons/home.svg");
    mask-image: url("../images/icons/home.svg");
}

.icon-image-colors {
    -webkit-mask-image: url("../images/icons/image-colors.svg");
    mask-image: url("../images/icons/image-colors.svg");
}

.icon-info-circle {
    -webkit-mask-image: url("../images/icons/info-circle.svg");
    mask-image: url("../images/icons/info-circle.svg");
}

.icon-info {
    -webkit-mask-image: url("../images/icons/info.svg");
    mask-image: url("../images/icons/info.svg");
}

.icon-italic {
    -webkit-mask-image: url("../images/icons/italic.svg");
    mask-image: url("../images/icons/italic.svg");
}

.icon-last {
    -webkit-mask-image: url("../images/icons/last.svg");
    mask-image: url("../images/icons/last.svg");
}

.icon-like-fluent {
    -webkit-mask-image: url("../images/icons/like-fluent.svg");
    mask-image: url("../images/icons/like-fluent.svg");
}

.icon-like {
    -webkit-mask-image: url("../images/icons/like.svg");
    mask-image: url("../images/icons/like.svg");
}

.icon-link {
    -webkit-mask-image: url("../images/icons/link.svg");
    mask-image: url("../images/icons/link.svg");
}

.icon-lock-column {
    -webkit-mask-image: url("../images/icons/lock-column.svg");
    mask-image: url("../images/icons/lock-column.svg");
}

.icon-log-in {
    -webkit-mask-image: url("../images/icons/log-in.svg");
    mask-image: url("../images/icons/log-in.svg");
}

.icon-log-out {
    -webkit-mask-image: url("../images/icons/log-out.svg");
    mask-image: url("../images/icons/log-out.svg");
}

.icon-logo-color {
    -webkit-mask-image: url("../images/icons/logo-color.svg");
    mask-image: url("../images/icons/logo-color.svg");
}

.icon-logo-monochrome {
    -webkit-mask-image: url("../images/icons/logo-monochrome.svg");
    mask-image: url("../images/icons/logo-monochrome.svg");
}

.icon-logo-transparent.png {
    -webkit-mask-image: url("../images/icons/logo-transparent.png");
    mask-image: url("../images/icons/logo-transparent.png");
}

.icon-mail-fluent {
    -webkit-mask-image: url("../images/icons/mail-fluent.svg");
    mask-image: url("../images/icons/mail-fluent.svg");
}

.icon-mail {
    -webkit-mask-image: url("../images/icons/mail.svg");
    mask-image: url("../images/icons/mail.svg");
}

.icon-manage-email {
    -webkit-mask-image: url("../images/icons/manage-email.svg");
    mask-image: url("../images/icons/manage-email.svg");
}

.icon-manage-password {
    -webkit-mask-image: url("../images/icons/manage-password.svg");
    mask-image: url("../images/icons/manage-password.svg");
}

.icon-manage-personal {
    -webkit-mask-image: url("../images/icons/manage-personal.svg");
    mask-image: url("../images/icons/manage-personal.svg");
}

.icon-manage-profile {
    -webkit-mask-image: url("../images/icons/manage-profile.svg");
    mask-image: url("../images/icons/manage-profile.svg");
}

.icon-manage-two-factor {
    -webkit-mask-image: url("../images/icons/manage-two-factor.svg");
    mask-image: url("../images/icons/manage-two-factor.svg");
}

.icon-menu {
    -webkit-mask-image: url("../images/icons/menu.svg");
    mask-image: url("../images/icons/menu.svg");
}

.icon-microsoft-logo {
    -webkit-mask-image: url("../images/icons/microsoft-logo.svg");
    mask-image: url("../images/icons/microsoft-logo.svg");
}

.icon-minus {
    -webkit-mask-image: url("../images/icons/minus.svg");
    mask-image: url("../images/icons/minus.svg");
}

.icon-music-colors {
    -webkit-mask-image: url("../images/icons/music-colors.svg");
    mask-image: url("../images/icons/music-colors.svg");
}

.icon-music {
    -webkit-mask-image: url("../images/icons/music.svg");
    mask-image: url("../images/icons/music.svg");
}

.icon-paragraph {
    -webkit-mask-image: url("../images/icons/paragraph.svg");
    mask-image: url("../images/icons/paragraph.svg");
}

.icon-paste {
    -webkit-mask-image: url("../images/icons/paste.svg");
    mask-image: url("../images/icons/paste.svg");
}

.icon-pause {
    -webkit-mask-image: url("../images/icons/pause.svg");
    mask-image: url("../images/icons/pause.svg");
}

.icon-phone {
    -webkit-mask-image: url("../images/icons/phone.svg");
    mask-image: url("../images/icons/phone.svg");
}

.icon-pivot-table-green-arrow-up {
    -webkit-mask-image: url("../images/icons/pivot-table-green-arrow-up.svg");
    mask-image: url("../images/icons/pivot-table-green-arrow-up.svg");
}

.icon-pivot-table-red-arrow-down {
    -webkit-mask-image: url("../images/icons/pivot-table-red-arrow-down.svg");
    mask-image: url("../images/icons/pivot-table-red-arrow-down.svg");
}

.icon-pivot-table-yellow-arrow-down-right {
    -webkit-mask-image: url("../images/icons/pivot-table-yellow-arrow-down-right.svg");
    mask-image: url("../images/icons/pivot-table-yellow-arrow-down-right.svg");
}

.icon-pivot-table-yellow-arrow-right {
    -webkit-mask-image: url("../images/icons/pivot-table-yellow-arrow-right.svg");
    mask-image: url("../images/icons/pivot-table-yellow-arrow-right.svg");
}

.icon-pivot-table-yellow-arrow-up-right {
    -webkit-mask-image: url("../images/icons/pivot-table-yellow-arrow-up-right.svg");
    mask-image: url("../images/icons/pivot-table-yellow-arrow-up-right.svg");
}

.icon-plus {
    -webkit-mask-image: url("../images/icons/plus.svg");
    mask-image: url("../images/icons/plus.svg");
}

.icon-popup-birthday {
    -webkit-mask-image: url("../images/icons/popup-birthday.svg");
    mask-image: url("../images/icons/popup-birthday.svg");
}

.icon-popup-position-fluent {
    -webkit-mask-image: url("../images/icons/popup-position-fluent.svg");
    mask-image: url("../images/icons/popup-position-fluent.svg");
}

.icon-popup-position {
    -webkit-mask-image: url("../images/icons/popup-position.svg");
    mask-image: url("../images/icons/popup-position.svg");
}

.icon-popup-user-fluent {
    -webkit-mask-image: url("../images/icons/popup-user-fluent.svg");
    mask-image: url("../images/icons/popup-user-fluent.svg");
}

.icon-popup-user {
    -webkit-mask-image: url("../images/icons/popup-user.svg");
    mask-image: url("../images/icons/popup-user.svg");
}

.icon-popup-worked {
    -webkit-mask-image: url("../images/icons/popup-worked.svg");
    mask-image: url("../images/icons/popup-worked.svg");
}

.icon-products {
    -webkit-mask-image: url("../images/icons/products.svg");
    mask-image: url("../images/icons/products.svg");
}

.icon-quest-fluent {
    -webkit-mask-image: url("../images/icons/quest-fluent.svg");
    mask-image: url("../images/icons/quest-fluent.svg");
}

.icon-quest {
    -webkit-mask-image: url("../images/icons/quest.svg");
    mask-image: url("../images/icons/quest.svg");
}

.icon-redo-fluent {
    -webkit-mask-image: url("../images/icons/redo-fluent.svg");
    mask-image: url("../images/icons/redo-fluent.svg");
}

.icon-redo {
    -webkit-mask-image: url("../images/icons/redo.svg");
    mask-image: url("../images/icons/redo.svg");
}

.icon-refresh {
    -webkit-mask-image: url("../images/icons/refresh.svg");
    mask-image: url("../images/icons/refresh.svg");
}

.icon-save-fluent {
    -webkit-mask-image: url("../images/icons/save-fluent.svg");
    mask-image: url("../images/icons/save-fluent.svg");
}

.icon-save {
    -webkit-mask-image: url("../images/icons/save.svg");
    mask-image: url("../images/icons/save.svg");
}

.icon-scheduler-add-fluent {
    -webkit-mask-image: url("../images/icons/scheduler-add-fluent.svg");
    mask-image: url("../images/icons/scheduler-add-fluent.svg");
}

.icon-scheduler-add {
    -webkit-mask-image: url("../images/icons/scheduler-add.svg");
    mask-image: url("../images/icons/scheduler-add.svg");
}

.icon-scheduler-delete-fluent {
    -webkit-mask-image: url("../images/icons/scheduler-delete-fluent.svg");
    mask-image: url("../images/icons/scheduler-delete-fluent.svg");
}

.icon-scheduler-delete {
    -webkit-mask-image: url("../images/icons/scheduler-delete.svg");
    mask-image: url("../images/icons/scheduler-delete.svg");
}

.icon-scheduler-drag-and-resize-fluent {
    -webkit-mask-image: url("../images/icons/scheduler-drag-and-resize-fluent.svg");
    mask-image: url("../images/icons/scheduler-drag-and-resize-fluent.svg");
}

.icon-scheduler-drag-and-resize {
    -webkit-mask-image: url("../images/icons/scheduler-drag-and-resize.svg");
    mask-image: url("../images/icons/scheduler-drag-and-resize.svg");
}

.icon-scheduler-drag-between-resources-fluent {
    -webkit-mask-image: url("../images/icons/scheduler-drag-between-resources-fluent.svg");
    mask-image: url("../images/icons/scheduler-drag-between-resources-fluent.svg");
}

.icon-scheduler-drag-between-resources {
    -webkit-mask-image: url("../images/icons/scheduler-drag-between-resources.svg");
    mask-image: url("../images/icons/scheduler-drag-between-resources.svg");
}

.icon-scheduler-edit-fluent {
    -webkit-mask-image: url("../images/icons/scheduler-edit-fluent.svg");
    mask-image: url("../images/icons/scheduler-edit-fluent.svg");
}

.icon-scheduler-edit {
    -webkit-mask-image: url("../images/icons/scheduler-edit.svg");
    mask-image: url("../images/icons/scheduler-edit.svg");
}

.icon-scheduler-navigator-fluent {
    -webkit-mask-image: url("../images/icons/scheduler-navigator-fluent.svg");
    mask-image: url("../images/icons/scheduler-navigator-fluent.svg");
}

.icon-scheduler-navigator {
    -webkit-mask-image: url("../images/icons/scheduler-navigator.svg");
    mask-image: url("../images/icons/scheduler-navigator.svg");
}

.icon-scheduler-no-tooltip-fluent {
    -webkit-mask-image: url("../images/icons/scheduler-no-tooltip-fluent.svg");
    mask-image: url("../images/icons/scheduler-no-tooltip-fluent.svg");
}

.icon-scheduler-no-tooltip {
    -webkit-mask-image: url("../images/icons/scheduler-no-tooltip.svg");
    mask-image: url("../images/icons/scheduler-no-tooltip.svg");
}

.icon-search {
    -webkit-mask-image: url("../images/icons/search.svg");
    mask-image: url("../images/icons/search.svg");
}

.icon-settings {
    -webkit-mask-image: url("../images/icons/settings.svg");
    mask-image: url("../images/icons/settings.svg");
}

.icon-sort {
    -webkit-mask-image: url("../images/icons/sort.svg");
    mask-image: url("../images/icons/sort.svg");
}

.icon-support {
    -webkit-mask-image: url("../images/icons/support.svg");
    mask-image: url("../images/icons/support.svg");
}

.icon-theme-icon {
    -webkit-mask-image: url("../images/icons/theme-icon.svg");
    mask-image: url("../images/icons/theme-icon.svg");
}

.icon-time-fluent {
    -webkit-mask-image: url("../images/icons/time-fluent.svg");
    mask-image: url("../images/icons/time-fluent.svg");
}

.icon-time {
    -webkit-mask-image: url("../images/icons/time.svg");
    mask-image: url("../images/icons/time.svg");
}

.icon-total {
    -webkit-mask-image: url("../images/icons/total.svg");
    mask-image: url("../images/icons/total.svg");
}

.icon-underline {
    -webkit-mask-image: url("../images/icons/underline.svg");
    mask-image: url("../images/icons/underline.svg");
}

.icon-undo-fluent {
    -webkit-mask-image: url("../images/icons/undo-fluent.svg");
    mask-image: url("../images/icons/undo-fluent.svg");
}

.icon-undo {
    -webkit-mask-image: url("../images/icons/undo.svg");
    mask-image: url("../images/icons/undo.svg");
}

.icon-user-profile {
    -webkit-mask-image: url("../images/icons/user-profile.svg");
    mask-image: url("../images/icons/user-profile.svg");
}

.icon-user {
    -webkit-mask-image: url("../images/icons/user.svg");
    mask-image: url("../images/icons/user.svg");
}

.icon-validation-warning {
    -webkit-mask-image: url("../images/icons/validation-warning.svg");
    mask-image: url("../images/icons/validation-warning.svg");
}

.icon-video-colors {
    -webkit-mask-image: url("../images/icons/video-colors.svg");
    mask-image: url("../images/icons/video-colors.svg");
}

.icon-video {
    -webkit-mask-image: url("../images/icons/video.svg");
    mask-image: url("../images/icons/video.svg");
}

.icon-watermark {
    -webkit-mask-image: url("../images/icons/watermark.svg");
    mask-image: url("../images/icons/watermark.svg");
}

.icon-weather {
    -webkit-mask-image: url("../images/icons/weather.svg");
    mask-image: url("../images/icons/weather.svg");
}

.icon-x-logo {
    -webkit-mask-image: url("../images/icons/x-logo.svg");
    mask-image: url("../images/icons/x-logo.svg");
}