@oliasoft-open-source/react-ui-library 3.3.21 → 3.3.23

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/global.css +4948 -0
  2. package/dist/index.js +32180 -4761
  3. package/package.json +4 -1
package/dist/global.css CHANGED
@@ -15689,6 +15689,4954 @@ html[data-theme='dark'] {
15689
15689
  position: relative;
15690
15690
  top: 1px;
15691
15691
  }
15692
+ /**
15693
+ * Styles extracted from: packages/remirror__theme/src/components-theme.ts
15694
+ */
15695
+ .remirror-editor-wrapper {
15696
+ padding-top: var(--rmr-space-3);
15697
+ }
15698
+
15699
+ .remirror-button-active {
15700
+ color: var(--rmr-color-primary-text) !important;
15701
+ background-color: var(--rmr-color-primary) !important;
15702
+ }
15703
+
15704
+ .remirror-button {
15705
+ display: inline-flex;
15706
+ font-weight: 400;
15707
+ align-items: center;
15708
+ justify-content: center;
15709
+ -webkit-user-select: none;
15710
+ -moz-user-select: none;
15711
+ -ms-user-select: none;
15712
+ user-select: none;
15713
+ padding: 0.375em 0.75em;
15714
+ line-height: 1.5;
15715
+ border-radius: var(--rmr-radius-border);
15716
+ text-decoration: none;
15717
+ border: 1px solid var(--rmr-color-border);
15718
+ cursor: pointer;
15719
+ white-space: nowrap;
15720
+ color: var(--rmr-color-text);
15721
+ background-color: var(--rmr-color-background);
15722
+ transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
15723
+ border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
15724
+ font-size: 100%;
15725
+ }
15726
+
15727
+ .remirror-button[aria-disabled='true'] {
15728
+ cursor: auto;
15729
+ }
15730
+
15731
+ .remirror-button:not([aria-disabled='true']):hover {
15732
+ color: var(--rmr-color-hover-primary-text);
15733
+ border-color: var(--rmr-color-hover-border);
15734
+ background-color: var(--rmr-color-hover-primary);
15735
+ }
15736
+
15737
+ .remirror-button:not([aria-disabled='true']):active,
15738
+ .remirror-button:not([aria-disabled='true'])[data-active],
15739
+ .remirror-button:not([aria-disabled='true'])[aria-expanded='true'] {
15740
+ color: var(--rmr-color-active-primary-text);
15741
+ border-color: var(--rmr-color-active-border);
15742
+ background-color: var(--rmr-color-active-primary);
15743
+ }
15744
+
15745
+ /* Ensure a perceivable button border for users with Windows High Contrast
15746
+ mode enabled https://moderncss.dev/css-button-styling-guide/ */
15747
+
15748
+ @media screen and (-ms-high-contrast: active) {
15749
+ .remirror-button {
15750
+ border: 2px solid currentcolor;
15751
+ }
15752
+ }
15753
+
15754
+ .remirror-composite {
15755
+ align-items: center;
15756
+ justify-content: center;
15757
+ padding: 0.375em 0.75em;
15758
+ font-size: 100%;
15759
+ border: 0;
15760
+ color: inherit;
15761
+ background-color: inherit;
15762
+ }
15763
+
15764
+ .remirror-composite:not([aria-selected='true']) {
15765
+ color: inherit;
15766
+ background-color: inherit;
15767
+ }
15768
+
15769
+ [aria-activedescendant='*']:focus .remirror-composite[aria-selected='true'],
15770
+ [aria-activedescendant='*']:focus ~ * .remirror-composite[aria-selected='true'] {
15771
+ color: var(--rmr-color-text);
15772
+ background-color: var(--rmr-color-background);
15773
+ }
15774
+
15775
+ .remirror-dialog {
15776
+ position: fixed;
15777
+ top: 28px;
15778
+ left: 50%;
15779
+ transform: translateX(-50%);
15780
+ border-radius: var(--rmr-radius-border);
15781
+ padding: 1em;
15782
+ max-height: calc(100vh - 56px);
15783
+ outline: 0;
15784
+ border: 1px solid var(--rmr-color-border);
15785
+ color: var(--rmr-color-text);
15786
+ z-index: 999;
15787
+ }
15788
+
15789
+ .remirror-dialog:focus {
15790
+ box-shadow: 0 0 0 0.2em var(--rmr-color-shadow-1);
15791
+ }
15792
+
15793
+ .remirror-dialog-backdrop {
15794
+ background-color: var(--rmr-color-backdrop);
15795
+ position: fixed;
15796
+ top: 0;
15797
+ right: 0;
15798
+ bottom: 0;
15799
+ left: 0;
15800
+ z-index: 999;
15801
+ }
15802
+
15803
+ .remirror-form > *:not(:first-child) {
15804
+ margin-top: 1rem;
15805
+ }
15806
+
15807
+ .remirror-form-message {
15808
+ font-size: 0.8em;
15809
+ margin-top: 0.5rem !important;
15810
+ }
15811
+
15812
+ .remirror-form-label {
15813
+ display: block;
15814
+ margin: 0 0 0.5rem 0 !important;
15815
+ }
15816
+
15817
+ input[type='checkbox'] + .remirror-form-label,
15818
+ input[type='radio'] + .remirror-form-label {
15819
+ display: inline-block;
15820
+ margin: 0 0 0 0.5rem !important;
15821
+ }
15822
+
15823
+ .remirror-form-group {
15824
+ display: block;
15825
+ color: var(--rmr-color-text);
15826
+ border: 1px solid var(--rmr-color-border);
15827
+ border-radius: var(--rmr-radius-border);
15828
+ padding: 0.5rem 1rem 1rem;
15829
+ }
15830
+
15831
+ .remirror-form-group > * {
15832
+ display: block;
15833
+ }
15834
+
15835
+ .remirror-group {
15836
+ display: flex;
15837
+ }
15838
+
15839
+ .remirror-group > :not(:first-child) {
15840
+ margin-left: -1px;
15841
+ }
15842
+
15843
+ .remirror-group > :not(:first-child):not(:last-child):not(.first-child):not(.last-child) {
15844
+ border-radius: 0;
15845
+ }
15846
+
15847
+ .remirror-group > :first-child:not(:last-child),
15848
+ .remirror-group > .first-child {
15849
+ border-top-right-radius: 0;
15850
+ border-bottom-right-radius: 0;
15851
+ }
15852
+
15853
+ .remirror-group > :last-child:not(:first-child),
15854
+ .remirror-group > .last-child {
15855
+ border-top-left-radius: 0;
15856
+ border-bottom-left-radius: 0;
15857
+ }
15858
+
15859
+ .remirror-input {
15860
+ display: block;
15861
+ width: 100%;
15862
+ border-radius: var(--rmr-radius-border);
15863
+ padding: 0.5em 0.75em;
15864
+ font-size: 100%;
15865
+ border: 1px solid var(--rmr-hue-gray-2);
15866
+ color: var(--rmr-hue-gray-5);
15867
+ margin: 0 !important;
15868
+ }
15869
+
15870
+ .remirror-input:focus {
15871
+ border-color: var(--rmr-hue-gray-3);
15872
+ }
15873
+
15874
+ .remirror-menu {
15875
+ display: flex;
15876
+ border-radius: 0;
15877
+ }
15878
+
15879
+ .remirror-menu-pane {
15880
+ position: relative;
15881
+ display: flex;
15882
+ justify-content: center;
15883
+ align-items: flex-start;
15884
+ padding-top: var(--rmr-space-1);
15885
+ padding-bottom: var(--rmr-space-1);
15886
+ padding-right: var(--rmr-space-2);
15887
+ }
15888
+
15889
+ .remirror-menu-pane-active {
15890
+ color: var(--rmr-color-primary-text);
15891
+ background-color: var(--rmr-color-primary);
15892
+ }
15893
+
15894
+ .remirror-menu-dropdown-label {
15895
+ padding: 0 var(--rmr-space-2);
15896
+ }
15897
+
15898
+ .remirror-menu-pane-icon {
15899
+ position: absolute;
15900
+ left: 8px;
15901
+ width: 20px;
15902
+ color: var(--rmr-hue-gray-7);
15903
+ }
15904
+
15905
+ button:hover .remirror-menu-pane-icon,
15906
+ button:active .remirror-menu-pane-icon,
15907
+ [aria-checked='true'] .remirror-menu-pane-icon {
15908
+ color: var(--rmr-hue-gray-1);
15909
+ }
15910
+
15911
+ .remirror-menu-pane-label {
15912
+ white-space: nowrap;
15913
+ overflow: hidden;
15914
+ text-overflow: ellipsis;
15915
+ padding-right: var(--rmr-space-3);
15916
+ }
15917
+
15918
+ .remirror-menu-pane-shortcut {
15919
+ align-self: flex-end;
15920
+ color: var(--rmr-hue-gray-6);
15921
+ }
15922
+
15923
+ button:hover .remirror-menu-pane-shortcut,
15924
+ button:active .remirror-menu-pane-shortcut,
15925
+ [aria-checked='true'] .remirror-menu-pane-shortcut {
15926
+ color: var(--rmr-hue-gray-1);
15927
+ }
15928
+
15929
+ [role='menu'] > .remirror-menu-button-left {
15930
+ left: var(--rmr-space-2);
15931
+ }
15932
+
15933
+ [role='menu'] > .remirror-menu-button-right {
15934
+ right: var(--rmr-space-2);
15935
+ }
15936
+
15937
+ .remirror-menu-button-nested-left svg {
15938
+ margin-right: var(--rmr-space-2);
15939
+ }
15940
+
15941
+ [role='menu'] > .remirror-menu-button-nested-right {
15942
+ padding-right: 2em !important;
15943
+ }
15944
+
15945
+ .remirror-menu-button-nested-right svg {
15946
+ margin-left: var(--rmr-space-2);
15947
+ }
15948
+
15949
+ .remirror-menu-button {
15950
+ position: relative;
15951
+ }
15952
+
15953
+ .remirror-menu-button svg {
15954
+ fill: currentColor;
15955
+ width: 0.65em;
15956
+ height: 0.65em;
15957
+ }
15958
+
15959
+ [role='menu'] > .remirror-menu-button svg {
15960
+ position: absolute;
15961
+ top: 50%;
15962
+ transform: translateY(-50%);
15963
+ }
15964
+
15965
+ [role='menubar'] > .remirror-menu-button svg {
15966
+ display: none;
15967
+ }
15968
+
15969
+ .remirror-menu-bar {
15970
+ position: relative;
15971
+ display: flex;
15972
+ white-space: nowrap;
15973
+ box-shadow: none !important;
15974
+ }
15975
+
15976
+ .remirror-menu-bar[aria-orientation='vertical'] {
15977
+ padding: 0.25em 0;
15978
+ }
15979
+
15980
+ .remirror-menu-bar[aria-orientation='horizontal'] {
15981
+ padding: 0;
15982
+ }
15983
+
15984
+ .remirror-flex-column {
15985
+ flex-direction: column;
15986
+ }
15987
+
15988
+ .remirror-flex-row {
15989
+ flex-direction: row;
15990
+ }
15991
+
15992
+ .remirror-menu-item {
15993
+ line-height: 1.5;
15994
+ text-align: left;
15995
+ justify-content: flex-start;
15996
+ border: 0;
15997
+ border-radius: 0;
15998
+ font-size: 100%;
15999
+ background: transparent;
16000
+ color: var(--rmr-color-foreground);
16001
+ margin: 0;
16002
+ -webkit-user-select: none;
16003
+ -moz-user-select: none;
16004
+ -ms-user-select: none;
16005
+ user-select: none;
16006
+ cursor: default;
16007
+ text-decoration: none;
16008
+ }
16009
+
16010
+ .remirror-menu-item:focus,
16011
+ .remirror-menu-item[aria-expanded='true'] {
16012
+ background-color: var(--rmr-color-primary);
16013
+ color: var(--rmr-color-primary-text);
16014
+ box-shadow: none !important;
16015
+ }
16016
+
16017
+ .remirror-menu-item:active,
16018
+ .remirror-menu-item[data-active] {
16019
+ background-color: var(--rmr-color-active-primary) !important;
16020
+ color: var(--rmr-color-active-primary-text) !important;
16021
+ }
16022
+
16023
+ .remirror-menu-item:disabled {
16024
+ opacity: 0.5;
16025
+ }
16026
+
16027
+ .remirror-menu-item-row {
16028
+ padding: 0 var(--rmr-space-2);
16029
+ }
16030
+
16031
+ .remirror-menu-item-column {
16032
+ padding: 0 var(--rmr-space-4);
16033
+ }
16034
+
16035
+ .remirror-menu-item-checkbox {
16036
+ position: relative;
16037
+ outline: 0;
16038
+ }
16039
+
16040
+ .remirror-menu-item-checkbox[aria-checked='true']:before {
16041
+ content: '✓';
16042
+ position: absolute;
16043
+ top: 0;
16044
+ left: 0.4em;
16045
+ width: 1em;
16046
+ height: 1em;
16047
+ }
16048
+
16049
+ .remirror-menu-item-radio {
16050
+ position: relative;
16051
+ outline: 0;
16052
+ }
16053
+
16054
+ .remirror-menu-item-radio[aria-checked='true']:before {
16055
+ content: '•';
16056
+ position: absolute;
16057
+ font-size: 1.4em;
16058
+ top: -0.25em;
16059
+ left: 0.35em;
16060
+ width: 0.7142857143em;
16061
+ height: 0.7142857143em;
16062
+ }
16063
+
16064
+ .remirror-menu-group {
16065
+ display: inherit;
16066
+ flex-direction: inherit;
16067
+ }
16068
+
16069
+ .remirror-floating-popover {
16070
+ /* padding: var(--rmr-space-2); */
16071
+ padding: 0;
16072
+ border: none;
16073
+ max-height: calc(100vh - 56px);
16074
+ }
16075
+
16076
+ .remirror-popover [data-arrow] {
16077
+ background-color: transparent;
16078
+ }
16079
+
16080
+ .remirror-popover [data-arrow] .stroke {
16081
+ fill: var(--rmr-color-border);
16082
+ }
16083
+
16084
+ .remirror-popover [data-arrow] .fill {
16085
+ fill: var(--rmr-color-background);
16086
+ }
16087
+
16088
+ .remirror-animated-popover {
16089
+ transition: opacity 250ms ease-in-out, transform 250ms ease-in-out;
16090
+ opacity: 0;
16091
+ transform-origin: top center;
16092
+ transform: translate3d(0, -20px, 0);
16093
+ }
16094
+
16095
+ [data-enter] .remirror-animated-popover {
16096
+ opacity: 1;
16097
+ transform: translate3d(0, 0, 0);
16098
+ }
16099
+
16100
+ .remirror-role {
16101
+ box-sizing: border-box;
16102
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
16103
+ font-family: var(--rmr-font-family-default);
16104
+ color: var(--rmr-color-text);
16105
+ background-color: var(--rmr-color-background);
16106
+ /* border: 1px solid var(--rmr-color-border); */
16107
+ }
16108
+
16109
+ .remirror-separator {
16110
+ border: 1px solid var(--rmr-color-border);
16111
+ border-width: 0 1px 0 0;
16112
+ margin: 0 0.5em;
16113
+ padding: 0;
16114
+ width: 0;
16115
+ height: auto;
16116
+ }
16117
+
16118
+ .remirror-separator[aria-orientation='horizontal'] {
16119
+ border-width: 0 0 1px 0;
16120
+ margin: 0.5em 0;
16121
+ width: auto;
16122
+ height: 0;
16123
+ }
16124
+
16125
+ .remirror-tab {
16126
+ background-color: transparent;
16127
+ border: 1px solid transparent;
16128
+ border-width: 1px 1px 0 1px;
16129
+ border-radius: var(--rmr-radius-border) var(--rmr-radius-border) 0 0;
16130
+ font-size: 100%;
16131
+ padding: 0.5em 1em;
16132
+ margin: 0 0 -1px 0;
16133
+ }
16134
+
16135
+ .remirror-tab[aria-selected='true'] {
16136
+ background-color: var(--rmr-color-background);
16137
+ border-color: var(--rmr-color-border);
16138
+ }
16139
+
16140
+ [aria-orientation='vertical'] .remirror-tab {
16141
+ border-width: 1px 0 1px 1px;
16142
+ border-radius: 0.2em 0 0 0.2em;
16143
+ margin: 0 -1px 0 0;
16144
+ }
16145
+
16146
+ .remirror-tab-list {
16147
+ display: flex;
16148
+ flex-direction: row;
16149
+ border: 1px solid var(--rmr-color-border);
16150
+ border-width: 0 0 1px 0;
16151
+ margin: 0 0 1em 0;
16152
+ }
16153
+
16154
+ .remirror-tab-list[aria-orientation='vertical'] {
16155
+ flex-direction: column;
16156
+ border-width: 0 1px 0 0;
16157
+ margin: 0 1em 0 0;
16158
+ }
16159
+
16160
+ .remirror-tabbable:not([type='checkbox']):not([type='radio']) {
16161
+ /* transition: box-shadow 0.15s ease-in-out; */
16162
+ outline: 0;
16163
+ }
16164
+
16165
+ .remirror-tabbable:not([type='checkbox']):not([type='radio']):focus {
16166
+ box-shadow: var(--rmr-color-outline) 0px 0px 0px 0.2em;
16167
+ position: relative;
16168
+ z-index: 2;
16169
+ }
16170
+
16171
+ .remirror-tabbable:not([type='checkbox']):not([type='radio']):hover {
16172
+ z-index: 2;
16173
+ }
16174
+
16175
+ .remirror-tabbable[aria-disabled='true'] {
16176
+ opacity: 0.5;
16177
+ }
16178
+
16179
+ .remirror-toolbar {
16180
+ display: flex;
16181
+ flex-direction: row;
16182
+
16183
+ overflow-y: auto;
16184
+ }
16185
+
16186
+ .remirror-toolbar > *:not(:first-child) {
16187
+ margin: 0 0 0 0.5em;
16188
+ }
16189
+
16190
+ .remirror-toolbar[aria-orientation='vertical'] {
16191
+ display: inline-flex;
16192
+ flex-direction: column;
16193
+ }
16194
+
16195
+ .remirror-toolbar[aria-orientation='vertical'] > *:not(:first-child) {
16196
+ margin: 0.5em 0 0;
16197
+ }
16198
+
16199
+ .remirror-tooltip {
16200
+ background-color: var(--rmr-color-faded);
16201
+ color: white;
16202
+ font-size: 0.8em;
16203
+ padding: 0.5rem;
16204
+ border-radius: var(--rmr-radius-border);
16205
+ z-index: 999;
16206
+ }
16207
+
16208
+ .remirror-tooltip [data-arrow] {
16209
+ background-color: transparent;
16210
+ }
16211
+
16212
+ .remirror-tooltip [data-arrow] .stroke {
16213
+ fill: transparent;
16214
+ }
16215
+
16216
+ .remirror-tooltip [data-arrow] .fill {
16217
+ fill: var(--rmr-hue-gray-8);
16218
+ }
16219
+
16220
+ .remirror-table-size-editor {
16221
+ background: var(--rmr-color-background);
16222
+ box-shadow: var(--rmr-color-shadow-1);
16223
+ font-family: var(--rmr-font-family-default);
16224
+ font-size: var(--rmr-font-size-1);
16225
+ }
16226
+
16227
+ .remirror-table-size-editor-body {
16228
+ position: relative;
16229
+ }
16230
+
16231
+ .remirror-table-size-editor-body::after {
16232
+ background: rgba(0, 0, 0, 0);
16233
+ bottom: -50px;
16234
+ content: '';
16235
+ left: 0;
16236
+ position: absolute;
16237
+ right: -50px;
16238
+ top: -50px;
16239
+ }
16240
+
16241
+ .remirror-table-size-editor-cell {
16242
+ border: var(--rmr-color-border);
16243
+ position: absolute;
16244
+ z-index: 2;
16245
+ }
16246
+
16247
+ .remirror-table-size-editor-cell-selected {
16248
+ background: var(--rmr-color-table-selected-border);
16249
+ border-color: var(--rmr-color-border);
16250
+ }
16251
+
16252
+ .remirror-table-size-editor-footer {
16253
+ padding-bottom: var(--rmr-space-1);
16254
+ text-align: center;
16255
+ }
16256
+
16257
+ .remirror-color-picker {
16258
+ background: var(--rmr-color-background);
16259
+ box-shadow: var(--rmr-box-shadow-1);
16260
+ font-family: var(--rmr-font-family-default);
16261
+ font-size: var(--rmr-font-size-1);
16262
+ padding: var(--rmr-space-2) var(--rmr-space-3);
16263
+ }
16264
+
16265
+ .remirror-color-picker-cell {
16266
+ }
16267
+
16268
+ .remirror-color-picker-cell-selected {
16269
+ }
16270
+
16271
+ /**
16272
+ * Styles extracted from: packages/remirror__theme/src/core-theme.ts
16273
+ */
16274
+ .remirror-editor.ProseMirror {
16275
+ word-wrap: break-word;
16276
+ white-space: pre-wrap;
16277
+ white-space: break-spaces;
16278
+ position: relative;
16279
+ font-variant-ligatures: none;
16280
+ font-feature-settings: 'liga' 0;
16281
+ overflow-y: scroll;
16282
+ }
16283
+
16284
+ .remirror-editor.ProseMirror pre {
16285
+ white-space: pre-wrap;
16286
+ }
16287
+
16288
+ .remirror-editor.ProseMirror li {
16289
+ position: relative;
16290
+ }
16291
+
16292
+ .remirror-editor.ProseMirror hr {
16293
+ border-color: #2e2e2e;
16294
+ }
16295
+
16296
+ /* Protect against generic img rules. See also https://github.com/ProseMirror/prosemirror-view/commit/aaa50d592074c8063fc2ef77907ab6d0373822fb */
16297
+
16298
+ .remirror-editor.ProseMirror img.ProseMirror-separator {
16299
+ display: inline !important;
16300
+ border: none !important;
16301
+ margin: 0 !important;
16302
+ }
16303
+ .remirror-editor.ProseMirror-hideselection *::-moz-selection {
16304
+ background: transparent;
16305
+ color: inherit;
16306
+ }
16307
+ .remirror-editor.ProseMirror-hideselection *::selection {
16308
+ background: transparent;
16309
+ color: inherit;
16310
+ }
16311
+ .remirror-editor.ProseMirror-hideselection *::-moz-selection {
16312
+ background: transparent;
16313
+ color: inherit;
16314
+ }
16315
+ .remirror-editor.ProseMirror-hideselection {
16316
+ caret-color: transparent;
16317
+ }
16318
+ .remirror-editor .ProseMirror-selectednode {
16319
+ outline: 2px solid #8cf;
16320
+ }
16321
+ /* Make sure li selections wrap around markers */
16322
+ .remirror-editor li.ProseMirror-selectednode {
16323
+ outline: none;
16324
+ }
16325
+ .remirror-editor li.ProseMirror-selectednode:after {
16326
+ content: '';
16327
+ position: absolute;
16328
+ left: -32px;
16329
+ right: -2px;
16330
+ top: -2px;
16331
+ bottom: -2px;
16332
+ border: 2px solid #8cf;
16333
+ pointer-events: none;
16334
+ }
16335
+
16336
+ /**
16337
+ * Styles extracted from: packages/remirror__theme/src/extension-blockquote-theme.ts
16338
+ */
16339
+ .remirror-editor.ProseMirror blockquote {
16340
+ border-left: 3px solid var(--rmr-hue-gray-3);
16341
+ margin-left: 0;
16342
+ margin-right: 0;
16343
+ padding-left: 10px;
16344
+ font-style: italic;
16345
+ }
16346
+ .remirror-editor.ProseMirror blockquote p {
16347
+ color: #888;
16348
+ }
16349
+
16350
+ /**
16351
+ * Styles extracted from: packages/remirror__theme/src/extension-callout-theme.ts
16352
+ */
16353
+ .remirror-editor div[data-callout-type] {
16354
+ display: flex;
16355
+ margin-left: 0;
16356
+ margin-right: 0;
16357
+ padding: 10px;
16358
+ border-left: 2px solid transparent;
16359
+ }
16360
+
16361
+ .remirror-editor div[data-callout-type] > :not(.remirror-callout-emoji-wrapper) {
16362
+ margin-left: 8px;
16363
+ flex-grow: 1;
16364
+ }
16365
+ .remirror-editor div[data-callout-type='info'] {
16366
+ background: #eef6fc;
16367
+ border-left-color: #3298dc;
16368
+ }
16369
+ .remirror-editor div[data-callout-type='warning'] {
16370
+ background: #fffbeb;
16371
+ border-left-color: #ffdd57;
16372
+ }
16373
+ .remirror-editor div[data-callout-type='error'] {
16374
+ background: #feecf0;
16375
+ border-left-color: #f14668;
16376
+ }
16377
+ .remirror-editor div[data-callout-type='success'] {
16378
+ background: #effaf3;
16379
+ border-left-color: #48c774;
16380
+ }
16381
+ .remirror-editor div[data-callout-type='blank'] {
16382
+ background: #f8f8f8;
16383
+ }
16384
+
16385
+ /**
16386
+ * Styles extracted from: packages/remirror__theme/src/extension-code-block-theme.ts
16387
+ */
16388
+ .remirror-wrap {
16389
+ white-space: pre-wrap !important;
16390
+ }
16391
+
16392
+ .remirror-a11y-dark code[class*='language-'],
16393
+ .remirror-a11y-dark pre[class*='language-'] {
16394
+ color: #f8f8f2;
16395
+ background: none;
16396
+ font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
16397
+ text-align: left;
16398
+ white-space: pre;
16399
+ word-spacing: normal;
16400
+ word-break: normal;
16401
+ word-wrap: normal;
16402
+ line-height: 1.5;
16403
+ -moz-tab-size: 4;
16404
+ tab-size: 4;
16405
+ -webkit-hyphens: none;
16406
+ -ms-hyphens: none;
16407
+ hyphens: none;
16408
+ }
16409
+
16410
+ /* Code blocks */
16411
+
16412
+ .remirror-a11y-dark pre[class*='language-'] {
16413
+ padding: 1em;
16414
+ margin: 0.5em 0;
16415
+ overflow: auto;
16416
+ border-radius: 0.3em;
16417
+ }
16418
+
16419
+ .remirror-a11y-dark :not(pre) > code[class*='language-'],
16420
+ .remirror-a11y-dark pre[class*='language-'] {
16421
+ background: #2b2b2b;
16422
+ }
16423
+
16424
+ /* Inline code */
16425
+
16426
+ .remirror-a11y-dark :not(pre) > code[class*='language-'] {
16427
+ padding: 0.1em;
16428
+ border-radius: 0.3em;
16429
+ white-space: normal;
16430
+ }
16431
+
16432
+ .remirror-a11y-dark .token.comment,
16433
+ .remirror-a11y-dark .token.prolog,
16434
+ .remirror-a11y-dark .token.doctype,
16435
+ .remirror-a11y-dark .token.cdata {
16436
+ color: #d4d0ab;
16437
+ }
16438
+
16439
+ .remirror-a11y-dark .token.punctuation,
16440
+ .remirror-a11y-dark .token.punctuation.important {
16441
+ color: #fefefe;
16442
+ }
16443
+
16444
+ .remirror-a11y-dark .token.property,
16445
+ .remirror-a11y-dark .token.tag,
16446
+ .remirror-a11y-dark .token.constant,
16447
+ .remirror-a11y-dark .token.symbol,
16448
+ .remirror-a11y-dark .token.deleted {
16449
+ color: #ffa07a;
16450
+ }
16451
+
16452
+ .remirror-a11y-dark .token.boolean,
16453
+ .remirror-a11y-dark .token.number {
16454
+ color: #00e0e0;
16455
+ }
16456
+
16457
+ .remirror-a11y-dark .token.selector,
16458
+ .remirror-a11y-dark .token.attr-name,
16459
+ .remirror-a11y-dark .token.string,
16460
+ .remirror-a11y-dark .token.char,
16461
+ .remirror-a11y-dark .token.builtin,
16462
+ .remirror-a11y-dark .token.inserted {
16463
+ color: #abe338;
16464
+ }
16465
+
16466
+ .remirror-a11y-dark .token.operator,
16467
+ .remirror-a11y-dark .token.entity,
16468
+ .remirror-a11y-dark .token.url,
16469
+ .remirror-a11y-dark .language-css .token.string,
16470
+ .remirror-a11y-dark .style .token.string,
16471
+ .remirror-a11y-dark .token.variable {
16472
+ color: #00e0e0;
16473
+ }
16474
+
16475
+ .remirror-a11y-dark .token.atrule,
16476
+ .remirror-a11y-dark .token.attr-value,
16477
+ .remirror-a11y-dark .token.function {
16478
+ color: #ffd700;
16479
+ }
16480
+
16481
+ .remirror-a11y-dark .token.keyword {
16482
+ color: #00e0e0;
16483
+ }
16484
+
16485
+ .remirror-a11y-dark .token.regex,
16486
+ .remirror-a11y-dark .token.important {
16487
+ color: #ffd700;
16488
+ }
16489
+
16490
+ .remirror-a11y-dark .token.important,
16491
+ .remirror-a11y-dark .token.bold {
16492
+ font-weight: bold;
16493
+ }
16494
+
16495
+ .remirror-a11y-dark .token.italic {
16496
+ font-style: italic;
16497
+ }
16498
+
16499
+ .remirror-a11y-dark .token.entity {
16500
+ cursor: help;
16501
+ }
16502
+
16503
+ @media screen and (-ms-high-contrast: active) {
16504
+ .remirror-a11y-dark code[class*='language-'],
16505
+ .remirror-a11y-dark pre[class*='language-'] {
16506
+ color: windowText;
16507
+ background: window;
16508
+ }
16509
+ .remirror-a11y-dark :not(pre) > code[class*='language-'],
16510
+ .remirror-a11y-dark pre[class*='language-'] {
16511
+ background: window;
16512
+ }
16513
+ .remirror-a11y-dark .token.important {
16514
+ background: highlight;
16515
+ color: window;
16516
+ font-weight: normal;
16517
+ }
16518
+ .remirror-a11y-dark .token.atrule,
16519
+ .remirror-a11y-dark .token.attr-value,
16520
+ .remirror-a11y-dark .token.function,
16521
+ .remirror-a11y-dark .token.keyword,
16522
+ .remirror-a11y-dark .token.operator,
16523
+ .remirror-a11y-dark .token.selector {
16524
+ font-weight: bold;
16525
+ }
16526
+ .remirror-a11y-dark .token.attr-value,
16527
+ .remirror-a11y-dark .token.comment,
16528
+ .remirror-a11y-dark .token.doctype,
16529
+ .remirror-a11y-dark .token.function,
16530
+ .remirror-a11y-dark .token.keyword,
16531
+ .remirror-a11y-dark .token.operator,
16532
+ .remirror-a11y-dark .token.property,
16533
+ .remirror-a11y-dark .token.string {
16534
+ color: highlight;
16535
+ }
16536
+ .remirror-a11y-dark .token.attr-value,
16537
+ .remirror-a11y-dark .token.url {
16538
+ font-weight: normal;
16539
+ }
16540
+ }
16541
+
16542
+ .remirror-atom-dark code[class*='language-'],
16543
+ .remirror-atom-dark pre[class*='language-'] {
16544
+ color: #c5c8c6;
16545
+ text-shadow: 0 1px rgba(0, 0, 0, 0.3);
16546
+ font-family: Inconsolata, Monaco, Consolas, 'Courier New', Courier, monospace;
16547
+ direction: ltr;
16548
+ text-align: left;
16549
+ white-space: pre;
16550
+ word-spacing: normal;
16551
+ word-break: normal;
16552
+ line-height: 1.5;
16553
+ -moz-tab-size: 4;
16554
+ tab-size: 4;
16555
+ -webkit-hyphens: none;
16556
+ -ms-hyphens: none;
16557
+ hyphens: none;
16558
+ }
16559
+
16560
+ /* Code blocks */
16561
+
16562
+ .remirror-atom-dark pre[class*='language-'] {
16563
+ padding: 1em;
16564
+ margin: 0.5em 0;
16565
+ overflow: auto;
16566
+ border-radius: 0.3em;
16567
+ }
16568
+
16569
+ .remirror-atom-dark :not(pre) > code[class*='language-'],
16570
+ .remirror-atom-dark pre[class*='language-'] {
16571
+ background: #1d1f21;
16572
+ }
16573
+
16574
+ /* Inline code */
16575
+
16576
+ .remirror-atom-dark :not(pre) > code[class*='language-'] {
16577
+ padding: 0.1em;
16578
+ border-radius: 0.3em;
16579
+ }
16580
+
16581
+ .remirror-atom-dark .token.comment,
16582
+ .remirror-atom-dark .token.prolog,
16583
+ .remirror-atom-dark .token.doctype,
16584
+ .remirror-atom-dark .token.cdata {
16585
+ color: #7c7c7c;
16586
+ }
16587
+
16588
+ .remirror-atom-dark .token.punctuation,
16589
+ .remirror-atom-dark .token.punctuation.important {
16590
+ color: #c5c8c6;
16591
+ }
16592
+
16593
+ .remirror-atom-dark .namespace {
16594
+ opacity: 0.7;
16595
+ }
16596
+
16597
+ .remirror-atom-dark .token.property,
16598
+ .remirror-atom-dark .token.keyword,
16599
+ .remirror-atom-dark .token.tag {
16600
+ color: #96cbfe;
16601
+ }
16602
+
16603
+ .remirror-atom-dark .token.class-name {
16604
+ color: #ffffb6;
16605
+ text-decoration: underline;
16606
+ }
16607
+
16608
+ .remirror-atom-dark .token.boolean,
16609
+ .remirror-atom-dark .token.constant {
16610
+ color: #99cc99;
16611
+ }
16612
+
16613
+ .remirror-atom-dark .token.symbol,
16614
+ .remirror-atom-dark .token.deleted {
16615
+ color: #f92672;
16616
+ }
16617
+
16618
+ .remirror-atom-dark .token.number {
16619
+ color: #ff73fd;
16620
+ }
16621
+
16622
+ .remirror-atom-dark .token.selector,
16623
+ .remirror-atom-dark .token.attr-name,
16624
+ .remirror-atom-dark .token.string,
16625
+ .remirror-atom-dark .token.char,
16626
+ .remirror-atom-dark .token.builtin,
16627
+ .remirror-atom-dark .token.inserted {
16628
+ color: #a8ff60;
16629
+ }
16630
+
16631
+ .remirror-atom-dark .token.variable {
16632
+ color: #c6c5fe;
16633
+ }
16634
+
16635
+ .remirror-atom-dark .token.operator {
16636
+ color: #ededed;
16637
+ }
16638
+
16639
+ .remirror-atom-dark .token.entity {
16640
+ color: #ffffb6;
16641
+ /* text-decoration: underline; */
16642
+ }
16643
+
16644
+ .remirror-atom-dark .token.url {
16645
+ color: #96cbfe;
16646
+ }
16647
+
16648
+ .remirror-atom-dark .language-css .token.string,
16649
+ .remirror-atom-dark .style .token.string {
16650
+ color: #87c38a;
16651
+ }
16652
+
16653
+ .remirror-atom-dark .token.atrule,
16654
+ .remirror-atom-dark .token.attr-value {
16655
+ color: #f9ee98;
16656
+ }
16657
+
16658
+ .remirror-atom-dark .token.function {
16659
+ color: #dad085;
16660
+ }
16661
+
16662
+ .remirror-atom-dark .token.regex {
16663
+ color: #e9c062;
16664
+ }
16665
+
16666
+ .remirror-atom-dark .token.important {
16667
+ color: #fd971f;
16668
+ }
16669
+
16670
+ .remirror-atom-dark .token.important,
16671
+ .remirror-atom-dark .token.bold {
16672
+ font-weight: bold;
16673
+ }
16674
+
16675
+ .remirror-atom-dark .token.italic {
16676
+ font-style: italic;
16677
+ }
16678
+
16679
+ .remirror-atom-dark .token.entity {
16680
+ cursor: help;
16681
+ }
16682
+
16683
+ .remirror-base16-ateliersulphurpool-light code[class*='language-'],
16684
+ .remirror-base16-ateliersulphurpool-light pre[class*='language-'] {
16685
+ font-family: Consolas, Menlo, Monaco, 'Andale Mono WT', 'Andale Mono', 'Lucida Console',
16686
+ 'Lucida Sans Typewriter', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Liberation Mono',
16687
+ 'Nimbus Mono L', 'Courier New', Courier, monospace;
16688
+ font-size: 14px;
16689
+ line-height: 1.375;
16690
+ direction: ltr;
16691
+ text-align: left;
16692
+ white-space: pre;
16693
+ word-spacing: normal;
16694
+ word-break: normal;
16695
+ -moz-tab-size: 4;
16696
+ tab-size: 4;
16697
+ -webkit-hyphens: none;
16698
+ -ms-hyphens: none;
16699
+ hyphens: none;
16700
+ background: #f5f7ff;
16701
+ color: #5e6687;
16702
+ }
16703
+
16704
+ .remirror-base16-ateliersulphurpool-light pre[class*='language-']::-moz-selection,
16705
+ .remirror-base16-ateliersulphurpool-light pre[class*='language-'] ::-moz-selection,
16706
+ .remirror-base16-ateliersulphurpool-light code[class*='language-']::-moz-selection,
16707
+ .remirror-base16-ateliersulphurpool-light code[class*='language-'] ::-moz-selection {
16708
+ text-shadow: none;
16709
+ background: #dfe2f1;
16710
+ }
16711
+
16712
+ .remirror-base16-ateliersulphurpool-light pre[class*='language-']::-moz-selection,
16713
+ .remirror-base16-ateliersulphurpool-light pre[class*='language-'] ::-moz-selection,
16714
+ .remirror-base16-ateliersulphurpool-light code[class*='language-']::-moz-selection,
16715
+ .remirror-base16-ateliersulphurpool-light code[class*='language-'] ::-moz-selection {
16716
+ text-shadow: none;
16717
+ background: #dfe2f1;
16718
+ }
16719
+
16720
+ .remirror-base16-ateliersulphurpool-light pre[class*='language-']::selection,
16721
+ .remirror-base16-ateliersulphurpool-light pre[class*='language-'] ::selection,
16722
+ .remirror-base16-ateliersulphurpool-light code[class*='language-']::selection,
16723
+ .remirror-base16-ateliersulphurpool-light code[class*='language-'] ::selection {
16724
+ text-shadow: none;
16725
+ background: #dfe2f1;
16726
+ }
16727
+
16728
+ /* Code blocks */
16729
+
16730
+ .remirror-base16-ateliersulphurpool-light pre[class*='language-'] {
16731
+ padding: 1em;
16732
+ margin: 0.5em 0;
16733
+ overflow: auto;
16734
+ }
16735
+
16736
+ /* Inline code */
16737
+
16738
+ .remirror-base16-ateliersulphurpool-light :not(pre) > code[class*='language-'] {
16739
+ padding: 0.1em;
16740
+ border-radius: 0.3em;
16741
+ }
16742
+
16743
+ .remirror-base16-ateliersulphurpool-light .token.comment,
16744
+ .remirror-base16-ateliersulphurpool-light .token.prolog,
16745
+ .remirror-base16-ateliersulphurpool-light .token.doctype,
16746
+ .remirror-base16-ateliersulphurpool-light .token.cdata {
16747
+ color: #898ea4;
16748
+ }
16749
+
16750
+ .remirror-base16-ateliersulphurpool-light .token.punctuation,
16751
+ .remirror-base16-ateliersulphurpool-light .token.punctuation.important {
16752
+ color: #5e6687;
16753
+ }
16754
+
16755
+ .remirror-base16-ateliersulphurpool-light .token.namespace {
16756
+ opacity: 0.7;
16757
+ }
16758
+
16759
+ .remirror-base16-ateliersulphurpool-light .token.operator,
16760
+ .remirror-base16-ateliersulphurpool-light .token.boolean,
16761
+ .remirror-base16-ateliersulphurpool-light .token.number {
16762
+ color: #c76b29;
16763
+ }
16764
+
16765
+ .remirror-base16-ateliersulphurpool-light .token.property {
16766
+ color: #c08b30;
16767
+ }
16768
+
16769
+ .remirror-base16-ateliersulphurpool-light .token.tag {
16770
+ color: #3d8fd1;
16771
+ }
16772
+
16773
+ .remirror-base16-ateliersulphurpool-light .token.string {
16774
+ color: #22a2c9;
16775
+ }
16776
+
16777
+ .remirror-base16-ateliersulphurpool-light .token.selector {
16778
+ color: #6679cc;
16779
+ }
16780
+
16781
+ .remirror-base16-ateliersulphurpool-light .token.attr-name {
16782
+ color: #c76b29;
16783
+ }
16784
+
16785
+ .remirror-base16-ateliersulphurpool-light .token.entity,
16786
+ .remirror-base16-ateliersulphurpool-light .token.url,
16787
+ .remirror-base16-ateliersulphurpool-light .language-css .token.string,
16788
+ .remirror-base16-ateliersulphurpool-light .style .token.string {
16789
+ color: #22a2c9;
16790
+ }
16791
+
16792
+ .remirror-base16-ateliersulphurpool-light .token.attr-value,
16793
+ .remirror-base16-ateliersulphurpool-light .token.keyword,
16794
+ .remirror-base16-ateliersulphurpool-light .token.control,
16795
+ .remirror-base16-ateliersulphurpool-light .token.directive,
16796
+ .remirror-base16-ateliersulphurpool-light .token.unit {
16797
+ color: #ac9739;
16798
+ }
16799
+
16800
+ .remirror-base16-ateliersulphurpool-light .token.statement,
16801
+ .remirror-base16-ateliersulphurpool-light .token.regex,
16802
+ .remirror-base16-ateliersulphurpool-light .token.atrule {
16803
+ color: #22a2c9;
16804
+ }
16805
+
16806
+ .remirror-base16-ateliersulphurpool-light .token.placeholder,
16807
+ .remirror-base16-ateliersulphurpool-light .token.variable {
16808
+ color: #3d8fd1;
16809
+ }
16810
+
16811
+ .remirror-base16-ateliersulphurpool-light .token.deleted {
16812
+ text-decoration: line-through;
16813
+ }
16814
+
16815
+ .remirror-base16-ateliersulphurpool-light .token.inserted {
16816
+ border-bottom: 1px dotted #202746;
16817
+ text-decoration: none;
16818
+ }
16819
+
16820
+ .remirror-base16-ateliersulphurpool-light .token.italic {
16821
+ font-style: italic;
16822
+ }
16823
+
16824
+ .remirror-base16-ateliersulphurpool-light .token.important,
16825
+ .remirror-base16-ateliersulphurpool-light .token.bold {
16826
+ font-weight: bold;
16827
+ }
16828
+
16829
+ .remirror-base16-ateliersulphurpool-light .token.important {
16830
+ color: #c94922;
16831
+ }
16832
+
16833
+ .remirror-base16-ateliersulphurpool-light .token.entity {
16834
+ cursor: help;
16835
+ }
16836
+
16837
+ .remirror-base16-ateliersulphurpool-light pre > code.highlight {
16838
+ outline: 0.4em solid #c94922;
16839
+ outline-offset: 0.4em;
16840
+ }
16841
+
16842
+ /* overrides color-values for the Line Numbers plugin
16843
+ * http://prismjs.com/plugins/line-numbers/
16844
+ */
16845
+
16846
+ .remirror-base16-ateliersulphurpool-light .line-numbers .line-numbers-rows {
16847
+ border-right-color: #dfe2f1;
16848
+ }
16849
+
16850
+ .remirror-base16-ateliersulphurpool-light .line-numbers-rows > span:before {
16851
+ color: #979db4;
16852
+ }
16853
+
16854
+ /* overrides color-values for the Line Highlight plugin
16855
+ * http://prismjs.com/plugins/line-highlight/
16856
+ */
16857
+
16858
+ .remirror-base16-ateliersulphurpool-light .line-highlight {
16859
+ background: rgba(107, 115, 148, 0.2);
16860
+ background: linear-gradient(to right, rgba(107, 115, 148, 0.2) 70%, rgba(107, 115, 148, 0));
16861
+ }
16862
+
16863
+ .remirror-cb code[class*='language-'],
16864
+ .remirror-cb pre[class*='language-'] {
16865
+ color: #fff;
16866
+ text-shadow: 0 1px 1px #000;
16867
+ font-family: Menlo, Monaco, 'Courier New', monospace;
16868
+ direction: ltr;
16869
+ text-align: left;
16870
+ word-spacing: normal;
16871
+ white-space: pre;
16872
+ word-wrap: normal;
16873
+ line-height: 1.4;
16874
+ background: none;
16875
+ border: 0;
16876
+
16877
+ -moz-tab-size: 4;
16878
+ tab-size: 4;
16879
+
16880
+ -webkit-hyphens: none;
16881
+ -ms-hyphens: none;
16882
+ hyphens: none;
16883
+ }
16884
+
16885
+ .remirror-cb pre[class*='language-'] code {
16886
+ float: left;
16887
+ padding: 0 15px 0 0;
16888
+ }
16889
+
16890
+ .remirror-cb pre[class*='language-'],
16891
+ .remirror-cb :not(pre) > code[class*='language-'] {
16892
+ background: #222;
16893
+ }
16894
+
16895
+ /* Code blocks */
16896
+
16897
+ .remirror-cb pre[class*='language-'] {
16898
+ padding: 15px;
16899
+ margin: 1em 0;
16900
+ overflow: auto;
16901
+ border-radius: 8px;
16902
+ }
16903
+
16904
+ /* Inline code */
16905
+
16906
+ .remirror-cb :not(pre) > code[class*='language-'] {
16907
+ padding: 5px 10px;
16908
+ line-height: 1;
16909
+ border-radius: 3px;
16910
+ }
16911
+
16912
+ .remirror-cb .token.comment,
16913
+ .remirror-cb .token.prolog,
16914
+ .remirror-cb .token.doctype,
16915
+ .remirror-cb .token.cdata {
16916
+ color: #797979;
16917
+ }
16918
+
16919
+ .remirror-cb .token.selector,
16920
+ .remirror-cb .token.operator,
16921
+ .remirror-cb .token.punctuation,
16922
+ .remirror-cb .token.punctuation.important {
16923
+ color: #fff;
16924
+ }
16925
+
16926
+ .remirror-cb .token.namespace {
16927
+ opacity: 0.7;
16928
+ }
16929
+
16930
+ .remirror-cb .token.tag,
16931
+ .remirror-cb .token.boolean {
16932
+ color: #ffd893;
16933
+ }
16934
+
16935
+ .remirror-cb .token.atrule,
16936
+ .remirror-cb .token.attr-value,
16937
+ .remirror-cb .token.hex,
16938
+ .remirror-cb .token.string {
16939
+ color: #b0c975;
16940
+ }
16941
+
16942
+ .remirror-cb .token.property,
16943
+ .remirror-cb .token.entity,
16944
+ .remirror-cb .token.url,
16945
+ .remirror-cb .token.attr-name,
16946
+ .remirror-cb .token.keyword {
16947
+ color: #c27628;
16948
+ }
16949
+
16950
+ .remirror-cb .token.regex {
16951
+ color: #9b71c6;
16952
+ }
16953
+
16954
+ .remirror-cb .token.entity {
16955
+ cursor: help;
16956
+ }
16957
+
16958
+ .remirror-cb .token.function,
16959
+ .remirror-cb .token.constant {
16960
+ color: #e5a638;
16961
+ }
16962
+
16963
+ .remirror-cb .token.variable {
16964
+ color: #fdfba8;
16965
+ }
16966
+
16967
+ .remirror-cb .token.number {
16968
+ color: #8799b0;
16969
+ }
16970
+
16971
+ .remirror-cb .token.important,
16972
+ .remirror-cb .token.deliminator {
16973
+ color: #e45734;
16974
+ }
16975
+
16976
+ /* Line highlight plugin */
16977
+
16978
+ .remirror-cb pre[data-line] {
16979
+ position: relative;
16980
+ padding: 1em 0 1em 3em;
16981
+ }
16982
+
16983
+ .remirror-cb .line-highlight {
16984
+ position: absolute;
16985
+ left: 0;
16986
+ right: 0;
16987
+ margin-top: 1em; /* Same as .prism's padding-top */
16988
+ background: rgba(255, 255, 255, 0.2);
16989
+ pointer-events: none;
16990
+ line-height: inherit;
16991
+ white-space: pre;
16992
+ }
16993
+
16994
+ .remirror-cb .line-highlight:before,
16995
+ .remirror-cb .line-highlight[data-end]:after {
16996
+ content: attr(data-start);
16997
+ position: absolute;
16998
+ top: 0.3em;
16999
+ left: 0.6em;
17000
+ min-width: 1em;
17001
+ padding: 0 0.5em;
17002
+ background-color: rgba(255, 255, 255, 0.3);
17003
+ color: #fff;
17004
+ font: bold 65%/1.5 sans-serif;
17005
+ text-align: center;
17006
+ border-radius: 8px;
17007
+ text-shadow: none;
17008
+ }
17009
+
17010
+ .remirror-cb .line-highlight[data-end]:after {
17011
+ content: attr(data-end);
17012
+ top: auto;
17013
+ bottom: 0.4em;
17014
+ }
17015
+
17016
+ /* for line numbers */
17017
+
17018
+ .remirror-cb .line-numbers-rows {
17019
+ margin: 0;
17020
+ }
17021
+
17022
+ .remirror-cb .line-numbers-rows span {
17023
+ padding-right: 10px;
17024
+ border-right: 3px #d9d336 solid;
17025
+ }
17026
+
17027
+ .remirror-darcula code[class*='language-'],
17028
+ .remirror-darcula pre[class*='language-'] {
17029
+ color: #a9b7c6;
17030
+ font-family: Consolas, Monaco, 'Andale Mono', monospace;
17031
+ direction: ltr;
17032
+ text-align: left;
17033
+ white-space: pre;
17034
+ word-spacing: normal;
17035
+ word-break: normal;
17036
+ line-height: 1.5;
17037
+
17038
+ -moz-tab-size: 4;
17039
+ tab-size: 4;
17040
+
17041
+ -webkit-hyphens: none;
17042
+ -ms-hyphens: none;
17043
+ hyphens: none;
17044
+ }
17045
+
17046
+ .remirror-darcula pre[class*='language-']::-moz-selection,
17047
+ .remirror-darcula pre[class*='language-'] ::-moz-selection,
17048
+ .remirror-darcula code[class*='language-']::-moz-selection,
17049
+ .remirror-darcula code[class*='language-'] ::-moz-selection {
17050
+ color: inherit;
17051
+ background: rgba(33, 66, 131, 0.85);
17052
+ }
17053
+
17054
+ .remirror-darcula pre[class*='language-']::-moz-selection,
17055
+ .remirror-darcula pre[class*='language-'] ::-moz-selection,
17056
+ .remirror-darcula code[class*='language-']::-moz-selection,
17057
+ .remirror-darcula code[class*='language-'] ::-moz-selection {
17058
+ color: inherit;
17059
+ background: rgba(33, 66, 131, 0.85);
17060
+ }
17061
+
17062
+ .remirror-darcula pre[class*='language-']::selection,
17063
+ .remirror-darcula pre[class*='language-'] ::selection,
17064
+ .remirror-darcula code[class*='language-']::selection,
17065
+ .remirror-darcula code[class*='language-'] ::selection {
17066
+ color: inherit;
17067
+ background: rgba(33, 66, 131, 0.85);
17068
+ }
17069
+
17070
+ /* Code blocks */
17071
+
17072
+ .remirror-darcula pre[class*='language-'] {
17073
+ padding: 1em;
17074
+ margin: 0.5em 0;
17075
+ overflow: auto;
17076
+ }
17077
+
17078
+ .remirror-darcula :not(pre) > code[class*='language-'],
17079
+ .remirror-darcula pre[class*='language-'] {
17080
+ background: #2b2b2b;
17081
+ }
17082
+
17083
+ /* Inline code */
17084
+
17085
+ .remirror-darcula :not(pre) > code[class*='language-'] {
17086
+ padding: 0.1em;
17087
+ border-radius: 0.3em;
17088
+ }
17089
+
17090
+ .remirror-darcula .token.comment,
17091
+ .remirror-darcula .token.prolog,
17092
+ .remirror-darcula .token.cdata {
17093
+ color: #808080;
17094
+ }
17095
+
17096
+ .remirror-darcula .token.delimiter,
17097
+ .remirror-darcula .token.boolean,
17098
+ .remirror-darcula .token.keyword,
17099
+ .remirror-darcula .token.selector,
17100
+ .remirror-darcula .token.important,
17101
+ .remirror-darcula .token.atrule {
17102
+ color: #cc7832;
17103
+ }
17104
+
17105
+ .remirror-darcula .token.operator,
17106
+ .remirror-darcula .token.punctuation,
17107
+ .remirror-darcula .token.attr-name {
17108
+ color: #a9b7c6;
17109
+ }
17110
+
17111
+ .remirror-darcula .token.tag,
17112
+ .remirror-darcula .token.tag .punctuation,
17113
+ .remirror-darcula .token.doctype,
17114
+ .remirror-darcula .token.builtin {
17115
+ color: #e8bf6a;
17116
+ }
17117
+
17118
+ .remirror-darcula .token.entity,
17119
+ .remirror-darcula .token.number,
17120
+ .remirror-darcula .token.symbol {
17121
+ color: #6897bb;
17122
+ }
17123
+
17124
+ .remirror-darcula .token.property,
17125
+ .remirror-darcula .token.constant,
17126
+ .remirror-darcula .token.variable {
17127
+ color: #9876aa;
17128
+ }
17129
+
17130
+ .remirror-darcula .token.string,
17131
+ .remirror-darcula .token.char {
17132
+ color: #6a8759;
17133
+ }
17134
+
17135
+ .remirror-darcula .token.attr-value,
17136
+ .remirror-darcula .token.attr-value .punctuation {
17137
+ color: #a5c261;
17138
+ }
17139
+
17140
+ .remirror-darcula .token.attr-value .punctuation:first-of-type {
17141
+ color: #a9b7c6;
17142
+ }
17143
+
17144
+ .remirror-darcula .token.url {
17145
+ color: #287bde;
17146
+ text-decoration: underline;
17147
+ }
17148
+
17149
+ .remirror-darcula .token.function {
17150
+ color: #ffc66d;
17151
+ }
17152
+
17153
+ .remirror-darcula .token.regex {
17154
+ background: #364135;
17155
+ }
17156
+
17157
+ .remirror-darcula .token.bold {
17158
+ font-weight: bold;
17159
+ }
17160
+
17161
+ .remirror-darcula .token.italic {
17162
+ font-style: italic;
17163
+ }
17164
+
17165
+ .remirror-darcula .token.inserted {
17166
+ background: #294436;
17167
+ }
17168
+
17169
+ .remirror-darcula .token.deleted {
17170
+ background: #484a4a;
17171
+ }
17172
+
17173
+ /*code.language-css .token.punctuation, .token.punctuation.important {color:
17174
+ #cc7832;
17175
+ }*/
17176
+
17177
+ .remirror-darcula code.language-css .token.property,
17178
+ .remirror-darcula code.language-css .token.property + .token.punctuation,
17179
+ .remirror-darcula .token.punctuation.important {
17180
+ color: #a9b7c6;
17181
+ }
17182
+
17183
+ .remirror-darcula code.language-css .token.id {
17184
+ color: #ffc66d;
17185
+ }
17186
+
17187
+ .remirror-darcula code.language-css .token.selector > .token.class,
17188
+ .remirror-darcula code.language-css .token.selector > .token.attribute,
17189
+ .remirror-darcula code.language-css .token.selector > .token.pseudo-class,
17190
+ .remirror-darcula code.language-css .token.selector > .token.pseudo-element {
17191
+ color: #ffc66d;
17192
+ }
17193
+
17194
+ .remirror-dracula code[class*='language-'],
17195
+ .remirror-dracula pre[class*='language-'] {
17196
+ color: #f8f8f2;
17197
+ background: none;
17198
+ text-shadow: 0 1px rgba(0, 0, 0, 0.3);
17199
+ font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
17200
+ text-align: left;
17201
+ white-space: pre;
17202
+ word-spacing: normal;
17203
+ word-break: normal;
17204
+ word-wrap: normal;
17205
+ line-height: 1.5;
17206
+ -moz-tab-size: 4;
17207
+ tab-size: 4;
17208
+ -webkit-hyphens: none;
17209
+ -ms-hyphens: none;
17210
+ hyphens: none;
17211
+ }
17212
+
17213
+ /* Code blocks */
17214
+
17215
+ .remirror-dracula pre[class*='language-'] {
17216
+ padding: 1em;
17217
+ margin: 0.5em 0;
17218
+ overflow: auto;
17219
+ border-radius: 0.3em;
17220
+ }
17221
+
17222
+ .remirror-dracula :not(pre) > code[class*='language-'],
17223
+ .remirror-dracula pre[class*='language-'] {
17224
+ background: #282a36;
17225
+ }
17226
+
17227
+ /* Inline code */
17228
+
17229
+ .remirror-dracula :not(pre) > code[class*='language-'] {
17230
+ padding: 0.1em;
17231
+ border-radius: 0.3em;
17232
+ white-space: normal;
17233
+ }
17234
+
17235
+ .remirror-dracula .token.comment,
17236
+ .remirror-dracula .token.prolog,
17237
+ .remirror-dracula .token.doctype,
17238
+ .remirror-dracula .token.cdata {
17239
+ color: #6272a4;
17240
+ }
17241
+
17242
+ .remirror-dracula .token.punctuation,
17243
+ .remirror-dracula .token.punctuation.important {
17244
+ color: #f8f8f2;
17245
+ }
17246
+
17247
+ .remirror-dracula .namespace {
17248
+ opacity: 0.7;
17249
+ }
17250
+
17251
+ .remirror-dracula .token.property,
17252
+ .remirror-dracula .token.tag,
17253
+ .remirror-dracula .token.constant,
17254
+ .remirror-dracula .token.symbol,
17255
+ .remirror-dracula .token.deleted {
17256
+ color: #ff79c6;
17257
+ }
17258
+
17259
+ .remirror-dracula .token.boolean,
17260
+ .remirror-dracula .token.number {
17261
+ color: #bd93f9;
17262
+ }
17263
+
17264
+ .remirror-dracula .token.selector,
17265
+ .remirror-dracula .token.attr-name,
17266
+ .remirror-dracula .token.string,
17267
+ .remirror-dracula .token.char,
17268
+ .remirror-dracula .token.builtin,
17269
+ .remirror-dracula .token.inserted {
17270
+ color: #50fa7b;
17271
+ }
17272
+
17273
+ .remirror-dracula .token.operator,
17274
+ .remirror-dracula .token.entity,
17275
+ .remirror-dracula .token.url,
17276
+ .remirror-dracula .language-css .token.string,
17277
+ .remirror-dracula .style .token.string,
17278
+ .remirror-dracula .token.variable {
17279
+ color: #f8f8f2;
17280
+ }
17281
+
17282
+ .remirror-dracula .token.atrule,
17283
+ .remirror-dracula .token.attr-value,
17284
+ .remirror-dracula .token.function,
17285
+ .remirror-dracula .token.class-name {
17286
+ color: #f1fa8c;
17287
+ }
17288
+
17289
+ .remirror-dracula .token.keyword {
17290
+ color: #8be9fd;
17291
+ }
17292
+
17293
+ .remirror-dracula .token.regex,
17294
+ .remirror-dracula .token.important {
17295
+ color: #ffb86c;
17296
+ }
17297
+
17298
+ .remirror-dracula .token.important,
17299
+ .remirror-dracula .token.bold {
17300
+ font-weight: bold;
17301
+ }
17302
+
17303
+ .remirror-dracula .token.italic {
17304
+ font-style: italic;
17305
+ }
17306
+
17307
+ .remirror-dracula .token.entity {
17308
+ cursor: help;
17309
+ }
17310
+
17311
+ .remirror-duotone-dark code[class*='language-'],
17312
+ .remirror-duotone-dark pre[class*='language-'] {
17313
+ font-family: Consolas, Menlo, Monaco, 'Andale Mono WT', 'Andale Mono', 'Lucida Console',
17314
+ 'Lucida Sans Typewriter', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Liberation Mono',
17315
+ 'Nimbus Mono L', 'Courier New', Courier, monospace;
17316
+ font-size: 14px;
17317
+ line-height: 1.375;
17318
+ direction: ltr;
17319
+ text-align: left;
17320
+ white-space: pre;
17321
+ word-spacing: normal;
17322
+ word-break: normal;
17323
+
17324
+ -moz-tab-size: 4;
17325
+ tab-size: 4;
17326
+
17327
+ -webkit-hyphens: none;
17328
+ -ms-hyphens: none;
17329
+ hyphens: none;
17330
+ background: #2a2734;
17331
+ color: #9a86fd;
17332
+ }
17333
+
17334
+ .remirror-duotone-dark pre[class*='language-']::-moz-selection,
17335
+ .remirror-duotone-dark pre[class*='language-'] ::-moz-selection,
17336
+ .remirror-duotone-dark code[class*='language-']::-moz-selection,
17337
+ .remirror-duotone-dark code[class*='language-'] ::-moz-selection {
17338
+ text-shadow: none;
17339
+ background: #6a51e6;
17340
+ }
17341
+
17342
+ .remirror-duotone-dark pre[class*='language-']::-moz-selection,
17343
+ .remirror-duotone-dark pre[class*='language-'] ::-moz-selection,
17344
+ .remirror-duotone-dark code[class*='language-']::-moz-selection,
17345
+ .remirror-duotone-dark code[class*='language-'] ::-moz-selection {
17346
+ text-shadow: none;
17347
+ background: #6a51e6;
17348
+ }
17349
+
17350
+ .remirror-duotone-dark pre[class*='language-']::selection,
17351
+ .remirror-duotone-dark pre[class*='language-'] ::selection,
17352
+ .remirror-duotone-dark code[class*='language-']::selection,
17353
+ .remirror-duotone-dark code[class*='language-'] ::selection {
17354
+ text-shadow: none;
17355
+ background: #6a51e6;
17356
+ }
17357
+
17358
+ /* Code blocks */
17359
+
17360
+ .remirror-duotone-dark pre[class*='language-'] {
17361
+ padding: 1em;
17362
+ margin: 0.5em 0;
17363
+ overflow: auto;
17364
+ }
17365
+
17366
+ /* Inline code */
17367
+
17368
+ .remirror-duotone-dark :not(pre) > code[class*='language-'] {
17369
+ padding: 0.1em;
17370
+ border-radius: 0.3em;
17371
+ }
17372
+
17373
+ .remirror-duotone-dark .token.comment,
17374
+ .remirror-duotone-dark .token.prolog,
17375
+ .remirror-duotone-dark .token.doctype,
17376
+ .remirror-duotone-dark .token.cdata {
17377
+ color: #6c6783;
17378
+ }
17379
+
17380
+ .remirror-duotone-dark .token.punctuation,
17381
+ .remirror-duotone-dark .token.punctuation.important {
17382
+ color: #6c6783;
17383
+ }
17384
+
17385
+ .remirror-duotone-dark .token.namespace {
17386
+ opacity: 0.7;
17387
+ }
17388
+
17389
+ .remirror-duotone-dark .token.tag,
17390
+ .remirror-duotone-dark .token.operator,
17391
+ .remirror-duotone-dark .token.number {
17392
+ color: #e09142;
17393
+ }
17394
+
17395
+ .remirror-duotone-dark .token.property,
17396
+ .remirror-duotone-dark .token.function {
17397
+ color: #9a86fd;
17398
+ }
17399
+
17400
+ .remirror-duotone-dark .token.tag-id,
17401
+ .remirror-duotone-dark .token.selector,
17402
+ .remirror-duotone-dark .token.atrule-id {
17403
+ color: #eeebff;
17404
+ }
17405
+
17406
+ .remirror-duotone-dark code.language-javascript,
17407
+ .remirror-duotone-dark .token.attr-name {
17408
+ color: #c4b9fe;
17409
+ }
17410
+
17411
+ .remirror-duotone-dark code.language-css,
17412
+ .remirror-duotone-dark code.language-scss,
17413
+ .remirror-duotone-dark .token.boolean,
17414
+ .remirror-duotone-dark .token.string,
17415
+ .remirror-duotone-dark .token.entity,
17416
+ .remirror-duotone-dark .token.url,
17417
+ .remirror-duotone-dark .language-css .token.string,
17418
+ .remirror-duotone-dark .language-scss .token.string,
17419
+ .remirror-duotone-dark .style .token.string,
17420
+ .remirror-duotone-dark .token.attr-value,
17421
+ .remirror-duotone-dark .token.keyword,
17422
+ .remirror-duotone-dark .token.control,
17423
+ .remirror-duotone-dark .token.directive,
17424
+ .remirror-duotone-dark .token.unit,
17425
+ .remirror-duotone-dark .token.statement,
17426
+ .remirror-duotone-dark .token.regex,
17427
+ .remirror-duotone-dark .token.atrule {
17428
+ color: #ffcc99;
17429
+ }
17430
+
17431
+ .remirror-duotone-dark .token.placeholder,
17432
+ .remirror-duotone-dark .token.variable {
17433
+ color: #ffcc99;
17434
+ }
17435
+
17436
+ .remirror-duotone-dark .token.deleted {
17437
+ text-decoration: line-through;
17438
+ }
17439
+
17440
+ .remirror-duotone-dark .token.inserted {
17441
+ border-bottom: 1px dotted #eeebff;
17442
+ text-decoration: none;
17443
+ }
17444
+
17445
+ .remirror-duotone-dark .token.italic {
17446
+ font-style: italic;
17447
+ }
17448
+
17449
+ .remirror-duotone-dark .token.important,
17450
+ .remirror-duotone-dark .token.bold {
17451
+ font-weight: bold;
17452
+ }
17453
+
17454
+ .remirror-duotone-dark .token.important {
17455
+ color: #c4b9fe;
17456
+ }
17457
+
17458
+ .remirror-duotone-dark .token.entity {
17459
+ cursor: help;
17460
+ }
17461
+
17462
+ .remirror-duotone-dark pre > code.highlight {
17463
+ outline: 0.4em solid #8a75f5;
17464
+ outline-offset: 0.4em;
17465
+ }
17466
+
17467
+ /* overrides color-values for the Line Numbers plugin
17468
+ * http://prismjs.com/plugins/line-numbers/
17469
+ */
17470
+
17471
+ .remirror-duotone-dark .line-numbers .line-numbers-rows {
17472
+ border-right-color: #2c2937;
17473
+ }
17474
+
17475
+ .remirror-duotone-dark .line-numbers-rows > span:before {
17476
+ color: #3c3949;
17477
+ }
17478
+
17479
+ /* overrides color-values for the Line Highlight plugin
17480
+ * http://prismjs.com/plugins/line-highlight/
17481
+ */
17482
+
17483
+ .remirror-duotone-dark .line-highlight {
17484
+ background: rgba(224, 145, 66, 0.2);
17485
+ background: linear-gradient(to right, rgba(224, 145, 66, 0.2) 70%, rgba(224, 145, 66, 0));
17486
+ }
17487
+
17488
+ .remirror-duotone-earth code[class*='language-'],
17489
+ .remirror-duotone-earth pre[class*='language-'] {
17490
+ font-family: Consolas, Menlo, Monaco, 'Andale Mono WT', 'Andale Mono', 'Lucida Console',
17491
+ 'Lucida Sans Typewriter', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Liberation Mono',
17492
+ 'Nimbus Mono L', 'Courier New', Courier, monospace;
17493
+ font-size: 14px;
17494
+ line-height: 1.375;
17495
+ direction: ltr;
17496
+ text-align: left;
17497
+ white-space: pre;
17498
+ word-spacing: normal;
17499
+ word-break: normal;
17500
+
17501
+ -moz-tab-size: 4;
17502
+ tab-size: 4;
17503
+
17504
+ -webkit-hyphens: none;
17505
+ -ms-hyphens: none;
17506
+ hyphens: none;
17507
+ background: #322d29;
17508
+ color: #88786d;
17509
+ }
17510
+
17511
+ .remirror-duotone-earth pre[class*='language-']::-moz-selection,
17512
+ .remirror-duotone-earth pre[class*='language-'] ::-moz-selection,
17513
+ .remirror-duotone-earth code[class*='language-']::-moz-selection,
17514
+ .remirror-duotone-earth code[class*='language-'] ::-moz-selection {
17515
+ text-shadow: none;
17516
+ background: #6f5849;
17517
+ }
17518
+
17519
+ .remirror-duotone-earth pre[class*='language-']::-moz-selection,
17520
+ .remirror-duotone-earth pre[class*='language-'] ::-moz-selection,
17521
+ .remirror-duotone-earth code[class*='language-']::-moz-selection,
17522
+ .remirror-duotone-earth code[class*='language-'] ::-moz-selection {
17523
+ text-shadow: none;
17524
+ background: #6f5849;
17525
+ }
17526
+
17527
+ .remirror-duotone-earth pre[class*='language-']::selection,
17528
+ .remirror-duotone-earth pre[class*='language-'] ::selection,
17529
+ .remirror-duotone-earth code[class*='language-']::selection,
17530
+ .remirror-duotone-earth code[class*='language-'] ::selection {
17531
+ text-shadow: none;
17532
+ background: #6f5849;
17533
+ }
17534
+
17535
+ /* Code blocks */
17536
+
17537
+ .remirror-duotone-earth pre[class*='language-'] {
17538
+ padding: 1em;
17539
+ margin: 0.5em 0;
17540
+ overflow: auto;
17541
+ }
17542
+
17543
+ /* Inline code */
17544
+
17545
+ .remirror-duotone-earth :not(pre) > code[class*='language-'] {
17546
+ padding: 0.1em;
17547
+ border-radius: 0.3em;
17548
+ }
17549
+
17550
+ .remirror-duotone-earth .token.comment,
17551
+ .remirror-duotone-earth .token.prolog,
17552
+ .remirror-duotone-earth .token.doctype,
17553
+ .remirror-duotone-earth .token.cdata {
17554
+ color: #6a5f58;
17555
+ }
17556
+
17557
+ .remirror-duotone-earth .token.punctuation,
17558
+ .remirror-duotone-earth .token.punctuation.important {
17559
+ color: #6a5f58;
17560
+ }
17561
+
17562
+ .remirror-duotone-earth .token.namespace {
17563
+ opacity: 0.7;
17564
+ }
17565
+
17566
+ .remirror-duotone-earth .token.tag,
17567
+ .remirror-duotone-earth .token.operator,
17568
+ .remirror-duotone-earth .token.number {
17569
+ color: #bfa05a;
17570
+ }
17571
+
17572
+ .remirror-duotone-earth .token.property,
17573
+ .remirror-duotone-earth .token.function {
17574
+ color: #88786d;
17575
+ }
17576
+
17577
+ .remirror-duotone-earth .token.tag-id,
17578
+ .remirror-duotone-earth .token.selector,
17579
+ .remirror-duotone-earth .token.atrule-id {
17580
+ color: #fff3eb;
17581
+ }
17582
+
17583
+ .remirror-duotone-earth code.language-javascript,
17584
+ .remirror-duotone-earth .token.attr-name {
17585
+ color: #a48774;
17586
+ }
17587
+
17588
+ .remirror-duotone-earth code.language-css,
17589
+ .remirror-duotone-earth code.language-scss,
17590
+ .remirror-duotone-earth .token.boolean,
17591
+ .remirror-duotone-earth .token.string,
17592
+ .remirror-duotone-earth .token.entity,
17593
+ .remirror-duotone-earth .token.url,
17594
+ .remirror-duotone-earth .language-css .token.string,
17595
+ .remirror-duotone-earth .language-scss .token.string,
17596
+ .remirror-duotone-earth .style .token.string,
17597
+ .remirror-duotone-earth .token.attr-value,
17598
+ .remirror-duotone-earth .token.keyword,
17599
+ .remirror-duotone-earth .token.control,
17600
+ .remirror-duotone-earth .token.directive,
17601
+ .remirror-duotone-earth .token.unit,
17602
+ .remirror-duotone-earth .token.statement,
17603
+ .remirror-duotone-earth .token.regex,
17604
+ .remirror-duotone-earth .token.atrule {
17605
+ color: #fcc440;
17606
+ }
17607
+
17608
+ .remirror-duotone-earth .token.placeholder,
17609
+ .remirror-duotone-earth .token.variable {
17610
+ color: #fcc440;
17611
+ }
17612
+
17613
+ .remirror-duotone-earth .token.deleted {
17614
+ text-decoration: line-through;
17615
+ }
17616
+
17617
+ .remirror-duotone-earth .token.inserted {
17618
+ border-bottom: 1px dotted #fff3eb;
17619
+ text-decoration: none;
17620
+ }
17621
+
17622
+ .remirror-duotone-earth .token.italic {
17623
+ font-style: italic;
17624
+ }
17625
+
17626
+ .remirror-duotone-earth .token.important,
17627
+ .remirror-duotone-earth .token.bold {
17628
+ font-weight: bold;
17629
+ }
17630
+
17631
+ .remirror-duotone-earth .token.important {
17632
+ color: #a48774;
17633
+ }
17634
+
17635
+ .remirror-duotone-earth .token.entity {
17636
+ cursor: help;
17637
+ }
17638
+
17639
+ .remirror-duotone-earth pre > code.highlight {
17640
+ outline: 0.4em solid #816d5f;
17641
+ outline-offset: 0.4em;
17642
+ }
17643
+
17644
+ /* overrides color-values for the Line Numbers plugin
17645
+ * http://prismjs.com/plugins/line-numbers/
17646
+ */
17647
+
17648
+ .remirror-duotone-earth .line-numbers .line-numbers-rows {
17649
+ border-right-color: #35302b;
17650
+ }
17651
+
17652
+ .remirror-duotone-earth .line-numbers-rows > span:before {
17653
+ color: #46403d;
17654
+ }
17655
+
17656
+ /* overrides color-values for the Line Highlight plugin
17657
+ * http://prismjs.com/plugins/line-highlight/
17658
+ */
17659
+
17660
+ .remirror-duotone-earth .line-highlight {
17661
+ background: rgba(191, 160, 90, 0.2);
17662
+ background: linear-gradient(to right, rgba(191, 160, 90, 0.2) 70%, rgba(191, 160, 90, 0));
17663
+ }
17664
+
17665
+ .remirror-duotone-forest code[class*='language-'],
17666
+ .remirror-duotone-forest pre[class*='language-'] {
17667
+ font-family: Consolas, Menlo, Monaco, 'Andale Mono WT', 'Andale Mono', 'Lucida Console',
17668
+ 'Lucida Sans Typewriter', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Liberation Mono',
17669
+ 'Nimbus Mono L', 'Courier New', Courier, monospace;
17670
+ font-size: 14px;
17671
+ line-height: 1.375;
17672
+ direction: ltr;
17673
+ text-align: left;
17674
+ white-space: pre;
17675
+ word-spacing: normal;
17676
+ word-break: normal;
17677
+
17678
+ -moz-tab-size: 4;
17679
+ tab-size: 4;
17680
+
17681
+ -webkit-hyphens: none;
17682
+ -ms-hyphens: none;
17683
+ hyphens: none;
17684
+ background: #2a2d2a;
17685
+ color: #687d68;
17686
+ }
17687
+
17688
+ .remirror-duotone-forest pre[class*='language-']::-moz-selection,
17689
+ .remirror-duotone-forest pre[class*='language-'] ::-moz-selection,
17690
+ .remirror-duotone-forest code[class*='language-']::-moz-selection,
17691
+ .remirror-duotone-forest code[class*='language-'] ::-moz-selection {
17692
+ text-shadow: none;
17693
+ background: #435643;
17694
+ }
17695
+
17696
+ .remirror-duotone-forest pre[class*='language-']::-moz-selection,
17697
+ .remirror-duotone-forest pre[class*='language-'] ::-moz-selection,
17698
+ .remirror-duotone-forest code[class*='language-']::-moz-selection,
17699
+ .remirror-duotone-forest code[class*='language-'] ::-moz-selection {
17700
+ text-shadow: none;
17701
+ background: #435643;
17702
+ }
17703
+
17704
+ .remirror-duotone-forest pre[class*='language-']::selection,
17705
+ .remirror-duotone-forest pre[class*='language-'] ::selection,
17706
+ .remirror-duotone-forest code[class*='language-']::selection,
17707
+ .remirror-duotone-forest code[class*='language-'] ::selection {
17708
+ text-shadow: none;
17709
+ background: #435643;
17710
+ }
17711
+
17712
+ /* Code blocks */
17713
+
17714
+ .remirror-duotone-forest pre[class*='language-'] {
17715
+ padding: 1em;
17716
+ margin: 0.5em 0;
17717
+ overflow: auto;
17718
+ }
17719
+
17720
+ /* Inline code */
17721
+
17722
+ .remirror-duotone-forest :not(pre) > code[class*='language-'] {
17723
+ padding: 0.1em;
17724
+ border-radius: 0.3em;
17725
+ }
17726
+
17727
+ .remirror-duotone-forest .token.comment,
17728
+ .remirror-duotone-forest .token.prolog,
17729
+ .remirror-duotone-forest .token.doctype,
17730
+ .remirror-duotone-forest .token.cdata {
17731
+ color: #535f53;
17732
+ }
17733
+
17734
+ .remirror-duotone-forest .token.punctuation,
17735
+ .remirror-duotone-forest .token.punctuation.important {
17736
+ color: #535f53;
17737
+ }
17738
+
17739
+ .remirror-duotone-forest .token.namespace {
17740
+ opacity: 0.7;
17741
+ }
17742
+
17743
+ .remirror-duotone-forest .token.tag,
17744
+ .remirror-duotone-forest .token.operator,
17745
+ .remirror-duotone-forest .token.number {
17746
+ color: #a2b34d;
17747
+ }
17748
+
17749
+ .remirror-duotone-forest .token.property,
17750
+ .remirror-duotone-forest .token.function {
17751
+ color: #687d68;
17752
+ }
17753
+
17754
+ .remirror-duotone-forest .token.tag-id,
17755
+ .remirror-duotone-forest .token.selector,
17756
+ .remirror-duotone-forest .token.atrule-id {
17757
+ color: #f0fff0;
17758
+ }
17759
+
17760
+ .remirror-duotone-forest code.language-javascript,
17761
+ .remirror-duotone-forest .token.attr-name {
17762
+ color: #b3d6b3;
17763
+ }
17764
+
17765
+ .remirror-duotone-forest code.language-css,
17766
+ .remirror-duotone-forest code.language-scss,
17767
+ .remirror-duotone-forest .token.boolean,
17768
+ .remirror-duotone-forest .token.string,
17769
+ .remirror-duotone-forest .token.entity,
17770
+ .remirror-duotone-forest .token.url,
17771
+ .remirror-duotone-forest .language-css .token.string,
17772
+ .remirror-duotone-forest .language-scss .token.string,
17773
+ .remirror-duotone-forest .style .token.string,
17774
+ .remirror-duotone-forest .token.attr-value,
17775
+ .remirror-duotone-forest .token.keyword,
17776
+ .remirror-duotone-forest .token.control,
17777
+ .remirror-duotone-forest .token.directive,
17778
+ .remirror-duotone-forest .token.unit,
17779
+ .remirror-duotone-forest .token.statement,
17780
+ .remirror-duotone-forest .token.regex,
17781
+ .remirror-duotone-forest .token.atrule {
17782
+ color: #e5fb79;
17783
+ }
17784
+
17785
+ .remirror-duotone-forest .token.placeholder,
17786
+ .remirror-duotone-forest .token.variable {
17787
+ color: #e5fb79;
17788
+ }
17789
+
17790
+ .remirror-duotone-forest .token.deleted {
17791
+ text-decoration: line-through;
17792
+ }
17793
+
17794
+ .remirror-duotone-forest .token.inserted {
17795
+ border-bottom: 1px dotted #f0fff0;
17796
+ text-decoration: none;
17797
+ }
17798
+
17799
+ .remirror-duotone-forest .token.italic {
17800
+ font-style: italic;
17801
+ }
17802
+
17803
+ .remirror-duotone-forest .token.important,
17804
+ .remirror-duotone-forest .token.bold {
17805
+ font-weight: bold;
17806
+ }
17807
+
17808
+ .remirror-duotone-forest .token.important {
17809
+ color: #b3d6b3;
17810
+ }
17811
+
17812
+ .remirror-duotone-forest .token.entity {
17813
+ cursor: help;
17814
+ }
17815
+
17816
+ .remirror-duotone-forest pre > code.highlight {
17817
+ outline: 0.4em solid #5c705c;
17818
+ outline-offset: 0.4em;
17819
+ }
17820
+
17821
+ /* overrides color-values for the Line Numbers plugin
17822
+ * http://prismjs.com/plugins/line-numbers/
17823
+ */
17824
+
17825
+ .remirror-duotone-forest .line-numbers .line-numbers-rows {
17826
+ border-right-color: #2c302c;
17827
+ }
17828
+
17829
+ .remirror-duotone-forest .line-numbers-rows > span:before {
17830
+ color: #3b423b;
17831
+ }
17832
+
17833
+ /* overrides color-values for the Line Highlight plugin
17834
+ * http://prismjs.com/plugins/line-highlight/
17835
+ */
17836
+
17837
+ .remirror-duotone-forest .line-highlight {
17838
+ background: rgba(162, 179, 77, 0.2);
17839
+ background: linear-gradient(to right, rgba(162, 179, 77, 0.2) 70%, rgba(162, 179, 77, 0));
17840
+ }
17841
+
17842
+ .remirror-duotone-light code[class*='language-'],
17843
+ .remirror-duotone-light pre[class*='language-'] {
17844
+ font-family: Consolas, Menlo, Monaco, 'Andale Mono WT', 'Andale Mono', 'Lucida Console',
17845
+ 'Lucida Sans Typewriter', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Liberation Mono',
17846
+ 'Nimbus Mono L', 'Courier New', Courier, monospace;
17847
+ font-size: 14px;
17848
+ line-height: 1.375;
17849
+ direction: ltr;
17850
+ text-align: left;
17851
+ white-space: pre;
17852
+ word-spacing: normal;
17853
+ word-break: normal;
17854
+
17855
+ -moz-tab-size: 4;
17856
+ tab-size: 4;
17857
+
17858
+ -webkit-hyphens: none;
17859
+ -ms-hyphens: none;
17860
+ hyphens: none;
17861
+ background: #faf8f5;
17862
+ color: #728fcb;
17863
+ }
17864
+
17865
+ .remirror-duotone-light pre[class*='language-']::-moz-selection,
17866
+ .remirror-duotone-light pre[class*='language-'] ::-moz-selection,
17867
+ .remirror-duotone-light code[class*='language-']::-moz-selection,
17868
+ .remirror-duotone-light code[class*='language-'] ::-moz-selection {
17869
+ text-shadow: none;
17870
+ background: #faf8f5;
17871
+ }
17872
+
17873
+ .remirror-duotone-light pre[class*='language-']::-moz-selection,
17874
+ .remirror-duotone-light pre[class*='language-'] ::-moz-selection,
17875
+ .remirror-duotone-light code[class*='language-']::-moz-selection,
17876
+ .remirror-duotone-light code[class*='language-'] ::-moz-selection {
17877
+ text-shadow: none;
17878
+ background: #faf8f5;
17879
+ }
17880
+
17881
+ .remirror-duotone-light pre[class*='language-']::selection,
17882
+ .remirror-duotone-light pre[class*='language-'] ::selection,
17883
+ .remirror-duotone-light code[class*='language-']::selection,
17884
+ .remirror-duotone-light code[class*='language-'] ::selection {
17885
+ text-shadow: none;
17886
+ background: #faf8f5;
17887
+ }
17888
+
17889
+ /* Code blocks */
17890
+
17891
+ .remirror-duotone-light pre[class*='language-'] {
17892
+ padding: 1em;
17893
+ margin: 0.5em 0;
17894
+ overflow: auto;
17895
+ }
17896
+
17897
+ /* Inline code */
17898
+
17899
+ .remirror-duotone-light :not(pre) > code[class*='language-'] {
17900
+ padding: 0.1em;
17901
+ border-radius: 0.3em;
17902
+ }
17903
+
17904
+ .remirror-duotone-light .token.comment,
17905
+ .remirror-duotone-light .token.prolog,
17906
+ .remirror-duotone-light .token.doctype,
17907
+ .remirror-duotone-light .token.cdata {
17908
+ color: #b6ad9a;
17909
+ }
17910
+
17911
+ .remirror-duotone-light .token.punctuation,
17912
+ .remirror-duotone-light .token.punctuation.important {
17913
+ color: #b6ad9a;
17914
+ }
17915
+
17916
+ .remirror-duotone-light .token.namespace {
17917
+ opacity: 0.7;
17918
+ }
17919
+
17920
+ .remirror-duotone-light .token.tag,
17921
+ .remirror-duotone-light .token.operator,
17922
+ .remirror-duotone-light .token.number {
17923
+ color: #063289;
17924
+ }
17925
+
17926
+ .remirror-duotone-light .token.property,
17927
+ .remirror-duotone-light .token.function {
17928
+ color: #b29762;
17929
+ }
17930
+
17931
+ .remirror-duotone-light .token.tag-id,
17932
+ .remirror-duotone-light .token.selector,
17933
+ .remirror-duotone-light .token.atrule-id {
17934
+ color: #2d2006;
17935
+ }
17936
+
17937
+ .remirror-duotone-light code.language-javascript,
17938
+ .remirror-duotone-light .token.attr-name {
17939
+ color: #896724;
17940
+ }
17941
+
17942
+ .remirror-duotone-light code.language-css,
17943
+ .remirror-duotone-light code.language-scss,
17944
+ .remirror-duotone-light .token.boolean,
17945
+ .remirror-duotone-light .token.string,
17946
+ .remirror-duotone-light .token.entity,
17947
+ .remirror-duotone-light .token.url,
17948
+ .remirror-duotone-light .language-css .token.string,
17949
+ .remirror-duotone-light .language-scss .token.string,
17950
+ .remirror-duotone-light .style .token.string,
17951
+ .remirror-duotone-light .token.attr-value,
17952
+ .remirror-duotone-light .token.keyword,
17953
+ .remirror-duotone-light .token.control,
17954
+ .remirror-duotone-light .token.directive,
17955
+ .remirror-duotone-light .token.unit,
17956
+ .remirror-duotone-light .token.statement,
17957
+ .remirror-duotone-light .token.regex,
17958
+ .remirror-duotone-light .token.atrule {
17959
+ color: #728fcb;
17960
+ }
17961
+
17962
+ .remirror-duotone-light .token.placeholder,
17963
+ .remirror-duotone-light .token.variable {
17964
+ color: #93abdc;
17965
+ }
17966
+
17967
+ .remirror-duotone-light .token.deleted {
17968
+ text-decoration: line-through;
17969
+ }
17970
+
17971
+ .remirror-duotone-light .token.inserted {
17972
+ border-bottom: 1px dotted #2d2006;
17973
+ text-decoration: none;
17974
+ }
17975
+
17976
+ .remirror-duotone-light .token.italic {
17977
+ font-style: italic;
17978
+ }
17979
+
17980
+ .remirror-duotone-light .token.important,
17981
+ .remirror-duotone-light .token.bold {
17982
+ font-weight: bold;
17983
+ }
17984
+
17985
+ .remirror-duotone-light .token.important {
17986
+ color: #896724;
17987
+ }
17988
+
17989
+ .remirror-duotone-light .token.entity {
17990
+ cursor: help;
17991
+ }
17992
+
17993
+ .remirror-duotone-light pre > code.highlight {
17994
+ outline: 0.4em solid #896724;
17995
+ outline-offset: 0.4em;
17996
+ }
17997
+
17998
+ /* overrides color-values for the Line Numbers plugin
17999
+ * http://prismjs.com/plugins/line-numbers/
18000
+ */
18001
+
18002
+ .remirror-duotone-light .line-numbers .line-numbers-rows {
18003
+ border-right-color: #ece8de;
18004
+ }
18005
+
18006
+ .remirror-duotone-light .line-numbers-rows > span:before {
18007
+ color: #cdc4b1;
18008
+ }
18009
+
18010
+ /* overrides color-values for the Line Highlight plugin
18011
+ * http://prismjs.com/plugins/line-highlight/
18012
+ */
18013
+
18014
+ .remirror-duotone-light .line-highlight {
18015
+ background: rgba(45, 32, 6, 0.2);
18016
+ background: linear-gradient(to right, rgba(45, 32, 6, 0.2) 70%, rgba(45, 32, 6, 0));
18017
+ }
18018
+
18019
+ .remirror-duotone-sea code[class*='language-'],
18020
+ .remirror-duotone-sea pre[class*='language-'] {
18021
+ font-family: Consolas, Menlo, Monaco, 'Andale Mono WT', 'Andale Mono', 'Lucida Console',
18022
+ 'Lucida Sans Typewriter', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Liberation Mono',
18023
+ 'Nimbus Mono L', 'Courier New', Courier, monospace;
18024
+ font-size: 14px;
18025
+ line-height: 1.375;
18026
+ direction: ltr;
18027
+ text-align: left;
18028
+ white-space: pre;
18029
+ word-spacing: normal;
18030
+ word-break: normal;
18031
+
18032
+ -moz-tab-size: 4;
18033
+ tab-size: 4;
18034
+
18035
+ -webkit-hyphens: none;
18036
+ -ms-hyphens: none;
18037
+ hyphens: none;
18038
+ background: #1d262f;
18039
+ color: #57718e;
18040
+ }
18041
+
18042
+ .remirror-duotone-sea pre[class*='language-']::-moz-selection,
18043
+ .remirror-duotone-sea pre[class*='language-'] ::-moz-selection,
18044
+ .remirror-duotone-sea code[class*='language-']::-moz-selection,
18045
+ .remirror-duotone-sea code[class*='language-'] ::-moz-selection {
18046
+ text-shadow: none;
18047
+ background: #004a9e;
18048
+ }
18049
+
18050
+ .remirror-duotone-sea pre[class*='language-']::-moz-selection,
18051
+ .remirror-duotone-sea pre[class*='language-'] ::-moz-selection,
18052
+ .remirror-duotone-sea code[class*='language-']::-moz-selection,
18053
+ .remirror-duotone-sea code[class*='language-'] ::-moz-selection {
18054
+ text-shadow: none;
18055
+ background: #004a9e;
18056
+ }
18057
+
18058
+ .remirror-duotone-sea pre[class*='language-']::selection,
18059
+ .remirror-duotone-sea pre[class*='language-'] ::selection,
18060
+ .remirror-duotone-sea code[class*='language-']::selection,
18061
+ .remirror-duotone-sea code[class*='language-'] ::selection {
18062
+ text-shadow: none;
18063
+ background: #004a9e;
18064
+ }
18065
+
18066
+ /* Code blocks */
18067
+
18068
+ .remirror-duotone-sea pre[class*='language-'] {
18069
+ padding: 1em;
18070
+ margin: 0.5em 0;
18071
+ overflow: auto;
18072
+ }
18073
+
18074
+ /* Inline code */
18075
+
18076
+ .remirror-duotone-sea :not(pre) > code[class*='language-'] {
18077
+ padding: 0.1em;
18078
+ border-radius: 0.3em;
18079
+ }
18080
+
18081
+ .remirror-duotone-sea .token.comment,
18082
+ .remirror-duotone-sea .token.prolog,
18083
+ .remirror-duotone-sea .token.doctype,
18084
+ .remirror-duotone-sea .token.cdata {
18085
+ color: #4a5f78;
18086
+ }
18087
+
18088
+ .remirror-duotone-sea .token.punctuation,
18089
+ .remirror-duotone-sea .token.punctuation.important {
18090
+ color: #4a5f78;
18091
+ }
18092
+
18093
+ .remirror-duotone-sea .token.namespace {
18094
+ opacity: 0.7;
18095
+ }
18096
+
18097
+ .remirror-duotone-sea .token.tag,
18098
+ .remirror-duotone-sea .token.operator,
18099
+ .remirror-duotone-sea .token.number {
18100
+ color: #0aa370;
18101
+ }
18102
+
18103
+ .remirror-duotone-sea .token.property,
18104
+ .remirror-duotone-sea .token.function {
18105
+ color: #57718e;
18106
+ }
18107
+
18108
+ .remirror-duotone-sea .token.tag-id,
18109
+ .remirror-duotone-sea .token.selector,
18110
+ .remirror-duotone-sea .token.atrule-id {
18111
+ color: #ebf4ff;
18112
+ }
18113
+
18114
+ .remirror-duotone-sea code.language-javascript,
18115
+ .remirror-duotone-sea .token.attr-name {
18116
+ color: #7eb6f6;
18117
+ }
18118
+
18119
+ .remirror-duotone-sea code.language-css,
18120
+ .remirror-duotone-sea code.language-scss,
18121
+ .remirror-duotone-sea .token.boolean,
18122
+ .remirror-duotone-sea .token.string,
18123
+ .remirror-duotone-sea .token.entity,
18124
+ .remirror-duotone-sea .token.url,
18125
+ .remirror-duotone-sea .language-css .token.string,
18126
+ .remirror-duotone-sea .language-scss .token.string,
18127
+ .remirror-duotone-sea .style .token.string,
18128
+ .remirror-duotone-sea .token.attr-value,
18129
+ .remirror-duotone-sea .token.keyword,
18130
+ .remirror-duotone-sea .token.control,
18131
+ .remirror-duotone-sea .token.directive,
18132
+ .remirror-duotone-sea .token.unit,
18133
+ .remirror-duotone-sea .token.statement,
18134
+ .remirror-duotone-sea .token.regex,
18135
+ .remirror-duotone-sea .token.atrule {
18136
+ color: #47ebb4;
18137
+ }
18138
+
18139
+ .remirror-duotone-sea .token.placeholder,
18140
+ .remirror-duotone-sea .token.variable {
18141
+ color: #47ebb4;
18142
+ }
18143
+
18144
+ .remirror-duotone-sea .token.deleted {
18145
+ text-decoration: line-through;
18146
+ }
18147
+
18148
+ .remirror-duotone-sea .token.inserted {
18149
+ border-bottom: 1px dotted #ebf4ff;
18150
+ text-decoration: none;
18151
+ }
18152
+
18153
+ .remirror-duotone-sea .token.italic {
18154
+ font-style: italic;
18155
+ }
18156
+
18157
+ .remirror-duotone-sea .token.important,
18158
+ .remirror-duotone-sea .token.bold {
18159
+ font-weight: bold;
18160
+ }
18161
+
18162
+ .remirror-duotone-sea .token.important {
18163
+ color: #7eb6f6;
18164
+ }
18165
+
18166
+ .remirror-duotone-sea .token.entity {
18167
+ cursor: help;
18168
+ }
18169
+
18170
+ .remirror-duotone-sea pre > code.highlight {
18171
+ outline: 0.4em solid #34659d;
18172
+ outline-offset: 0.4em;
18173
+ }
18174
+
18175
+ /* overrides color-values for the Line Numbers plugin
18176
+ * http://prismjs.com/plugins/line-numbers/
18177
+ */
18178
+
18179
+ .remirror-duotone-sea .line-numbers .line-numbers-rows {
18180
+ border-right-color: #1f2932;
18181
+ }
18182
+
18183
+ .remirror-duotone-sea .line-numbers-rows > span:before {
18184
+ color: #2c3847;
18185
+ }
18186
+
18187
+ /* overrides color-values for the Line Highlight plugin
18188
+ * http://prismjs.com/plugins/line-highlight/
18189
+ */
18190
+
18191
+ .remirror-duotone-sea .line-highlight {
18192
+ background: rgba(10, 163, 112, 0.2);
18193
+ background: linear-gradient(to right, rgba(10, 163, 112, 0.2) 70%, rgba(10, 163, 112, 0));
18194
+ }
18195
+
18196
+ .remirror-duotone-space code[class*='language-'],
18197
+ .remirror-duotone-space pre[class*='language-'] {
18198
+ font-family: Consolas, Menlo, Monaco, 'Andale Mono WT', 'Andale Mono', 'Lucida Console',
18199
+ 'Lucida Sans Typewriter', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Liberation Mono',
18200
+ 'Nimbus Mono L', 'Courier New', Courier, monospace;
18201
+ font-size: 14px;
18202
+ line-height: 1.375;
18203
+ direction: ltr;
18204
+ text-align: left;
18205
+ white-space: pre;
18206
+ word-spacing: normal;
18207
+ word-break: normal;
18208
+
18209
+ -moz-tab-size: 4;
18210
+ tab-size: 4;
18211
+
18212
+ -webkit-hyphens: none;
18213
+ -ms-hyphens: none;
18214
+ hyphens: none;
18215
+ background: #24242e;
18216
+ color: #767693;
18217
+ }
18218
+
18219
+ .remirror-duotone-space pre[class*='language-']::-moz-selection,
18220
+ .remirror-duotone-space pre[class*='language-'] ::-moz-selection,
18221
+ .remirror-duotone-space code[class*='language-']::-moz-selection,
18222
+ .remirror-duotone-space code[class*='language-'] ::-moz-selection {
18223
+ text-shadow: none;
18224
+ background: #5151e6;
18225
+ }
18226
+
18227
+ .remirror-duotone-space pre[class*='language-']::-moz-selection,
18228
+ .remirror-duotone-space pre[class*='language-'] ::-moz-selection,
18229
+ .remirror-duotone-space code[class*='language-']::-moz-selection,
18230
+ .remirror-duotone-space code[class*='language-'] ::-moz-selection {
18231
+ text-shadow: none;
18232
+ background: #5151e6;
18233
+ }
18234
+
18235
+ .remirror-duotone-space pre[class*='language-']::selection,
18236
+ .remirror-duotone-space pre[class*='language-'] ::selection,
18237
+ .remirror-duotone-space code[class*='language-']::selection,
18238
+ .remirror-duotone-space code[class*='language-'] ::selection {
18239
+ text-shadow: none;
18240
+ background: #5151e6;
18241
+ }
18242
+
18243
+ /* Code blocks */
18244
+
18245
+ .remirror-duotone-space pre[class*='language-'] {
18246
+ padding: 1em;
18247
+ margin: 0.5em 0;
18248
+ overflow: auto;
18249
+ }
18250
+
18251
+ /* Inline code */
18252
+
18253
+ .remirror-duotone-space :not(pre) > code[class*='language-'] {
18254
+ padding: 0.1em;
18255
+ border-radius: 0.3em;
18256
+ }
18257
+
18258
+ .remirror-duotone-space .token.comment,
18259
+ .remirror-duotone-space .token.prolog,
18260
+ .remirror-duotone-space .token.doctype,
18261
+ .remirror-duotone-space .token.cdata {
18262
+ color: #5b5b76;
18263
+ }
18264
+
18265
+ .remirror-duotone-space .token.punctuation,
18266
+ .remirror-duotone-space .token.punctuation.important {
18267
+ color: #5b5b76;
18268
+ }
18269
+
18270
+ .remirror-duotone-space .token.namespace {
18271
+ opacity: 0.7;
18272
+ }
18273
+
18274
+ .remirror-duotone-space .token.tag,
18275
+ .remirror-duotone-space .token.operator,
18276
+ .remirror-duotone-space .token.number {
18277
+ color: #dd672c;
18278
+ }
18279
+
18280
+ .remirror-duotone-space .token.property,
18281
+ .remirror-duotone-space .token.function {
18282
+ color: #767693;
18283
+ }
18284
+
18285
+ .remirror-duotone-space .token.tag-id,
18286
+ .remirror-duotone-space .token.selector,
18287
+ .remirror-duotone-space .token.atrule-id {
18288
+ color: #ebebff;
18289
+ }
18290
+
18291
+ .remirror-duotone-space code.language-javascript,
18292
+ .remirror-duotone-space .token.attr-name {
18293
+ color: #aaaaca;
18294
+ }
18295
+
18296
+ .remirror-duotone-space code.language-css,
18297
+ .remirror-duotone-space code.language-scss,
18298
+ .remirror-duotone-space .token.boolean,
18299
+ .remirror-duotone-space .token.string,
18300
+ .remirror-duotone-space .token.entity,
18301
+ .remirror-duotone-space .token.url,
18302
+ .remirror-duotone-space .language-css .token.string,
18303
+ .remirror-duotone-space .language-scss .token.string,
18304
+ .remirror-duotone-space .style .token.string,
18305
+ .remirror-duotone-space .token.attr-value,
18306
+ .remirror-duotone-space .token.keyword,
18307
+ .remirror-duotone-space .token.control,
18308
+ .remirror-duotone-space .token.directive,
18309
+ .remirror-duotone-space .token.unit,
18310
+ .remirror-duotone-space .token.statement,
18311
+ .remirror-duotone-space .token.regex,
18312
+ .remirror-duotone-space .token.atrule {
18313
+ color: #fe8c52;
18314
+ }
18315
+
18316
+ .remirror-duotone-space .token.placeholder,
18317
+ .remirror-duotone-space .token.variable {
18318
+ color: #fe8c52;
18319
+ }
18320
+
18321
+ .remirror-duotone-space .token.deleted {
18322
+ text-decoration: line-through;
18323
+ }
18324
+
18325
+ .remirror-duotone-space .token.inserted {
18326
+ border-bottom: 1px dotted #ebebff;
18327
+ text-decoration: none;
18328
+ }
18329
+
18330
+ .remirror-duotone-space .token.italic {
18331
+ font-style: italic;
18332
+ }
18333
+
18334
+ .remirror-duotone-space .token.important,
18335
+ .remirror-duotone-space .token.bold {
18336
+ font-weight: bold;
18337
+ }
18338
+
18339
+ .remirror-duotone-space .token.important {
18340
+ color: #aaaaca;
18341
+ }
18342
+
18343
+ .remirror-duotone-space .token.entity {
18344
+ cursor: help;
18345
+ }
18346
+
18347
+ .remirror-duotone-space pre > code.highlight {
18348
+ outline: 0.4em solid #7676f4;
18349
+ outline-offset: 0.4em;
18350
+ }
18351
+
18352
+ /* overrides color-values for the Line Numbers plugin
18353
+ * http://prismjs.com/plugins/line-numbers/
18354
+ */
18355
+
18356
+ .remirror-duotone-space .line-numbers .line-numbers-rows {
18357
+ border-right-color: #262631;
18358
+ }
18359
+
18360
+ .remirror-duotone-space .line-numbers-rows > span:before {
18361
+ color: #393949;
18362
+ }
18363
+
18364
+ /* overrides color-values for the Line Highlight plugin
18365
+ * http://prismjs.com/plugins/line-highlight/
18366
+ */
18367
+
18368
+ .remirror-duotone-space .line-highlight {
18369
+ background: rgba(221, 103, 44, 0.2);
18370
+ background: linear-gradient(to right, rgba(221, 103, 44, 0.2) 70%, rgba(221, 103, 44, 0));
18371
+ }
18372
+
18373
+ .remirror-gh-colors code[class*='language-'],
18374
+ .remirror-gh-colors pre[class*='language-'] {
18375
+ color: #393a34;
18376
+ font-family: 'Consolas', 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;
18377
+ direction: ltr;
18378
+ text-align: left;
18379
+ white-space: pre;
18380
+ word-spacing: normal;
18381
+ word-break: normal;
18382
+ font-size: 0.95em;
18383
+ line-height: 1.2em;
18384
+
18385
+ -moz-tab-size: 4;
18386
+ tab-size: 4;
18387
+
18388
+ -webkit-hyphens: none;
18389
+ -ms-hyphens: none;
18390
+ hyphens: none;
18391
+ }
18392
+
18393
+ .remirror-gh-colors pre[class*='language-']::-moz-selection,
18394
+ .remirror-gh-colors pre[class*='language-'] ::-moz-selection,
18395
+ .remirror-gh-colors code[class*='language-']::-moz-selection,
18396
+ .remirror-gh-colors code[class*='language-'] ::-moz-selection {
18397
+ background: #b3d4fc;
18398
+ }
18399
+
18400
+ .remirror-gh-colors pre[class*='language-']::-moz-selection,
18401
+ .remirror-gh-colors pre[class*='language-'] ::-moz-selection,
18402
+ .remirror-gh-colors code[class*='language-']::-moz-selection,
18403
+ .remirror-gh-colors code[class*='language-'] ::-moz-selection {
18404
+ background: #b3d4fc;
18405
+ }
18406
+
18407
+ .remirror-gh-colors pre[class*='language-']::selection,
18408
+ .remirror-gh-colors pre[class*='language-'] ::selection,
18409
+ .remirror-gh-colors code[class*='language-']::selection,
18410
+ .remirror-gh-colors code[class*='language-'] ::selection {
18411
+ background: #b3d4fc;
18412
+ }
18413
+
18414
+ /* Code blocks */
18415
+
18416
+ .remirror-gh-colors pre[class*='language-'] {
18417
+ padding: 1em;
18418
+ margin: 0.5em 0;
18419
+ overflow: auto;
18420
+ border: 1px solid #dddddd;
18421
+ background-color: white;
18422
+ }
18423
+
18424
+ .remirror-gh-colors :not(pre) > code[class*='language-'],
18425
+ .remirror-gh-colors pre[class*='language-'] {
18426
+ }
18427
+
18428
+ /* Inline code */
18429
+
18430
+ .remirror-gh-colors :not(pre) > code[class*='language-'] {
18431
+ padding: 0.2em;
18432
+ padding-top: 1px;
18433
+ padding-bottom: 1px;
18434
+ background: #f8f8f8;
18435
+ border: 1px solid #dddddd;
18436
+ }
18437
+
18438
+ .remirror-gh-colors .token.comment,
18439
+ .remirror-gh-colors .token.prolog,
18440
+ .remirror-gh-colors .token.doctype,
18441
+ .remirror-gh-colors .token.cdata {
18442
+ color: #999988;
18443
+ font-style: italic;
18444
+ }
18445
+
18446
+ .remirror-gh-colors .token.namespace {
18447
+ opacity: 0.7;
18448
+ }
18449
+
18450
+ .remirror-gh-colors .token.string,
18451
+ .remirror-gh-colors .token.attr-value {
18452
+ color: #e3116c;
18453
+ }
18454
+
18455
+ .remirror-gh-colors .token.punctuation,
18456
+ .remirror-gh-colors .token.operator {
18457
+ color: #393a34; /* no highlight */
18458
+ }
18459
+
18460
+ .remirror-gh-colors .token.entity,
18461
+ .remirror-gh-colors .token.url,
18462
+ .remirror-gh-colors .token.symbol,
18463
+ .remirror-gh-colors .token.number,
18464
+ .remirror-gh-colors .token.boolean,
18465
+ .remirror-gh-colors .token.variable,
18466
+ .remirror-gh-colors .token.constant,
18467
+ .remirror-gh-colors .token.property,
18468
+ .remirror-gh-colors .token.regex,
18469
+ .remirror-gh-colors .token.inserted {
18470
+ color: #36acaa;
18471
+ }
18472
+
18473
+ .remirror-gh-colors .token.atrule,
18474
+ .remirror-gh-colors .token.keyword,
18475
+ .remirror-gh-colors .token.attr-name,
18476
+ .remirror-gh-colors .language-autohotkey .token.selector {
18477
+ color: #00a4db;
18478
+ }
18479
+
18480
+ .remirror-gh-colors .token.function,
18481
+ .remirror-gh-colors .token.deleted,
18482
+ .remirror-gh-colors .language-autohotkey .token.tag {
18483
+ color: #9a050f;
18484
+ }
18485
+
18486
+ .remirror-gh-colors .token.tag,
18487
+ .remirror-gh-colors .token.selector,
18488
+ .remirror-gh-colors .language-autohotkey .token.keyword {
18489
+ color: #00009f;
18490
+ }
18491
+
18492
+ .remirror-gh-colors .token.important,
18493
+ .remirror-gh-colors .token.function,
18494
+ .remirror-gh-colors .token.bold {
18495
+ font-weight: bold;
18496
+ }
18497
+
18498
+ .remirror-gh-colors .token.italic {
18499
+ font-style: italic;
18500
+ }
18501
+
18502
+ .remirror-hopscotch code[class*='language-'],
18503
+ .remirror-hopscotch pre[class*='language-'] {
18504
+ color: #ffffff;
18505
+ font-family: 'Fira Mono', Menlo, Monaco, 'Lucida Console', 'Courier New', Courier, monospace;
18506
+ font-size: 16px;
18507
+ line-height: 1.375;
18508
+ direction: ltr;
18509
+ text-align: left;
18510
+ word-spacing: normal;
18511
+
18512
+ -moz-tab-size: 4;
18513
+ tab-size: 4;
18514
+
18515
+ -webkit-hyphens: none;
18516
+ -ms-hyphens: none;
18517
+ hyphens: none;
18518
+ white-space: pre;
18519
+ white-space: pre-wrap;
18520
+ word-break: break-all;
18521
+ word-wrap: break-word;
18522
+ background: #322931;
18523
+ color: #b9b5b8;
18524
+ }
18525
+
18526
+ /* Code blocks */
18527
+
18528
+ .remirror-hopscotch pre[class*='language-'] {
18529
+ padding: 1em;
18530
+ margin: 0.5em 0;
18531
+ overflow: auto;
18532
+ }
18533
+
18534
+ /* Inline code */
18535
+
18536
+ .remirror-hopscotch :not(pre) > code[class*='language-'] {
18537
+ padding: 0.1em;
18538
+ border-radius: 0.3em;
18539
+ }
18540
+
18541
+ .remirror-hopscotch .token.comment,
18542
+ .remirror-hopscotch .token.prolog,
18543
+ .remirror-hopscotch .token.doctype,
18544
+ .remirror-hopscotch .token.cdata {
18545
+ color: #797379;
18546
+ }
18547
+
18548
+ .remirror-hopscotch .token.punctuation,
18549
+ .remirror-hopscotch .token.punctuation.important {
18550
+ color: #b9b5b8;
18551
+ }
18552
+
18553
+ .remirror-hopscotch .namespace {
18554
+ opacity: 0.7;
18555
+ }
18556
+
18557
+ .remirror-hopscotch .token.null,
18558
+ .remirror-hopscotch .token.operator,
18559
+ .remirror-hopscotch .token.boolean,
18560
+ .remirror-hopscotch .token.number {
18561
+ color: #fd8b19;
18562
+ }
18563
+
18564
+ .remirror-hopscotch .token.property {
18565
+ color: #fdcc59;
18566
+ }
18567
+
18568
+ .remirror-hopscotch .token.tag {
18569
+ color: #1290bf;
18570
+ }
18571
+
18572
+ .remirror-hopscotch .token.string {
18573
+ color: #149b93;
18574
+ }
18575
+
18576
+ .remirror-hopscotch .token.selector {
18577
+ color: #c85e7c;
18578
+ }
18579
+
18580
+ .remirror-hopscotch .token.attr-name {
18581
+ color: #fd8b19;
18582
+ }
18583
+
18584
+ .remirror-hopscotch .token.entity,
18585
+ .remirror-hopscotch .token.url,
18586
+ .remirror-hopscotch .language-css .token.string,
18587
+ .remirror-hopscotch .style .token.string {
18588
+ color: #149b93;
18589
+ }
18590
+
18591
+ .remirror-hopscotch .token.attr-value,
18592
+ .remirror-hopscotch .token.keyword,
18593
+ .remirror-hopscotch .token.control,
18594
+ .remirror-hopscotch .token.directive,
18595
+ .remirror-hopscotch .token.unit {
18596
+ color: #8fc13e;
18597
+ }
18598
+
18599
+ .remirror-hopscotch .token.statement,
18600
+ .remirror-hopscotch .token.regex,
18601
+ .remirror-hopscotch .token.atrule {
18602
+ color: #149b93;
18603
+ }
18604
+
18605
+ .remirror-hopscotch .token.placeholder,
18606
+ .remirror-hopscotch .token.variable {
18607
+ color: #1290bf;
18608
+ }
18609
+
18610
+ .remirror-hopscotch .token.important {
18611
+ color: #dd464c;
18612
+ font-weight: bold;
18613
+ }
18614
+
18615
+ .remirror-hopscotch .token.entity {
18616
+ cursor: help;
18617
+ }
18618
+
18619
+ .remirror-hopscotch pre > code.highlight {
18620
+ outline: 0.4em solid red;
18621
+ outline-offset: 0.4em;
18622
+ }
18623
+
18624
+ .remirror-pojoaque code[class*='language-'],
18625
+ .remirror-pojoaque pre[class*='language-'] {
18626
+ -moz-tab-size: 4;
18627
+ tab-size: 4;
18628
+ -webkit-hyphens: none;
18629
+ -ms-hyphens: none;
18630
+ hyphens: none;
18631
+ white-space: pre;
18632
+ white-space: pre-wrap;
18633
+ word-break: break-all;
18634
+ word-wrap: break-word;
18635
+ font-family: Menlo, Monaco, 'Courier New', monospace;
18636
+ font-size: 15px;
18637
+ line-height: 1.5;
18638
+ color: #dccf8f;
18639
+ text-shadow: 0;
18640
+ }
18641
+
18642
+ .remirror-pojoaque pre[class*='language-'],
18643
+ .remirror-pojoaque :not(pre) > code[class*='language-'] {
18644
+ border-radius: 5px;
18645
+ border: 1px solid #000;
18646
+ color: #dccf8f;
18647
+ background: #181914
18648
+ url('data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/7AARRHVja3kAAQAEAAAAMAAA/+4ADkFkb2JlAGTAAAAAAf/bAIQACQYGBgcGCQcHCQ0IBwgNDwsJCQsPEQ4ODw4OERENDg4ODg0RERQUFhQUERoaHBwaGiYmJiYmKysrKysrKysrKwEJCAgJCgkMCgoMDwwODA8TDg4ODhMVDg4PDg4VGhMRERERExoXGhYWFhoXHR0aGh0dJCQjJCQrKysrKysrKysr/8AAEQgAjACMAwEiAAIRAQMRAf/EAF4AAQEBAAAAAAAAAAAAAAAAAAABBwEBAQAAAAAAAAAAAAAAAAAAAAIQAAEDAwIHAQEAAAAAAAAAAADwAREhYaExkUFRcYGxwdHh8REBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8AyGFEjHaBS2fDDs2zkhKmBKktb7km+ZwwCnXPkLVmCTMItj6AXFxRS465/BTnkAJvkLkJe+7AKKoi2AtRS2zuAWsCb5GOlBN8gKfmuGHZ8MFqIth3ALmFoFwbwKWyAlTAp17uKqBvgBD8sM4fTjhvAhkzhaRkBMKBrfs7jGPIpzy7gFrAqnC0C0gB0EWwBDW2cBVQwm+QtPpa3wBO3sVvszCnLAhkzgL5/RLf13cLQd8/AGlu0Cb5HTx9KuAEieGJEdcehS3eRTp2ATdt3CpIm+QtZwAhROXFeb7swp/ahaM3kBE/jSIUBc/AWrgBN8uNFAl+b7sAXFxFn2YLUU5Ns7gFX8C4ib+hN8gFWXwK3bZglxEJm+gKdciLPsFV/TClsgJUwKJ5FVA7tvIFrfZhVfGJDcsCKaYgAqv6YRbE+RWOWBtu7+AL3yRalXLyKqAIIfk+zARbDgFyEsncYwJvlgFRW+GEWntIi2P0BooyFxcNr8Ep3+ANLbMO+QyhvbiqdgC0kVvgUUiLYgBS2QtPbiVI1/sgOmG9uO+Y8DW+7jS2zAOnj6O2BndwuIAUtkdRN8gFoK3wwXMQyZwHVbClsuNLd4E3yAUR6FVDBR+BafQGt93LVMxJTv8ABts4CVLhcfYWsCb5kC9/BHdU8CLYFY5bMAd+eX9MGthhpbA1vu4B7+RKkaW2Yq4AQtVBBFsAJU/AuIXBhN8gGWnstefhiZyWvLAEnbYS1uzSFP6Jvn4Baxx70JKkQojLib5AVTey1jjgkKJGO0AKWyOm7N7cSpgSpAdPH0Tfd/gp1z5C1ZgKqN9J2wFxcUUuAFLZAm+QC0Fb4YUVRFsAOvj4KW2dwtYE3yAWk/wS/PLMKfmuGHZ8MAXF/Ja32Yi5haAKWz4Ydm2cSpgU693Atb7km+Zwwh+WGcPpxw3gAkzCLY+iYUDW/Z3Adc/gpzyFrAqnALkJe+7DoItgAtRS2zuKqGE3yAx0oJvkdvYrfZmALURbDuL5/RLf13cAuDeBS2RpbtAm+QFVA3wR+3fUtFHoBDJnC0jIXH0HWsgMY8inPLuOkd9chp4z20ALQLSA8cI9jYAIa2zjzjBd8gRafS1vgiUho/kAKcsCGTOGWvoOpkAtB3z8Hm8x2Ff5ADp4+lXAlIvcmwH/2Q==')
18649
+ repeat left top;
18650
+ }
18651
+
18652
+ .remirror-pojoaque pre[class*='language-'] {
18653
+ padding: 12px;
18654
+ overflow: auto;
18655
+ }
18656
+
18657
+ .remirror-pojoaque :not(pre) > code[class*='language-'] {
18658
+ padding: 2px 6px;
18659
+ }
18660
+
18661
+ .remirror-pojoaque .token.namespace {
18662
+ opacity: 0.7;
18663
+ }
18664
+
18665
+ .remirror-pojoaque .token.comment,
18666
+ .remirror-pojoaque .token.prolog,
18667
+ .remirror-pojoaque .token.doctype,
18668
+ .remirror-pojoaque .token.cdata {
18669
+ color: #586e75;
18670
+ font-style: italic;
18671
+ }
18672
+
18673
+ .remirror-pojoaque .token.number,
18674
+ .remirror-pojoaque .token.string,
18675
+ .remirror-pojoaque .token.char,
18676
+ .remirror-pojoaque .token.builtin,
18677
+ .remirror-pojoaque .token.inserted {
18678
+ color: #468966;
18679
+ }
18680
+
18681
+ .remirror-pojoaque .token.attr-name {
18682
+ color: #b89859;
18683
+ }
18684
+
18685
+ .remirror-pojoaque .token.operator,
18686
+ .remirror-pojoaque .token.entity,
18687
+ .remirror-pojoaque .token.url,
18688
+ .remirror-pojoaque .language-css .token.string,
18689
+ .remirror-pojoaque .style .token.string {
18690
+ color: #dccf8f;
18691
+ }
18692
+
18693
+ .remirror-pojoaque .token.selector,
18694
+ .remirror-pojoaque .token.regex {
18695
+ color: #859900;
18696
+ }
18697
+
18698
+ .remirror-pojoaque .token.atrule,
18699
+ .remirror-pojoaque .token.keyword {
18700
+ color: #cb4b16;
18701
+ }
18702
+
18703
+ .remirror-pojoaque .token.attr-value {
18704
+ color: #468966;
18705
+ }
18706
+
18707
+ .remirror-pojoaque .token.function,
18708
+ .remirror-pojoaque .token.variable,
18709
+ .remirror-pojoaque .token.placeholder {
18710
+ color: #b58900;
18711
+ }
18712
+
18713
+ .remirror-pojoaque .token.property,
18714
+ .remirror-pojoaque .token.tag,
18715
+ .remirror-pojoaque .token.boolean,
18716
+ .remirror-pojoaque .token.number,
18717
+ .remirror-pojoaque .token.constant,
18718
+ .remirror-pojoaque .token.symbol {
18719
+ color: #b89859;
18720
+ }
18721
+
18722
+ .remirror-pojoaque .token.tag {
18723
+ color: #ffb03b;
18724
+ }
18725
+
18726
+ .remirror-pojoaque .token.important,
18727
+ .remirror-pojoaque .token.statement,
18728
+ .remirror-pojoaque .token.deleted {
18729
+ color: #dc322f;
18730
+ }
18731
+
18732
+ .remirror-pojoaque .token.punctuation,
18733
+ .remirror-pojoaque .token.punctuation.important {
18734
+ color: #dccf8f;
18735
+ }
18736
+
18737
+ .remirror-pojoaque .token.entity {
18738
+ cursor: help;
18739
+ }
18740
+
18741
+ .remirror-pojoaque .token.bold {
18742
+ font-weight: bold;
18743
+ }
18744
+
18745
+ .remirror-pojoaque .token.italic {
18746
+ font-style: italic;
18747
+ }
18748
+
18749
+ .remirror-vs code[class*='language-'],
18750
+ .remirror-vs pre[class*='language-'] {
18751
+ color: #393a34;
18752
+ font-family: 'Consolas', 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;
18753
+ direction: ltr;
18754
+ text-align: left;
18755
+ white-space: pre;
18756
+ word-spacing: normal;
18757
+ word-break: normal;
18758
+ font-size: 0.95em;
18759
+ line-height: 1.2em;
18760
+
18761
+ -moz-tab-size: 4;
18762
+ tab-size: 4;
18763
+
18764
+ -webkit-hyphens: none;
18765
+ -ms-hyphens: none;
18766
+ hyphens: none;
18767
+ }
18768
+
18769
+ .remirror-vs pre[class*='language-']::-moz-selection,
18770
+ .remirror-vs pre[class*='language-'] ::-moz-selection,
18771
+ .remirror-vs code[class*='language-']::-moz-selection,
18772
+ .remirror-vs code[class*='language-'] ::-moz-selection {
18773
+ background: #c1def1;
18774
+ }
18775
+
18776
+ .remirror-vs pre[class*='language-']::-moz-selection,
18777
+ .remirror-vs pre[class*='language-'] ::-moz-selection,
18778
+ .remirror-vs code[class*='language-']::-moz-selection,
18779
+ .remirror-vs code[class*='language-'] ::-moz-selection {
18780
+ background: #c1def1;
18781
+ }
18782
+
18783
+ .remirror-vs pre[class*='language-']::selection,
18784
+ .remirror-vs pre[class*='language-'] ::selection,
18785
+ .remirror-vs code[class*='language-']::selection,
18786
+ .remirror-vs code[class*='language-'] ::selection {
18787
+ background: #c1def1;
18788
+ }
18789
+
18790
+ /* Code blocks */
18791
+
18792
+ .remirror-vs pre[class*='language-'] {
18793
+ padding: 1em;
18794
+ margin: 0.5em 0;
18795
+ overflow: auto;
18796
+ border: 1px solid #dddddd;
18797
+ background-color: white;
18798
+ }
18799
+
18800
+ /* Inline code */
18801
+
18802
+ .remirror-vs :not(pre) > code[class*='language-'] {
18803
+ padding: 0.2em;
18804
+ padding-top: 1px;
18805
+ padding-bottom: 1px;
18806
+ background: #f8f8f8;
18807
+ border: 1px solid #dddddd;
18808
+ }
18809
+
18810
+ .remirror-vs .token.comment,
18811
+ .remirror-vs .token.prolog,
18812
+ .remirror-vs .token.doctype,
18813
+ .remirror-vs .token.cdata {
18814
+ color: #008000;
18815
+ font-style: italic;
18816
+ }
18817
+
18818
+ .remirror-vs .token.namespace {
18819
+ opacity: 0.7;
18820
+ }
18821
+
18822
+ .remirror-vs .token.string {
18823
+ color: #a31515;
18824
+ }
18825
+
18826
+ .remirror-vs .token.punctuation,
18827
+ .remirror-vs .token.operator {
18828
+ color: #393a34; /* no highlight */
18829
+ }
18830
+
18831
+ .remirror-vs .token.url,
18832
+ .remirror-vs .token.symbol,
18833
+ .remirror-vs .token.number,
18834
+ .remirror-vs .token.boolean,
18835
+ .remirror-vs .token.variable,
18836
+ .remirror-vs .token.constant,
18837
+ .remirror-vs .token.inserted {
18838
+ color: #36acaa;
18839
+ }
18840
+
18841
+ .remirror-vs .token.atrule,
18842
+ .remirror-vs .token.keyword,
18843
+ .remirror-vs .token.attr-value,
18844
+ .remirror-vs .language-autohotkey .token.selector,
18845
+ .remirror-vs .language-json .token.boolean,
18846
+ .remirror-vs .language-json .token.number,
18847
+ .remirror-vs code[class*='language-css'] {
18848
+ color: #0000ff;
18849
+ }
18850
+
18851
+ .remirror-vs .token.function {
18852
+ color: #393a34;
18853
+ }
18854
+
18855
+ .remirror-vs .token.deleted,
18856
+ .remirror-vs .language-autohotkey .token.tag {
18857
+ color: #9a050f;
18858
+ }
18859
+
18860
+ .remirror-vs .token.selector,
18861
+ .remirror-vs .language-autohotkey .token.keyword {
18862
+ color: #00009f;
18863
+ }
18864
+
18865
+ .remirror-vs .token.important,
18866
+ .remirror-vs .token.bold {
18867
+ font-weight: bold;
18868
+ }
18869
+
18870
+ .remirror-vs .token.italic {
18871
+ font-style: italic;
18872
+ }
18873
+
18874
+ .remirror-vs .token.class-name,
18875
+ .remirror-vs .language-json .token.property {
18876
+ color: #2b91af;
18877
+ }
18878
+
18879
+ .remirror-vs .token.tag,
18880
+ .remirror-vs .token.selector {
18881
+ color: #800000;
18882
+ }
18883
+
18884
+ .remirror-vs .token.attr-name,
18885
+ .remirror-vs .token.property,
18886
+ .remirror-vs .token.regex,
18887
+ .remirror-vs .token.entity {
18888
+ color: #ff0000;
18889
+ }
18890
+
18891
+ .remirror-vs .token.directive.tag .tag {
18892
+ background: #ffff00;
18893
+ color: #393a34;
18894
+ }
18895
+
18896
+ /* overrides color-values for the Line Numbers plugin
18897
+ * http://prismjs.com/plugins/line-numbers/
18898
+ */
18899
+
18900
+ .remirror-vs .line-numbers .line-numbers-rows {
18901
+ border-right-color: #a5a5a5;
18902
+ }
18903
+
18904
+ .remirror-vs .line-numbers-rows > span:before {
18905
+ color: #2b91af;
18906
+ }
18907
+
18908
+ /* overrides color-values for the Line Highlight plugin
18909
+ * http://prismjs.com/plugins/line-highlight/
18910
+ */
18911
+
18912
+ .remirror-vs .line-highlight {
18913
+ background: rgba(193, 222, 241, 0.2);
18914
+ background: linear-gradient(to right, rgba(193, 222, 241, 0.2) 70%, rgba(221, 222, 241, 0));
18915
+ }
18916
+
18917
+ .remirror-xonokai code[class*='language-'],
18918
+ .remirror-xonokai pre[class*='language-'] {
18919
+ -moz-tab-size: 2;
18920
+ tab-size: 2;
18921
+ -webkit-hyphens: none;
18922
+ -ms-hyphens: none;
18923
+ hyphens: none;
18924
+ white-space: pre;
18925
+ white-space: pre-wrap;
18926
+ word-wrap: normal;
18927
+ font-family: Menlo, Monaco, 'Courier New', monospace;
18928
+ font-size: 14px;
18929
+ color: #76d9e6;
18930
+ text-shadow: none;
18931
+ }
18932
+
18933
+ .remirror-xonokai pre[class*='language-'],
18934
+ .remirror-xonokai :not(pre) > code[class*='language-'] {
18935
+ background: #2a2a2a;
18936
+ }
18937
+
18938
+ .remirror-xonokai pre[class*='language-'] {
18939
+ padding: 15px;
18940
+ border-radius: 4px;
18941
+ border: 1px solid #e1e1e8;
18942
+ overflow: auto;
18943
+ }
18944
+
18945
+ .remirror-xonokai pre[class*='language-'] {
18946
+ position: relative;
18947
+ }
18948
+
18949
+ .remirror-xonokai pre[class*='language-'] code {
18950
+ white-space: pre;
18951
+ display: block;
18952
+ }
18953
+
18954
+ .remirror-xonokai :not(pre) > code[class*='language-'] {
18955
+ padding: 0.15em 0.2em 0.05em;
18956
+ border-radius: 0.3em;
18957
+ border: 0.13em solid #7a6652;
18958
+ box-shadow: 1px 1px 0.3em -0.1em #000 inset;
18959
+ }
18960
+
18961
+ .remirror-xonokai .token.namespace {
18962
+ opacity: 0.7;
18963
+ }
18964
+
18965
+ .remirror-xonokai .token.comment,
18966
+ .remirror-xonokai .token.prolog,
18967
+ .remirror-xonokai .token.doctype,
18968
+ .remirror-xonokai .token.cdata {
18969
+ color: #6f705e;
18970
+ }
18971
+
18972
+ .remirror-xonokai .token.operator,
18973
+ .remirror-xonokai .token.boolean,
18974
+ .remirror-xonokai .token.number {
18975
+ color: #a77afe;
18976
+ }
18977
+
18978
+ .remirror-xonokai .token.attr-name,
18979
+ .remirror-xonokai .token.string {
18980
+ color: #e6d06c;
18981
+ }
18982
+
18983
+ .remirror-xonokai .token.entity,
18984
+ .remirror-xonokai .token.url,
18985
+ .remirror-xonokai .language-css .token.string,
18986
+ .remirror-xonokai .style .token.string {
18987
+ color: #e6d06c;
18988
+ }
18989
+
18990
+ .remirror-xonokai .token.selector,
18991
+ .remirror-xonokai .token.inserted {
18992
+ color: #a6e22d;
18993
+ }
18994
+
18995
+ .remirror-xonokai .token.atrule,
18996
+ .remirror-xonokai .token.attr-value,
18997
+ .remirror-xonokai .token.keyword,
18998
+ .remirror-xonokai .token.important,
18999
+ .remirror-xonokai .token.deleted {
19000
+ color: #ef3b7d;
19001
+ }
19002
+
19003
+ .remirror-xonokai .token.regex,
19004
+ .remirror-xonokai .token.statement {
19005
+ color: #76d9e6;
19006
+ }
19007
+
19008
+ .remirror-xonokai .token.placeholder,
19009
+ .remirror-xonokai .token.variable {
19010
+ color: #fff;
19011
+ }
19012
+
19013
+ .remirror-xonokai .token.important,
19014
+ .remirror-xonokai .token.statement,
19015
+ .remirror-xonokai .token.bold {
19016
+ font-weight: bold;
19017
+ }
19018
+
19019
+ .remirror-xonokai .token.punctuation,
19020
+ .remirror-xonokai .token.punctuation.important {
19021
+ color: #bebec5;
19022
+ }
19023
+
19024
+ .remirror-xonokai .token.entity {
19025
+ cursor: help;
19026
+ }
19027
+
19028
+ .remirror-xonokai .token.italic {
19029
+ font-style: italic;
19030
+ }
19031
+
19032
+ .remirror-xonokai code.language-markup {
19033
+ color: #f9f9f9;
19034
+ }
19035
+
19036
+ .remirror-xonokai code.language-markup .token.tag {
19037
+ color: #ef3b7d;
19038
+ }
19039
+
19040
+ .remirror-xonokai code.language-markup .token.attr-name {
19041
+ color: #a6e22d;
19042
+ }
19043
+
19044
+ .remirror-xonokai code.language-markup .token.attr-value {
19045
+ color: #e6d06c;
19046
+ }
19047
+
19048
+ .remirror-xonokai code.language-markup .token.style,
19049
+ .remirror-xonokai code.language-markup .token.script {
19050
+ color: #76d9e6;
19051
+ }
19052
+
19053
+ .remirror-xonokai code.language-markup .token.script .token.keyword {
19054
+ color: #76d9e6;
19055
+ }
19056
+
19057
+ /* Line highlight plugin */
19058
+
19059
+ .remirror-xonokai pre[class*='language-'][data-line] {
19060
+ position: relative;
19061
+ padding: 1em 0 1em 3em;
19062
+ }
19063
+
19064
+ .remirror-xonokai pre[data-line] .line-highlight {
19065
+ position: absolute;
19066
+ left: 0;
19067
+ right: 0;
19068
+ padding: 0;
19069
+ margin-top: 1em;
19070
+ background: rgba(255, 255, 255, 0.08);
19071
+ pointer-events: none;
19072
+ line-height: inherit;
19073
+ white-space: pre;
19074
+ }
19075
+
19076
+ .remirror-xonokai pre[data-line] .line-highlight:before,
19077
+ .remirror-xonokai pre[data-line] .line-highlight[data-end]:after {
19078
+ content: attr(data-start);
19079
+ position: absolute;
19080
+ top: 0.4em;
19081
+ left: 0.6em;
19082
+ min-width: 1em;
19083
+ padding: 0.2em 0.5em;
19084
+ background-color: rgba(255, 255, 255, 0.4);
19085
+ color: black;
19086
+ font: bold 65%/1 sans-serif;
19087
+ height: 1em;
19088
+ line-height: 1em;
19089
+ text-align: center;
19090
+ border-radius: 999px;
19091
+ text-shadow: none;
19092
+ box-shadow: 0 1px 1px rgba(255, 255, 255, 0.7);
19093
+ }
19094
+
19095
+ .remirror-xonokai pre[data-line] .line-highlight[data-end]:after {
19096
+ content: attr(data-end);
19097
+ top: auto;
19098
+ bottom: 0.4em;
19099
+ }
19100
+
19101
+ /**
19102
+ * Styles extracted from: packages/remirror__theme/src/extension-count-theme.ts
19103
+ */
19104
+ .remirror-editor span.remirror-max-count-exceeded {
19105
+ background-color: var(--rmr-hue-red-4);
19106
+ }
19107
+
19108
+ /**
19109
+ * Styles extracted from: packages/remirror__theme/src/extension-emoji-theme.ts
19110
+ */
19111
+ .remirror-emoji-image {
19112
+ object-fit: contain;
19113
+ width: 1.375em;
19114
+ height: 1.375em;
19115
+ vertical-align: bottom;
19116
+ }
19117
+
19118
+ .remirror-emoji-wrapper {
19119
+ text-indent: -99999px;
19120
+ }
19121
+
19122
+ .remirror-emoji-popup-item {
19123
+ padding: 8px;
19124
+ text-overflow: ellipsis;
19125
+ max-width: 250px;
19126
+ width: 250px;
19127
+ overflow: hidden;
19128
+ white-space: nowrap;
19129
+ color: white;
19130
+ }
19131
+
19132
+ .remirror-emoji-popup-hovered {
19133
+ background-color: var(--rmr-hue-gray-2);
19134
+ }
19135
+
19136
+ .remirror-emoji-popup-highlight {
19137
+ background-color: var(--rmr-hue-gray-3);
19138
+ }
19139
+
19140
+ .remirror-emoji-popup-wrapper {
19141
+ position: absolute;
19142
+ width: -webkit-max-content;
19143
+ width: -moz-max-content;
19144
+ width: max-content;
19145
+ padding-top: 8px;
19146
+ padding-bottom: 8px;
19147
+ margin: 0 auto;
19148
+ border-radius: 8px;
19149
+ box-shadow: hsla(205, 70%, 15%, 0.25) 0 4px 8px, hsla(205, 70%, 15%, 0.31) 0px 0px 1px;
19150
+ background-color: white;
19151
+ z-index: 10;
19152
+ max-height: 250px;
19153
+ overflow-y: scroll;
19154
+ }
19155
+
19156
+ .remirror-emoji-popup-name {
19157
+ color: rgb(121, 129, 134);
19158
+ }
19159
+
19160
+ .remirror-emoji-popup-char {
19161
+ font-size: 1.25em;
19162
+ padding-right: 5px;
19163
+ }
19164
+
19165
+ /**
19166
+ * Styles extracted from: packages/remirror__theme/src/extension-file-theme.ts
19167
+ */
19168
+ .remirror-file-root {
19169
+ border-radius: 4px;
19170
+ padding: 8px 12px;
19171
+ background-color: #e8ecf1;
19172
+ color: #000;
19173
+ margin: 8px auto;
19174
+ min-height: 32px;
19175
+ width: 100%;
19176
+ max-width: 600px;
19177
+ display: flex;
19178
+ align-items: center;
19179
+ }
19180
+
19181
+ .remirror-file-name {
19182
+ font-size: 1rem;
19183
+ margin-left: 8px;
19184
+ white-space: nowrap;
19185
+ overflow: hidden;
19186
+ text-overflow: ellipsis;
19187
+ }
19188
+
19189
+ .remirror-file-size {
19190
+ font-size: 0.8rem;
19191
+ margin-left: 8px;
19192
+ color: gray;
19193
+ white-space: nowrap;
19194
+ }
19195
+
19196
+ .remirror-file-upload-progress {
19197
+ font-size: 0.8rem;
19198
+ margin-left: 8px;
19199
+ margin-right: 8px;
19200
+ color: gray;
19201
+ font-family: Menlo, Monaco, 'Courier New', monospace;
19202
+ }
19203
+
19204
+ .remirror-file-error {
19205
+ font-size: 0.8rem;
19206
+ color: red;
19207
+ }
19208
+
19209
+ .remirror-file-icon-button {
19210
+ display: flex;
19211
+ justify-content: center;
19212
+ align-items: center;
19213
+ color: #000;
19214
+ }
19215
+
19216
+ /**
19217
+ * Styles extracted from: packages/remirror__theme/src/extension-gap-cursor-theme.ts
19218
+ */
19219
+ .remirror-editor.ProseMirror .ProseMirror-gapcursor {
19220
+ display: none;
19221
+ pointer-events: none;
19222
+ position: absolute;
19223
+ }
19224
+ .remirror-editor.ProseMirror .ProseMirror-gapcursor:after {
19225
+ content: '';
19226
+ display: block;
19227
+ position: absolute;
19228
+ top: -2px;
19229
+ width: 20px;
19230
+ border-top: 1px solid black;
19231
+ animation: ProseMirror-cursor-blink 1.1s steps(2, start) infinite;
19232
+ }
19233
+ @keyframes ProseMirror-cursor-blink {
19234
+ to {
19235
+ visibility: hidden;
19236
+ }
19237
+ }
19238
+ .remirror-editor.ProseMirror .ProseMirror-focused .ProseMirror-gapcursor,
19239
+ .remirror-editor.ProseMirror.ProseMirror-focused .ProseMirror-gapcursor {
19240
+ display: block;
19241
+ }
19242
+
19243
+ /**
19244
+ * Styles extracted from: packages/remirror__theme/src/extension-image-theme.ts
19245
+ */
19246
+ .remirror-image-loader {
19247
+ border: 16px solid #f3f3f3;
19248
+ border-radius: 50%;
19249
+ border-top: 16px solid #3498db;
19250
+ width: 120px;
19251
+ height: 120px;
19252
+ animation: spin 2s linear infinite;
19253
+ }
19254
+
19255
+ @keyframes spin {
19256
+ 0% {
19257
+ transform: rotate(0deg);
19258
+ }
19259
+ 100% {
19260
+ transform: rotate(360deg);
19261
+ }
19262
+ }
19263
+
19264
+ /**
19265
+ * Styles extracted from: packages/remirror__theme/src/extension-list-theme.ts
19266
+ */
19267
+ /* don't show the custom markers in a ordered list */
19268
+ .remirror-editor ol > li > .remirror-list-item-marker-container {
19269
+ display: none;
19270
+ }
19271
+ /* don't show the origin markers when using custom markers (checkbox / collapsible) */
19272
+ .remirror-editor ul > li.remirror-list-item-with-custom-mark {
19273
+ list-style: none;
19274
+ }
19275
+ .remirror-editor .remirror-ul-list-content > li.remirror-list-item-with-custom-mark {
19276
+ list-style: none;
19277
+ }
19278
+ /* override the browser's default styles */
19279
+ .remirror-editor ul ul + ul {
19280
+ -webkit-margin-before: 1em;
19281
+ margin-block-start: 1em;
19282
+ }
19283
+
19284
+ .remirror-list-item-marker-container {
19285
+ position: absolute;
19286
+ left: -32px;
19287
+ width: 24px;
19288
+ display: inline-block;
19289
+ text-align: center;
19290
+ -webkit-user-select: none;
19291
+ -moz-user-select: none;
19292
+ -ms-user-select: none;
19293
+ user-select: none;
19294
+ }
19295
+
19296
+ .remirror-list-item-checkbox {
19297
+ /* change the checkbox color from blue (default on Chrome) to purple. */
19298
+ -webkit-filter: hue-rotate(60deg);
19299
+ filter: hue-rotate(60deg);
19300
+ }
19301
+
19302
+ .remirror-collapsible-list-item-closed li {
19303
+ display: none;
19304
+ }
19305
+
19306
+ .remirror-collapsible-list-item-closed .remirror-collapsible-list-item-button {
19307
+ background-color: var(--rmr-hue-gray-6);
19308
+ }
19309
+
19310
+ .remirror-collapsible-list-item-button {
19311
+ width: 8px;
19312
+ height: 8px;
19313
+ border-radius: 50%;
19314
+ cursor: pointer;
19315
+ display: inline-block;
19316
+ vertical-align: middle;
19317
+ -webkit-user-select: none;
19318
+ -moz-user-select: none;
19319
+ -ms-user-select: none;
19320
+ user-select: none;
19321
+
19322
+ transition: background-color 0.25s ease;
19323
+ background-color: var(--rmr-color-border);
19324
+ }
19325
+
19326
+ .remirror-collapsible-list-item-button:hover {
19327
+ background-color: var(--rmr-color-primary);
19328
+ }
19329
+
19330
+ .remirror-collapsible-list-item-button.disabled,
19331
+ .remirror-collapsible-list-item-button.disabled:hover {
19332
+ background-color: var(--rmr-color-border);
19333
+ cursor: default;
19334
+ }
19335
+
19336
+ .remirror-list-spine {
19337
+ position: absolute;
19338
+ top: 4px;
19339
+ bottom: 0px;
19340
+ left: -20px;
19341
+ width: 16px;
19342
+ cursor: pointer;
19343
+ -webkit-user-select: none;
19344
+ -moz-user-select: none;
19345
+ -ms-user-select: none;
19346
+ user-select: none;
19347
+
19348
+ transition: border-left-color 0.25s ease;
19349
+ border-left-color: var(--rmr-color-border);
19350
+ border-left-style: solid;
19351
+ border-left-width: 1px;
19352
+ }
19353
+
19354
+ .remirror-list-spine:hover {
19355
+ border-left-color: var(--rmr-color-primary);
19356
+ }
19357
+
19358
+ /**
19359
+ * Styles extracted from: packages/remirror__theme/src/extension-mention-atom-theme.ts
19360
+ */
19361
+ .remirror-mention-atom {
19362
+ background: var(--rmr-hue-gray-2);
19363
+ font-weight: bold;
19364
+ font-size: 0.9em;
19365
+ font-style: normal;
19366
+ border-radius: var(--rmr-radius-border);
19367
+ padding: 0.2rem 0.5rem;
19368
+ white-space: nowrap;
19369
+ color: var(--rmr-color-primary);
19370
+ }
19371
+
19372
+ .remirror-suggest-atom {
19373
+ color: rgba(0, 0, 0, 0.6);
19374
+ }
19375
+
19376
+ .remirror-mention-atom-popup-item {
19377
+ padding: 8px;
19378
+ text-overflow: ellipsis;
19379
+ max-width: 250px;
19380
+ width: 250px;
19381
+ overflow: hidden;
19382
+ white-space: nowrap;
19383
+ color: white;
19384
+ }
19385
+
19386
+ .remirror-mention-atom-popup-hovered {
19387
+ background-color: var(--rmr-hue-gray-2);
19388
+ }
19389
+
19390
+ .remirror-mention-atom-popup-highlight {
19391
+ background-color: var(--rmr-hue-gray-3);
19392
+ }
19393
+
19394
+ .remirror-mention-atom-popup-wrapper {
19395
+ width: -webkit-max-content;
19396
+ width: -moz-max-content;
19397
+ width: max-content;
19398
+ padding-top: 8px;
19399
+ padding-bottom: 8px;
19400
+ margin: 0 auto;
19401
+ border-radius: 8px;
19402
+ box-shadow: hsla(205, 70%, 15%, 0.25) 0 4px 8px, hsla(205, 70%, 15%, 0.31) 0px 0px 1px;
19403
+ background-color: white;
19404
+ z-index: 10;
19405
+ max-height: 250px;
19406
+ overflow-y: scroll;
19407
+ }
19408
+
19409
+ .remirror-mention-atom-popup-name {
19410
+ color: rgb(121, 129, 134);
19411
+ }
19412
+
19413
+ .remirror-mention-atom-zero-items {
19414
+ color: rgb(121, 129, 134);
19415
+ }
19416
+
19417
+ .remirror-mention-atom-popup-char {
19418
+ font-size: 1.25em;
19419
+ padding-right: 5px;
19420
+ }
19421
+
19422
+ /**
19423
+ * Styles extracted from: packages/remirror__theme/src/extension-node-formatting-theme.ts
19424
+ */
19425
+ .remirror-editor.ProseMirror {
19426
+ }
19427
+
19428
+ /**
19429
+ * Styles extracted from: packages/remirror__theme/src/extension-placeholder-theme.ts
19430
+ */
19431
+ .remirror-is-empty:first-of-type::before {
19432
+ position: absolute;
19433
+ color: #aaa;
19434
+ pointer-events: none;
19435
+ height: 0;
19436
+ font-style: italic;
19437
+ content: attr(data-placeholder);
19438
+ }
19439
+
19440
+ /**
19441
+ * Styles extracted from: packages/remirror__theme/src/extension-positioner-theme.ts
19442
+ */
19443
+ .remirror-editor.ProseMirror {
19444
+ position: relative;
19445
+ }
19446
+
19447
+ .remirror-positioner {
19448
+ position: absolute;
19449
+ min-width: 1px;
19450
+ min-height: 1px;
19451
+ pointer-events: none;
19452
+ -webkit-user-select: none;
19453
+ -moz-user-select: none;
19454
+ -ms-user-select: none;
19455
+ user-select: none;
19456
+ cursor: none;
19457
+ z-index: -1;
19458
+ }
19459
+
19460
+ .remirror-positioner-widget {
19461
+ width: 0;
19462
+ height: 0;
19463
+ position: absolute;
19464
+ }
19465
+
19466
+ /**
19467
+ * Styles extracted from: packages/remirror__theme/src/extension-tables-theme.ts
19468
+ */
19469
+ .remirror-editor.ProseMirror {
19470
+ /* Give selected cells a blue overlay */
19471
+ /* We don't need this anymore -- 2021-04-03 ocavue */
19472
+ }
19473
+ .remirror-editor.ProseMirror .tableWrapper {
19474
+ overflow-x: auto;
19475
+ }
19476
+ .remirror-editor.ProseMirror table {
19477
+ border-collapse: collapse;
19478
+ table-layout: fixed;
19479
+ width: 100%;
19480
+ overflow: hidden;
19481
+ }
19482
+ .remirror-editor.ProseMirror td,
19483
+ .remirror-editor.ProseMirror th {
19484
+ vertical-align: top;
19485
+ box-sizing: border-box;
19486
+ position: relative;
19487
+ border-width: 1px;
19488
+ border-style: solid;
19489
+ border-color: var(--rmr-color-table-default-border);
19490
+ }
19491
+ .remirror-editor.ProseMirror .column-resize-handle {
19492
+ position: absolute;
19493
+ right: -2px;
19494
+ top: 0;
19495
+ bottom: 0;
19496
+ width: 4px;
19497
+ z-index: 40;
19498
+ background-color: var(--rmr-hue-blue-7);
19499
+ pointer-events: none;
19500
+ }
19501
+ .remirror-editor.ProseMirror.resize-cursor {
19502
+ cursor: ew-resize;
19503
+ cursor: col-resize;
19504
+ }
19505
+ /*
19506
+ .selectedCell:after {
19507
+ z-index: 2;
19508
+ position: absolute;
19509
+ content: '';
19510
+ left: 0;
19511
+ right: 0;
19512
+ top: 0;
19513
+ bottom: 0;
19514
+ background: rgba(200, 200, 255, 0.4);
19515
+ pointer-events: none;
19516
+ }
19517
+ */
19518
+ .remirror-editor.ProseMirror th.selectedCell,
19519
+ .remirror-editor.ProseMirror td.selectedCell {
19520
+ border-style: double;
19521
+ border-color: var(--rmr-color-table-selected-border);
19522
+ background-color: var(--rmr-color-table-selected-cell);
19523
+ }
19524
+
19525
+ .remirror-table-colgroup > col:first-of-type {
19526
+ width: 13px;
19527
+ overflow: visible;
19528
+ }
19529
+
19530
+ .remirror-controllers-toggle {
19531
+ visibility: hidden;
19532
+ }
19533
+
19534
+ .remirror-table-show-controllers .remirror-controllers-toggle {
19535
+ visibility: visible;
19536
+ }
19537
+
19538
+ .remirror-table-insert-button {
19539
+ position: absolute;
19540
+ width: 18px;
19541
+ height: 18px;
19542
+ z-index: 25;
19543
+ cursor: pointer;
19544
+ border-radius: 4px;
19545
+ transition: background-color 150ms ease;
19546
+
19547
+ background-color: #dcdcdc;
19548
+ }
19549
+
19550
+ .remirror-table-insert-button svg {
19551
+ fill: #ffffff;
19552
+ }
19553
+
19554
+ .remirror-table-insert-button:hover {
19555
+ background-color: #136bda;
19556
+ }
19557
+
19558
+ .remirror-table-insert-button:hover svg {
19559
+ fill: #ffffff;
19560
+ }
19561
+
19562
+ .remirror-table-delete-inner-button {
19563
+ border: none;
19564
+ padding: 0;
19565
+ width: 18px;
19566
+ height: 18px;
19567
+
19568
+ position: absolute;
19569
+ z-index: 30;
19570
+ cursor: pointer;
19571
+ border-radius: 4px;
19572
+ background-color: #cecece;
19573
+ transition: background-color 150ms ease;
19574
+ }
19575
+
19576
+ .remirror-table-delete-inner-button:hover {
19577
+ background-color: #ff7884;
19578
+ }
19579
+
19580
+ .remirror-table-delete-table-inner-button {
19581
+ top: calc(var(--remirror-table-delete-button-y) - 9px);
19582
+ left: calc(var(--remirror-table-delete-button-x) - 9px);
19583
+ }
19584
+
19585
+ .remirror-table-delete-row-column-inner-button {
19586
+ top: calc(var(--remirror-table-delete-row-column-button-y) - 9px);
19587
+ left: calc(var(--remirror-table-delete-row-column-button-x) - 9px);
19588
+ }
19589
+
19590
+ .remirror-table-with-controllers {
19591
+ /* Space for marks */
19592
+ margin-top: 40px;
19593
+ margin-bottom: 40px;
19594
+
19595
+ /* To make controller's 'height: 100%' works, table must set its own height. */
19596
+ height: 1px;
19597
+ }
19598
+
19599
+ /* To show marks */
19600
+
19601
+ .ProseMirror table.remirror-table-with-controllers {
19602
+ overflow: visible;
19603
+ }
19604
+
19605
+ .remirror-table-waitting-controllers {
19606
+ /* Hide the table before controllers injected */
19607
+ display: none;
19608
+ }
19609
+
19610
+ /* First row contains one corner controller and multiple column controllers */
19611
+
19612
+ .remirror-table-tbody-with-controllers > tr:nth-of-type(1) {
19613
+ height: 12px;
19614
+ overflow: visible;
19615
+ }
19616
+
19617
+ /* First controller cell is the corner controller */
19618
+
19619
+ .remirror-table-tbody-with-controllers > tr:nth-of-type(1) th:nth-of-type(1) {
19620
+ overflow: visible;
19621
+ padding: 0;
19622
+ cursor: pointer;
19623
+ z-index: 15;
19624
+ position: relative;
19625
+ height: 12px;
19626
+ width: 12px;
19627
+ }
19628
+
19629
+ .remirror-table-tbody-with-controllers
19630
+ > tr:nth-of-type(1)
19631
+ th:nth-of-type(1)
19632
+ div.remirror-table-controller-wrapper {
19633
+ overflow: visible;
19634
+ display: flex;
19635
+ justify-content: flex-end;
19636
+ align-items: flex-end;
19637
+ width: 12px;
19638
+ height: 12px;
19639
+ }
19640
+
19641
+ .remirror-table-tbody-with-controllers
19642
+ > tr:nth-of-type(1)
19643
+ th:nth-of-type(1)
19644
+ div.remirror-table-controller-trigger-area {
19645
+ flex: 1;
19646
+ position: relative;
19647
+ z-index: 10; /* Style for debug. Use linear-gradient as background so that we can differentiate two neighbor areas. */ /* background: linear-gradient(to left top, rgba(0, 255, 100, 0.2), rgba(200, 100, 255, 0.2)); */
19648
+ display: none;
19649
+ }
19650
+
19651
+ .remirror-table-tbody-with-controllers
19652
+ > tr:nth-of-type(1)
19653
+ th:nth-of-type(1)
19654
+ div.remirror-table-controller-mark-row-corner {
19655
+ bottom: -2px;
19656
+ left: -12px;
19657
+ position: absolute;
19658
+ width: 0px;
19659
+ height: 0px;
19660
+ border-radius: 50%;
19661
+ border-style: solid;
19662
+ border-color: var(--rmr-color-table-mark);
19663
+ border-width: 2px;
19664
+ }
19665
+
19666
+ .remirror-table-tbody-with-controllers
19667
+ > tr:nth-of-type(1)
19668
+ th:nth-of-type(1)
19669
+ div.remirror-table-controller-mark-column-corner {
19670
+ position: absolute;
19671
+ width: 0px;
19672
+ height: 0px;
19673
+ border-radius: 50%;
19674
+ border-style: solid;
19675
+ border-color: var(--rmr-color-table-mark);
19676
+ border-width: 2px;
19677
+ right: -2px;
19678
+ top: -12px;
19679
+ }
19680
+
19681
+ /* Second and more cells are column controllers */
19682
+
19683
+ .remirror-table-tbody-with-controllers > tr:nth-of-type(1) th:nth-of-type(n + 2) {
19684
+ overflow: visible;
19685
+ padding: 0;
19686
+ cursor: pointer;
19687
+ z-index: 15;
19688
+ position: relative;
19689
+ height: 12px;
19690
+ }
19691
+
19692
+ .remirror-table-tbody-with-controllers
19693
+ > tr:nth-of-type(1)
19694
+ th:nth-of-type(n + 2)
19695
+ div.remirror-table-controller-wrapper {
19696
+ overflow: visible;
19697
+ display: flex;
19698
+ justify-content: flex-end;
19699
+ align-items: flex-end;
19700
+ width: 100%;
19701
+ height: 12px;
19702
+ flex-direction: row;
19703
+ }
19704
+
19705
+ .remirror-table-tbody-with-controllers
19706
+ > tr:nth-of-type(1)
19707
+ th:nth-of-type(n + 2)
19708
+ div.remirror-table-controller-trigger-area {
19709
+ flex: 1;
19710
+ position: relative;
19711
+ z-index: 10; /* Style for debug. Use linear-gradient as background so that we can differentiate two neighbor areas. */ /* background: linear-gradient(to left top, rgba(0, 255, 100, 0.2), rgba(200, 100, 255, 0.2)); */
19712
+ height: 36px;
19713
+ }
19714
+
19715
+ .remirror-table-tbody-with-controllers
19716
+ > tr:nth-of-type(1)
19717
+ th:nth-of-type(n + 2)
19718
+ div.remirror-table-controller-mark-row-corner {
19719
+ display: none;
19720
+ }
19721
+
19722
+ .remirror-table-tbody-with-controllers
19723
+ > tr:nth-of-type(1)
19724
+ th:nth-of-type(n + 2)
19725
+ div.remirror-table-controller-mark-column-corner {
19726
+ position: absolute;
19727
+ width: 0px;
19728
+ height: 0px;
19729
+ border-radius: 50%;
19730
+ border-style: solid;
19731
+ border-color: var(--rmr-color-table-mark);
19732
+ border-width: 2px;
19733
+ right: -2px;
19734
+ top: -12px;
19735
+ }
19736
+
19737
+ /* Second and more rows containes row controllers */
19738
+
19739
+ /* First controller cell in each row is a row controller */
19740
+
19741
+ .remirror-table-tbody-with-controllers > tr:nth-of-type(n + 2) th {
19742
+ overflow: visible;
19743
+ padding: 0;
19744
+ cursor: pointer;
19745
+ z-index: 15;
19746
+ position: relative;
19747
+ width: 12px;
19748
+ }
19749
+
19750
+ .remirror-table-tbody-with-controllers
19751
+ > tr:nth-of-type(n + 2)
19752
+ th
19753
+ div.remirror-table-controller-wrapper {
19754
+ overflow: visible;
19755
+ display: flex;
19756
+ justify-content: flex-end;
19757
+ align-items: flex-end;
19758
+ height: 100%;
19759
+ width: 12px;
19760
+ flex-direction: column;
19761
+ }
19762
+
19763
+ .remirror-table-tbody-with-controllers
19764
+ > tr:nth-of-type(n + 2)
19765
+ th
19766
+ div.remirror-table-controller-trigger-area {
19767
+ flex: 1;
19768
+ position: relative;
19769
+ z-index: 10; /* Style for debug. Use linear-gradient as background so that we can differentiate two neighbor areas. */ /* background: linear-gradient(to left top, rgba(0, 255, 100, 0.2), rgba(200, 100, 255, 0.2)); */
19770
+ width: 36px;
19771
+ }
19772
+
19773
+ .remirror-table-tbody-with-controllers
19774
+ > tr:nth-of-type(n + 2)
19775
+ th
19776
+ div.remirror-table-controller-mark-row-corner {
19777
+ bottom: -2px;
19778
+ left: -12px;
19779
+ position: absolute;
19780
+ width: 0px;
19781
+ height: 0px;
19782
+ border-radius: 50%;
19783
+ border-style: solid;
19784
+ border-color: var(--rmr-color-table-mark);
19785
+ border-width: 2px;
19786
+ }
19787
+
19788
+ .remirror-table-tbody-with-controllers
19789
+ > tr:nth-of-type(n + 2)
19790
+ th
19791
+ div.remirror-table-controller-mark-column-corner {
19792
+ display: none;
19793
+ }
19794
+
19795
+ /* Styles for default */
19796
+
19797
+ .remirror-table-tbody-with-controllers th.remirror-table-controller {
19798
+ background-color: var(--rmr-color-table-default-controller);
19799
+ }
19800
+
19801
+ /* Styles for selected */
19802
+
19803
+ .remirror-table-tbody-with-controllers th.selectedCell.remirror-table-controller {
19804
+ background-color: var(--rmr-color-table-selected-controller);
19805
+ }
19806
+
19807
+ .remirror-table-preselect-all {
19808
+ }
19809
+
19810
+ /* Styles for predelete */
19811
+
19812
+ .remirror-table-show-predelete th.selectedCell.remirror-table-controller,
19813
+ .remirror-table-show-predelete td.selectedCell {
19814
+ border-color: var(--rmr-color-table-predelete-border) !important;
19815
+ background-color: var(--rmr-color-table-predelete-cell) !important;
19816
+ }
19817
+
19818
+ .remirror-table-show-predelete th.selectedCell.remirror-table-controller {
19819
+ background-color: var(--rmr-color-table-predelete-controller) !important;
19820
+ }
19821
+
19822
+ .remirror-table-show-predelete.remirror-table-preselect-all th.remirror-table-controller,
19823
+ .remirror-table-show-predelete.remirror-table-preselect-all td {
19824
+ border-color: var(--rmr-color-table-predelete-border) !important;
19825
+ background-color: var(--rmr-color-table-predelete-cell) !important;
19826
+ }
19827
+
19828
+ .remirror-table-show-predelete.remirror-table-preselect-all th.remirror-table-controller {
19829
+ background-color: var(--rmr-color-table-predelete-controller) !important;
19830
+ }
19831
+
19832
+ /**
19833
+ * Styles extracted from: packages/remirror__theme/src/extension-whitespace-theme.ts
19834
+ */
19835
+ .remirror-editor.ProseMirror .whitespace {
19836
+ pointer-events: none;
19837
+ -webkit-user-select: none;
19838
+ -moz-user-select: none;
19839
+ -ms-user-select: none;
19840
+ user-select: none;
19841
+ }
19842
+ .remirror-editor.ProseMirror .whitespace:before {
19843
+ caret-color: inherit;
19844
+ color: gray;
19845
+ display: inline-block;
19846
+ font-weight: 400;
19847
+ font-style: normal;
19848
+ line-height: 1em;
19849
+ width: 0;
19850
+ }
19851
+ .remirror-editor.ProseMirror .whitespace--s:before {
19852
+ content: '·';
19853
+ }
19854
+ .remirror-editor.ProseMirror .whitespace--br:before {
19855
+ content: '¬';
19856
+ }
19857
+ .remirror-editor.ProseMirror .whitespace--p:before {
19858
+ content: '¶';
19859
+ }
19860
+
19861
+ /**
19862
+ * Styles extracted from: packages/remirror__theme/src/extension-yjs-theme.ts
19863
+ */
19864
+ .remirror-editor.ProseMirror .ProseMirror-yjs-cursor {
19865
+ position: absolute;
19866
+ border-left: black;
19867
+ border-left-style: solid;
19868
+ border-left-width: 2px;
19869
+ border-color: orange;
19870
+ height: 1em;
19871
+ word-break: normal;
19872
+ pointer-events: none;
19873
+ }
19874
+
19875
+ .remirror-editor.ProseMirror .ProseMirror-yjs-cursor > div {
19876
+ position: relative;
19877
+ top: -1.05em;
19878
+ font-size: 13px;
19879
+ background-color: rgb(250, 129, 0);
19880
+ font-family: serif;
19881
+ font-style: normal;
19882
+ font-weight: normal;
19883
+ line-height: normal;
19884
+ -webkit-user-select: none;
19885
+ -moz-user-select: none;
19886
+ -ms-user-select: none;
19887
+ user-select: none;
19888
+ color: white;
19889
+ padding-left: 2px;
19890
+ padding-right: 2px;
19891
+ }
19892
+ .remirror-editor.ProseMirror > .ProseMirror-yjs-cursor:first-child {
19893
+ margin-top: 16px;
19894
+ }
19895
+ .remirror-editor #y-functions {
19896
+ position: absolute;
19897
+ top: 20px;
19898
+ right: 20px;
19899
+ }
19900
+ .remirror-editor #y-functions > * {
19901
+ display: inline-block;
19902
+ }
19903
+
19904
+ /**
19905
+ * Styles extracted from: packages/remirror__theme/src/theme.ts
19906
+ */
19907
+ .remirror-theme {
19908
+ /* The following makes it easier to measure components within the editor. */
19909
+ box-sizing: border-box;
19910
+ }
19911
+
19912
+ .remirror-theme *,
19913
+ .remirror-theme *:before,
19914
+ .remirror-theme *:after {
19915
+ /** Preserve box-sizing when override exists:
19916
+ * https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/
19917
+ * */
19918
+ box-sizing: inherit;
19919
+ }
19920
+
19921
+ .remirror-theme {
19922
+ --rmr-color-background: #ffffff;
19923
+ --rmr-color-border: rgba(0, 0, 0, 0.25);
19924
+ --rmr-color-foreground: #000000;
19925
+ --rmr-color-muted: #f1f3f5;
19926
+ --rmr-color-primary: #7963d2;
19927
+ --rmr-color-secondary: #bcd263;
19928
+ --rmr-color-primary-text: #fff;
19929
+ --rmr-color-secondary-text: #fff;
19930
+ --rmr-color-text: #252103;
19931
+ --rmr-color-faded: hsla(0, 0%, 13%, 0.9);
19932
+ --rmr-color-active-background: hsla(0, 0%, 85%, 1);
19933
+ --rmr-color-active-border: hsla(0, 0%, 0%, 0.25);
19934
+ --rmr-color-active-foreground: hsla(0, 0%, 0%, 1);
19935
+ --rmr-color-active-muted: hsla(210, 17%, 80%, 1);
19936
+ --rmr-color-active-primary: hsla(252, 55%, 46%, 1);
19937
+ --rmr-color-active-secondary: hsla(72, 55%, 46%, 1);
19938
+ --rmr-color-active-primary-text: #fff;
19939
+ --rmr-color-active-secondary-text: #000;
19940
+ --rmr-color-active-text: #000;
19941
+ --rmr-color-active-faded: hsla(0, 0%, 13%, 0.9);
19942
+ --rmr-color-hover-background: hsla(0, 0%, 93%, 1);
19943
+ --rmr-color-hover-border: hsla(0, 0%, 0%, 0.25);
19944
+ --rmr-color-hover-foreground: hsla(0, 0%, 0%, 1);
19945
+ --rmr-color-hover-muted: hsla(210, 17%, 88%, 1);
19946
+ --rmr-color-hover-primary: hsla(252, 55%, 53%, 1);
19947
+ --rmr-color-hover-secondary: hsla(72, 55%, 53%, 1);
19948
+ --rmr-color-hover-primary-text: #fff;
19949
+ --rmr-color-hover-secondary-text: #000;
19950
+ --rmr-color-hover-text: #000;
19951
+ --rmr-color-hover-faded: hsla(0, 0%, 13%, 0.9);
19952
+ --rmr-color-shadow-1: rgba(10, 31, 68, 0.08);
19953
+ --rmr-color-shadow-2: rgba(10, 31, 68, 0.1);
19954
+ --rmr-color-shadow-3: rgba(10, 31, 68, 0.12);
19955
+ --rmr-color-backdrop: rgba(0, 0, 0, 0.9);
19956
+ --rmr-color-outline: rgba(121, 99, 210, 0.4);
19957
+ --rmr-color-table-default-border: hsla(0, 0%, 80%, 1);
19958
+ --rmr-color-table-default-cell: hsla(0, 0%, 40%, 1);
19959
+ --rmr-color-table-default-controller: #dee2e6;
19960
+ --rmr-color-table-selected-border: #1c7ed6;
19961
+ --rmr-color-table-selected-cell: #d0ebff;
19962
+ --rmr-color-table-selected-controller: #339af0;
19963
+ --rmr-color-table-preselect-border: #1c7ed6;
19964
+ --rmr-color-table-preselect-cell: hsla(0, 0%, 40%, 1);
19965
+ --rmr-color-table-preselect-controller: #339af0;
19966
+ --rmr-color-table-predelete-border: #f03e3e;
19967
+ --rmr-color-table-predelete-cell: #ffe3e3;
19968
+ --rmr-color-table-predelete-controller: #ff6b6b;
19969
+ --rmr-color-table-mark: #91919196;
19970
+ --rmr-hue-gray-0: #f8f9fa;
19971
+ --rmr-hue-gray-1: #f1f3f5;
19972
+ --rmr-hue-gray-2: #e9ecef;
19973
+ --rmr-hue-gray-3: #dee2e6;
19974
+ --rmr-hue-gray-4: #ced4da;
19975
+ --rmr-hue-gray-5: #adb5bd;
19976
+ --rmr-hue-gray-6: #868e96;
19977
+ --rmr-hue-gray-7: #495057;
19978
+ --rmr-hue-gray-8: #343a40;
19979
+ --rmr-hue-gray-9: #212529;
19980
+ --rmr-hue-red-0: #fff5f5;
19981
+ --rmr-hue-red-1: #ffe3e3;
19982
+ --rmr-hue-red-2: #ffc9c9;
19983
+ --rmr-hue-red-3: #ffa8a8;
19984
+ --rmr-hue-red-4: #ff8787;
19985
+ --rmr-hue-red-5: #ff6b6b;
19986
+ --rmr-hue-red-6: #fa5252;
19987
+ --rmr-hue-red-7: #f03e3e;
19988
+ --rmr-hue-red-8: #e03131;
19989
+ --rmr-hue-red-9: #c92a2a;
19990
+ --rmr-hue-pink-0: #fff0f6;
19991
+ --rmr-hue-pink-1: #ffdeeb;
19992
+ --rmr-hue-pink-2: #fcc2d7;
19993
+ --rmr-hue-pink-3: #faa2c1;
19994
+ --rmr-hue-pink-4: #f783ac;
19995
+ --rmr-hue-pink-5: #f06595;
19996
+ --rmr-hue-pink-6: #e64980;
19997
+ --rmr-hue-pink-7: #d6336c;
19998
+ --rmr-hue-pink-8: #c2255c;
19999
+ --rmr-hue-pink-9: #a61e4d;
20000
+ --rmr-hue-grape-0: #f8f0fc;
20001
+ --rmr-hue-grape-1: #f3d9fa;
20002
+ --rmr-hue-grape-2: #eebefa;
20003
+ --rmr-hue-grape-3: #e599f7;
20004
+ --rmr-hue-grape-4: #da77f2;
20005
+ --rmr-hue-grape-5: #cc5de8;
20006
+ --rmr-hue-grape-6: #be4bdb;
20007
+ --rmr-hue-grape-7: #ae3ec9;
20008
+ --rmr-hue-grape-8: #9c36b5;
20009
+ --rmr-hue-grape-9: #862e9c;
20010
+ --rmr-hue-violet-0: #f3f0ff;
20011
+ --rmr-hue-violet-1: #e5dbff;
20012
+ --rmr-hue-violet-2: #d0bfff;
20013
+ --rmr-hue-violet-3: #b197fc;
20014
+ --rmr-hue-violet-4: #9775fa;
20015
+ --rmr-hue-violet-5: #845ef7;
20016
+ --rmr-hue-violet-6: #7950f2;
20017
+ --rmr-hue-violet-7: #7048e8;
20018
+ --rmr-hue-violet-8: #6741d9;
20019
+ --rmr-hue-violet-9: #5f3dc4;
20020
+ --rmr-hue-indigo-0: #edf2ff;
20021
+ --rmr-hue-indigo-1: #dbe4ff;
20022
+ --rmr-hue-indigo-2: #bac8ff;
20023
+ --rmr-hue-indigo-3: #91a7ff;
20024
+ --rmr-hue-indigo-4: #748ffc;
20025
+ --rmr-hue-indigo-5: #5c7cfa;
20026
+ --rmr-hue-indigo-6: #4c6ef5;
20027
+ --rmr-hue-indigo-7: #4263eb;
20028
+ --rmr-hue-indigo-8: #3b5bdb;
20029
+ --rmr-hue-indigo-9: #364fc7;
20030
+ --rmr-hue-blue-0: #e7f5ff;
20031
+ --rmr-hue-blue-1: #d0ebff;
20032
+ --rmr-hue-blue-2: #a5d8ff;
20033
+ --rmr-hue-blue-3: #74c0fc;
20034
+ --rmr-hue-blue-4: #4dabf7;
20035
+ --rmr-hue-blue-5: #339af0;
20036
+ --rmr-hue-blue-6: #228be6;
20037
+ --rmr-hue-blue-7: #1c7ed6;
20038
+ --rmr-hue-blue-8: #1971c2;
20039
+ --rmr-hue-blue-9: #1864ab;
20040
+ --rmr-hue-cyan-0: #e3fafc;
20041
+ --rmr-hue-cyan-1: #c5f6fa;
20042
+ --rmr-hue-cyan-2: #99e9f2;
20043
+ --rmr-hue-cyan-3: #66d9e8;
20044
+ --rmr-hue-cyan-4: #3bc9db;
20045
+ --rmr-hue-cyan-5: #22b8cf;
20046
+ --rmr-hue-cyan-6: #15aabf;
20047
+ --rmr-hue-cyan-7: #1098ad;
20048
+ --rmr-hue-cyan-8: #0c8599;
20049
+ --rmr-hue-cyan-9: #0b7285;
20050
+ --rmr-hue-teal-0: #e6fcf5;
20051
+ --rmr-hue-teal-1: #c3fae8;
20052
+ --rmr-hue-teal-2: #96f2d7;
20053
+ --rmr-hue-teal-3: #63e6be;
20054
+ --rmr-hue-teal-4: #38d9a9;
20055
+ --rmr-hue-teal-5: #20c997;
20056
+ --rmr-hue-teal-6: #12b886;
20057
+ --rmr-hue-teal-7: #0ca678;
20058
+ --rmr-hue-teal-8: #099268;
20059
+ --rmr-hue-teal-9: #087f5b;
20060
+ --rmr-hue-green-0: #ebfbee;
20061
+ --rmr-hue-green-1: #d3f9d8;
20062
+ --rmr-hue-green-2: #b2f2bb;
20063
+ --rmr-hue-green-3: #8ce99a;
20064
+ --rmr-hue-green-4: #69db7c;
20065
+ --rmr-hue-green-5: #51cf66;
20066
+ --rmr-hue-green-6: #40c057;
20067
+ --rmr-hue-green-7: #37b24d;
20068
+ --rmr-hue-green-8: #2f9e44;
20069
+ --rmr-hue-green-9: #2b8a3e;
20070
+ --rmr-hue-lime-0: #f4fce3;
20071
+ --rmr-hue-lime-1: #e9fac8;
20072
+ --rmr-hue-lime-2: #d8f5a2;
20073
+ --rmr-hue-lime-3: #c0eb75;
20074
+ --rmr-hue-lime-4: #a9e34b;
20075
+ --rmr-hue-lime-5: #94d82d;
20076
+ --rmr-hue-lime-6: #82c91e;
20077
+ --rmr-hue-lime-7: #74b816;
20078
+ --rmr-hue-lime-8: #66a80f;
20079
+ --rmr-hue-lime-9: #5c940d;
20080
+ --rmr-hue-yellow-0: #fff9db;
20081
+ --rmr-hue-yellow-1: #fff3bf;
20082
+ --rmr-hue-yellow-2: #ffec99;
20083
+ --rmr-hue-yellow-3: #ffe066;
20084
+ --rmr-hue-yellow-4: #ffd43b;
20085
+ --rmr-hue-yellow-5: #fcc419;
20086
+ --rmr-hue-yellow-6: #fab005;
20087
+ --rmr-hue-yellow-7: #f59f00;
20088
+ --rmr-hue-yellow-8: #f08c00;
20089
+ --rmr-hue-yellow-9: #e67700;
20090
+ --rmr-hue-orange-0: #fff4e6;
20091
+ --rmr-hue-orange-1: #ffe8cc;
20092
+ --rmr-hue-orange-2: #ffd8a8;
20093
+ --rmr-hue-orange-3: #ffc078;
20094
+ --rmr-hue-orange-4: #ffa94d;
20095
+ --rmr-hue-orange-5: #ff922b;
20096
+ --rmr-hue-orange-6: #fd7e14;
20097
+ --rmr-hue-orange-7: #f76707;
20098
+ --rmr-hue-orange-8: #e8590c;
20099
+ --rmr-hue-orange-9: #d9480f;
20100
+ --rmr-radius-border: 0.25rem;
20101
+ --rmr-radius-extra: 0.5rem;
20102
+ --rmr-radius-circle: 50%;
20103
+ --rmr-font-family-default: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
20104
+ 'Helvetica Neue', sans-serif;
20105
+ --rmr-font-family-heading: inherit;
20106
+ --rmr-font-family-mono: Menlo, monospace;
20107
+ --rmr-font-size-0: 12px;
20108
+ --rmr-font-size-1: 14px;
20109
+ --rmr-font-size-2: 16px;
20110
+ --rmr-font-size-3: 20px;
20111
+ --rmr-font-size-4: 24px;
20112
+ --rmr-font-size-5: 32px;
20113
+ --rmr-font-size-6: 48px;
20114
+ --rmr-font-size-7: 64px;
20115
+ --rmr-font-size-8: 96px;
20116
+ --rmr-font-size-default: 16px;
20117
+ --rmr-space-1: 4px;
20118
+ --rmr-space-2: 8px;
20119
+ --rmr-space-3: 16px;
20120
+ --rmr-space-4: 32px;
20121
+ --rmr-space-5: 64px;
20122
+ --rmr-space-6: 128px;
20123
+ --rmr-space-7: 256px;
20124
+ --rmr-space-8: 512px;
20125
+ --rmr-font-weight-bold: 700;
20126
+ --rmr-font-weight-default: 400;
20127
+ --rmr-font-weight-heading: 700;
20128
+ --rmr-letter-spacing-tight: -1px;
20129
+ --rmr-letter-spacing-default: normal;
20130
+ --rmr-letter-spacing-loose: 1px;
20131
+ --rmr-letter-spacing-wide: 3px;
20132
+ --rmr-line-height-heading: 1.25em;
20133
+ --rmr-line-height-default: 1.5em;
20134
+ --rmr-box-shadow-1: 0 1px 1px rgba(10, 31, 68, 0.08);
20135
+ --rmr-box-shadow-2: 0 1px 1px rgba(10, 31, 68, 0.1);
20136
+ --rmr-box-shadow-3: 0 1px 1px rgba(10, 31, 68, 0.12);
20137
+
20138
+ font-family: var(--rmr-font-family-default);
20139
+ line-height: var(--rmr-line-height-default);
20140
+ font-weight: var(--rmr-font-weight-default);
20141
+ }
20142
+
20143
+ .remirror-theme h1,
20144
+ .remirror-theme h2,
20145
+ .remirror-theme h3,
20146
+ .remirror-theme h4,
20147
+ .remirror-theme h5,
20148
+ .remirror-theme h6 {
20149
+ color: var(--rmr-color-text);
20150
+ font-family: var(--rmr-font-family-heading);
20151
+ line-height: var(--rmr-line-height-heading);
20152
+ font-weight: var(--rmr-font-weight-heading);
20153
+ }
20154
+
20155
+ .remirror-theme h1 {
20156
+ font-size: var(--rmr-font-size-5);
20157
+ }
20158
+
20159
+ .remirror-theme h2 {
20160
+ font-size: var(--rmr-font-size-4);
20161
+ }
20162
+
20163
+ .remirror-theme h3 {
20164
+ font-size: var(--rmr-font-size-3);
20165
+ }
20166
+
20167
+ .remirror-theme h4 {
20168
+ font-size: var(--rmr-font-size-2);
20169
+ }
20170
+
20171
+ .remirror-theme h5 {
20172
+ font-size: var(--rmr-font-size-1);
20173
+ }
20174
+
20175
+ .remirror-theme h6 {
20176
+ font-size: var(--rmr-font-size-0);
20177
+ }
20178
+
20179
+ .remirror-theme .ProseMirror {
20180
+ min-height: var(--rmr-space-6);
20181
+ box-shadow: var(--rmr-color-border) 0px 0px 0px 0.1em;
20182
+ padding: var(--rmr-space-3);
20183
+ border-radius: var(--rmr-radius-border);
20184
+ outline: none;
20185
+ }
20186
+
20187
+ .remirror-theme .ProseMirror:active,
20188
+ .remirror-theme .ProseMirror:focus {
20189
+ box-shadow: var(--rmr-color-outline) 0px 0px 0px 0.2em;
20190
+ }
20191
+
20192
+ .remirror-theme .ProseMirror p,
20193
+ .remirror-theme .ProseMirror h1,
20194
+ .remirror-theme .ProseMirror h2,
20195
+ .remirror-theme .ProseMirror h3,
20196
+ .remirror-theme .ProseMirror h4,
20197
+ .remirror-theme .ProseMirror h4,
20198
+ .remirror-theme .ProseMirror h5,
20199
+ .remirror-theme .ProseMirror h6,
20200
+ .remirror-theme .ProseMirror span {
20201
+ margin: 0;
20202
+ /* margin-bottom: var(--rmr-space-2); */
20203
+ }
20204
+ ._richTextToolbar_l8wda_1 {
20205
+ padding: 8px;
20206
+ display: flex;
20207
+ gap: 4px;
20208
+ }
20209
+ /*
20210
+ This file has shared variables that are re-used in other LESS files/modules
20211
+ Only use simple variables in this file
20212
+ */
20213
+ :root {
20214
+ --color-primary-0: hsl(0, 0%, 100%);
20215
+ --color-primary-50: hsl(18.24742268, 82.90598291%, 97.5%);
20216
+ --color-primary-100: hsl(18.24742268, 82.90598291%, 92.5%);
20217
+ --color-primary-150: hsl(18.24742268, 82.90598291%, 87.5%);
20218
+ --color-primary-200: hsl(18.24742268, 82.90598291%, 82.5%);
20219
+ --color-primary-250: hsl(18.24742268, 82.90598291%, 77.5%);
20220
+ --color-primary-300: hsl(18.24742268, 82.90598291%, 72.5%);
20221
+ --color-primary-350: hsl(18.24742268, 82.90598291%, 67.5%);
20222
+ --color-primary-400: hsl(18.24742268, 82.90598291%, 62.5%);
20223
+ --color-primary-450: hsl(18.24742268, 82.90598291%, 57.5%);
20224
+ --color-primary-500: hsl(18.24742268, 82.90598291%, 52.5%);
20225
+ --color-primary-550: hsl(18.24742268, 82.90598291%, 47.5%);
20226
+ --color-primary-600: hsl(18.24742268, 82.90598291%, 42.5%);
20227
+ --color-primary-650: hsl(18.24742268, 82.90598291%, 37.5%);
20228
+ --color-primary-700: hsl(18.24742268, 82.90598291%, 32.5%);
20229
+ --color-primary-750: hsl(18.24742268, 82.90598291%, 27.5%);
20230
+ --color-primary-800: hsl(18.24742268, 82.90598291%, 22.5%);
20231
+ --color-primary-850: hsl(18.24742268, 82.90598291%, 17.5%);
20232
+ --color-primary-900: hsl(18.24742268, 82.90598291%, 12.5%);
20233
+ --color-primary-950: hsl(18.24742268, 82.90598291%, 7.5%);
20234
+ --color-primary-1000: hsl(18.24742268, 82.90598291%, 2.5%);
20235
+ --color-error-0: hsl(180, 100%, 100%);
20236
+ --color-error-50: hsl(0, 71.29186603%, 97.5%);
20237
+ --color-error-100: hsl(0, 71.29186603%, 92.5%);
20238
+ --color-error-150: hsl(0, 71.29186603%, 87.5%);
20239
+ --color-error-200: hsl(0, 71.29186603%, 82.5%);
20240
+ --color-error-250: hsl(0, 71.29186603%, 77.5%);
20241
+ --color-error-300: hsl(0, 71.29186603%, 72.5%);
20242
+ --color-error-350: hsl(0, 71.29186603%, 67.5%);
20243
+ --color-error-400: hsl(0, 71.29186603%, 62.5%);
20244
+ --color-error-450: hsl(0, 71.29186603%, 57.5%);
20245
+ --color-error-500: hsl(0, 71.29186603%, 52.5%);
20246
+ --color-error-550: hsl(0, 71.29186603%, 47.5%);
20247
+ --color-error-600: hsl(0, 71.29186603%, 42.5%);
20248
+ --color-error-650: hsl(0, 71.29186603%, 37.5%);
20249
+ --color-error-700: hsl(0, 71.29186603%, 32.5%);
20250
+ --color-error-750: hsl(0, 71.29186603%, 27.5%);
20251
+ --color-error-800: hsl(0, 71.29186603%, 22.5%);
20252
+ --color-error-850: hsl(0, 71.29186603%, 17.5%);
20253
+ --color-error-900: hsl(0, 71.29186603%, 12.5%);
20254
+ --color-error-950: hsl(0, 71.29186603%, 7.5%);
20255
+ --color-error-1000: hsl(0, 71.29186603%, 2.5%);
20256
+ --color-success-0: hsl(0, 0%, 100%);
20257
+ --color-success-50: hsl(120, 52.03252033%, 97.5%);
20258
+ --color-success-100: hsl(120, 52.03252033%, 92.5%);
20259
+ --color-success-150: hsl(120, 52.03252033%, 87.5%);
20260
+ --color-success-200: hsl(120, 52.03252033%, 82.5%);
20261
+ --color-success-250: hsl(120, 52.03252033%, 77.5%);
20262
+ --color-success-300: hsl(120, 52.03252033%, 72.5%);
20263
+ --color-success-350: hsl(120, 52.03252033%, 67.5%);
20264
+ --color-success-400: hsl(120, 52.03252033%, 62.5%);
20265
+ --color-success-450: hsl(120, 52.03252033%, 57.5%);
20266
+ --color-success-500: hsl(120, 52.03252033%, 52.5%);
20267
+ --color-success-550: hsl(120, 52.03252033%, 47.5%);
20268
+ --color-success-600: hsl(120, 52.03252033%, 42.5%);
20269
+ --color-success-650: hsl(120, 52.03252033%, 37.5%);
20270
+ --color-success-700: hsl(120, 52.03252033%, 32.5%);
20271
+ --color-success-750: hsl(120, 52.03252033%, 27.5%);
20272
+ --color-success-800: hsl(120, 52.03252033%, 22.5%);
20273
+ --color-success-850: hsl(120, 52.03252033%, 17.5%);
20274
+ --color-success-900: hsl(120, 52.03252033%, 12.5%);
20275
+ --color-success-950: hsl(120, 52.03252033%, 7.5%);
20276
+ --color-success-1000: hsl(120, 52.03252033%, 2.5%);
20277
+ --color-warning-0: hsl(240, 100%, 100%);
20278
+ --color-warning-50: hsl(44.9197861, 76.32653061%, 97.5%);
20279
+ --color-warning-100: hsl(44.9197861, 76.32653061%, 92.5%);
20280
+ --color-warning-150: hsl(44.9197861, 76.32653061%, 87.5%);
20281
+ --color-warning-200: hsl(44.9197861, 76.32653061%, 82.5%);
20282
+ --color-warning-250: hsl(44.9197861, 76.32653061%, 77.5%);
20283
+ --color-warning-300: hsl(44.9197861, 76.32653061%, 72.5%);
20284
+ --color-warning-350: hsl(44.9197861, 76.32653061%, 67.5%);
20285
+ --color-warning-400: hsl(44.9197861, 76.32653061%, 62.5%);
20286
+ --color-warning-450: hsl(44.9197861, 76.32653061%, 57.5%);
20287
+ --color-warning-500: hsl(44.9197861, 76.32653061%, 52.5%);
20288
+ --color-warning-550: hsl(44.9197861, 76.32653061%, 47.5%);
20289
+ --color-warning-600: hsl(44.9197861, 76.32653061%, 42.5%);
20290
+ --color-warning-650: hsl(44.9197861, 76.32653061%, 37.5%);
20291
+ --color-warning-700: hsl(44.9197861, 76.32653061%, 32.5%);
20292
+ --color-warning-750: hsl(44.9197861, 76.32653061%, 27.5%);
20293
+ --color-warning-800: hsl(44.9197861, 76.32653061%, 22.5%);
20294
+ --color-warning-850: hsl(44.9197861, 76.32653061%, 17.5%);
20295
+ --color-warning-900: hsl(44.9197861, 76.32653061%, 12.5%);
20296
+ --color-warning-950: hsl(44.9197861, 76.32653061%, 7.5%);
20297
+ --color-warning-1000: hsl(44.9197861, 76.32653061%, 2.5%);
20298
+ --color-info-0: hsl(0, 0%, 100%);
20299
+ --color-info-50: hsl(201.03092784, 82.90598291%, 97.5%);
20300
+ --color-info-100: hsl(201.03092784, 82.90598291%, 92.5%);
20301
+ --color-info-150: hsl(201.03092784, 82.90598291%, 87.5%);
20302
+ --color-info-200: hsl(201.03092784, 82.90598291%, 82.5%);
20303
+ --color-info-250: hsl(201.03092784, 82.90598291%, 77.5%);
20304
+ --color-info-300: hsl(201.03092784, 82.90598291%, 72.5%);
20305
+ --color-info-350: hsl(201.03092784, 82.90598291%, 67.5%);
20306
+ --color-info-400: hsl(201.03092784, 82.90598291%, 62.5%);
20307
+ --color-info-450: hsl(201.03092784, 82.90598291%, 57.5%);
20308
+ --color-info-500: hsl(201.03092784, 82.90598291%, 52.5%);
20309
+ --color-info-550: hsl(201.03092784, 82.90598291%, 47.5%);
20310
+ --color-info-600: hsl(201.03092784, 82.90598291%, 42.5%);
20311
+ --color-info-650: hsl(201.03092784, 82.90598291%, 37.5%);
20312
+ --color-info-700: hsl(201.03092784, 82.90598291%, 32.5%);
20313
+ --color-info-750: hsl(201.03092784, 82.90598291%, 27.5%);
20314
+ --color-info-800: hsl(201.03092784, 82.90598291%, 22.5%);
20315
+ --color-info-850: hsl(201.03092784, 82.90598291%, 17.5%);
20316
+ --color-info-900: hsl(201.03092784, 82.90598291%, 12.5%);
20317
+ --color-info-950: hsl(201.03092784, 82.90598291%, 7.5%);
20318
+ --color-info-1000: hsl(201.03092784, 82.90598291%, 2.5%);
20319
+ --color-neutral-0: hsl(0, 0%, 100%);
20320
+ --color-neutral-50: hsl(210, 10%, 97.5%);
20321
+ --color-neutral-100: hsl(210, 10%, 92.5%);
20322
+ --color-neutral-150: hsl(210, 10%, 87.5%);
20323
+ --color-neutral-200: hsl(210, 10%, 82.5%);
20324
+ --color-neutral-250: hsl(210, 10%, 77.5%);
20325
+ --color-neutral-300: hsl(210, 10%, 72.5%);
20326
+ --color-neutral-350: hsl(210, 10%, 67.5%);
20327
+ --color-neutral-400: hsl(210, 10%, 62.5%);
20328
+ --color-neutral-450: hsl(210, 10%, 57.5%);
20329
+ --color-neutral-500: hsl(210, 10%, 52.5%);
20330
+ --color-neutral-550: hsl(210, 10%, 47.5%);
20331
+ --color-neutral-600: hsl(210, 10%, 42.5%);
20332
+ --color-neutral-650: hsl(210, 10%, 37.5%);
20333
+ --color-neutral-700: hsl(210, 10%, 32.5%);
20334
+ --color-neutral-750: hsl(210, 10%, 27.5%);
20335
+ --color-neutral-800: hsl(210, 10%, 22.5%);
20336
+ --color-neutral-850: hsl(210, 10%, 17.5%);
20337
+ --color-neutral-900: hsl(210, 10%, 12.5%);
20338
+ --color-neutral-950: hsl(210, 10%, 7.5%);
20339
+ --color-neutral-1000: hsl(210, 10%, 2.5%);
20340
+ --color-primary-muted-0: hsl(0, 0%, 100%);
20341
+ --color-primary-muted-50: hsl(18.24742268, 57.90598291%, 97.5%);
20342
+ --color-primary-muted-100: hsl(18.24742268, 57.90598291%, 92.5%);
20343
+ --color-primary-muted-150: hsl(18.24742268, 57.90598291%, 87.5%);
20344
+ --color-primary-muted-200: hsl(18.24742268, 57.90598291%, 82.5%);
20345
+ --color-primary-muted-250: hsl(18.24742268, 57.90598291%, 77.5%);
20346
+ --color-primary-muted-300: hsl(18.24742268, 57.90598291%, 72.5%);
20347
+ --color-primary-muted-350: hsl(18.24742268, 57.90598291%, 67.5%);
20348
+ --color-primary-muted-400: hsl(18.24742268, 57.90598291%, 62.5%);
20349
+ --color-primary-muted-450: hsl(18.24742268, 57.90598291%, 57.5%);
20350
+ --color-primary-muted-500: hsl(18.24742268, 57.90598291%, 52.5%);
20351
+ --color-primary-muted-550: hsl(18.24742268, 57.90598291%, 47.5%);
20352
+ --color-primary-muted-600: hsl(18.24742268, 57.90598291%, 42.5%);
20353
+ --color-primary-muted-650: hsl(18.24742268, 57.90598291%, 37.5%);
20354
+ --color-primary-muted-700: hsl(18.24742268, 57.90598291%, 32.5%);
20355
+ --color-primary-muted-750: hsl(18.24742268, 57.90598291%, 27.5%);
20356
+ --color-primary-muted-800: hsl(18.24742268, 57.90598291%, 22.5%);
20357
+ --color-primary-muted-850: hsl(18.24742268, 57.90598291%, 17.5%);
20358
+ --color-primary-muted-900: hsl(18.24742268, 57.90598291%, 12.5%);
20359
+ --color-primary-muted-950: hsl(18.24742268, 57.90598291%, 7.5%);
20360
+ --color-primary-muted-1000: hsl(18.24742268, 57.90598291%, 2.5%);
20361
+ --color-error-muted-0: hsl(180, 100%, 100%);
20362
+ --color-error-muted-50: hsl(0, 46.29186603%, 97.5%);
20363
+ --color-error-muted-100: hsl(0, 46.29186603%, 92.5%);
20364
+ --color-error-muted-150: hsl(0, 46.29186603%, 87.5%);
20365
+ --color-error-muted-200: hsl(0, 46.29186603%, 82.5%);
20366
+ --color-error-muted-250: hsl(0, 46.29186603%, 77.5%);
20367
+ --color-error-muted-300: hsl(0, 46.29186603%, 72.5%);
20368
+ --color-error-muted-350: hsl(0, 46.29186603%, 67.5%);
20369
+ --color-error-muted-400: hsl(0, 46.29186603%, 62.5%);
20370
+ --color-error-muted-450: hsl(0, 46.29186603%, 57.5%);
20371
+ --color-error-muted-500: hsl(0, 46.29186603%, 52.5%);
20372
+ --color-error-muted-550: hsl(0, 46.29186603%, 47.5%);
20373
+ --color-error-muted-600: hsl(0, 46.29186603%, 42.5%);
20374
+ --color-error-muted-650: hsl(0, 46.29186603%, 37.5%);
20375
+ --color-error-muted-700: hsl(0, 46.29186603%, 32.5%);
20376
+ --color-error-muted-750: hsl(0, 46.29186603%, 27.5%);
20377
+ --color-error-muted-800: hsl(0, 46.29186603%, 22.5%);
20378
+ --color-error-muted-850: hsl(0, 46.29186603%, 17.5%);
20379
+ --color-error-muted-900: hsl(0, 46.29186603%, 12.5%);
20380
+ --color-error-muted-950: hsl(0, 46.29186603%, 7.5%);
20381
+ --color-error-muted-1000: hsl(0, 46.29186603%, 2.5%);
20382
+ --color-success-muted-0: hsl(0, 0%, 100%);
20383
+ --color-success-muted-50: hsl(120, 27.03252033%, 97.5%);
20384
+ --color-success-muted-100: hsl(120, 27.03252033%, 92.5%);
20385
+ --color-success-muted-150: hsl(120, 27.03252033%, 87.5%);
20386
+ --color-success-muted-200: hsl(120, 27.03252033%, 82.5%);
20387
+ --color-success-muted-250: hsl(120, 27.03252033%, 77.5%);
20388
+ --color-success-muted-300: hsl(120, 27.03252033%, 72.5%);
20389
+ --color-success-muted-350: hsl(120, 27.03252033%, 67.5%);
20390
+ --color-success-muted-400: hsl(120, 27.03252033%, 62.5%);
20391
+ --color-success-muted-450: hsl(120, 27.03252033%, 57.5%);
20392
+ --color-success-muted-500: hsl(120, 27.03252033%, 52.5%);
20393
+ --color-success-muted-550: hsl(120, 27.03252033%, 47.5%);
20394
+ --color-success-muted-600: hsl(120, 27.03252033%, 42.5%);
20395
+ --color-success-muted-650: hsl(120, 27.03252033%, 37.5%);
20396
+ --color-success-muted-700: hsl(120, 27.03252033%, 32.5%);
20397
+ --color-success-muted-750: hsl(120, 27.03252033%, 27.5%);
20398
+ --color-success-muted-800: hsl(120, 27.03252033%, 22.5%);
20399
+ --color-success-muted-850: hsl(120, 27.03252033%, 17.5%);
20400
+ --color-success-muted-900: hsl(120, 27.03252033%, 12.5%);
20401
+ --color-success-muted-950: hsl(120, 27.03252033%, 7.5%);
20402
+ --color-success-muted-1000: hsl(120, 27.03252033%, 2.5%);
20403
+ --color-warning-muted-0: hsl(240, 100%, 100%);
20404
+ --color-warning-muted-50: hsl(44.9197861, 51.32653061%, 97.5%);
20405
+ --color-warning-muted-100: hsl(44.9197861, 51.32653061%, 92.5%);
20406
+ --color-warning-muted-150: hsl(44.9197861, 51.32653061%, 87.5%);
20407
+ --color-warning-muted-200: hsl(44.9197861, 51.32653061%, 82.5%);
20408
+ --color-warning-muted-250: hsl(44.9197861, 51.32653061%, 77.5%);
20409
+ --color-warning-muted-300: hsl(44.9197861, 51.32653061%, 72.5%);
20410
+ --color-warning-muted-350: hsl(44.9197861, 51.32653061%, 67.5%);
20411
+ --color-warning-muted-400: hsl(44.9197861, 51.32653061%, 62.5%);
20412
+ --color-warning-muted-450: hsl(44.9197861, 51.32653061%, 57.5%);
20413
+ --color-warning-muted-500: hsl(44.9197861, 51.32653061%, 52.5%);
20414
+ --color-warning-muted-550: hsl(44.9197861, 51.32653061%, 47.5%);
20415
+ --color-warning-muted-600: hsl(44.9197861, 51.32653061%, 42.5%);
20416
+ --color-warning-muted-650: hsl(44.9197861, 51.32653061%, 37.5%);
20417
+ --color-warning-muted-700: hsl(44.9197861, 51.32653061%, 32.5%);
20418
+ --color-warning-muted-750: hsl(44.9197861, 51.32653061%, 27.5%);
20419
+ --color-warning-muted-800: hsl(44.9197861, 51.32653061%, 22.5%);
20420
+ --color-warning-muted-850: hsl(44.9197861, 51.32653061%, 17.5%);
20421
+ --color-warning-muted-900: hsl(44.9197861, 51.32653061%, 12.5%);
20422
+ --color-warning-muted-950: hsl(44.9197861, 51.32653061%, 7.5%);
20423
+ --color-warning-muted-1000: hsl(44.9197861, 51.32653061%, 2.5%);
20424
+ --color-info-muted-0: hsl(0, 0%, 100%);
20425
+ --color-info-muted-50: hsl(201.03092784, 57.90598291%, 97.5%);
20426
+ --color-info-muted-100: hsl(201.03092784, 57.90598291%, 92.5%);
20427
+ --color-info-muted-150: hsl(201.03092784, 57.90598291%, 87.5%);
20428
+ --color-info-muted-200: hsl(201.03092784, 57.90598291%, 82.5%);
20429
+ --color-info-muted-250: hsl(201.03092784, 57.90598291%, 77.5%);
20430
+ --color-info-muted-300: hsl(201.03092784, 57.90598291%, 72.5%);
20431
+ --color-info-muted-350: hsl(201.03092784, 57.90598291%, 67.5%);
20432
+ --color-info-muted-400: hsl(201.03092784, 57.90598291%, 62.5%);
20433
+ --color-info-muted-450: hsl(201.03092784, 57.90598291%, 57.5%);
20434
+ --color-info-muted-500: hsl(201.03092784, 57.90598291%, 52.5%);
20435
+ --color-info-muted-550: hsl(201.03092784, 57.90598291%, 47.5%);
20436
+ --color-info-muted-600: hsl(201.03092784, 57.90598291%, 42.5%);
20437
+ --color-info-muted-650: hsl(201.03092784, 57.90598291%, 37.5%);
20438
+ --color-info-muted-700: hsl(201.03092784, 57.90598291%, 32.5%);
20439
+ --color-info-muted-750: hsl(201.03092784, 57.90598291%, 27.5%);
20440
+ --color-info-muted-800: hsl(201.03092784, 57.90598291%, 22.5%);
20441
+ --color-info-muted-850: hsl(201.03092784, 57.90598291%, 17.5%);
20442
+ --color-info-muted-900: hsl(201.03092784, 57.90598291%, 12.5%);
20443
+ --color-info-muted-950: hsl(201.03092784, 57.90598291%, 7.5%);
20444
+ --color-info-muted-1000: hsl(201.03092784, 57.90598291%, 2.5%);
20445
+ }
20446
+ :root {
20447
+ color-scheme: initial;
20448
+ --size: 38px;
20449
+ --size-sm: 24px;
20450
+ --size-xs: 18px;
20451
+ --spacing-3xl: 36px;
20452
+ --spacing-2xl: 32px;
20453
+ --spacing-xl: 28px;
20454
+ --spacing-lg: 24px;
20455
+ --spacing: 20px;
20456
+ --spacing-sm: 16px;
20457
+ --spacing-xs: 12px;
20458
+ --spacing-2xs: 8px;
20459
+ --spacing-3xs: 4px;
20460
+ --border-radius: 4px;
20461
+ --color-text: rgba(0, 0, 0, 0.87);
20462
+ --color-text-muted: #7d7b7a;
20463
+ --color-text-faint: #acabab;
20464
+ --color-text-error: hsl(0, 40%, 50%);
20465
+ --color-text-warning: var(--color-warning-700);
20466
+ --color-text-success: hsl(120, 40%, 50%);
20467
+ --color-text-info: hsl(201.03092784, 40%, 50%);
20468
+ --color-text-primary: #eb6429;
20469
+ --color-text-primary-hover: #ce4c13;
20470
+ --color-text-primary-active: #9f3b0f;
20471
+ --color-background: #f5f7f9;
20472
+ --color-background-raised: white;
20473
+ --color-background-disabled: rgba(0, 0, 0, 0.05);
20474
+ --color-background-info: hsl(201.03092784, 40%, 90%);
20475
+ --color-background-error: hsl(0, 40%, 90%);
20476
+ --color-background-success: hsl(120, 40%, 90%);
20477
+ --color-background-warning: var(--color-warning-100);
20478
+ --color-background-primary: #eb6429;
20479
+ --color-background-input: white;
20480
+ --color-background-listitem-active: #fff0e4;
20481
+ --color-background-listitem-hover: #f5f7f9;
20482
+ --color-background-menuitem-active: #edf1f4;
20483
+ --color-background-menuitem-hover: #f5f7f9;
20484
+ --color-background-menuitem-activehover: #e5eaef;
20485
+ --color-border: #ddd;
20486
+ --color-border-checkbox: var(--color-neutral-300);
20487
+ --color-border-hover: var(--color-neutral-400);
20488
+ --color-border-focus: var(--color-info-muted-500);
20489
+ --color-border-error: var(--color-error-muted-300);
20490
+ --color-border-error-hover: var(--color-error-muted-400);
20491
+ --color-border-warning: var(--color-warning-muted-300);
20492
+ --color-border-warning-hover: var(--color-warning-muted-400);
20493
+ --shadow-focus: 0 0 0 2px rgba(41, 167, 235, 0.25);
20494
+ }
20495
+ html[data-theme='dark'] {
20496
+ color-scheme: dark;
20497
+ --color-text: var(--color-neutral-200);
20498
+ --color-text-muted: var(--color-neutral-400);
20499
+ --color-text-faint: var(--color-neutral-600);
20500
+ --color-text-primary: var(--color-primary-muted-450);
20501
+ --color-text-primary-active: var(--color-primary-muted-350);
20502
+ --color-text-primary-hover: var(--color-primary-muted-400);
20503
+ --color-text-error: var(--color-error-muted-300);
20504
+ --color-text-info: var(--color-info-muted-300);
20505
+ --color-text-success: var(--color-success-muted-300);
20506
+ --color-text-warning: var(--color-warning-muted-300);
20507
+ --color-background: var(--color-neutral-900);
20508
+ --color-background-raised: var(--color-neutral-800);
20509
+ --color-background-disabled: rgba(0, 0, 0, 0.2);
20510
+ --color-background-error: var(--color-error-muted-700);
20511
+ --color-background-info: var(--color-info-muted-700);
20512
+ --color-background-success: var(--color-success-muted-700);
20513
+ --color-background-warning: var(--color-warning-muted-700);
20514
+ --color-background-primary: var(--color-primary-muted-500);
20515
+ --color-background-input: var(--color-neutral-750);
20516
+ --color-background-listitem-active: var(--color-primary-muted-750);
20517
+ --color-background-listitem-hover: var(--color-neutral-750);
20518
+ --color-background-menuitem-active: var(--color-neutral-650);
20519
+ --color-background-menuitem-hover: var(--color-neutral-700);
20520
+ --color-background-menuitem-activehover: var(--color-neutral-600);
20521
+ --color-border: var(--color-neutral-1000);
20522
+ --color-border-checkbox: var(--color-neutral-1000);
20523
+ --color-border-hover: var(--color-neutral-500);
20524
+ --color-border-focus: var(--color-info-500);
20525
+ --color-border-error: var(--color-neutral-1000);
20526
+ --color-border-warning: var(--color-neutral-1000);
20527
+ --shadow-focus: 0 0 0 2px rgba(41, 167, 235, 0.5);
20528
+ }
20529
+ /*
20530
+ LAYOUT
20531
+ */
20532
+ /*
20533
+ CARDS
20534
+ */
20535
+ /*
20536
+ INPUTS
20537
+ */
20538
+ /*
20539
+ Z-INDEX
20540
+ */
20541
+ ._inputInTable_12bel_333 {
20542
+ background-color: transparent;
20543
+ border-radius: inherit !important;
20544
+ height: 38px;
20545
+ min-height: 100%;
20546
+ }
20547
+ ._inputHover_12bel_339 {
20548
+ position: relative;
20549
+ border-color: var(--color-border-hover);
20550
+ z-index: 2;
20551
+ }
20552
+ ._inputFocus_12bel_344 {
20553
+ position: relative;
20554
+ outline: none !important;
20555
+ border-color: var(--color-border-focus) !important;
20556
+ box-shadow: var(--shadow-focus);
20557
+ z-index: 3;
20558
+ }
20559
+ ._inputError_12bel_351,
20560
+ ._inputWarning_12bel_352 {
20561
+ position: relative;
20562
+ }
20563
+ ._inputError_12bel_351 {
20564
+ z-index: 2;
20565
+ border-color: var(--color-border-error) !important;
20566
+ color: var(--color-text-error) !important;
20567
+ background-color: var(--color-background-error);
20568
+ }
20569
+ ._inputError_12bel_351:hover {
20570
+ border-color: var(--color-border-error-hover) !important;
20571
+ }
20572
+ ._inputError_12bel_351:focus {
20573
+ position: relative;
20574
+ outline: none !important;
20575
+ border-color: var(--color-border-focus) !important;
20576
+ box-shadow: var(--shadow-focus);
20577
+ z-index: 3;
20578
+ }
20579
+ ._inputWarning_12bel_352 {
20580
+ z-index: 1;
20581
+ border-color: var(--color-border-warning) !important;
20582
+ color: var(--color-text-warning) !important;
20583
+ background-color: var(--color-background-warning);
20584
+ }
20585
+ ._inputWarning_12bel_352:hover {
20586
+ border-color: var(--color-border-warning-hover) !important;
20587
+ }
20588
+ ._inputWarning_12bel_352:focus {
20589
+ position: relative;
20590
+ outline: none !important;
20591
+ border-color: var(--color-border-focus) !important;
20592
+ box-shadow: var(--shadow-focus);
20593
+ z-index: 3;
20594
+ }
20595
+ ._inputDisabled_12bel_387 {
20596
+ pointer-events: none;
20597
+ background-color: var(--color-background-disabled);
20598
+ color: var(--color-text-muted);
20599
+ }
20600
+ ._hideScrollbars_12bel_392 {
20601
+ /* Firefox */
20602
+ scrollbar-width: none;
20603
+ /* IE 10+ */
20604
+ -ms-overflow-style: none;
20605
+ /* Chrome, Safari and Opera */
20606
+ }
20607
+ ._hideScrollbars_12bel_392::-webkit-scrollbar {
20608
+ display: none;
20609
+ }
20610
+ ._richTextInput_12bel_402 [role='textbox'] {
20611
+ padding: 9.5px 14px;
20612
+ background: var(--color-background-input);
20613
+ border: 1px solid var(--color-border);
20614
+ color: var(--color-text);
20615
+ border-radius: 4px;
20616
+ transition: border-color 0.1s ease;
20617
+ white-space: pre-wrap;
20618
+ }
20619
+ ._richTextInput_12bel_402 [role='textbox']:hover {
20620
+ position: relative;
20621
+ border-color: var(--color-border-hover);
20622
+ z-index: 2;
20623
+ }
20624
+ ._richTextInput_12bel_402 [role='textbox']:focus {
20625
+ position: relative;
20626
+ outline: none !important;
20627
+ border-color: var(--color-border-focus) !important;
20628
+ box-shadow: var(--shadow-focus);
20629
+ z-index: 3;
20630
+ }
20631
+ ._richTextInput_12bel_402 [role='textbox'][aria-readonly='true'] {
20632
+ pointer-events: none;
20633
+ background-color: var(--color-background-disabled);
20634
+ color: var(--color-text-muted);
20635
+ }
20636
+ ._richTextInput_12bel_402 [data-placeholder]::before {
20637
+ color: var(--color-text-faint);
20638
+ font-style: normal;
20639
+ }
15692
20640
  /*
15693
20641
  This file has shared variables that are re-used in other LESS files/modules
15694
20642
  Only use simple variables in this file