/******************************************************************************* CommonStyles.h Pulls in all of the basic styles used by Command UI. *******************************************************************************/ /******************************************************************************* CustomPropertiesFallbackMixins.h.less Less Mixins which can be used for CSS custom properties. CSS custom properties are not supported by IE11, so these Mixins specify fallback values which IE11 will use instead of the custom properties. They also specify fallbacks for the custom properties in case they are not defined. *******************************************************************************/ /* Inserts color property where called. * @customPropertyName - Name of custom property to use for color * @fallback - color value to use as fallback if custom properties are unsupported, or if @customPropertyName is undefined */ /* Inserts !important color property where called. * @customPropertyName - Name of custom property to use for color * @fallback - color value to use as fallback if custom properties are unsupported, or if @customPropertyName is undefined */ /* Inserts background-color property where called. * @customPropertyName - Name of custom property to use for background-color * @fallback - background-color value to use as fallback if custom properties are unsupported, or if @customPropertyName is undefined */ /* Inserts !important background-color property where called. * @customPropertyName - Name of custom property to use for background-color * @fallback - background-color value to use as fallback if custom properties are unsupported, or if @customPropertyName is undefined */ /* Inserts border-color property where called. * @customPropertyName - Name of custom property to use for border-color * @fallback - border-color value to use as fallback if custom properties are unsupported, or if @customPropertyName is undefined */ /* Inserts !important border-color property where called. * @customPropertyName - Name of custom property to use for border-color * @fallback - border-color value to use as fallback if custom properties are unsupported, or if @customPropertyName is undefined */ /* Inserts border-top property where called. * @width - width value for border-top (a.k.a. border-top-width) * @style - style value for border-top (a.k.a. border-top-style) * @customPropertyName - Name of custom property to use for border-top-color * @fallback - color value for border-top (a.k.a. border-top-color) to use as fallback if custom properties are unsupported, or if @customPropertyName is undefined */ /* Inserts border-bottom property where called. * @width - width value for border-bottom (a.k.a. border-bottom-width) * @style - style value for border-bottom (a.k.a. border-bottom-style) * @customPropertyName - Name of custom property to use for border-bottom-color * @fallback - color value for border-bottom (a.k.a. border-bottom-color) to use as fallback if custom properties are unsupported, or if @customPropertyName is undefined */ /* Inserts border-left property where called. * @width - width value for border-left (a.k.a. border-left-width) * @style - style value for border-left (a.k.a. border-left-style) * @customPropertyName - Name of custom property to use for border-left-color * @fallback - color value for border-left (a.k.a. border-left-color) to use as fallback if custom properties are unsupported, or if @customPropertyName is undefined */ /* Inserts border-right property where called. * @width - width value for border-right (a.k.a. border-right-width) * @style - style value for border-right (a.k.a. border-right-style) * @customPropertyName - Name of custom property to use for border-right-color * @fallback - color value for border-right (a.k.a. border-right-color) to use as fallback if custom properties are unsupported, or if @customPropertyName is undefined */ /* Inserts !important border-left property where called. * @width - width value for border-left (a.k.a. border-left-width) * @style - style value for border-left (a.k.a. border-left-style) * @customColor - Name of custom property to use for border-left-color * @fallbackColor - color value for border-left (a.k.a. border-left-color) to use as fallback if custom properties are unsupported, or if @customColor is undefined */ /* Inserts !important border-right property where called. * @width - width value for border-right (a.k.a. border-right-width) * @style - style value for border-right (a.k.a. border-right-style) * @customColor - Name of custom property to use for border-right-color * @fallbackColor - color value for border-right (a.k.a. border-right-color) to use as fallback if custom properties are unsupported, or if @customColor is undefined */ /* Inserts outline property where called. * @width - width value for outline (a.k.a. outline-width) * @style - style value for border-right (a.k.a. outline-style) * @customColor - Name of custom property to use for outline-color * @fallbackColor - color value for outline (a.k.a. outline-color) to use as fallback if custom properties are unsupported, or if @customColor is undefined */ /* Inserts !important outline property where called. * @width - width value for outline (a.k.a. outline-width) * @style - style value for border-right (a.k.a. outline-style) * @customColor - Name of custom property to use for outline-color * @fallbackColor - color value for outline (a.k.a. outline-color) to use as fallback if custom properties are unsupported, or if @customColor is undefined */ /* Inserts background-image property where called. * @customBackgroundImage - Name of custom property to use for background-image * @fallbackBackgroundImage - background-image value to use as fallback if custom properties are unsupported, or if @customPropertyName is undefined */ FocusedContentControl* { margin: 0; padding: 0; } .EditingSurfaceBody { background-color: transparent; border: none; outline: none; } .EditingSurfaceBody, .EditingSurfaceBody * { -ms-touch-select: none; /* make text input areas selectable (see Office15 bug 153069 and OfficeMain: 1575471, 1602114) */ -webkit-user-select: text; /* Safari and Chrome */ -khtml-user-select: text; /* Safari and Chrome (older versions) */ -moz-user-select: text; /* FireFox */ -ms-user-select: text; /* IE 10+ */ } .EditMode span.SpellingError, .EditingSurfaceBody span.SpellingError { background-image: url('data:image/gif;base64,R0lGODlhBQAEAJECAP////8AAAAAAAAAACH5BAEAAAIALAAAAAAFAAQAAAIIlGAXCCHrTCgAOw=='); border-bottom: solid 1px transparent; } .EditMode span.DictationCorrection, .EditingSurfaceBody span.DictationCorrection { background-image: url("data:image/svg+xml;utf8,"); border-bottom: solid 1px transparent; } /* Currently contextual error and grammar error will be displayd the same */ .EditMode span.ContextualSpellingAndGrammarError, .EditingSurfaceBody span.ContextualSpellingAndGrammarError { background-image: url('data:image/gif;base64,R0lGODlhBQAEAPEDAABVzDNVzDNV/wAAACH5BAUAAAMALAAAAAAFAAQAAAIInC2QchYKQgEAOw=='); border-bottom: solid 1px transparent; } .EditMode span.AdvancedProofingIssue, .EditingSurfaceBody span.AdvancedProofingIssue { background-image: url('data:image/gif;base64,R0lGODlhBQAEAPABAJttFAAAACH5BAUAAAEALAAAAAAFAAQAAAIFjA2JelcAOw=='); border-bottom: solid 1px transparent; } /* The ordering of IntentIndicator, AdvancedProofingIssueV2, ContextualSpellingAndGrammarErrorV2, and SpellingErrorV2 is important. Here it means that IntentIndicator has the lowest priority, and SpellingErrorV2 has the highest. Legacy proofing errors don't overlap so the order of the last three don't matter. But the order of intents w.r.t. the other three is important to make sure that proofing squiggles show even when inside an intent. */ .EditMode span.AdvancedProofingIssueV2, .EditingSurfaceBody span.AdvancedProofingIssueV2 { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSIycHgiIHZpZXdCb3g9IjAgMCAxMCAyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA1Ny4xICg4MzA4OCkgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+aW5zaWdodF90ZXh0dXJlPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9Imluc2lnaHRfdGV4dHVyZSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ikdyb3VwLTItQ29weSI+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHg9IjAiIHk9IjAiIHdpZHRoPSIxMCIgaGVpZ2h0PSIyIj48L3JlY3Q+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0xLDEgTDUsMSIgaWQ9IkxpbmUtNCIgc3Ryb2tlPSIjNzE2MEU4IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+'); border-bottom: solid 1px transparent; } .EditMode span.AdvancedProofingIssueV2Themed, .EditingSurfaceBody span.AdvancedProofingIssueV2Themed { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSIycHgiIHZpZXdCb3g9IjAgMCAxMCAyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA1Ny4xICg4MzA4OCkgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+aW5zaWdodF90ZXh0dXJlPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9Imluc2lnaHRfdGV4dHVyZSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ikdyb3VwLTItQ29weSI+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHg9IjAiIHk9IjAiIHdpZHRoPSIxMCIgaGVpZ2h0PSIyIj48L3JlY3Q+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0xLDEgTDUsMSIgaWQ9IkxpbmUtNCIgc3Ryb2tlPSIjNzE2MEU4IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+'); background-image: var(--urlAdvancedProofingIssueV2, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSIycHgiIHZpZXdCb3g9IjAgMCAxMCAyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA1Ny4xICg4MzA4OCkgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+aW5zaWdodF90ZXh0dXJlPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9Imluc2lnaHRfdGV4dHVyZSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ikdyb3VwLTItQ29weSI+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHg9IjAiIHk9IjAiIHdpZHRoPSIxMCIgaGVpZ2h0PSIyIj48L3JlY3Q+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0xLDEgTDUsMSIgaWQ9IkxpbmUtNCIgc3Ryb2tlPSIjNzE2MEU4IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+')); border-bottom: solid 1px transparent; } .Themed .EditMode span.AdvancedProofingIssueV2, .Themed .EditingSurfaceBody span.AdvancedProofingIssueV2 { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSIycHgiIHZpZXdCb3g9IjAgMCAxMCAyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA1Ny4xICg4MzA4OCkgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+aW5zaWdodF90ZXh0dXJlPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9Imluc2lnaHRfdGV4dHVyZSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ikdyb3VwLTItQ29weSI+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHg9IjAiIHk9IjAiIHdpZHRoPSIxMCIgaGVpZ2h0PSIyIj48L3JlY3Q+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0xLDEgTDUsMSIgaWQ9IkxpbmUtNCIgc3Ryb2tlPSIjNzE2MEU4IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+'); background-image: var(--urlAdvancedProofingIssueV2, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSIycHgiIHZpZXdCb3g9IjAgMCAxMCAyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA1Ny4xICg4MzA4OCkgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+aW5zaWdodF90ZXh0dXJlPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9Imluc2lnaHRfdGV4dHVyZSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ikdyb3VwLTItQ29weSI+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHg9IjAiIHk9IjAiIHdpZHRoPSIxMCIgaGVpZ2h0PSIyIj48L3JlY3Q+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0xLDEgTDUsMSIgaWQ9IkxpbmUtNCIgc3Ryb2tlPSIjNzE2MEU4IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+')); } .EditMode span.ContextualSpellingAndGrammarErrorV2, .EditingSurfaceBody span.ContextualSpellingAndGrammarErrorV2 { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNXB4IiBoZWlnaHQ9IjNweCIgdmlld0JveD0iMCAwIDUgMyIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTUuMiAoNzgxODEpIC0gaHR0cHM6Ly9za2V0Y2hhcHAuY29tIC0tPgogICAgPHRpdGxlPmdyYW1tYXJfZG91YmxlX2xpbmU8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0iZ3JhbW1hcl9kb3VibGVfbGluZSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIj4KICAgICAgICA8ZyBpZD0iR3JhbW1hci1UaWxlLUNvcHkiIHN0cm9rZT0iIzMzNTVGRiI+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0wLDAuNSBMNSwwLjUiIGlkPSJMaW5lLTItQ29weS0xMCI+PC9wYXRoPgogICAgICAgICAgICA8cGF0aCBkPSJNMCwyLjUgTDUsMi41IiBpZD0iTGluZS0yLUNvcHktMTEiPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg=='); border-bottom: solid 1px transparent; } .EditMode span.ContextualSpellingAndGrammarErrorV2Themed, .EditingSurfaceBody span.ContextualSpellingAndGrammarErrorV2Themed { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNXB4IiBoZWlnaHQ9IjNweCIgdmlld0JveD0iMCAwIDUgMyIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTUuMiAoNzgxODEpIC0gaHR0cHM6Ly9za2V0Y2hhcHAuY29tIC0tPgogICAgPHRpdGxlPmdyYW1tYXJfZG91YmxlX2xpbmU8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0iZ3JhbW1hcl9kb3VibGVfbGluZSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIj4KICAgICAgICA8ZyBpZD0iR3JhbW1hci1UaWxlLUNvcHkiIHN0cm9rZT0iIzMzNTVGRiI+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0wLDAuNSBMNSwwLjUiIGlkPSJMaW5lLTItQ29weS0xMCI+PC9wYXRoPgogICAgICAgICAgICA8cGF0aCBkPSJNMCwyLjUgTDUsMi41IiBpZD0iTGluZS0yLUNvcHktMTEiPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg=='); background-image: var(--urlContextualSpellingAndGrammarErrorV2, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNXB4IiBoZWlnaHQ9IjNweCIgdmlld0JveD0iMCAwIDUgMyIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTUuMiAoNzgxODEpIC0gaHR0cHM6Ly9za2V0Y2hhcHAuY29tIC0tPgogICAgPHRpdGxlPmdyYW1tYXJfZG91YmxlX2xpbmU8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0iZ3JhbW1hcl9kb3VibGVfbGluZSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIj4KICAgICAgICA8ZyBpZD0iR3JhbW1hci1UaWxlLUNvcHkiIHN0cm9rZT0iIzMzNTVGRiI+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0wLDAuNSBMNSwwLjUiIGlkPSJMaW5lLTItQ29weS0xMCI+PC9wYXRoPgogICAgICAgICAgICA8cGF0aCBkPSJNMCwyLjUgTDUsMi41IiBpZD0iTGluZS0yLUNvcHktMTEiPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==')); border-bottom: solid 1px transparent; } .Themed .EditMode span.ContextualSpellingAndGrammarErrorV2, .Themed .EditingSurfaceBody span.ContextualSpellingAndGrammarErrorV2 { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNXB4IiBoZWlnaHQ9IjNweCIgdmlld0JveD0iMCAwIDUgMyIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTUuMiAoNzgxODEpIC0gaHR0cHM6Ly9za2V0Y2hhcHAuY29tIC0tPgogICAgPHRpdGxlPmdyYW1tYXJfZG91YmxlX2xpbmU8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0iZ3JhbW1hcl9kb3VibGVfbGluZSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIj4KICAgICAgICA8ZyBpZD0iR3JhbW1hci1UaWxlLUNvcHkiIHN0cm9rZT0iIzMzNTVGRiI+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0wLDAuNSBMNSwwLjUiIGlkPSJMaW5lLTItQ29weS0xMCI+PC9wYXRoPgogICAgICAgICAgICA8cGF0aCBkPSJNMCwyLjUgTDUsMi41IiBpZD0iTGluZS0yLUNvcHktMTEiPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg=='); background-image: var(--urlContextualSpellingAndGrammarErrorV2, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNXB4IiBoZWlnaHQ9IjNweCIgdmlld0JveD0iMCAwIDUgMyIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTUuMiAoNzgxODEpIC0gaHR0cHM6Ly9za2V0Y2hhcHAuY29tIC0tPgogICAgPHRpdGxlPmdyYW1tYXJfZG91YmxlX2xpbmU8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0iZ3JhbW1hcl9kb3VibGVfbGluZSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIj4KICAgICAgICA8ZyBpZD0iR3JhbW1hci1UaWxlLUNvcHkiIHN0cm9rZT0iIzMzNTVGRiI+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0wLDAuNSBMNSwwLjUiIGlkPSJMaW5lLTItQ29weS0xMCI+PC9wYXRoPgogICAgICAgICAgICA8cGF0aCBkPSJNMCwyLjUgTDUsMi41IiBpZD0iTGluZS0yLUNvcHktMTEiPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==')); } /* New spelling and grammar styles when Ideas Cards are enabled (Wac-WordWordEditorIdeasCards-Treatment) */ .EditMode span.SpellingErrorV2, .EditingSurfaceBody span.SpellingErrorV2 { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNXB4IiBoZWlnaHQ9IjRweCIgdmlld0JveD0iMCAwIDUgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTYuMiAoODE2NzIpIC0gaHR0cHM6Ly9za2V0Y2guY29tIC0tPgogICAgPHRpdGxlPnNwZWxsaW5nX3NxdWlnZ2xlPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IkZsYWdzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTAxMC4wMDAwMDAsIC0yOTYuMDAwMDAwKSIgaWQ9InNwZWxsaW5nX3NxdWlnZ2xlIj4KICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAxMC4wMDAwMDAsIDI5Ni4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0wLDMgQzEuMjUsMyAxLjI1LDEgMi41LDEgQzMuNzUsMSAzLjc1LDMgNSwzIiBpZD0iUGF0aCIgc3Ryb2tlPSIjRUIwMDAwIiBzdHJva2Utd2lkdGg9IjEiPjwvcGF0aD4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHg9IjAiIHk9IjAiIHdpZHRoPSI1IiBoZWlnaHQ9IjQiPjwvcmVjdD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+'); border-bottom: solid 1px transparent; } .EditMode span.SpellingErrorV2Themed, .EditingSurfaceBody span.SpellingErrorV2Themed { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNXB4IiBoZWlnaHQ9IjRweCIgdmlld0JveD0iMCAwIDUgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTYuMiAoODE2NzIpIC0gaHR0cHM6Ly9za2V0Y2guY29tIC0tPgogICAgPHRpdGxlPnNwZWxsaW5nX3NxdWlnZ2xlPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IkZsYWdzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTAxMC4wMDAwMDAsIC0yOTYuMDAwMDAwKSIgaWQ9InNwZWxsaW5nX3NxdWlnZ2xlIj4KICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAxMC4wMDAwMDAsIDI5Ni4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0wLDMgQzEuMjUsMyAxLjI1LDEgMi41LDEgQzMuNzUsMSAzLjc1LDMgNSwzIiBpZD0iUGF0aCIgc3Ryb2tlPSIjRUIwMDAwIiBzdHJva2Utd2lkdGg9IjEiPjwvcGF0aD4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHg9IjAiIHk9IjAiIHdpZHRoPSI1IiBoZWlnaHQ9IjQiPjwvcmVjdD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+'); background-image: var(--urlSpellingErrorV2, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNXB4IiBoZWlnaHQ9IjRweCIgdmlld0JveD0iMCAwIDUgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTYuMiAoODE2NzIpIC0gaHR0cHM6Ly9za2V0Y2guY29tIC0tPgogICAgPHRpdGxlPnNwZWxsaW5nX3NxdWlnZ2xlPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IkZsYWdzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTAxMC4wMDAwMDAsIC0yOTYuMDAwMDAwKSIgaWQ9InNwZWxsaW5nX3NxdWlnZ2xlIj4KICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAxMC4wMDAwMDAsIDI5Ni4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0wLDMgQzEuMjUsMyAxLjI1LDEgMi41LDEgQzMuNzUsMSAzLjc1LDMgNSwzIiBpZD0iUGF0aCIgc3Ryb2tlPSIjRUIwMDAwIiBzdHJva2Utd2lkdGg9IjEiPjwvcGF0aD4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHg9IjAiIHk9IjAiIHdpZHRoPSI1IiBoZWlnaHQ9IjQiPjwvcmVjdD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+')); border-bottom: solid 1px transparent; } .Themed .EditMode span.SpellingErrorV2, .Themed .EditingSurfaceBody span.SpellingErrorV2 { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNXB4IiBoZWlnaHQ9IjRweCIgdmlld0JveD0iMCAwIDUgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTYuMiAoODE2NzIpIC0gaHR0cHM6Ly9za2V0Y2guY29tIC0tPgogICAgPHRpdGxlPnNwZWxsaW5nX3NxdWlnZ2xlPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IkZsYWdzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTAxMC4wMDAwMDAsIC0yOTYuMDAwMDAwKSIgaWQ9InNwZWxsaW5nX3NxdWlnZ2xlIj4KICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAxMC4wMDAwMDAsIDI5Ni4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0wLDMgQzEuMjUsMyAxLjI1LDEgMi41LDEgQzMuNzUsMSAzLjc1LDMgNSwzIiBpZD0iUGF0aCIgc3Ryb2tlPSIjRUIwMDAwIiBzdHJva2Utd2lkdGg9IjEiPjwvcGF0aD4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHg9IjAiIHk9IjAiIHdpZHRoPSI1IiBoZWlnaHQ9IjQiPjwvcmVjdD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+'); background-image: var(--urlSpellingErrorV2, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNXB4IiBoZWlnaHQ9IjRweCIgdmlld0JveD0iMCAwIDUgNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTYuMiAoODE2NzIpIC0gaHR0cHM6Ly9za2V0Y2guY29tIC0tPgogICAgPHRpdGxlPnNwZWxsaW5nX3NxdWlnZ2xlPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IkZsYWdzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTAxMC4wMDAwMDAsIC0yOTYuMDAwMDAwKSIgaWQ9InNwZWxsaW5nX3NxdWlnZ2xlIj4KICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAxMC4wMDAwMDAsIDI5Ni4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0wLDMgQzEuMjUsMyAxLjI1LDEgMi41LDEgQzMuNzUsMSAzLjc1LDMgNSwzIiBpZD0iUGF0aCIgc3Ryb2tlPSIjRUIwMDAwIiBzdHJva2Utd2lkdGg9IjEiPjwvcGF0aD4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHg9IjAiIHk9IjAiIHdpZHRoPSI1IiBoZWlnaHQ9IjQiPjwvcmVjdD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+')); } /* Similarity reviewed style when Similarity is enabled (Wac-WordWordEditorIdeasCards-Treatment) */ .EditMode span.SimilarityReviewed, .EditingSurfaceBody span.SimilarityReviewed { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNXB4IiBoZWlnaHQ9IjNweCIgdmlld0JveD0iMCAwIDUgMyIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNjQgKDkzNTM3KSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT5zaW1pbGFyaXR5X3Jldmlld2VkX25vbl9yb3VuZGVkPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9InNpbWlsYXJpdHlfcmV2aWV3ZWRfbm9uX3JvdW5kZWQiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJzaW1pbGFyaXR5X3Jldmlld2VkX2xpbmUiIHN0cm9rZT0iIzM4QkE2MiIgc3Ryb2tlLXdpZHRoPSIyIj4KICAgICAgICAgICAgPGxpbmUgeDE9Ii0xLjYxOTA3NTI0ZS0xNiIgeTE9IjEuNSIgeDI9IjUiIHkyPSIxLjUiIGlkPSJMaW5lLTItQ29weS0xMCI+PC9saW5lPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+'); border-bottom: solid 1px transparent; } .EditMode span.SimilarityReviewedThemed, .EditingSurfaceBody span.SimilarityReviewedThemed { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNXB4IiBoZWlnaHQ9IjNweCIgdmlld0JveD0iMCAwIDUgMyIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNjQgKDkzNTM3KSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT5zaW1pbGFyaXR5X3Jldmlld2VkX25vbl9yb3VuZGVkPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9InNpbWlsYXJpdHlfcmV2aWV3ZWRfbm9uX3JvdW5kZWQiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJzaW1pbGFyaXR5X3Jldmlld2VkX2xpbmUiIHN0cm9rZT0iIzM4QkE2MiIgc3Ryb2tlLXdpZHRoPSIyIj4KICAgICAgICAgICAgPGxpbmUgeDE9Ii0xLjYxOTA3NTI0ZS0xNiIgeTE9IjEuNSIgeDI9IjUiIHkyPSIxLjUiIGlkPSJMaW5lLTItQ29weS0xMCI+PC9saW5lPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+'); background-image: var(--urlSimilarityReviewed, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNXB4IiBoZWlnaHQ9IjNweCIgdmlld0JveD0iMCAwIDUgMyIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNjQgKDkzNTM3KSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT5zaW1pbGFyaXR5X3Jldmlld2VkX25vbl9yb3VuZGVkPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9InNpbWlsYXJpdHlfcmV2aWV3ZWRfbm9uX3JvdW5kZWQiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJzaW1pbGFyaXR5X3Jldmlld2VkX2xpbmUiIHN0cm9rZT0iIzM4QkE2MiIgc3Ryb2tlLXdpZHRoPSIyIj4KICAgICAgICAgICAgPGxpbmUgeDE9Ii0xLjYxOTA3NTI0ZS0xNiIgeTE9IjEuNSIgeDI9IjUiIHkyPSIxLjUiIGlkPSJMaW5lLTItQ29weS0xMCI+PC9saW5lPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+')); border-bottom: solid 1px transparent; } .Themed .EditMode span.SimilarityReviewed, .Themed .EditingSurfaceBody span.SimilarityReviewed { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNXB4IiBoZWlnaHQ9IjNweCIgdmlld0JveD0iMCAwIDUgMyIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNjQgKDkzNTM3KSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT5zaW1pbGFyaXR5X3Jldmlld2VkX25vbl9yb3VuZGVkPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9InNpbWlsYXJpdHlfcmV2aWV3ZWRfbm9uX3JvdW5kZWQiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJzaW1pbGFyaXR5X3Jldmlld2VkX2xpbmUiIHN0cm9rZT0iIzM4QkE2MiIgc3Ryb2tlLXdpZHRoPSIyIj4KICAgICAgICAgICAgPGxpbmUgeDE9Ii0xLjYxOTA3NTI0ZS0xNiIgeTE9IjEuNSIgeDI9IjUiIHkyPSIxLjUiIGlkPSJMaW5lLTItQ29weS0xMCI+PC9saW5lPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+'); background-image: var(--urlSimilarityReviewed, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNXB4IiBoZWlnaHQ9IjNweCIgdmlld0JveD0iMCAwIDUgMyIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNjQgKDkzNTM3KSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT5zaW1pbGFyaXR5X3Jldmlld2VkX25vbl9yb3VuZGVkPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9InNpbWlsYXJpdHlfcmV2aWV3ZWRfbm9uX3JvdW5kZWQiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJzaW1pbGFyaXR5X3Jldmlld2VkX2xpbmUiIHN0cm9rZT0iIzM4QkE2MiIgc3Ryb2tlLXdpZHRoPSIyIj4KICAgICAgICAgICAgPGxpbmUgeDE9Ii0xLjYxOTA3NTI0ZS0xNiIgeTE9IjEuNSIgeDI9IjUiIHkyPSIxLjUiIGlkPSJMaW5lLTItQ29weS0xMCI+PC9saW5lPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+')); } /* Similarity style when Similarity is enabled (Wac-WordWordEditorIdeasCards-Treatment) */ .EditMode span.SimilarityUnreviewed, .EditingSurfaceBody span.SimilarityUnreviewed { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSIycHgiIHZpZXdCb3g9IjAgMCAxMCAyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA1Ny4xICg4MzA4OCkgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+aW5zaWdodF90ZXh0dXJlPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9Imluc2lnaHRfdGV4dHVyZSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ikdyb3VwLTItQ29weSI+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHg9IjAiIHk9IjAiIHdpZHRoPSIxMCIgaGVpZ2h0PSIyIj48L3JlY3Q+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0xLDEgTDUsMSIgaWQ9IkxpbmUtNCIgc3Ryb2tlPSIjMkU2QUM1IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+'); border-bottom: solid 1px transparent; } /* Similarity style when Similarity is enabled (Wac-WordWordEditorIdeasCards-Treatment) */ .EditMode span.SimilarityUnreviewedThemed, .EditingSurfaceBody span.SimilarityUnreviewedThemed { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSIycHgiIHZpZXdCb3g9IjAgMCAxMCAyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA1Ny4xICg4MzA4OCkgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+aW5zaWdodF90ZXh0dXJlPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9Imluc2lnaHRfdGV4dHVyZSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ikdyb3VwLTItQ29weSI+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHg9IjAiIHk9IjAiIHdpZHRoPSIxMCIgaGVpZ2h0PSIyIj48L3JlY3Q+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0xLDEgTDUsMSIgaWQ9IkxpbmUtNCIgc3Ryb2tlPSIjMkU2QUM1IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+'); background-image: var(--urlSimilarityUnreviewed, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSIycHgiIHZpZXdCb3g9IjAgMCAxMCAyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA1Ny4xICg4MzA4OCkgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+aW5zaWdodF90ZXh0dXJlPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9Imluc2lnaHRfdGV4dHVyZSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ikdyb3VwLTItQ29weSI+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHg9IjAiIHk9IjAiIHdpZHRoPSIxMCIgaGVpZ2h0PSIyIj48L3JlY3Q+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0xLDEgTDUsMSIgaWQ9IkxpbmUtNCIgc3Ryb2tlPSIjMkU2QUM1IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+')); border-bottom: solid 1px transparent; } /* Similarity style when Similarity is enabled (Wac-WordWordEditorIdeasCards-Treatment) */ .Themed .EditMode span.SimilarityUnreviewed, .Themed .EditingSurfaceBody span.SimilarityUnreviewed { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSIycHgiIHZpZXdCb3g9IjAgMCAxMCAyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA1Ny4xICg4MzA4OCkgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+aW5zaWdodF90ZXh0dXJlPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9Imluc2lnaHRfdGV4dHVyZSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ikdyb3VwLTItQ29weSI+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHg9IjAiIHk9IjAiIHdpZHRoPSIxMCIgaGVpZ2h0PSIyIj48L3JlY3Q+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0xLDEgTDUsMSIgaWQ9IkxpbmUtNCIgc3Ryb2tlPSIjMkU2QUM1IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+'); background-image: var(--urlSimilarityUnreviewed, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSIycHgiIHZpZXdCb3g9IjAgMCAxMCAyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA1Ny4xICg4MzA4OCkgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+aW5zaWdodF90ZXh0dXJlPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9Imluc2lnaHRfdGV4dHVyZSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ikdyb3VwLTItQ29weSI+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHg9IjAiIHk9IjAiIHdpZHRoPSIxMCIgaGVpZ2h0PSIyIj48L3JlY3Q+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0xLDEgTDUsMSIgaWQ9IkxpbmUtNCIgc3Ryb2tlPSIjMkU2QUM1IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+')); } .EditMode span.CopilotHighlightThemed, .EditingSurfaceBody span.CopilotHighlightThemed { background-color: rgba(61, 145, 255, 0.1); background-color: var(--clrCopilotHighlightBg, rgba(61, 145, 255, 0.1)); } .EditMode span.AddInHighlightThemed, .EditingSurfaceBody span.AddInHighlightThemed { background-color: rgba(61, 145, 255, 0.1); background-color: var(--clrAddInHighlightBg, rgba(61, 145, 255, 0.1)); } .EditMode span.ContextIQSuggestionThemed .EditingSurfaceBody span.ContextIQSuggestionThemed { background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iNCIgdmlld0JveD0iMCAwIDE4IDQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJGbGFnIiBjbGlwLXBhdGg9InVybCgjY2xpcDBfNDIwXzI4OTQzKSI+CjxjaXJjbGUgaWQ9ImRvdCIgY3g9IjEuNSIgY3k9IjIuNSIgcj0iMS41IiBmaWxsPSIjMEY2Q0JEIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfNDIwXzI4OTQzIj4KPHJlY3Qgd2lkdGg9IjYiIGhlaWdodD0iNCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K'); background-image: var(--urlContextIQUnderline, url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iNCIgdmlld0JveD0iMCAwIDE4IDQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJGbGFnIiBjbGlwLXBhdGg9InVybCgjY2xpcDBfNDIwXzI4OTQzKSI+CjxjaXJjbGUgaWQ9ImRvdCIgY3g9IjEuNSIgY3k9IjIuNSIgcj0iMS41IiBmaWxsPSIjMEY2Q0JEIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfNDIwXzI4OTQzIj4KPHJlY3Qgd2lkdGg9IjYiIGhlaWdodD0iNCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K')); border-bottom: solid 1px transparent; } @media screen { .AddInCritiqueThemed { -ms-high-contrast-adjust: none; } } .AddInCritiqueThemedRed { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjEwMCUiIGhlaWdodD0iMnB4IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBmaWxsPSIjRDEzNDM4Ij4KCTxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjIiIHN0cm9rZT0nYmxhY2snIHN0cm9rZS13aWR0aD0nMCc+CiAgICAgIDwvcmVjdD4KPC9zdmc+'); background-image: var(--urlAddinCritiqueRed, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjEwMCUiIGhlaWdodD0iMnB4IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBmaWxsPSIjRDEzNDM4Ij4KCTxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjIiIHN0cm9rZT0nYmxhY2snIHN0cm9rZS13aWR0aD0nMCc+CiAgICAgIDwvcmVjdD4KPC9zdmc+')); } .AddInCritiqueThemedGreen { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjEwMCUiIGhlaWdodD0iMnB4IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBmaWxsPSIjMTA3QzEwIj4KCTxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjIiIHN0cm9rZT0nYmxhY2snIHN0cm9rZS13aWR0aD0nMCc+CiAgICAgIDwvcmVjdD4KPC9zdmc+'); background-image: var(--urlAddinCritiqueGreen, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjEwMCUiIGhlaWdodD0iMnB4IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBmaWxsPSIjMTA3QzEwIj4KCTxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjIiIHN0cm9rZT0nYmxhY2snIHN0cm9rZS13aWR0aD0nMCc+CiAgICAgIDwvcmVjdD4KPC9zdmc+')); } .AddInCritiqueThemedBlue { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjEwMCUiIGhlaWdodD0iMnB4IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBmaWxsPSIjMTg1QUJEIj4KCTxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjIiIHN0cm9rZT0nYmxhY2snIHN0cm9rZS13aWR0aD0nMCc+CiAgICAgIDwvcmVjdD4KPC9zdmc+'); background-image: var(--urlAddinCritiqueBlue, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjEwMCUiIGhlaWdodD0iMnB4IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBmaWxsPSIjMTg1QUJEIj4KCTxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjIiIHN0cm9rZT0nYmxhY2snIHN0cm9rZS13aWR0aD0nMCc+CiAgICAgIDwvcmVjdD4KPC9zdmc+')); } .AddInCritiqueThemedLavender { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjEwMCUiIGhlaWdodD0iMnB4IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBmaWxsPSIjNzE2MEU4Ij4KCTxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjIiIHN0cm9rZT0nYmxhY2snIHN0cm9rZS13aWR0aD0nMCc+CiAgICAgIDwvcmVjdD4KPC9zdmc+'); background-image: var(--urlAddinCritiqueLavender, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjEwMCUiIGhlaWdodD0iMnB4IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBmaWxsPSIjNzE2MEU4Ij4KCTxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjIiIHN0cm9rZT0nYmxhY2snIHN0cm9rZS13aWR0aD0nMCc+CiAgICAgIDwvcmVjdD4KPC9zdmc+')); } .AddInCritiqueThemedBerry { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjEwMCUiIGhlaWdodD0iMnB4IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBmaWxsPSIjQzIzOUIzIj4KCTxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjIiIHN0cm9rZT0nYmxhY2snIHN0cm9rZS13aWR0aD0nMCc+CiAgICAgIDwvcmVjdD4KPC9zdmc+'); background-image: var(--urlAddinCritiqueBerry, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjEwMCUiIGhlaWdodD0iMnB4IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiBmaWxsPSIjQzIzOUIzIj4KCTxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjIiIHN0cm9rZT0nYmxhY2snIHN0cm9rZS13aWR0aD0nMCc+CiAgICAgIDwvcmVjdD4KPC9zdmc+')); } /* BUG O15:3176398: In IE8, app crash when selecting an outline with a background and border decorated span for RTL page */ .NonStandardIEClipboard.EditingSurfaceBody span.SpellingError { background-image: none; background-repeat: no-repeat; background-position: 0% 0%; border-bottom: none 0px transparent; } .NonStandardIEClipboard.EditingSurfaceBody span.DictationCorrection { background-image: none; background-repeat: no-repeat; background-position: 0% 0%; border-bottom: none 0px transparent; } span.UnsupportedObjectText { background-color: #e1e3e6; color: #000000; cursor: default; padding-right: 6px; padding-left: 6px; margin-left: 2px; margin-right: 2px; font-family: Calibri; font-size: 10pt; text-decoration: none; font-weight: normal; font-style: normal; white-space: nowrap; } span.UnsupportedObjectBlock { background-color: #e1e3e6; color: #000000; cursor: default; padding-right: 6px; padding-left: 6px; margin-left: 2px; margin-right: 2px; font-family: Calibri; font-size: 10pt; text-decoration: none; font-weight: normal; font-style: normal; } span.UnsupportedObjectBlock.Selected { border: solid 1px #c6c6c6; margin-top: -1px; margin-bottom: -1px; margin-left: 1px; margin-right: 1px; } span.UnsupportedObjectText.Selected { background-color: #c6c6c6; border-top: solid 1px #c6c6c6; border-bottom: solid 1px #c6c6c6; margin-top: -1px; margin-bottom: -1px; } span.BreakObjectText { background-color: #ffffff; color: #000000; cursor: default; padding-right: 6px; padding-left: 6px; margin-left: 2px; margin-right: 2px; font-family: Calibri; font-size: 10pt; text-decoration: none; font-weight: normal; font-style: normal; white-space: nowrap; } span.BreakObjectText.Selected { background-color: #c6c6c6; border-top: solid 1px #c6c6c6; border-bottom: solid 1px #c6c6c6; margin-top: -1px; margin-bottom: -1px; } span.FieldRange, span.FieldRange span.TextRun, span.FieldRange span.BreakObjectText { background-color: #e1e3e6; color: #000000; } span.FieldRange span.NormalTextRun { background-color: #e1e3e6 !important; background-color: var(--clrFieldRangeBackground, #e1e3e6) !important; color: #000000 !important; color: var(--clrFieldRange, #000000) !important; } span.FieldRange img.WACImage { opacity: 0.62; } span.FocusedContentControl[ccappearance='boundingbox'] { border: 1px solid; } /*TODO: VSO#914141 Remove content control related CSS after acetate enabled*/ span.HoveredContentControl[cclevel='0'][ccappearance='boundingbox'], span.HoveredContentControl[cclevel='0'][ccappearance='boundingbox'] span.ContentControl, span.HoveredContentControl[cclevel='0'][ccappearance='boundingbox'] span.TextRun, span.HoveredContentControl[cclevel='0'][ccappearance='boundingbox'] span.NormalTextRun, span.HoveredContentControl[cclevel='0'][ccappearance='boundingbox'] span.BreakObjectText { background-color: #f0f0f0; } span.HoveredContentControl[cclevel='1'][ccappearance='boundingbox'], span.HoveredContentControl[cclevel='1'][ccappearance='boundingbox'] span.ContentControl, span.HoveredContentControl[cclevel='1'][ccappearance='boundingbox'] span.TextRun, span.HoveredContentControl[cclevel='1'][ccappearance='boundingbox'] span.NormalTextRun, span.HoveredContentControl[cclevel='1'][ccappearance='boundingbox'] span.BreakObjectText { background-color: #e6e6e6; } span.HoveredContentControl[cclevel='2'][ccappearance='boundingbox'], span.HoveredContentControl[cclevel='2'][ccappearance='boundingbox'] span.ContentControl, span.HoveredContentControl[cclevel='2'][ccappearance='boundingbox'] span.TextRun, span.HoveredContentControl[cclevel='2'][ccappearance='boundingbox'] span.NormalTextRun, span.HoveredContentControl[cclevel='2'][ccappearance='boundingbox'] span.BreakObjectText { background-color: #dcdcdc; } span.HoveredContentControl[cclevel='3'][ccappearance='boundingbox'], span.HoveredContentControl[cclevel='3'][ccappearance='boundingbox'] span.ContentControl, span.HoveredContentControl[cclevel='3'][ccappearance='boundingbox'] span.TextRun, span.HoveredContentControl[cclevel='3'][ccappearance='boundingbox'] span.NormalTextRun, span.HoveredContentControl[cclevel='3'][ccappearance='boundingbox'] span.BreakObjectText { background-color: #d2d2d2; } span.HoveredContentControl[cclevel='4'][ccappearance='boundingbox'], span.HoveredContentControl[cclevel='4'][ccappearance='boundingbox'] span.ContentControl, span.HoveredContentControl[cclevel='4'][ccappearance='boundingbox'] span.TextRun, span.HoveredContentControl[cclevel='4'][ccappearance='boundingbox'] span.NormalTextRun, span.HoveredContentControl[cclevel='4'][ccappearance='boundingbox'] span.BreakObjectText { background-color: #c8c8c8; } span.HoveredContentControl[cclevel='5'][ccappearance='boundingbox'], span.HoveredContentControl[cclevel='5'][ccappearance='boundingbox'] span.ContentControl, span.HoveredContentControl[cclevel='5'][ccappearance='boundingbox'] span.TextRun, span.HoveredContentControl[cclevel='5'][ccappearance='boundingbox'] span.NormalTextRun, span.HoveredContentControl[cclevel='5'][ccappearance='boundingbox'] span.BreakObjectText { background-color: #bebebe; } span.HoveredContentControl[cclevel='6'][ccappearance='boundingbox'], span.HoveredContentControl[cclevel='6'][ccappearance='boundingbox'] span.ContentControl, span.HoveredContentControl[cclevel='6'][ccappearance='boundingbox'] span.TextRun, span.HoveredContentControl[cclevel='6'][ccappearance='boundingbox'] span.NormalTextRun, span.HoveredContentControl[cclevel='6'][ccappearance='boundingbox'] span.BreakObjectText { background-color: #b4b4b4; } span.HoveredContentControl[cclevel='7'][ccappearance='boundingbox'], span.HoveredContentControl[cclevel='7'][ccappearance='boundingbox'] span.ContentControl, span.HoveredContentControl[cclevel='7'][ccappearance='boundingbox'] span.TextRun, span.HoveredContentControl[cclevel='7'][ccappearance='boundingbox'] span.NormalTextRun, span.HoveredContentControl[cclevel='7'][ccappearance='boundingbox'] span.BreakObjectText { background-color: #aaaaaa; } span.HoveredContentControl[cclevel='8'][ccappearance='boundingbox'], span.HoveredContentControl[cclevel='8'][ccappearance='boundingbox'] span.ContentControl, span.HoveredContentControl[cclevel='8'][ccappearance='boundingbox'] span.TextRun, span.HoveredContentControl[cclevel='8'][ccappearance='boundingbox'] span.NormalTextRun, span.HoveredContentControl[cclevel='8'][ccappearance='boundingbox'] span.BreakObjectText { background-color: #a0a0a0; } span.HoveredContentControl[cclevel='9'][ccappearance='boundingbox'], span.HoveredContentControl[cclevel='9'][ccappearance='boundingbox'] span.ContentControl, span.HoveredContentControl[cclevel='9'][ccappearance='boundingbox'] span.TextRun, span.HoveredContentControl[cclevel='9'][ccappearance='boundingbox'] span.NormalTextRun, span.HoveredContentControl[cclevel='9'][ccappearance='boundingbox'] span.BreakObjectText { background-color: #969696; } span.HoveredContentControl[cclevel='10'][ccappearance='boundingbox'], span.HoveredContentControl[cclevel='10'][ccappearance='boundingbox'] span.ContentControl, span.HoveredContentControl[cclevel='10'][ccappearance='boundingbox'] span.TextRun, span.HoveredContentControl[cclevel='10'][ccappearance='boundingbox'] span.NormalTextRun, span.HoveredContentControl[cclevel='10'][ccappearance='boundingbox'] span.BreakObjectText { background-color: #8c8c8c; } span.HoveredContentControl[cclevel='11'][ccappearance='boundingbox'], span.HoveredContentControl[cclevel='11'][ccappearance='boundingbox'] span.ContentControl, span.HoveredContentControl[cclevel='11'][ccappearance='boundingbox'] span.TextRun, span.HoveredContentControl[cclevel='11'][ccappearance='boundingbox'] span.NormalTextRun, span.HoveredContentControl[cclevel='11'][ccappearance='boundingbox'] span.BreakObjectText { background-color: #828282; } span.HoveredContentControl[cclevel='12'][ccappearance='boundingbox'], span.HoveredContentControl[cclevel='12'][ccappearance='boundingbox'] span.ContentControl, span.HoveredContentControl[cclevel='12'][ccappearance='boundingbox'] span.TextRun, span.HoveredContentControl[cclevel='12'][ccappearance='boundingbox'] span.NormalTextRun, span.HoveredContentControl[cclevel='12'][ccappearance='boundingbox'] span.BreakObjectText { background-color: #787878; } span.HoveredContentControl[cclevel='13'][ccappearance='boundingbox'], span.HoveredContentControl[cclevel='13'][ccappearance='boundingbox'] span.ContentControl, span.HoveredContentControl[cclevel='13'][ccappearance='boundingbox'] span.TextRun, span.HoveredContentControl[cclevel='13'][ccappearance='boundingbox'] span.NormalTextRun, span.HoveredContentControl[cclevel='13'][ccappearance='boundingbox'] span.BreakObjectText { background-color: #6e6e6e; } span.HoveredContentControl[cclevel='14'][ccappearance='boundingbox'], span.HoveredContentControl[cclevel='14'][ccappearance='boundingbox'] span.ContentControl, span.HoveredContentControl[cclevel='14'][ccappearance='boundingbox'] span.TextRun, span.HoveredContentControl[cclevel='14'][ccappearance='boundingbox'] span.NormalTextRun, span.HoveredContentControl[cclevel='14'][ccappearance='boundingbox'] span.BreakObjectText { background-color: #646464; } span[ccappearance='tags'] > span.BlockContentControlStartTag, span[ccappearance='tags'] > span.BlockContentControlEndTag { background-color: #fcfcfc; } span[ccappearance='tags'] > span.BlockContentControlStartTag, span[ccappearance='tags'] > span.BlockContentControlEndTag, span[ccappearance='tags'] > span.InlineContentControlStartTag, span[ccappearance='tags'] > span.InlineContentControlEndTag { cursor: default; } span[ccappearance='tags'] > span.InlineContentControlStartTag.Ltr, span[ccappearance='tags'] > span.BlockContentControlStartTag.Ltr, span[ccappearance='tags'] > span.InlineContentControlEndTag.Rtl, span[ccappearance='tags'] > span.BlockContentControlEndTag.Rtl { -moz-border-radius: 50px 0px 0px 50px; -webkit-border-radius: 50px 0px 0px 50px; border-radius: 50px 0px 0px 50px; border-width: 1px; border-style: solid; font: 12.5px Calibri; } span[ccappearance='tags'] > span.InlineContentControlStartTag.Rtl, span[ccappearance='tags'] > span.BlockContentControlStartTag.Rtl, span[ccappearance='tags'] > span.InlineContentControlEndTag.Ltr, span[ccappearance='tags'] > span.BlockContentControlEndTag.Ltr { -moz-border-radius: 0px 50px 50px 0px; -webkit-border-radius: 0px 50px 50px 0px; border-radius: 0px 50px 50px 0px; border-width: 1px; border-style: solid; font: 12.5px Calibri; } .ContentControlAcetateRootContainer { height: 0px; position: absolute; width: 100%; top: 0; left: 0; } .PageContentOrigin .ContentControlAcetateContainer { margin: 0 auto; } .ContentControlAcetate { position: relative; z-index: 1; } .ContentControlAcetate .ContentControlAcetateHidden { visibility: hidden; } .ContentControlAcetateArea { position: absolute; left: 0; top: 0; /* To avoid document content's background hides acetate, content control acetate should be placed on the top of content. As a result, acetate intercepts all pointer events which should be received by content and can't bubble events to content since acetate is not the parent or child of content. To ensure document content is interactivable, pointer events of acetate area is disabled. */ pointer-events: none; } .ContentControlAcetateArea path { stroke: #b0b39e; fill: #b0b39e; } .ContentControlAcetateTitleButton { position: absolute; border: solid #939393; background-color: #e1e1e1; cursor: default; height: 17px; overflow-y: hidden; z-index: 1; } .ContentControlAcetateTitleButton:hover { background-color: #c5c5c5; } .ContentControlAcetateTitleButton:active { background-color: #aeaeae; } /*in IE, :active doesn't work when element has children, so here disable pointer-events for children*/ .ContentControlAcetateTitleButton * { pointer-events: none; } .ContentControlAcetateTitleButtonIndicator { line-height: 5px; color: #777777; padding: 0; /* Rtl status of ContentControlAcetateTitleButton is determined by the Rtl status of content control's first paragraph. So here doesn't user AppRtl */ float: left; } .ContentControlAcetateTitleButtonTitle { line-height: 17px; color: #444444; padding-right: 3px; /* Rtl status of ContentControlAcetateTitleButton is determined by the Rtl status of content control's first paragraph. So here doesn't user AppRtl */ float: left; } .ContentControlAcetateArrowButton { position: absolute; border: 1px solid #939393; background: #e1e1e1 url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PScwLDAsMjA0OCwyMDQ4JyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxwb2x5Z29uIHBvaW50cz0nNTQ2LDc4NSAxNTAyLDc4NSAxMDI0LDEyNjMnIHN0eWxlPSdmaWxsOiM0NDQ0NDQnIC8+PC9zdmc+") center center no-repeat; width: 17px; cursor: default; overflow-y: hidden; z-index: 1; } .ContentControlAcetateListItemsContainer { position: absolute; background-color: white; border: 2px solid #aeaeae; border-radius: 5px; cursor: default; z-index: 1; } .ContentControlAcetateListItemsElement { border: none; color: black; background-color: white; margin: 1px; padding: 1px; display: block; text-align: left; width: calc(100% - 2px); } .ContentControlAcetateListItemsElement.Rtl { text-align: right; } .ContentControlAcetateListItemsElement:hover { color: white; background-color: #0078d7; } .ContentControlAcetateRtl .ContentControlAcetateTitleButtonIndicator, .ContentControlAcetateRtl .ContentControlAcetateTitleButtonTitle { float: right; } .ContentControlAcetateRtl .ContentControlAcetateTitleButtonTitle { padding-left: 3px; padding-right: 0px; } .ContentControlAcetateTitleButtonTitle.ContentControlAcetateHidden { display: none; } .ContentControlAcetateTitleButtonOverlay { width: 100%; height: 100%; display: block; opacity: 0.12; } .ContentControlAcetateTitleButton:hover .ContentControlAcetateTitleButtonOverlay, .ContentControlAcetateTitleButton:active .ContentControlAcetateTitleButtonOverlay { visibility: hidden; } /* CSS for toc option element on content control hover */ .tocOptionWrapper { position: absolute; z-index: 1; width: 100px; height: 40px; } .tocOptionWrapperNew { position: absolute; z-index: 1; border-radius: 8px; padding-bottom: 15px; width: auto; height: 40px; transform: translateY(-18px); transition-delay: 300ms; } .tocOptionBox { background-color: #ffffff; box-shadow: 0px 1.2px 3.6px rgba(0, 0, 0, 0.1), 0px 6.4px 14.4px rgba(0, 0, 0, 0.13); border-radius: 2px; position: absolute; cursor: pointer; padding: 3px 8px 4px 5px; } .tocOptionBoxHidden { visibility: hidden; } .tocOptionBox .tocUpdateIcon { width: 16px; height: 16px; display: inline-block; vertical-align: middle; background-repeat: no-repeat; background-size: contain; margin-right: 7px; } .tocShowMeHowOptionBox { border-radius: 4px; position: absolute; cursor: pointer; padding: 2px 4px 2px 4px; border: 1px solid #D1D1D1; color: #185ABD; color: var(--clrShowMeHowButtonEmptyTOC, #185ABD); } /* toc option element CSS end */ img { -webkit-touch-callout: none; } span.SpellingError, span.ContextualSpellingAndGrammarError, span.DictationCorrection, span.AdvancedProofingIssue, span.SpellingErrorV2, span.ContextualSpellingAndGrammarErrorV2, span.AdvancedProofingIssueV2, span.SimilarityReviewed, span.SimilarityUnreviewed, span.SpellingErrorV2Themed, span.ContextualSpellingAndGrammarErrorV2Themed, span.AdvancedProofingIssueV2Themed, span.SimilarityReviewedThemed, span.SimilarityUnreviewedThemed { background-repeat: repeat-x; background-position: bottom left; } span.AddInCritiqueThemedRed, span.AddInCritiqueThemedGreen, span.AddInCritiqueThemedBlue, span.AddInCritiqueThemedLavender, span.AddInCritiqueThemedBerry { background-size: 100% 2px; background-repeat: no-repeat; background-position: bottom left; } /*special override to background position for superscript text spelling errors*/ span.SpellingError.SpellingErrorSuperscript, span.SpellingErrorV2.SpellingErrorSuperscript, span.SpellingErrorV2Themed.SpellingErrorSuperscript { background-position: 0% 100%; } span.Selected.FindHit, .Themed span.Selected.FindHit { background-color: #bdb76b !important; background-color: var(--clrActiveFindHighlightSelection, #bdb76b) !important; } span.FindHit, .Themed span.FindHit { background-color: #ffee80 !important; background-color: var(--clrActiveFindHighlight, #ffee80) !important; } span.LastReplacedFindHit { background-color: #dce9f8 !important; } span.LastReplacedFindHitThemed { background-color: #dce9f8 !important; background-color: var(--clrLastReplacedFindHit, #dce9f8) !important; } .Paragraph { word-wrap: break-word; } .Paragraph.Rtl { direction: rtl; } .FireFox span.TextRun, .FireFox .TextRun > span { unicode-bidi: embed; } .Safari .Paragraph, .Safari .Paragraph * { -webkit-nbsp-mode: normal !important; } /* Image CSS needs to be defined here since inline images can appear in the editing surface */ .WACImageGroupContainer { display: inline-block; position: relative; } .WACImageContainer { position: relative; padding: 0px; cursor: default; left: 0px; } .WACImageContainer.NoPadding { cursor: move; } SPAN.WACImageContainer { top: 2px; display: inline-block; text-indent: 0; } SPAN.WACImageContainer.AttachedToBeginning.ImgSelectionOn.OnlyImageSelected.Selected { background-color: transparent !important; } SPAN.WACImageContainer.ImgSelectionOn.BlobObject.OnlyImageSelected.Selected { background-color: transparent !important; } DIV.WACImageContainer { border: solid 1px transparent; margin-left: -3px; left: 0px; } DIV.WACImageContainer.Selected { background-color: #c6c6c6; position: relative; padding: 0; } .BlobObject div.WACErrorPlaceholderTextThemed { white-space: normal !important; } .WACErrorPlaceholderTextThemed { vertical-align: middle; white-space: normal !important; word-wrap: break-word; position: relative; font-family: 'Segoe UI'; font-size: 14px; font-weight: 400; line-height: 20px; letter-spacing: 0em; text-align: center; color: #000000; color: var(--clrErrorPlaceholderText, #000000); } .Selected { cursor: default; } .Selected.DragDrop { cursor: move; } .usehover DIV.WACImageContainer:hover { border: 1px #c6c6c6 dashed; } /* Background images should not change border behavior on hover */ .usehover DIV.WACImageContainer.Selected:hover, .usehover .WACImageContainer.BackgroundImage:hover { border: solid 1px transparent; } .WACImageOverlay { position: absolute; width: 100%; height: 100%; overflow: hidden; } .WACImageContainer .WACImageOverlay { left: 0px; /* No need to switch for RTL. */ bottom: 0px; right: 0px; top: 0px; width: auto; height: auto; } .Selected .WACImageOverlay { background-color: #c6c6c6; opacity: 0.62; border: solid 2px #c6c6c6; } .OnlyImageSelected .WACImageOverlay { opacity: 0; } .ImageCropMode .WACImageOverlay { display: none; } .WACImageResizeHandles { display: none; position: absolute; height: 10px; width: 10px; background-color: #616161 !important; background-color: var(--clrImageSelection, #616161) !important; padding: 2px; border-radius: 50%; z-index: 401; /* Render handles above OneNote .WacImageOverlay */ } .WACImageResizeHandlesTouch { height: 15px; width: 15px; } .WACImageResizeHandles span { display: block; height: 100%; width: 100%; background-color: #ffffff; border-radius: 50%; } .OnlyImageSelected .WACImageResizeHandles { display: block; } .ImageCropMode .WACImageResizeHandles { display: none; } .WACDocumentPanel.ReadingMode .WACImageResizeHandles { display: none; } .WACImageResizeHandleN, .WACImageResizeHandleS { left: 0px; right: 0px; margin: 0px auto; } .WACImageResizeHandleE, .WACImageResizeHandleW { top: 0px; bottom: 0px; margin: auto 0px; } .WACImageResizeHandleNW { cursor: nw-resize; top: -6px; left: -6px; } .WACImageResizeHandleN { cursor: n-resize; top: -6px; } .WACImageResizeHandleNE { cursor: ne-resize; top: -6px; right: -6px; } .WACImageResizeHandleW { cursor: w-resize; left: -6px; } .WACImageResizeHandleE { cursor: e-resize; right: -6px; } .WACImageResizeHandleSW { cursor: sw-resize; bottom: -6px; left: -6px; } .WACImageResizeHandleS { cursor: s-resize; bottom: -6px; } .WACImageResizeHandleSE { cursor: se-resize; bottom: -6px; right: -6px; } .WACImageResizeHandleE, .WACImageResizeHandleW { top: 0px; bottom: 0px; margin: auto 0px; } .WACImageResizeHandleTouchNW { top: -9px; left: -9px; } .WACImageResizeHandleTouchN { top: -9px; } .WACImageResizeHandleTouchNE { top: -9px; right: -9px; } .WACImageResizeHandleTouchW { left: -9px; } .WACImageResizeHandleTouchE { right: -9px; } .WACImageResizeHandleTouchSW { bottom: -9px; left: -9px; } .WACImageResizeHandleTouchS { bottom: -9px; } .WACImageResizeHandleTouchSE { bottom: -9px; right: -9px; } .WacImgRotateHandle { display: none; left: 0px; right: 0px; margin: 0px auto; position: absolute; background-color: #616161 !important; background-color: var(--clrImageSelection, #616161) !important; top: -18px; bottom: auto; z-index: 0; } /* Hide presence pill when selection handles are being resized or rotated */ SPAN.WACImageContainer.GC2OutlineSelection.OnlyImageSelected:has(.GC2HandleEditing) .prModernFlyout { visibility: hidden !important; } /* Hide presence outline when graphic is selected */ SPAN.WACImageContainer.GC2OutlineSelection.OnlyImageSelected .WACImgPresenceHighlight { border: none; } /* Hide presence outline when graphic is hovered upon, show hover outline of graphic only */ .usehover SPAN.WACImageContainer.GC2OutlineSelection:hover .WACImgPresenceHighlight { border-color: transparent !important; pointer-events: none; } /* Allow unstacking of presence pill when graphic is being hovered upon */ .usehover SPAN.WACImageContainer.GC2OutlineSelection:hover .WacPresence { pointer-events: auto; } .usehover SPAN.WACImageContainer.GC2OutlineSelection:hover .WACImage { border: dotted 2px transparent !important; margin: -2px; } .usehover SPAN.OnlyImageSelected.WACImageContainer.GC2OutlineSelection:hover .WACImage { border: none !important; margin: -2px; } .usehover SPAN.WACImageContainer.OnlyImageSelected .GC2OutlineHover:hover g[stroke="none"] path, .usehover SPAN.WACImageContainer.OnlyImageSelected .GC2OutlineHover:hover g[stroke]:not([stroke="none"]) path { stroke: unset; stroke-width: unset; stroke-dasharray: unset; } .usehover SPAN.WACImageContainer .GC2OutlineHover:hover g[stroke="none"] path { stroke: #296fe6; stroke-width: 2; stroke-dasharray: none; } .usehover SPAN.WACImageContainer .GC2OutlineHover:hover g[stroke]:not([stroke="none"]) path { stroke-width: unset; stroke: #296fe6; } .GC2ResizeHandleCenterTop:has(~ .GC2ResizeHandleHitTestCenterTop:hover), .GC2ResizeHandleRightTop:has(~ .GC2ResizeHandleHitTestRightTop:hover), .GC2ResizeHandleRightCenter:has(~ .GC2ResizeHandleHitTestRightCenter:hover), .GC2ResizeHandleRightBottom:has(~ .GC2ResizeHandleHitTestRightBottom:hover), .GC2ResizeHandleCenterBottom:has(~ .GC2ResizeHandleHitTestCenterBottom:hover), .GC2ResizeHandleLeftBottom:has(~ .GC2ResizeHandleHitTestLeftBottom:hover), .GC2ResizeHandleLeftCenter:has(~ .GC2ResizeHandleHitTestLeftCenter:hover), .GC2ResizeHandleLeftTop:has(~ .GC2ResizeHandleHitTestLeftTop:hover) { fill: #296fe6; stroke: #296fe6; } .GC2RotateHandleBackground:has(~ .GC2RotateHandleHitTest:hover) { fill: #296fe6; } .GC2RotateHandleBackground { filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.4)); } .GC2RotateIconHandlePath:has(~ .GC2RotateHandleHitTest:hover) { fill: white; } .GC2SelectionOutline { stroke: var(--clrGC2SelectionOutlineColor, #296FE6); } .WACImgPresenceHighlight { position: absolute; border: 2px solid; z-index: 9; } .WACImgSelection { display: none; position: absolute; border-color: #616161 !important; border-color: var(--clrImageSelection, #616161) !important; border: 1px solid; z-index: 10; } .OnlyImageSelected .WACImgSelection { display: block; } .ImageCropMode .WACImgSelection { display: none; } .WACImgSelection .Flipped { top: auto; bottom: -18px; } .OnlyImageSelected .WacImgRotateHandle { display: block; } .ImageCropMode .WacImgRotateHandle { display: none; } .WacImgRotateBase { height: 18px; width: 1px; } .WacImgRotateArrow { top: -18px; background-color: transparent; } .HitHighlighted .WACImageOverlay { position: absolute; width: 100%; height: 100%; background-color: #ffee80; overflow: hidden; opacity: 0.62; } DIV.WACImageContainer .WACImage { margin: 3px; } SPAN.WACImageContainer .WACImage { border: none; margin: 1px; padding: 2px; vertical-align: baseline; } SPAN.WACImageContainer.NoPadding .WACImage { margin: 0px; padding: 0px; } .ImageCropMode .WACImage { display: none !important; } .ImageCropMode .WACSvg { display: none; } .HiddenParagraph .WACSvg svg * { pointer-events: none !important; } .usehover SPAN.WACImageContainer.NoPadding:hover .WACImage { border: dotted 2px #c6c6c6; margin: -2px; } .usehover SPAN.WACImageContainer.Selected.NoPadding:hover .WACImage { border: none; margin: 0px; } .usehover SPAN.WACImageContainer:hover .WACImage { border: dashed 1px #c6c6c6; margin: 0; } .usehover SPAN.WACImageContainer.Selected:hover .WACImage { border: none; margin: 1px; } .WACImageProgress { display: block; text-align: center; position: absolute; top: 50%; left: 50%; margin-top: -12px; margin-left: -12px; } .WACImagePlaceholderProgress { display: block; text-align: center; position: absolute; top: 50%; left: 50%; margin-top: -16px; margin-left: -16px; } DIV.WACImageContainer .WACImagePlaceholder { display: block; } SPAN.WACImageContainer .WACImagePlaceholder { display: inline-block; } .WACImageError { display: block; text-align: center; } .WACImageContainer .WACPlaceholderSpinner { display: flex; flex-direction: column; align-items: center; justify-content: center; } .WACImageContainer .WACPlaceholderSpinnerCircle { box-sizing: border-box; border-radius: 50%; border-width: 1.5px; border-style: solid; border-color: #0078D4 #C7E0F4 #C7E0F4; border-color: var(--clrSpinnerTrackColor, #0078D4 #C7E0F4 #C7E0F4); border-image: initial; animation-name: wacspinneranimation; animation-duration: 1.3s; animation-iteration-count: infinite; animation-timing-function: cubic-bezier(0.53, 0.21, 0.29, 0.67); width: 32px; height: 32px; color: transparent; } .WACImageContainer .WACPreviewPlaceholder { filter: blur(2px); } @keyframes wacspinneranimation { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .WACImagePlaceholder { background-color: #fafafa; border: solid 1px #cccccc; margin: 2px; overflow: hidden; vertical-align: bottom; cursor: default; } .WACImagePlaceholderThemed { background-color: #fafafa !important; background-color: var(--clrErrorPlaceholderBackground, #fafafa) !important; } .WACImagePlaceholder.NoPadding { margin: -1px; } .WACImagePlaceholderFiller { background-color: #f9f9f9; height: 100%; } .Selected .WACImagePlaceholderFiller { background-color: #c6c6c6; } .MergeHighlight { background: #d4f3c1 !important; border-color: #d4f3c1 !important; border-bottom-width: 1px; border-bottom-style: dotted; margin-bottom: -1px; border-top-width: 1px; border-top-style: dotted; margin-top: -1px; } .iPad .Hyperlink { color: -webkit-link; text-decoration: underline; } .PageBreakBlob { display: block; font-family: 'Segoe UI', Arial, Verdana, 'Sans-Serif'; color: #666666; font-weight: normal; font-size: 12px; text-align: center; position: relative; visibility: visible; /* OM:1444794 Usually under HiddenParagraph in PageView it is hidden. But for making page breaks appear extended out of EditView we need it to be visible */ } /* value of 'top' depends on 'border-top-width'.*/ .PageBreakBorderSpan { top: 8px; border-top-color: #ababab; border-top-style: solid; border-top-width: 2px; position: absolute; } .PageBreakTextSpan { position: relative; background-color: window; padding: 0px 3px; } .Mac .PageBreakTextSpan { background-color: #ffffff; } .Endnote { position: relative; } /* Pseudo element after endnote to increase click/touch area for Endnote, it may be noted that this cannot be grouped with Footnote even though values are same as when grouped :after style is not applied*/ .Endnote:after { content: ''; position: absolute; top: -7px; bottom: -7px; left: -10px; right: -10px; opacity: 0; /* Unfortunately on IE8, opacity(ms-filter) does not work with pseudo elements, so we cannot use backgound-color attribute as it blocks the actual content. See OM:533954. So we are using background as a 1x1 transparent gif which works out well on all browsers. We never want this element to be visible */ background: url('data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=') no-repeat -10000px -10000px; } .Footnote { position: relative; } /* Pseudo element after Footnote to increase click/touch area for Footnote, It may be noted that this cannot be grouped with Endnote even though values are same as when grouped :after style is not applied*/ .Footnote:after { content: ''; position: absolute; top: -7px; bottom: -7px; left: -10px; right: -10px; opacity: 0; /* Unfortunately on IE8, opacity(ms-filter) does not work with pseudo elements, so we cannot use backgound-color attribute as it blocks the actual content. See OM:533954. So we are using background as a dummy image which works out well on all browsers. We never want this element to be visible */ background: url('data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=') no-repeat -10000px -10000px; } /* Equations CSS */ .MathEquationContainer { display: inline-block; text-indent: 0; } /* All high contrast styling rules in IE10+/Edge */ @media screen and (-ms-high-contrast: active) { span.Selected.WACImageContainer .WACImage, .TableRowSelected > td > div.TableCellContent * .WACImage, .TableRowSelected > th > div.TableCellContent * .WACImage, .TableCellSelected * .WACImage { filter: invert(100%); } span.Selected.WACImageContainer .WACSvg, .TableRowSelected > td > div.TableCellContent * .WACSvg, .TableRowSelected > th > div.TableCellContent * .WACSvg, .TableCellSelected * .WACSvg { filter: invert(100%); } span.Selected.WACImageContainer .WACImage, .TableRowSelectedThemed > td > div.TableCellContent * .WACImage, .TableRowSelectedThemed > th > div.TableCellContent * .WACImage, .TableRowSelectedThemedRevamped > td > div.TableCellContent * .WACImage, .TableRowSelectedThemedRevamped > th > div.TableCellContent * .WACImage, .TableCellSelectedThemed * .WACImage, .TableCellSelectedThemedRevamped * .WACImage { filter: invert(100%); } span.Selected.WACImageContainer .WACSvg, .TableRowSelectedThemed > td > div.TableCellContent * .WACSvg, .TableRowSelectedThemed > th > div.TableCellContent * .WACSvg, .TableRowSelectedThemedRevamped > td > div.TableCellContent * .WACSvg, .TableRowSelectedThemedRevamped > th > div.TableCellContent * .WACSvg, .TableCellSelectedThemed * .WACSvg, .TableCellSelectedThemedRevamped * .WACSvg { filter: invert(100%); } span.OnlyImageSelected.Selected.WACImageContainer .WACImage { filter: none; } .Selected .WACImageOverlay { opacity: 0; } .Endnote *, .Footnote * { background-color: transparent !important; } .ContentControlAcetate { -ms-high-contrast-adjust: none; } .ContentControlAcetateArea path { stroke: ButtonText; fill: Background; } .ContentControlAcetateTitleButton { border-color: ButtonText; background-color: ButtonFace !important; } .ContentControlAcetateTitleButton:hover { background-color: Highlight !important; } .ContentControlAcetateTitleButton:hover .ContentControlAcetateTitleButtonInnerBorder { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; border: solid 1px HighlightText !important; z-index: -1; } .ContentControlAcetateTitleButton:active .ContentControlAcetateTitleButtonInnerBorder { visibility: hidden; } .ContentControlAcetateTitleButtonTitle { color: ButtonText !important; } }