CoCalc -- emojionearea.css

GitHub Repository: Ryan778/Ryan778.github.io
Path: blob/master/emojionearea/dist/emojionearea.css
⁵⁷² views
1
/* line 3, ../scss/_text-complete.scss */
2
.dropdown-menu.textcomplete-dropdown[data-strategy="emojionearea"] {
3
  position: absolute;
4
  z-index: 1000;
5
  min-width: 160px;
6
  padding: 5px 0;
7
  margin: 2px 0 0;
8
  font-size: 14px;
9
  text-align: left;
10
  list-style: none;
11
  background-color: #fff;
12
  -webkit-background-clip: padding-box;
13
  background-clip: padding-box;
14
  border: 1px solid #ccc;
15
  border: 1px solid rgba(0, 0, 0, 0.15);
16
  -moz-border-radius: 4px;
17
  -webkit-border-radius: 4px;
18
  border-radius: 4px;
19
  -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
20
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
21
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); }
22
  /* line 20, ../scss/_text-complete.scss */
23
  .dropdown-menu.textcomplete-dropdown[data-strategy="emojionearea"] li.textcomplete-item {
24
    font-size: 14px;
25
    padding: 1px 3px;
26
    border: 0; }
27
    /* line 25, ../scss/_text-complete.scss */
28
    .dropdown-menu.textcomplete-dropdown[data-strategy="emojionearea"] li.textcomplete-item a {
29
      text-decoration: none;
30
      display: block;
31
      height: 100%;
32
      line-height: 1.8em;
33
      padding: 0 1.54em 0 .615em;
34
      color: #4f4f4f; }
35
    /* line 34, ../scss/_text-complete.scss */
36
    .dropdown-menu.textcomplete-dropdown[data-strategy="emojionearea"] li.textcomplete-item:hover, .dropdown-menu.textcomplete-dropdown[data-strategy="emojionearea"] li.textcomplete-item.active {
37
      background-color: #e4e4e4; }
38
      /* line 39, ../scss/_text-complete.scss */
39
      .dropdown-menu.textcomplete-dropdown[data-strategy="emojionearea"] li.textcomplete-item:hover a, .dropdown-menu.textcomplete-dropdown[data-strategy="emojionearea"] li.textcomplete-item.active a {
40
        color: #333; }
41
    /* line 44, ../scss/_text-complete.scss */
42
    .dropdown-menu.textcomplete-dropdown[data-strategy="emojionearea"] li.textcomplete-item .emojioneemoji {
43
      font-size: inherit;
44
      height: 2ex;
45
      width: 2.1ex;
46
      min-height: 20px;
47
      min-width: 20px;
48
      display: inline-block;
49
      margin: 0 5px .2ex 0;
50
      line-height: normal;
51
      vertical-align: middle;
52
      max-width: 100%;
53
      top: 0; }
54

55
/* line 7, ../scss/emojionearea.scss */
56
.emojionearea, .emojionearea * {
57
  -moz-box-sizing: border-box;
58
  -webkit-box-sizing: border-box;
59
  box-sizing: border-box; }
60
/* line 11, ../scss/emojionearea.scss */
61
.emojionearea, .emojionearea.form-control {
62
  display: block;
63
  position: relative !important;
64
  width: 100%;
65
  height: auto;
66
  padding: 0;
67
  font-size: 14px;
68
  border: 0;
69
  background-color: #fff;
70
  border: 1px solid #ccc;
71
  -moz-border-radius: 3px;
72
  -webkit-border-radius: 3px;
73
  border-radius: 3px;
74
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
75
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
76
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
77
  -moz-transition: border-color 0.15s ease-in-out,    -moz-box-shadow 0.15s ease-in-out;
78
  -o-transition: border-color 0.15s ease-in-out,         box-shadow 0.15s ease-in-out;
79
  -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
80
  transition: border-color 0.15s ease-in-out,         box-shadow 0.15s ease-in-out; }
81
/* line 29, ../scss/emojionearea.scss */
82
.emojionearea.focused {
83
  border-color: #66afe9;
84
  outline: 0;
85
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
86
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
87
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }
88
/* line 35, ../scss/emojionearea.scss */
89
.emojionearea .emojionearea-editor {
90
  display: block;
91
  height: auto;
92
  min-height: 8em;
93
  max-height: 15em;
94
  overflow: auto;
95
  padding: 6px 24px 6px 12px;
96
  line-height: 1.42857143;
97
  font-size: inherit;
98
  color: #555;
99
  background-color: transparent;
100
  border: 0;
101
  cursor: text;
102
  margin-right: 1px;
103
  -moz-border-radius: 0;
104
  -webkit-border-radius: 0;
105
  border-radius: 0;
106
  -moz-box-shadow: none;
107
  -webkit-box-shadow: none;
108
  box-shadow: none; }
109
  /* line 52, ../scss/emojionearea.scss */
110
  .emojionearea .emojionearea-editor:empty:before {
111
    content: attr(placeholder);
112
    display: block;
113
    color: #bbb; }
114
  /* line 58, ../scss/emojionearea.scss */
115
  .emojionearea .emojionearea-editor:focus {
116
    border: 0;
117
    outline: 0;
118
    -moz-box-shadow: none;
119
    -webkit-box-shadow: none;
120
    box-shadow: none; }
121
  /* line 64, ../scss/emojionearea.scss */
122
  .emojionearea .emojionearea-editor [class*=emojione-], .emojionearea .emojionearea-editor .emojioneemoji {
123
    font-size: inherit;
124
    height: 2ex;
125
    width: 2.1ex;
126
    min-height: 20px;
127
    min-width: 20px;
128
    display: inline-block;
129
    margin: -.2ex .15em .2ex;
130
    line-height: normal;
131
    vertical-align: middle;
132
    max-width: 100%;
133
    top: 0; }
134
/* line 79, ../scss/emojionearea.scss */
135
.emojionearea.emojionearea-inline {
136
  height: 34px; }
137
  /* line 82, ../scss/emojionearea.scss */
138
  .emojionearea.emojionearea-inline > .emojionearea-editor {
139
    height: 32px;
140
    min-height: 20px;
141
    overflow: hidden;
142
    white-space: nowrap;
143
    position: absolute;
144
    top: 0;
145
    left: 12px;
146
    right: 24px;
147
    padding: 6px 0; }
148
  /* line 93, ../scss/emojionearea.scss */
149
  .emojionearea.emojionearea-inline > .emojionearea-button {
150
    top: 4px; }
151
/* line 98, ../scss/emojionearea.scss */
152
.emojionearea .emojionearea-button {
153
  z-index: 5;
154
  position: absolute;
155
  right: 3px;
156
  top: 3px;
157
  width: 24px;
158
  height: 24px;
159
  opacity: 0.6;
160
  cursor: pointer;
161
  -moz-transition: opacity 300ms ease-in-out;
162
  -o-transition: opacity 300ms ease-in-out;
163
  -webkit-transition: opacity 300ms ease-in-out;
164
  transition: opacity 300ms ease-in-out; }
165
  /* line 109, ../scss/emojionearea.scss */
166
  .emojionearea .emojionearea-button:hover {
167
    opacity: 1; }
168
  /* line 113, ../scss/emojionearea.scss */
169
  .emojionearea .emojionearea-button > div {
170
    display: block;
171
    width: 24px;
172
    height: 24px;
173
    position: absolute;
174
    -moz-transition: all 400ms ease-in-out;
175
    -o-transition: all 400ms ease-in-out;
176
    -webkit-transition: all 400ms ease-in-out;
177
    transition: all 400ms ease-in-out; }
178
    /* line 121, ../scss/emojionearea.scss */
179
    .emojionearea .emojionearea-button > div.emojionearea-button-open {
180
      background-position: 0 -24px;
181
      filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
182
      opacity: 1; }
183
    /* line 126, ../scss/emojionearea.scss */
184
    .emojionearea .emojionearea-button > div.emojionearea-button-close {
185
      background-position: 0 0;
186
      -webkit-transform: rotate(-45deg);
187
      -o-transform: rotate(-45deg);
188
      transform: rotate(-45deg);
189
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
190
      opacity: 0; }
191
  /* line 136, ../scss/emojionearea.scss */
192
  .emojionearea .emojionearea-button.active > div.emojionearea-button-open {
193
    -webkit-transform: rotate(45deg);
194
    -o-transform: rotate(45deg);
195
    transform: rotate(45deg);
196
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
197
    opacity: 0; }
198
  /* line 143, ../scss/emojionearea.scss */
199
  .emojionearea .emojionearea-button.active > div.emojionearea-button-close {
200
    -webkit-transform: rotate(0deg);
201
    -o-transform: rotate(0deg);
202
    transform: rotate(0deg);
203
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
204
    opacity: 1; }
205
/* line 153, ../scss/emojionearea.scss */
206
.emojionearea .emojionearea-picker {
207
  background: #fff;
208
  position: absolute;
209
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.32);
210
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.32);
211
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.32);
212
  -moz-border-radius: 5px;
213
  -webkit-border-radius: 5px;
214
  border-radius: 5px;
215
  height: 236px;
216
  width: 316px;
217
  top: -15px;
218
  right: -15px;
219
  z-index: 90;
220
  -moz-transition: all 0.25s ease-in-out;
221
  -o-transition: all 0.25s ease-in-out;
222
  -webkit-transition: all 0.25s ease-in-out;
223
  transition: all 0.25s ease-in-out;
224
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
225
  opacity: 0;
226
  -moz-user-select: -moz-none;
227
  -ms-user-select: none;
228
  -webkit-user-select: none;
229
  user-select: none; }
230
  /* line 167, ../scss/emojionearea.scss */
231
  .emojionearea .emojionearea-picker.hidden {
232
    display: none; }
233
  /* line 171, ../scss/emojionearea.scss */
234
  .emojionearea .emojionearea-picker .emojionearea-wrapper {
235
    position: relative;
236
    height: 236px;
237
    width: 316px; }
238
    /* line 176, ../scss/emojionearea.scss */
239
    .emojionearea .emojionearea-picker .emojionearea-wrapper:after {
240
      content: "";
241
      display: block;
242
      position: absolute;
243
      background-repeat: no-repeat;
244
      z-index: 91; }
245
  /* line 186, ../scss/emojionearea.scss */
246
  .emojionearea .emojionearea-picker .emojionearea-filters {
247
    width: 100%;
248
    position: absolute;
249
    background: #F5F7F9;
250
    padding: 0 0 0 7px;
251
    height: 40px;
252
    z-index: 95; }
253
    /* line 194, ../scss/emojionearea.scss */
254
    .emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter {
255
      display: block;
256
      float: left;
257
      height: 40px;
258
      width: 32px;
259
      filter: inherit;
260
      padding: 7px 1px 0;
261
      cursor: pointer;
262
      -webkit-filter: grayscale(1);
263
      filter: grayscale(1); }
264
      /* line 204, ../scss/emojionearea.scss */
265
      .emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter.active {
266
        background: #fff; }
267
      /* line 208, ../scss/emojionearea.scss */
268
      .emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter.active, .emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter:hover {
269
        -webkit-filter: grayscale(0);
270
        filter: grayscale(0); }
271
      /* line 212, ../scss/emojionearea.scss */
272
      .emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter > i {
273
        width: 24px;
274
        height: 24px;
275
        top: 0; }
276
      /* line 218, ../scss/emojionearea.scss */
277
      .emojionearea .emojionearea-picker .emojionearea-filters .emojionearea-filter > img {
278
        width: 24px;
279
        height: 24px;
280
        margin: 0 3px; }
281
  /* line 226, ../scss/emojionearea.scss */
282
  .emojionearea .emojionearea-picker .emojionearea-scroll-area {
283
    height: 196px;
284
    overflow: auto;
285
    overflow-x: hidden;
286
    width: 100%;
287
    position: absolute;
288
    padding: 0 0 5px; }
289
    /* line 234, ../scss/emojionearea.scss */
290
    .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-emojis-list {
291
      z-index: 1; }
292
    /* line 238, ../scss/emojionearea.scss */
293
    .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones {
294
      position: absolute;
295
      top: 6px;
296
      right: 10px;
297
      height: 22px;
298
      z-index: 2; }
299
      /* line 246, ../scss/emojionearea.scss */
300
      .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones > .btn-tone {
301
        display: inline-block;
302
        padding: 0;
303
        border: 0;
304
        vertical-align: middle;
305
        outline: none;
306
        background: transparent;
307
        cursor: pointer;
308
        position: relative; }
309
        /* line 257, ../scss/emojionearea.scss */
310
        .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones > .btn-tone.btn-tone-0, .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones > .btn-tone.btn-tone-0:after {
311
          background-color: #ffcf3e; }
312
        /* line 262, ../scss/emojionearea.scss */
313
        .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones > .btn-tone.btn-tone-1, .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones > .btn-tone.btn-tone-1:after {
314
          background-color: #fae3c5; }
315
        /* line 267, ../scss/emojionearea.scss */
316
        .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones > .btn-tone.btn-tone-2, .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones > .btn-tone.btn-tone-2:after {
317
          background-color: #e2cfa5; }
318
        /* line 272, ../scss/emojionearea.scss */
319
        .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones > .btn-tone.btn-tone-3, .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones > .btn-tone.btn-tone-3:after {
320
          background-color: #daa478; }
321
        /* line 277, ../scss/emojionearea.scss */
322
        .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones > .btn-tone.btn-tone-4, .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones > .btn-tone.btn-tone-4:after {
323
          background-color: #a78058; }
324
        /* line 282, ../scss/emojionearea.scss */
325
        .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones > .btn-tone.btn-tone-5, .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones > .btn-tone.btn-tone-5:after {
326
          background-color: #5e4d43; }
327
      /* line 290, ../scss/emojionearea.scss */
328
      .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones.emojionearea-tones-bullet > .btn-tone, .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones.emojionearea-tones-square > .btn-tone {
329
        width: 20px;
330
        height: 20px;
331
        margin: 0;
332
        background-color: transparent; }
333
        /* line 295, ../scss/emojionearea.scss */
334
        .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones.emojionearea-tones-bullet > .btn-tone:after, .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones.emojionearea-tones-square > .btn-tone:after {
335
          content: "";
336
          position: absolute;
337
          display: block;
338
          top: 4px;
339
          left: 4px;
340
          width: 12px;
341
          height: 12px; }
342
        /* line 304, ../scss/emojionearea.scss */
343
        .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones.emojionearea-tones-bullet > .btn-tone.active:after, .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones.emojionearea-tones-square > .btn-tone.active:after {
344
          top: 0;
345
          left: 0;
346
          width: 20px;
347
          height: 20px; }
348
      /* line 316, ../scss/emojionearea.scss */
349
      .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones.emojionearea-tones-radio > .btn-tone, .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones.emojionearea-tones-checkbox > .btn-tone {
350
        width: 16px;
351
        height: 16px;
352
        margin: 0px 2px; }
353
        /* line 321, ../scss/emojionearea.scss */
354
        .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones.emojionearea-tones-radio > .btn-tone.active:after, .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones.emojionearea-tones-checkbox > .btn-tone.active:after {
355
          content: "";
356
          position: absolute;
357
          display: block;
358
          background-color: transparent;
359
          border: 2px solid #fff;
360
          width: 8px;
361
          height: 8px;
362
          top: 2px;
363
          left: 2px; }
364
      /* line 339, ../scss/emojionearea.scss */
365
      .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones.emojionearea-tones-bullet > .btn-tone, .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones.emojionearea-tones-bullet > .btn-tone:after, .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones.emojionearea-tones-radio > .btn-tone, .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones.emojionearea-tones-radio > .btn-tone:after {
366
        -moz-border-radius: 100%;
367
        -webkit-border-radius: 100%;
368
        border-radius: 100%; }
369
      /* line 348, ../scss/emojionearea.scss */
370
      .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones.emojionearea-tones-square > .btn-tone, .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones.emojionearea-tones-square > .btn-tone:after, .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones.emojionearea-tones-checkbox > .btn-tone, .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-tones.emojionearea-tones-checkbox > .btn-tone:after {
371
        -moz-border-radius: 1px;
372
        -webkit-border-radius: 1px;
373
        border-radius: 1px; }
374
    /* line 355, ../scss/emojionearea.scss */
375
    .emojionearea .emojionearea-picker .emojionearea-scroll-area h1 {
376
      display: block;
377
      font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
378
      font-size: 13px;
379
      font-weight: normal;
380
      color: #b2b2b2;
381
      background: #fff;
382
      line-height: 20px;
383
      margin: 0;
384
      padding: 7px 0 5px 6px; }
385
      /* line 366, ../scss/emojionearea.scss */
386
      .emojionearea .emojionearea-picker .emojionearea-scroll-area h1:after, .emojionearea .emojionearea-picker .emojionearea-scroll-area h1:before {
387
        content: " ";
388
        display: block;
389
        clear: both; }
390
    /* line 373, ../scss/emojionearea.scss */
391
    .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-category {
392
      padding: 0 0 0 7px; }
393
      /* line 376, ../scss/emojionearea.scss */
394
      .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-category:after, .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-category:before {
395
        content: " ";
396
        display: block;
397
        clear: both; }
398
    /* line 383, ../scss/emojionearea.scss */
399
    .emojionearea .emojionearea-picker .emojionearea-scroll-area [class*=emojione-] {
400
      -moz-box-sizing: content-box;
401
      -webkit-box-sizing: content-box;
402
      box-sizing: content-box;
403
      margin: 0;
404
      width: 24px;
405
      height: 24px;
406
      top: 0; }
407
    /* line 391, ../scss/emojionearea.scss */
408
    .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojibtn {
409
      -moz-box-sizing: content-box;
410
      -webkit-box-sizing: content-box;
411
      box-sizing: content-box;
412
      width: 24px;
413
      height: 24px;
414
      float: left;
415
      display: block;
416
      margin: 1px;
417
      padding: 3px; }
418
      /* line 400, ../scss/emojionearea.scss */
419
      .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojibtn:hover {
420
        -moz-border-radius: 4px;
421
        -webkit-border-radius: 4px;
422
        border-radius: 4px;
423
        background-color: #e4e4e4;
424
        cursor: pointer; }
425
      /* line 406, ../scss/emojionearea.scss */
426
      .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojibtn i, .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojibtn img {
427
        float: left;
428
        display: block;
429
        width: 24px;
430
        height: 24px; }
431
      /* line 413, ../scss/emojionearea.scss */
432
      .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojibtn img.lazy-emoji {
433
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
434
        opacity: 0; }
435
  /* line 420, ../scss/emojionearea.scss */
436
  .emojionearea .emojionearea-picker.emojionearea-filters-position-top .emojionearea-filters {
437
    top: 0;
438
    -moz-border-radius-topleft: 5px;
439
    -webkit-border-top-left-radius: 5px;
440
    border-top-left-radius: 5px;
441
    -moz-border-radius-topright: 5px;
442
    -webkit-border-top-right-radius: 5px;
443
    border-top-right-radius: 5px; }
444
  /* line 425, ../scss/emojionearea.scss */
445
  .emojionearea .emojionearea-picker.emojionearea-filters-position-top .emojionearea-scroll-area {
446
    bottom: 0; }
447
  /* line 431, ../scss/emojionearea.scss */
448
  .emojionearea .emojionearea-picker.emojionearea-filters-position-bottom .emojionearea-filters {
449
    bottom: 0;
450
    -moz-border-radius-bottomleft: 5px;
451
    -webkit-border-bottom-left-radius: 5px;
452
    border-bottom-left-radius: 5px;
453
    -moz-border-radius-bottomright: 5px;
454
    -webkit-border-bottom-right-radius: 5px;
455
    border-bottom-right-radius: 5px; }
456
  /* line 436, ../scss/emojionearea.scss */
457
  .emojionearea .emojionearea-picker.emojionearea-filters-position-bottom .emojionearea-scroll-area {
458
    top: 0; }
459
  /* line 441, ../scss/emojionearea.scss */
460
  .emojionearea .emojionearea-picker.emojionearea-picker-position-top {
461
    margin-top: -246px;
462
    right: -14px; }
463
    /* line 445, ../scss/emojionearea.scss */
464
    .emojionearea .emojionearea-picker.emojionearea-picker-position-top .emojionearea-wrapper:after {
465
      width: 19px;
466
      height: 10px;
467
      background-position: -2px -49px;
468
      bottom: -10px;
469
      right: 20px; }
470
    /* line 454, ../scss/emojionearea.scss */
471
    .emojionearea .emojionearea-picker.emojionearea-picker-position-top.emojionearea-filters-position-bottom .emojionearea-wrapper:after {
472
      background-position: -2px -80px; }
473
  /* line 460, ../scss/emojionearea.scss */
474
  .emojionearea .emojionearea-picker.emojionearea-picker-position-left, .emojionearea .emojionearea-picker.emojionearea-picker-position-right {
475
    margin-right: -326px;
476
    top: -8px; }
477
    /* line 465, ../scss/emojionearea.scss */
478
    .emojionearea .emojionearea-picker.emojionearea-picker-position-left .emojionearea-wrapper:after, .emojionearea .emojionearea-picker.emojionearea-picker-position-right .emojionearea-wrapper:after {
479
      width: 10px;
480
      height: 19px;
481
      background-position: 0px -60px;
482
      top: 13px;
483
      left: -10px; }
484
    /* line 474, ../scss/emojionearea.scss */
485
    .emojionearea .emojionearea-picker.emojionearea-picker-position-left.emojionearea-filters-position-bottom .emojionearea-wrapper:after, .emojionearea .emojionearea-picker.emojionearea-picker-position-right.emojionearea-filters-position-bottom .emojionearea-wrapper:after {
486
      background-position: right -60px; }
487
  /* line 480, ../scss/emojionearea.scss */
488
  .emojionearea .emojionearea-picker.emojionearea-picker-position-bottom {
489
    margin-top: 10px;
490
    right: -14px;
491
    top: 47px; }
492
    /* line 485, ../scss/emojionearea.scss */
493
    .emojionearea .emojionearea-picker.emojionearea-picker-position-bottom .emojionearea-wrapper:after {
494
      width: 19px;
495
      height: 10px;
496
      background-position: -2px -100px;
497
      top: -10px;
498
      right: 20px; }
499
    /* line 494, ../scss/emojionearea.scss */
500
    .emojionearea .emojionearea-picker.emojionearea-picker-position-bottom.emojionearea-filters-position-bottom .emojionearea-wrapper:after {
501
      background-position: -2px -90px; }
502
/* line 502, ../scss/emojionearea.scss */
503
.emojionearea .emojionearea-button.active + .emojionearea-picker {
504
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
505
  opacity: 1; }
506
/* line 506, ../scss/emojionearea.scss */
507
.emojionearea .emojionearea-button.active + .emojionearea-picker-position-top {
508
  margin-top: -229px; }
509
/* line 510, ../scss/emojionearea.scss */
510
.emojionearea .emojionearea-button.active + .emojionearea-picker-position-left,
511
.emojionearea .emojionearea-button.active + .emojionearea-picker-position-right {
512
  margin-right: -309px; }
513
/* line 515, ../scss/emojionearea.scss */
514
.emojionearea .emojionearea-button.active + .emojionearea-picker-position-bottom {
515
  margin-top: -7px; }
516
/* line 520, ../scss/emojionearea.scss */
517
.emojionearea.emojionearea-standalone {
518
  display: inline-block;
519
  width: auto;
520
  box-shadow: none; }
521
  /* line 525, ../scss/emojionearea.scss */
522
  .emojionearea.emojionearea-standalone .emojionearea-editor {
523
    min-height: 33px;
524
    position: relative;
525
    padding: 6px 42px 6px 6px; }
526
    /* line 529, ../scss/emojionearea.scss */
527
    .emojionearea.emojionearea-standalone .emojionearea-editor::before {
528
      content: "";
529
      position: absolute;
530
      top: 4px;
531
      left: 50%;
532
      bottom: 4px;
533
      border-left: 1px solid #e6e6e6; }
534
    /* line 537, ../scss/emojionearea.scss */
535
    .emojionearea.emojionearea-standalone .emojionearea-editor.has-placeholder {
536
      background-repeat: no-repeat;
537
      background-position: 20px 4px; }
538
      /* line 542, ../scss/emojionearea.scss */
539
      .emojionearea.emojionearea-standalone .emojionearea-editor.has-placeholder .emojioneemoji {
540
        opacity: 0.4; }
541
  /* line 548, ../scss/emojionearea.scss */
542
  .emojionearea.emojionearea-standalone .emojionearea-button {
543
    top: 0;
544
    right: 0;
545
    bottom: 0;
546
    left: 0;
547
    width: auto;
548
    height: auto; }
549
    /* line 555, ../scss/emojionearea.scss */
550
    .emojionearea.emojionearea-standalone .emojionearea-button > div {
551
      right: 6px;
552
      top: 5px; }
553
  /* line 564, ../scss/emojionearea.scss */
554
  .emojionearea.emojionearea-standalone .emojionearea-picker.emojionearea-picker-position-bottom .emojionearea-wrapper:after, .emojionearea.emojionearea-standalone .emojionearea-picker.emojionearea-picker-position-top .emojionearea-wrapper:after {
555
    right: 23px; }
556
  /* line 571, ../scss/emojionearea.scss */
557
  .emojionearea.emojionearea-standalone .emojionearea-picker.emojionearea-picker-position-left .emojionearea-wrapper:after, .emojionearea.emojionearea-standalone .emojionearea-picker.emojionearea-picker-position-right .emojionearea-wrapper:after {
558
    top: 15px; }
559

560
/* line 32, ../scss/_image.scss */
561
.emojionearea .emojionearea-button > div, .emojionearea .emojionearea-picker .emojionearea-wrapper:after {
562
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAABuCAYAAADMB4ipAAAHfElEQVRo3u1XS1NT2Rb+9uOcQF4YlAJzLymFUHaLrdxKULvEUNpdTnRqD532f+AHMLMc94gqR1Zbt8rBnUh3YXipPGKwRDoWgXvrYiFUlEdIkPPYZ/dAkwox5yQCVt/bzRrBPnt9e+211/etFeDQDu3ArL+/X37OeqmRWoH7+vpItfWawStF1tfXR+zW9xW5ne0p8loOcAKuCdwpRft60C8a+X5zTvebCqcAvmidf1GGHtqhHdpf1qqKzsrKipyensbi4iKWl5cBAMFgEG1tbYhGo2hpadlbmxseHpaDg4MAgI6ODng8HgBAPp/H/Pw8AODatWvo7e2tvUHrui7v3r2L+fl5XL58GVeuXIHH49m1N5/Py0ePHmF0dBQdHR24desWVFXdtYdXAn/48CHm5+dx8+ZNRKPRigEUDpuenpb3799H4YaOnWh5eVmOj48jFoshGo0STdPkwMCAXF5elqV7BgYGpKZpMhqNklgshrGxMbx580Y6gicSCTDGEIvFAADpdBqpVArJZLK4J5lMIpVKIZ1OAwBisRgYY0gkEs6Rp1IphMNh+Hw+AgCGYQAANE0r7in8Xfjm8/lIOBzGq1evnMHX19fR1NRU/D8UCoFzjnA4XFwLh8PgnCMUChXXmpqakM1mUfVBS62xsZHk83lZWi1nz579ZA0AhBDO4A0NDchkMsWSJIRAURRiVy26rktVVUkmk0EgEHAGP3XqFKamppDP56Vpmrhz5w5u374t/X4/OP+w3TRNZLNZ6LoO0zSRz+dlf38/Ll686Jzz8+fPQwiBeDwOt9tNrl+/jkwmU6yaQpVkMhncuHEDbrebxONxCCEQiUScIw8Gg+TBgwdyZGQEyWRSdnV1kVQqJYeGhrC6ugrGGEKhEHp7e3Hy5EmSTCblvXv30NPTg2AwSA6M/vF4HCMjI7b0/yzh8vv9AIBsNrt34aokuQsLC7skt729varkHtqftUFf++FHsrq0QN3eBvp68Tfvf9Mv12oFCYU7G//e9nVuO7dpNbe2W4M//yQr0p8yRvyBo1Zr++lwLcCt7afD/sBRizJGavrB1dDYYh47Htrq+Kb7jBNwxzfdZ44dD201NLaYVUkU7ozQpuAJBkARwnRZpunN5zaa5hJjiXLH05GeiMd7JEM5zzHGNQBGZvk/Iv0yYVWMvK0zKk1Dl6ahW5RQobjqdjy+wEZn9PKF0n2d0csXPL7AhuKq26GECtPQLdPQZVtn1LlB69p7yRVVSEiDEGJwRd12e4+8PR3piRQidnuPvOWKuk0IMSSkwRVV6Np7WVVbSqvGsgSnlKkAFNPQXdrOtuKqcxtcUTUAhmUJnVJmlleJo3CVHmAaOlPUOmYJkxFKibQsSRkXhr4juKIKO2BHVSwcoLrqCVdUYho6K3YYRRWmoUtdey/tgKtK7rUffiQAsLq08MnbNLe2WwBgB/zHzueFyD8nwlIfbvdx8eU0WV1aKD1cVAMs9+F2j9gUPEEKemEJIe3AnXy4XfkBoNKSZHNthWfX31EA69VKttyHVyIOY1wRwmS6tqNsrr31vXo5k/bUu4gT2cp9lhbm0rzCJpeUUrE0vS63+c7/6uXMbDUWl/ssLczNFrVFddUT09AZpUy1LKvO0DVfPrfR9HxqfNbuEe185l9MFX3o6tIC5YpKFLWOfdQQ93Zu49j0+FDCDtjOp1yaOQCYhs4Y40wI05XfWj8yPT40Ua2ey33mEmMTtp2IUEq0nW3FKeJPGPjRp1Iz2QUuLUu66txG9NLVSK3gBZ+C1lcE54oqKOOCK6rm8QU2unu+u1ANuNynvFsBAG1ubbdMQ5eGviMAFDuP0w3sfMpvQEtb24fOQncU1bXl8R7JnOu+ZNv97XxKJwY6+PNPsrm13drObVqUMlMIU5OWpVHOc96Go5lTnV2fzC/VfAozD7HTCa6olBBa1Imlhbmq2lLuQ5xaW6nCPfnln0Yt7bDUhzhps8cfKH5//uTXmvS81OeLdqI/ZoROzSZrHqG/OvOPzxuhK5VgJTvV2bW3EdqJRABwrvvS/kfoSkoZvXT1YEbociHr7vnuYEfogpBFL109HKH/h0fomnXg3Lff79r7/MmvVbWG7gX4QObzc99+Tz7mHKah05KcW6ahQ9feS6cbMCdgt7eBWJagjCuUAC5tZzuouuo0Spm0hElc9R4cbf4bVl8v1p6WUmCuqEwIs34ruxaeeTy4uJVd67As08UVlVmWoG5vA7FLG3WMmHEupVTyW+vh2cn4DADMTsaTuc21LiGEhzHOnQ6gNtMrJSBMCKHkNt999WLi0S7hejEZH81n174WpukiIMw0dKq66p3Bw50RwhUVXFGJKUy28Xal48VkfKrSlWenhsc23q2cEB9SR7iiItwZIbbgHn8AlDFCCMW7laXjqZnHjkNpaubJzNuVpWZCKChjxOMPVH/QlaW0f/G3ZLqWWl6ce/bvlddp7yFD/w8Z+njoX1+GoZMjgzMAMDkyeLAMnRh+uKveJ0YGD4ahEyODFRk6OfrL/hj67GnckaHPng7vjaGzyYmaGDr77KktQ38H8tqx8Wja+WIAAAAASUVORK5CYII=') !important; }
563

564
/* line 32, ../scss/_image.scss */
565
.emojionearea.emojionearea-standalone .emojionearea-editor.has-placeholder {
566
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMAQMAAABsu86kAAAABlBMVEUAAAC/v79T5hyIAAAAAXRSTlMAQObYZgAAABNJREFUCNdjYGNgQEb/P4AQqiAASiUEG6Vit44AAAAASUVORK5CYII=') !important; }
567

568
/*# sourceMappingURL=emojionearea.css.map */
569

570
Product

Resources

Company
