/* DevExpress DevExtreme 24.2.8 icons from the bundled vendor fonts.
   Glyph codes are taken from dx.fluent.blue.light.css. Keep in sync on upgrades. */
@font-face {
    font-family: PictureViewerDevExpressFluent;
    src: url("../devextreme/24.2.8/css/icons/dxiconsfluent.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
    font-display: block;
}
@font-face {
    font-family: PictureViewerDevExpressGeneric;
    src: url("../devextreme/24.2.8/css/icons/dxicons.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
    font-display: block;
}
:root { --app-icon-font: PictureViewerDevExpressGeneric; --app-icon-shadow: none; }
:root[data-app-theme^="fluent-"] { --app-icon-font: PictureViewerDevExpressFluent; }
:root:is([data-app-theme="office-white-soft-3d-3x"], [data-app-theme="fluent-light-3d-3x"]) {
    --app-icon-shadow: 0 1px 0 rgb(255 255 255 / 85%), 2px 2px 2px rgb(36 54 75 / 25%);
}
:root:is([data-app-theme="office-white-soft-3d"], [data-app-theme="fluent-light-3d-5x"]) {
    --app-icon-shadow: 0 1px 0 #fff, 3px 3px 3px rgb(36 54 75 / 40%);
}
.pictureviewer-app .pictureviewer-icon {
    display: inline-block;
    font-family: var(--app-icon-font);
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.pictureviewer-app .pictureviewer-icon::before { text-shadow: var(--app-icon-shadow); }
.pictureviewer-app .pictureviewer-icon-add::before { content: "\f00b"; }
.pictureviewer-app .pictureviewer-icon-arrowleft::before { content: "\f011"; }
.pictureviewer-app .pictureviewer-icon-box::before { content: "\f018"; }
.pictureviewer-app .pictureviewer-icon-check::before { content: "\f005"; }
.pictureviewer-app .pictureviewer-icon-checklist::before { content: "\f141"; }
.pictureviewer-app .pictureviewer-icon-chevrondown::before { content: "\f016"; }
.pictureviewer-app .pictureviewer-icon-close::before { content: "\f00a"; }
.pictureviewer-app .pictureviewer-icon-codeblock::before { content: "\f085"; }
.pictureviewer-app .pictureviewer-icon-columnfield::before { content: "\f057"; }
.pictureviewer-app .pictureviewer-icon-docxfile::before { content: "\f110"; }
.pictureviewer-app .pictureviewer-icon-edit::before { content: "\f023"; }
.pictureviewer-app .pictureviewer-icon-event::before { content: "\f026"; }
.pictureviewer-app .pictureviewer-icon-export::before { content: "\f05f"; }
.pictureviewer-app .pictureviewer-icon-file::before { content: "\f021"; }
.pictureviewer-app .pictureviewer-icon-folder::before { content: "\f028"; }
.pictureviewer-app .pictureviewer-icon-folder-closed::before { content: "\f105"; }
.pictureviewer-app .pictureviewer-icon-help::before { content: "\f02f"; }
.pictureviewer-app .pictureviewer-icon-hidepanel::before { content: "\f11c"; }
.pictureviewer-app .pictureviewer-icon-home::before { content: "\f030"; }
.pictureviewer-app .pictureviewer-icon-image::before { content: "\f031"; }
.pictureviewer-app .pictureviewer-icon-menu::before { content: "\f00c"; }
.pictureviewer-app .pictureviewer-icon-money::before { content: "\f036"; }
.pictureviewer-app .pictureviewer-icon-pdffile::before { content: "\f118"; }
.pictureviewer-app .pictureviewer-icon-preferences::before { content: "\f03b"; }
.pictureviewer-app .pictureviewer-icon-product::before { content: "\f03c"; }
.pictureviewer-app .pictureviewer-icon-refresh::before { content: "\f03d"; }
.pictureviewer-app .pictureviewer-icon-rowfield::before { content: "\f058"; }
.pictureviewer-app .pictureviewer-icon-save::before { content: "\f041"; }
.pictureviewer-app .pictureviewer-icon-taskcomplete::before { content: "\f15b"; }
.pictureviewer-app .pictureviewer-icon-taskstop::before { content: "\f15e"; }
.pictureviewer-app .pictureviewer-icon-textdocument::before { content: "\f147"; }
.pictureviewer-app .pictureviewer-icon-trash::before { content: "\f03e"; }
.pictureviewer-app .pictureviewer-icon-txtfile::before { content: "\f113"; }
.pictureviewer-app .pictureviewer-icon-user::before { content: "\f02d"; }
.pictureviewer-app .pictureviewer-icon-warning::before { content: "\f06b"; }
.pictureviewer-app .pictureviewer-icon-xlsxfile::before { content: "\f117"; }

.pictureviewer-app .pictureviewer-icon-overflow::before { content: "\f00d"; }
.pictureviewer-app .pictureviewer-icon-revert::before { content: "\f04c"; }
.pictureviewer-app .pictureviewer-icon-upload::before { content: "\f006"; }
.pictureviewer-app .pictureviewer-icon-download::before { content: "\f022"; }
.pictureviewer-app .pictureviewer-icon-parentfolder::before { content: "\f122"; }
.pictureviewer-app .pictureviewer-icon-copy::before { content: "\f107"; }
.pictureviewer-app .pictureviewer-icon-movetofolder::before { content: "\f121"; }
.pictureviewer-app .pictureviewer-icon-login::before { content: "\f167"; }
.pictureviewer-app .pictureviewer-icon-minus::before { content: "\f074"; }
.pictureviewer-app .pictureviewer-icon-chevronprev::before { content: "\f012"; }
.pictureviewer-app .pictureviewer-icon-chevronright::before { content: "\f010"; }

/* Native FileManager glyphs and status images keep their vendor definitions. */
.pictureviewer-app :is(.file-explorer-host, .dx-filemanager-context-menu, .dx-filemanager-dialog, .dx-filemanager-view-switcher-popup) .dx-icon::before {
    text-shadow: var(--app-icon-shadow);
}
@media (forced-colors: active) {
    :root { --app-icon-shadow: none !important; }
}

/* Font formatting glyphs from the bundled DevExpress icon fonts. */
.pictureviewer-app .pictureviewer-icon-bold::before { content: "\f077"; }
.pictureviewer-app .pictureviewer-icon-italic::before { content: "\f078"; }
.pictureviewer-app .pictureviewer-icon-underline::before { content: "\f079"; }
.pictureviewer-app .pictureviewer-icon-strike::before { content: "\f07a"; }
.pictureviewer-app .pictureviewer-icon-clearformat::before { content: "\f092"; }

.pictureviewer-app .pictureviewer-icon-color::before { content: "\f07f"; }

.pictureviewer-app .pictureviewer-icon-fill::before { content: "\f10d"; }

/* Tasks uses the same theme-specific SVG artwork as the KeyNotes RichEdit ribbon.
   Assets are extracted from DevExpress.Blazor.RichEdit 24.2.8. */
.tasks-ribbon .task-rich-icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    mask: var(--task-rich-icon) center / contain no-repeat;
    -webkit-mask: var(--task-rich-icon) center / contain no-repeat;
}
.tasks-ribbon .task-rich-icon-bold { --task-rich-icon: url("../icons/task-ribbon/bold.svg"); }
:root[data-app-theme^="fluent-"] .tasks-ribbon .task-rich-icon-bold { --task-rich-icon: url("../icons/task-ribbon/bold-fluent.svg"); }
.tasks-ribbon .task-rich-icon-italic { --task-rich-icon: url("../icons/task-ribbon/italic.svg"); }
:root[data-app-theme^="fluent-"] .tasks-ribbon .task-rich-icon-italic { --task-rich-icon: url("../icons/task-ribbon/italic-fluent.svg"); }
.tasks-ribbon .task-rich-icon-underline { --task-rich-icon: url("../icons/task-ribbon/underline.svg"); }
:root[data-app-theme^="fluent-"] .tasks-ribbon .task-rich-icon-underline { --task-rich-icon: url("../icons/task-ribbon/underline-fluent.svg"); }
.tasks-ribbon .task-rich-icon-strikeout { --task-rich-icon: url("../icons/task-ribbon/strikeout.svg"); }
:root[data-app-theme^="fluent-"] .tasks-ribbon .task-rich-icon-strikeout { --task-rich-icon: url("../icons/task-ribbon/strikeout-fluent.svg"); }
.tasks-ribbon .task-rich-icon-clear-formatting { --task-rich-icon: url("../icons/task-ribbon/clear-formatting.svg"); }
:root[data-app-theme^="fluent-"] .tasks-ribbon .task-rich-icon-clear-formatting { --task-rich-icon: url("../icons/task-ribbon/clear-formatting-fluent.svg"); }
.tasks-ribbon .task-rich-icon-font-color { --task-rich-icon: url("../icons/task-ribbon/font-color.svg"); }
:root[data-app-theme^="fluent-"] .tasks-ribbon .task-rich-icon-font-color { --task-rich-icon: url("../icons/task-ribbon/font-color-fluent.svg"); }
.tasks-ribbon .task-rich-icon-highlight { --task-rich-icon: url("../icons/task-ribbon/highlight.svg"); }
:root[data-app-theme^="fluent-"] .tasks-ribbon .task-rich-icon-highlight { --task-rich-icon: url("../icons/task-ribbon/highlight-fluent.svg"); }