global.css
23.8 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
.ult {
/* Use this class as main container to avoid conflicts */
font-family: -apple-system, system-ui, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}
.ult,
.ult * {
box-sizing: border-box;
}
/**
* Select2
*/
.select2-container--ult-select2 .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--ult-select2 .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--ult-select2 .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:700;height:26px;margin-right:20px;padding-right:0}.select2-container--ult-select2 .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--ult-select2 .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--ult-select2 .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--ult-select2[dir=rtl] .select2-selection--single .select2-selection__clear{float:left}.select2-container--ult-select2[dir=rtl] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--ult-select2.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--ult-select2.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--ult-select2.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--ult-select2 .select2-selection--multiple{background-color:#fff;border:1px solid #aaa;border-radius:4px;cursor:text;padding-bottom:5px;padding-right:5px;position:relative}.select2-container--ult-select2 .select2-selection--multiple.select2-selection--clearable{padding-right:25px}.select2-container--ult-select2 .select2-selection--multiple .select2-selection__clear{cursor:pointer;font-weight:700;height:20px;margin-right:10px;margin-top:5px;position:absolute;right:0;padding:1px}.select2-container--ult-select2 .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:inline-block;margin-left:5px;margin-top:5px;padding:0;padding-left:20px;position:relative;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}.select2-container--ult-select2 .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--ult-select2 .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-right:1px solid #aaa;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#999;cursor:pointer;font-size:1em;font-weight:700;padding:0 4px;position:absolute;left:0;top:0}.select2-container--ult-select2 .select2-selection--multiple .select2-selection__choice__remove:focus,.select2-container--ult-select2 .select2-selection--multiple .select2-selection__choice__remove:hover{background-color:#f1f1f1;color:#333;outline:0}.select2-container--ult-select2[dir=rtl] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--ult-select2[dir=rtl] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--ult-select2[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove{border-left:1px solid #aaa;border-right:none;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--ult-select2[dir=rtl] .select2-selection--multiple .select2-selection__clear{float:left;margin-left:10px;margin-right:auto}.select2-container--ult-select2.select2-container--focus .select2-selection--multiple{border:solid #000 1px;outline:0}.select2-container--ult-select2.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--ult-select2.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--ult-select2.select2-container--open.select2-container--above .select2-selection--multiple,.select2-container--ult-select2.select2-container--open.select2-container--above .select2-selection--single{border-top-left-radius:0;border-top-right-radius:0}.select2-container--ult-select2.select2-container--open.select2-container--below .select2-selection--multiple,.select2-container--ult-select2.select2-container--open.select2-container--below .select2-selection--single{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--ult-select2 .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--ult-select2 .select2-search--inline .select2-search__field{background:0 0;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--ult-select2 .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--ult-select2 .select2-results__option .select2-results__option{padding-left:1em}.select2-container--ult-select2 .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--ult-select2 .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--ult-select2 .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--ult-select2 .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--ult-select2 .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--ult-select2 .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--ult-select2 .select2-results__option--group{padding:0}.select2-container--ult-select2 .select2-results__option--disabled{color:#999}.select2-container--ult-select2 .select2-results__option--selected{background-color:#ddd}.select2-container--ult-select2 .select2-results__option--highlighted.select2-results__option--selectable{background-color:#5897fb;color:#fff}.select2-container--ult-select2 .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--ult-select2-modal .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--ult-select2-modal .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--ult-select2-modal .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:700;height:26px;margin-right:20px;padding-right:0}.select2-container--ult-select2-modal .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--ult-select2-modal .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--ult-select2-modal .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--ult-select2-modal[dir=rtl] .select2-selection--single .select2-selection__clear{float:left}.select2-container--ult-select2-modal[dir=rtl] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--ult-select2-modal.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--ult-select2-modal.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--ult-select2-modal.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--ult-select2-modal .select2-selection--multiple{background-color:#fff;border:1px solid #aaa;border-radius:4px;cursor:text;padding-bottom:5px;padding-right:5px;position:relative}.select2-container--ult-select2-modal .select2-selection--multiple.select2-selection--clearable{padding-right:25px}.select2-container--ult-select2-modal .select2-selection--multiple .select2-selection__clear{cursor:pointer;font-weight:700;height:20px;margin-right:10px;margin-top:5px;position:absolute;right:0;padding:1px}.select2-container--ult-select2-modal .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:inline-block;margin-left:5px;margin-top:5px;padding:0;padding-left:20px;position:relative;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}.select2-container--ult-select2-modal .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--ult-select2-modal .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-right:1px solid #aaa;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#999;cursor:pointer;font-size:1em;font-weight:700;padding:0 4px;position:absolute;left:0;top:0}.select2-container--ult-select2-modal .select2-selection--multiple .select2-selection__choice__remove:focus,.select2-container--ult-select2-modal .select2-selection--multiple .select2-selection__choice__remove:hover{background-color:#f1f1f1;color:#333;outline:0}.select2-container--ult-select2-modal[dir=rtl] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--ult-select2-modal[dir=rtl] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--ult-select2-modal[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove{border-left:1px solid #aaa;border-right:none;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--ult-select2-modal[dir=rtl] .select2-selection--multiple .select2-selection__clear{float:left;margin-left:10px;margin-right:auto}.select2-container--ult-select2-modal.select2-container--focus .select2-selection--multiple{border:solid #000 1px;outline:0}.select2-container--ult-select2-modal.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--ult-select2-modal.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--ult-select2-modal.select2-container--open.select2-container--above .select2-selection--multiple,.select2-container--ult-select2-modal.select2-container--open.select2-container--above .select2-selection--single{border-top-left-radius:0;border-top-right-radius:0}.select2-container--ult-select2-modal.select2-container--open.select2-container--below .select2-selection--multiple,.select2-container--ult-select2-modal.select2-container--open.select2-container--below .select2-selection--single{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--ult-select2-modal .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--ult-select2-modal .select2-search--inline .select2-search__field{background:0 0;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--ult-select2-modal .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--ult-select2-modal .select2-results__option .select2-results__option{padding-left:1em}.select2-container--ult-select2-modal .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--ult-select2-modal .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--ult-select2-modal .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--ult-select2-modal .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--ult-select2-modal .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--ult-select2-modal .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--ult-select2-modal .select2-results__option--group{padding:0}.select2-container--ult-select2-modal .select2-results__option--disabled{color:#999}.select2-container--ult-select2-modal .select2-results__option--selected{background-color:#ddd}.select2-container--ult-select2-modal .select2-results__option--highlighted.select2-results__option--selectable{background-color:#5897fb;color:#fff}.select2-container--ult-select2-modal .select2-results__group{cursor:default;display:block;padding:6px}
/**
* Try Automator menu item
*/
.ult-sidebar-featured-item-container,
.ult-sidebar-featured-item-container:hover,
.ult-sidebar-featured-item-container:focus,
.ult-sidebar-featured-item-container:active {
background: #232323 !important;
}
.ult-sidebar-featured-item {
color: #fff;
display: block;
padding-top: 2px;
padding-bottom: 2px;
}
.ult-sidebar-featured-item__text {
margin-right: 8px;
}
.ult-sidebar-featured-item__tag {
background: #6ac45a;
color: #fff;
font-size: 11px;
font-weight: 600;
line-height: 1;
padding: 1px 6px 2px;
border-radius: 150px;
}
/**
* Tooltip
*/
[ult-tooltip-admin] {
position: relative;
}
[ult-tooltip-admin]::before,
[ult-tooltip-admin]::after {
text-transform: none;
font-size: 13px;
font-weight: 500;
line-height: 1;
user-select: none;
pointer-events: none;
position: absolute;
display: none;
opacity: 0;
}
[ult-tooltip-admin]::before {
content: '';
border: 5px solid transparent;
z-index: 1001;
}
[ult-tooltip-admin]::after {
width: 100%;
content: attr(ult-tooltip-admin);
text-align: center;
min-width: 80px;
max-width: 21em;
/*white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;*/
padding: 4px 10px 6px 10px;
line-height: 1.4;
border-radius: 4px;
box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.35);
background: #333;
color: #fff;
z-index: 1000;
}
[ult-tooltip-admin][ult-flow-admin^="left"]::after {
min-width: 80px;
}
[ult-tooltip-admin]:hover::before,
[ult-tooltip-admin]:hover::after {
display: block;
}
[ult-tooltip-admin='']::before,
[ult-tooltip-admin='']::after {
display: none !important;
}
[ult-tooltip-admin]:not([ult-flow-admin])::before,
[ult-tooltip-admin][ult-flow-admin^="up"]::before {
bottom: calc(100% + 5px);
border-bottom-width: 0;
border-top-color: #333;
}
[ult-tooltip-admin]:not([ult-flow-admin])::after,
[ult-tooltip-admin][ult-flow-admin^="up"]::after {
bottom: calc(100% + 10px);
}
[ult-tooltip-admin]:not([ult-flow-admin])::before,
[ult-tooltip-admin]:not([ult-flow-admin])::after,
[ult-tooltip-admin][ult-flow-admin^="up"]::before,
[ult-tooltip-admin][ult-flow-admin^="up"]::after {
left: 50%;
transform: translate(-50%, -.5em);
}
[ult-tooltip-admin][ult-flow-admin^="down"]::before {
top: 100%;
border-top-width: 0;
border-bottom-color: #333;
}
[ult-tooltip-admin][ult-flow-admin^="down"]::after {
top: calc(100% + 5px);
}
[ult-tooltip-admin][ult-flow-admin^="down"]::before,
[ult-tooltip-admin][ult-flow-admin^="down"]::after {
left: 50%;
transform: translate(-50%, .5em);
}
[ult-tooltip-admin][ult-flow-admin^="left"]::before {
top: 50%;
border-right-width: 0;
border-left-color: #333;
left: calc(0em - 10px);
transform: translate(-.5em, -50%);
}
[ult-tooltip-admin][ult-flow-admin^="left"]::after {
top: 50%;
right: calc(100% + 10px);
transform: translate(-.5em, -50%);
}
[ult-tooltip-admin][ult-flow-admin^="right"]::before {
top: 50%;
border-left-width: 0;
border-right-color: #333;
right: calc(0em - 10px);
transform: translate(.5em, -50%);
}
[ult-tooltip-admin][ult-flow-admin^="right"]::after {
top: 50%;
left: calc(100% + 10px);
transform: translate(.5em, -50%);
}
[ult-tooltip-admin]:not([ult-flow-admin]):hover::before,
[ult-tooltip-admin]:not([ult-flow-admin]):hover::after,
[ult-tooltip-admin][ult-flow-admin^="up"]:hover::before,
[ult-tooltip-admin][ult-flow-admin^="up"]:hover::after,
[ult-tooltip-admin][ult-flow-admin^="down"]:hover::before,
[ult-tooltip-admin][ult-flow-admin^="down"]:hover::after {
animation: ult-tooltip-admins-vert 300ms ease-out forwards;
}
[ult-tooltip-admin][ult-flow-admin^="left"]:hover::before,
[ult-tooltip-admin][ult-flow-admin^="left"]:hover::after,
[ult-tooltip-admin][ult-flow-admin^="right"]:hover::before,
[ult-tooltip-admin][ult-flow-admin^="right"]:hover::after {
animation: ult-tooltip-admins-horz 300ms ease-out forwards;
}
@keyframes ult-tooltip-admins-vert {
to {
opacity: .9;
transform: translate(-50%, 0);
}
}
@keyframes ult-tooltip-admins-horz {
to {
opacity: .9;
transform: translate(0, -50%);
}
}
/**
* Review banner
*/
/* Remove WP styling */
#ult-review-banner {
padding: 0;
border: 0;
box-shadow: none;
background: none;
display: block !important;
}
.nav-tab-wrapper + #ult-review-banner {
margin-top: 15px;
}
.ult .ult-review-banner {
width: 100%;
background: #fff;
border: 1px solid #ccd0d4;
border-radius: 4px;
font-size: 14px;
line-height: 1.4;
color: #343434;
padding: 20px;
position: relative;
}
.ult .ult-review-banner__title {
font-size: 15px;
font-weight: 600;
padding-right: 25px;
}
.ult .ult-review-banner__description {
font-size: 14px;
margin-top: 2px;
}
.ult .ult-review-banner__actions {
padding-top: 20px;
display: flex;
align-items: center;
flex-wrap: wrap;
margin-bottom: -10px;
}
.ult .ult-review-banner__action {
display: inline-block;
padding: 5px 15px;
margin-bottom: 10px;
border: 1px solid #b7b7b7;
border-radius: 4px;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
font-weight: 500;
color: #6c757d;
text-decoration: none;
cursor: pointer;
position: relative;
transition: background 150ms ease-in-out,
color 150ms ease-in-out,
border 150ms ease-in-out;
}
.ult .ult-review-banner__action:before {
content: '';
width: 10px;
height: 10px;
border: 2px solid transparent;
border-top-color: #fff;
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
opacity: 0;
user-select: none;
animation: ult-review-banner-rotating-centered 2s linear infinite;
transition: opacity 150ms ease-in-out;
}
.ult .ult-review-banner__action:not(:last-child) {
margin-right: 10px;
}
.ult .ult-review-banner__action:hover {
color: #fff;
background: #9e9e9e;
border-color: #9e9e9e;
}
.ult .ult-review-banner__action--loading,
.ult .ult-review-banner__action--loading:hover,
.ult .ult-review-banner__action--loading:active,
.ult .ult-review-banner__action--loading:focus {
color: transparent;
background: #9e9e9e;
border-color: #9e9e9e;
}
.ult .ult-review-banner__action--loading:before {
opacity: 1;
}
.ult .ult-review-banner__action--primary {
border-color: #0790e8;
color: #0790e8;
}
.ult .ult-review-banner__action--primary:hover {
background: #0790e8;
border-color: #0790e8;
}
.ult .ult-review-banner__action--primary.ult-review-banner__action--loading,
.ult .ult-review-banner__action--primary.ult-review-banner__action--loading:hover,
.ult .ult-review-banner__action--primary.ult-review-banner__action--loading:active,
.ult .ult-review-banner__action--primary.ult-review-banner__action--loading:focus {
background: #0790e8;
border-color: #0790e8;
}
.ult .ult-review-banner__action--anchor {
box-shadow: none;
border: 0;
padding-left: 0;
padding-right: 0;
background: transparent;
border-color: transparent;
}
.ult .ult-review-banner__action--anchor-border {
text-decoration: underline;
}
.ult .ult-review-banner__action--anchor:hover {
background: transparent;
border-color: transparent;
color: #5c636a;
}
.ult .ult-review-banner__action--anchor.ult-review-banner__action--loading,
.ult .ult-review-banner__action--anchor.ult-review-banner__action--loading:hover,
.ult .ult-review-banner__action--anchor.ult-review-banner__action--loading:active,
.ult .ult-review-banner__action--anchor.ult-review-banner__action--loading:focus {
color: #5c636a;
}
.ult .ult-review-banner__action--anchor.ult-review-banner__action--loading {
padding-right: 35px;
}
.ult .ult-review-banner__action--anchor:before {
border-top-color: #9e9e9e;
left: auto;
right: 0;
}
.ult-review-banner__action--no-margin-right {
margin-right: 5px !important;
}
.ult .ult-review-banner__disclaimer {
font-size: 13px;
color: #9e9e9e;
}
.ult #ult-review-banner__close {
position: absolute;
top: 15px;
right: 15px;
z-index: 10;
padding: 5px;
cursor: pointer;
border-radius: 50%;
transition: background 150ms ease-in-out;
}
.ult .ult-review-banner__close-tooltip {
width: 100%;
height: 100%;
border-radius: 50%;
position: absolute;
top: 0;
left: 0;
z-index: 100;
}
.ult #ult-review-banner__close:hover {
background: #e0e2e3;
}
.ult #ult-review-banner__close:before {
content: '';
width: 10px;
height: 10px;
border: 2px solid transparent;
border-top-color: #90979c;
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
opacity: 0;
user-select: none;
animation: rotating-centered 2s linear infinite;
transition: opacity 150ms ease-in-out;
}
.ult #ult-review-banner__close.ult-review-banner__close--loading:before {
opacity: 1;
}
.ult .ult-review-banner__close-icon {
width: 14px;
height: 14px;
opacity: 1;
position: relative;
transition: opacity 150ms ease-in-out;
}
.ult .ult-review-banner__close--loading .ult-review-banner__close-icon {
opacity: 0;
}
.ult .ult-review-banner__close-icon:before,
.ult .ult-review-banner__close-icon:after {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform-origin: center;
width: 100%;
height: 2px;
background: #90979c;
}
.ult .ult-review-banner__close-icon:before {
transform: translate(-50%,-50%) rotate(-45deg);
}
.ult .ult-review-banner__close-icon:after {
transform: translate(-50%,-50%) rotate(45deg);
}
/**
* Keyframes
*/
@keyframes ult-review-banner-rotating-centered {
from {
transform: translate(-50%,-50%) rotate(0deg);
}
to {
transform: translate(-50%,-50%) rotate(360deg);
}
}