Smush Image Compression and Optimization - Version 3.6.3

Version Description

Fix: CDN auto resize option causing issues with images

Download this release

Release Info

Developer vanyukov
Plugin Icon 128x128 Smush Image Compression and Optimization
Version 3.6.3
Comparing to
See all releases

Code changes from version 3.6.1 to 3.6.3

Files changed (21) hide show
  1. _src/js/app.js +19 -19
  2. _src/js/frontend/lazy-load.js +2 -11
  3. _src/js/frontend/resize-detection.js +349 -300
  4. _src/js/global.js +31 -27
  5. _src/js/modules/admin.js +1197 -1194
  6. _src/js/modules/bulk-restore.js +268 -246
  7. _src/js/modules/bulk-smush.js +99 -98
  8. _src/js/modules/directory-smush.js +301 -263
  9. _src/js/modules/helpers.js +88 -85
  10. _src/js/modules/notice.js +90 -51
  11. _src/js/modules/onboarding.js +366 -355
  12. _src/js/shared-ui.js +8 -8
  13. _src/js/smush/blocks.js +102 -100
  14. _src/js/smush/cdn.js +166 -148
  15. _src/js/smush/directory-scanner.js +156 -149
  16. _src/js/smush/lazy-load.js +280 -240
  17. _src/js/smush/media.js +175 -159
  18. _src/js/smush/smush.js +1221 -1147
  19. _src/scss/common.scss +3 -70
  20. _src/scss/modules/_admin.scss +49 -26
  21. app/assets/css/smush-admin.min.css +1 -1
_src/js/app.js CHANGED
@@ -15,27 +15,27 @@ window.WP_Smush = WP_Smush;
15
  * object to a String, at one or more positions that are
16
  * greater than or equal to position; otherwise, returns false.
17
  */
18
- if (!String.prototype.includes) {
19
- String.prototype.includes = function(search, start) {
20
- if (typeof start !== "number") {
21
- start = 0;
22
- }
23
 
24
- if (start + search.length > this.length) {
25
- return false;
26
- }
27
- return this.indexOf(search, start) !== -1;
28
- };
29
  }
30
 
31
- require("./modules/helpers");
32
- require("./modules/admin");
33
- require("./modules/bulk-smush");
34
- require("./modules/onboarding");
35
- require("./modules/directory-smush");
36
- require("./smush/cdn");
37
- require("./smush/lazy-load");
38
- require("./modules/bulk-restore");
39
 
40
  /**
41
  * Notice scripts.
@@ -48,4 +48,4 @@ require("./modules/bulk-restore");
48
  *
49
  * TODO: should this be moved out in a separate file like common.scss?
50
  */
51
- require("./modules/notice");
15
  * object to a String, at one or more positions that are
16
  * greater than or equal to position; otherwise, returns false.
17
  */
18
+ if ( ! String.prototype.includes ) {
19
+ String.prototype.includes = function( search, start ) {
20
+ if ( typeof start !== 'number' ) {
21
+ start = 0;
22
+ }
23
 
24
+ if ( start + search.length > this.length ) {
25
+ return false;
26
+ }
27
+ return this.indexOf( search, start ) !== -1;
28
+ };
29
  }
30
 
31
+ require( './modules/helpers' );
32
+ require( './modules/admin' );
33
+ require( './modules/bulk-smush' );
34
+ require( './modules/onboarding' );
35
+ require( './modules/directory-smush' );
36
+ require( './smush/cdn' );
37
+ require( './smush/lazy-load' );
38
+ require( './modules/bulk-restore' );
39
 
40
  /**
41
  * Notice scripts.
48
  *
49
  * TODO: should this be moved out in a separate file like common.scss?
50
  */
51
+ require( './modules/notice' );
_src/js/frontend/lazy-load.js CHANGED
@@ -1,11 +1,2 @@
1
- import lazySizes from "lazysizes";
2
- import "lazysizes/plugins/native-loading/ls.native-loading";
3
-
4
- lazySizes.cfg.nativeLoading = {
5
- setLoadingAttribute: true,
6
- disableListeners: {
7
- scroll: true
8
- }
9
- };
10
-
11
- lazySizes.init();
1
+ import lazySizes from 'lazysizes';
2
+ import 'lazysizes/plugins/native-loading/ls.native-loading';
 
 
 
 
 
 
 
 
 
_src/js/frontend/resize-detection.js CHANGED
@@ -8,308 +8,357 @@
8
  *
9
  * @since 2.9
10
  */
11
- (function() {
12
- "use strict";
13
-
14
- const SmushIRS = {
15
- bar: document.getElementById("smush-image-bar"),
16
- toggle: document.getElementById("smush-image-bar-toggle"),
17
- images: {
18
- bigger: [],
19
- smaller: []
20
- },
21
- strings: window.wp_smush_resize_vars,
22
-
23
- /**
24
- * Init scripts.
25
- */
26
- init() {
27
- /**
28
- * Make sure these are set, before we proceed.
29
- */
30
- if (!this.bar) {
31
- this.bar = document.getElementById("smush-image-bar");
32
- }
33
- if (!this.toggle) {
34
- this.toggle = document.getElementById("smush-image-bar-toggle");
35
- }
36
-
37
- this.process();
38
-
39
- // Register the event handler after everything is done.
40
- this.toggle.addEventListener("click", this.handleToggleClick.bind(this));
41
- },
42
-
43
- /**
44
- * Do image processing.
45
- */
46
- process() {
47
- const icon = this.toggle.querySelector("i");
48
-
49
- icon.classList.add("sui-icon-loader");
50
- icon.classList.remove("sui-icon-info");
51
-
52
- this.detectImages();
53
-
54
- if (!this.images.bigger.length && !this.images.smaller.length) {
55
- this.toggle.classList.add("smush-toggle-success");
56
- document.getElementById("smush-image-bar-notice").style.display =
57
- "block";
58
- document.getElementById("smush-image-bar-notice-desc").style.display =
59
- "none";
60
- } else {
61
- this.toggle.classList.remove("smush-toggle-success");
62
- document.getElementById("smush-image-bar-notice").style.display =
63
- "none";
64
- document.getElementById("smush-image-bar-notice-desc").style.display =
65
- "block";
66
- this.generateMarkup("bigger");
67
- this.generateMarkup("smaller");
68
- }
69
-
70
- this.toggleDivs();
71
-
72
- icon.classList.remove("sui-icon-loader");
73
- icon.classList.add("sui-icon-info");
74
- },
75
-
76
- /**
77
- * Various checks to see if the image should be processed.
78
- *
79
- * @param {Object} image
80
- * @return {boolean} Should skip image or not.
81
- */
82
- shouldSkipImage(image) {
83
- // Skip avatars.
84
- if (image.classList.contains("avatar")) {
85
- return true;
86
- }
87
-
88
- // Skip images from Smush CDN with auto-resize feature.
89
- if ("string" === typeof image.getAttribute("no-resize-detection")) {
90
- return true;
91
- }
92
-
93
- // Skip 1x1px images.
94
- if (image.clientWidth === image.clientHeight && 1 === image.clientWidth) {
95
- return true;
96
- }
97
-
98
- // Skip 1x1px placeholders.
99
- if (
100
- image.naturalWidth === image.naturalHeight &&
101
- 1 === image.naturalWidth
102
- ) {
103
- return true;
104
- }
105
-
106
- // If width attribute is not set, do not continue.
107
- return null === image.clientWidth || null === image.clientHeight;
108
- },
109
-
110
- /**
111
- * Get tooltip text.
112
- *
113
- * @param {Object} props
114
- * @return {string} Tooltip.
115
- */
116
- getTooltipText(props) {
117
- let tooltipText = "";
118
-
119
- if (props.bigger_width || props.bigger_height) {
120
- /** @param {string} strings.large_image */
121
- tooltipText = this.strings.large_image;
122
- } else if (props.smaller_width || props.smaller_height) {
123
- /** @param {string} strings.small_image */
124
- tooltipText = this.strings.small_image;
125
- }
126
-
127
- return tooltipText
128
- .replace("width", props.real_width)
129
- .replace("height", props.real_height);
130
- },
131
-
132
- /**
133
- * Generate markup.
134
- *
135
- * @param {string} type Accepts: 'bigger' or 'smaller'.
136
- */
137
- generateMarkup(type) {
138
- this.images[type].forEach((image, index) => {
139
- const item = document.createElement("div"),
140
- tooltip = this.getTooltipText(image.props);
141
-
142
- item.setAttribute(
143
- "class",
144
- "smush-resize-box smush-tooltip smush-tooltip-constrained"
145
- );
146
- item.setAttribute("data-tooltip", tooltip);
147
- item.setAttribute("data-image", image.class);
148
- item.addEventListener("click", e => this.highlightImage(e));
149
-
150
- item.innerHTML = `
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
151
  <div class="smush-image-info">
152
- <span>${index + 1}</span>
153
- <span class="smush-tag">${image.props.computed_width} x ${
154
- image.props.computed_height
155
- }px</span>
156
  <i class="smush-front-icons smush-front-icon-arrows-in" aria-hidden="true">&nbsp;</i>
157
- <span class="smush-tag smush-tag-success">${image.props.real_width} × ${
158
- image.props.real_height
159
- }px</span>
160
  </div>
161
- <div class="smush-image-description">${tooltip}</div>
162
  `;
163
 
164
- document
165
- .getElementById("smush-image-bar-items-" + type)
166
- .appendChild(item);
167
- });
168
- },
169
-
170
- /**
171
- * Show/hide sections based on images.
172
- */
173
- toggleDivs() {
174
- const types = ["bigger", "smaller"];
175
- types.forEach(type => {
176
- const div = document.getElementById("smush-image-bar-items-" + type);
177
- if (0 === this.images[type].length) {
178
- div.style.display = "none";
179
- } else {
180
- div.style.display = "block";
181
- }
182
- });
183
- },
184
-
185
- /**
186
- * Scroll the selected image into view and highlight it.
187
- *
188
- * @param {Object} e
189
- */
190
- highlightImage(e) {
191
- this.removeSelection();
192
-
193
- const el = document.getElementsByClassName(e.currentTarget.dataset.image);
194
- if ("undefined" !== typeof el[0]) {
195
- // Display description box.
196
- e.currentTarget.classList.toggle("show-description");
197
-
198
- // Scroll and flash image.
199
- el[0].scrollIntoView({
200
- behavior: "smooth",
201
- block: "center",
202
- inline: "nearest"
203
- });
204
- el[0].style.opacity = "0.5";
205
- setTimeout(() => {
206
- el[0].style.opacity = "1";
207
- }, 1000);
208
- }
209
- },
210
-
211
- /**
212
- * Handle click on the toggle item.
213
- */
214
- handleToggleClick() {
215
- this.bar.classList.toggle("closed");
216
- this.toggle.classList.toggle("closed");
217
- this.removeSelection();
218
- },
219
-
220
- /**
221
- * Remove selected items.
222
- */
223
- removeSelection() {
224
- const items = document.getElementsByClassName("show-description");
225
- if (items.length > 0) {
226
- Array.from(items).forEach(div =>
227
- div.classList.remove("show-description")
228
- );
229
- }
230
- },
231
-
232
- /**
233
- * Function to highlight all scaled images.
234
- *
235
- * Add yellow border and then show one small box to
236
- * resize the images as per the required size, on fly.
237
- */
238
- detectImages() {
239
- const images = document.getElementsByTagName("img");
240
- for (const image of images) {
241
- if (this.shouldSkipImage(image)) {
242
- continue;
243
- }
244
-
245
- // Get defined width and height.
246
- const props = {
247
- real_width: image.clientWidth,
248
- real_height: image.clientHeight,
249
- computed_width: image.naturalWidth,
250
- computed_height: image.naturalHeight,
251
- bigger_width: image.clientWidth * 1.5 < image.naturalWidth,
252
- bigger_height: image.clientHeight * 1.5 < image.naturalHeight,
253
- smaller_width: image.clientWidth > image.naturalWidth,
254
- smaller_height: image.clientHeight > image.naturalHeight
255
- };
256
-
257
- // In case image is in correct size, do not continue.
258
- if (
259
- !props.bigger_width &&
260
- !props.bigger_height &&
261
- !props.smaller_width &&
262
- !props.smaller_height
263
- ) {
264
- continue;
265
- }
266
-
267
- const imgType =
268
- props.bigger_width || props.bigger_height ? "bigger" : "smaller",
269
- imageClass = "smush-image-" + (this.images[imgType].length + 1);
270
-
271
- // Fill the images arrays.
272
- this.images[imgType].push({
273
- src: image,
274
- props,
275
- class: imageClass
276
- });
277
-
278
- /**
279
- * Add class to original image.
280
- * Can't add two classes in single add(), because no support in IE11.
281
- * image.classList.add('smush-detected-img', imageClass);
282
- */
283
- image.classList.add("smush-detected-img");
284
- image.classList.add(imageClass);
285
- }
286
- }, // End detectImages()
287
-
288
- /**
289
- * Allows refreshing the list. A good way is to refresh on lazyload actions.
290
- *
291
- * @since 3.6.0
292
- */
293
- refresh() {
294
- this.images = {
295
- bigger: [],
296
- smaller: []
297
- };
298
-
299
- // This might be overkill - there will probably never be a situation when there are less images than on
300
- // initial page load.
301
- const elements = document.getElementsByClassName("smush-resize-box");
302
- while (elements.length > 0) {
303
- elements[0].remove();
304
- }
305
-
306
- this.process();
307
- }
308
- }; // End WP_Smush_IRS
309
-
310
- /**
311
- * After page load, initialize toggle event.
312
- */
313
- window.addEventListener("DOMContentLoaded", () => SmushIRS.init());
314
- window.addEventListener("lazyloaded", () => SmushIRS.refresh());
315
- })();
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
8
  *
9
  * @since 2.9
10
  */
11
+ ( function() {
12
+ 'use strict';
13
+
14
+ const SmushIRS = {
15
+ bar: document.getElementById( 'smush-image-bar' ),
16
+ toggle: document.getElementById( 'smush-image-bar-toggle' ),
17
+ images: {
18
+ bigger: [],
19
+ smaller: [],
20
+ },
21
+ strings: window.wp_smush_resize_vars,
22
+
23
+ /**
24
+ * Init scripts.
25
+ */
26
+ init() {
27
+ /**
28
+ * Make sure these are set, before we proceed.
29
+ */
30
+ if ( ! this.bar ) {
31
+ this.bar = document.getElementById( 'smush-image-bar' );
32
+ }
33
+ if ( ! this.toggle ) {
34
+ this.toggle = document.getElementById(
35
+ 'smush-image-bar-toggle'
36
+ );
37
+ }
38
+
39
+ this.process();
40
+
41
+ // Register the event handler after everything is done.
42
+ this.toggle.addEventListener(
43
+ 'click',
44
+ this.handleToggleClick.bind( this )
45
+ );
46
+ },
47
+
48
+ /**
49
+ * Do image processing.
50
+ */
51
+ process() {
52
+ const icon = this.toggle.querySelector( 'i' );
53
+
54
+ icon.classList.add( 'sui-icon-loader' );
55
+ icon.classList.remove( 'sui-icon-info' );
56
+
57
+ this.detectImages();
58
+
59
+ if ( ! this.images.bigger.length && ! this.images.smaller.length ) {
60
+ this.toggle.classList.add( 'smush-toggle-success' );
61
+ document.getElementById(
62
+ 'smush-image-bar-notice'
63
+ ).style.display = 'block';
64
+ document.getElementById(
65
+ 'smush-image-bar-notice-desc'
66
+ ).style.display = 'none';
67
+ } else {
68
+ this.toggle.classList.remove( 'smush-toggle-success' );
69
+ document.getElementById(
70
+ 'smush-image-bar-notice'
71
+ ).style.display = 'none';
72
+ document.getElementById(
73
+ 'smush-image-bar-notice-desc'
74
+ ).style.display = 'block';
75
+ this.generateMarkup( 'bigger' );
76
+ this.generateMarkup( 'smaller' );
77
+ }
78
+
79
+ this.toggleDivs();
80
+
81
+ icon.classList.remove( 'sui-icon-loader' );
82
+ icon.classList.add( 'sui-icon-info' );
83
+ },
84
+
85
+ /**
86
+ * Various checks to see if the image should be processed.
87
+ *
88
+ * @param {Object} image
89
+ * @return {boolean} Should skip image or not.
90
+ */
91
+ shouldSkipImage( image ) {
92
+ // Skip avatars.
93
+ if ( image.classList.contains( 'avatar' ) ) {
94
+ return true;
95
+ }
96
+
97
+ // Skip images from Smush CDN with auto-resize feature.
98
+ if (
99
+ 'string' === typeof image.getAttribute( 'no-resize-detection' )
100
+ ) {
101
+ return true;
102
+ }
103
+
104
+ // Skip 1x1px images.
105
+ if (
106
+ image.clientWidth === image.clientHeight &&
107
+ 1 === image.clientWidth
108
+ ) {
109
+ return true;
110
+ }
111
+
112
+ // Skip 1x1px placeholders.
113
+ if (
114
+ image.naturalWidth === image.naturalHeight &&
115
+ 1 === image.naturalWidth
116
+ ) {
117
+ return true;
118
+ }
119
+
120
+ // If width attribute is not set, do not continue.
121
+ return null === image.clientWidth || null === image.clientHeight;
122
+ },
123
+
124
+ /**
125
+ * Get tooltip text.
126
+ *
127
+ * @param {Object} props
128
+ * @return {string} Tooltip.
129
+ */
130
+ getTooltipText( props ) {
131
+ let tooltipText = '';
132
+
133
+ if ( props.bigger_width || props.bigger_height ) {
134
+ /** @param {string} strings.large_image */
135
+ tooltipText = this.strings.large_image;
136
+ } else if ( props.smaller_width || props.smaller_height ) {
137
+ /** @param {string} strings.small_image */
138
+ tooltipText = this.strings.small_image;
139
+ }
140
+
141
+ return tooltipText
142
+ .replace( 'width', props.real_width )
143
+ .replace( 'height', props.real_height );
144
+ },
145
+
146
+ /**
147
+ * Generate markup.
148
+ *
149
+ * @param {string} type Accepts: 'bigger' or 'smaller'.
150
+ */
151
+ generateMarkup( type ) {
152
+ this.images[ type ].forEach( ( image, index ) => {
153
+ const item = document.createElement( 'div' ),
154
+ tooltip = this.getTooltipText( image.props );
155
+
156
+ item.setAttribute(
157
+ 'class',
158
+ 'smush-resize-box smush-tooltip smush-tooltip-constrained'
159
+ );
160
+ item.setAttribute( 'data-tooltip', tooltip );
161
+ item.setAttribute( 'data-image', image.class );
162
+ item.addEventListener( 'click', ( e ) =>
163
+ this.highlightImage( e )
164
+ );
165
+
166
+ item.innerHTML = `
167
  <div class="smush-image-info">
168
+ <span>${ index + 1 }</span>
169
+ <span class="smush-tag">${ image.props.computed_width } x ${
170
+ image.props.computed_height
171
+ }px</span>
172
  <i class="smush-front-icons smush-front-icon-arrows-in" aria-hidden="true">&nbsp;</i>
173
+ <span class="smush-tag smush-tag-success">${ image.props.real_width } × ${
174
+ image.props.real_height
175
+ }px</span>
176
  </div>
177
+ <div class="smush-image-description">${ tooltip }</div>
178
  `;
179
 
180
+ document
181
+ .getElementById( 'smush-image-bar-items-' + type )
182
+ .appendChild( item );
183
+ } );
184
+ },
185
+
186
+ /**
187
+ * Show/hide sections based on images.
188
+ */
189
+ toggleDivs() {
190
+ const types = [ 'bigger', 'smaller' ];
191
+ types.forEach( ( type ) => {
192
+ const div = document.getElementById(
193
+ 'smush-image-bar-items-' + type
194
+ );
195
+ if ( 0 === this.images[ type ].length ) {
196
+ div.style.display = 'none';
197
+ } else {
198
+ div.style.display = 'block';
199
+ }
200
+ } );
201
+ },
202
+
203
+ /**
204
+ * Scroll the selected image into view and highlight it.
205
+ *
206
+ * @param {Object} e
207
+ */
208
+ highlightImage( e ) {
209
+ this.removeSelection();
210
+
211
+ const el = document.getElementsByClassName(
212
+ e.currentTarget.dataset.image
213
+ );
214
+ if ( 'undefined' !== typeof el[ 0 ] ) {
215
+ // Display description box.
216
+ e.currentTarget.classList.toggle( 'show-description' );
217
+
218
+ // Scroll and flash image.
219
+ el[ 0 ].scrollIntoView( {
220
+ behavior: 'smooth',
221
+ block: 'center',
222
+ inline: 'nearest',
223
+ } );
224
+ el[ 0 ].style.opacity = '0.5';
225
+ setTimeout( () => {
226
+ el[ 0 ].style.opacity = '1';
227
+ }, 1000 );
228
+ }
229
+ },
230
+
231
+ /**
232
+ * Handle click on the toggle item.
233
+ */
234
+ handleToggleClick() {
235
+ this.bar.classList.toggle( 'closed' );
236
+ this.toggle.classList.toggle( 'closed' );
237
+ this.removeSelection();
238
+ },
239
+
240
+ /**
241
+ * Remove selected items.
242
+ */
243
+ removeSelection() {
244
+ const items = document.getElementsByClassName( 'show-description' );
245
+ if ( items.length > 0 ) {
246
+ Array.from( items ).forEach( ( div ) =>
247
+ div.classList.remove( 'show-description' )
248
+ );
249
+ }
250
+ },
251
+
252
+ /**
253
+ * Function to highlight all scaled images.
254
+ *
255
+ * Add yellow border and then show one small box to
256
+ * resize the images as per the required size, on fly.
257
+ */
258
+ detectImages() {
259
+ const images = document.getElementsByTagName( 'img' );
260
+ for ( const image of images ) {
261
+ if ( this.shouldSkipImage( image ) ) {
262
+ continue;
263
+ }
264
+
265
+ // Get defined width and height.
266
+ const props = {
267
+ real_width: image.clientWidth,
268
+ real_height: image.clientHeight,
269
+ computed_width: image.naturalWidth,
270
+ computed_height: image.naturalHeight,
271
+ bigger_width: image.clientWidth * 1.5 < image.naturalWidth,
272
+ bigger_height:
273
+ image.clientHeight * 1.5 < image.naturalHeight,
274
+ smaller_width: image.clientWidth > image.naturalWidth,
275
+ smaller_height: image.clientHeight > image.naturalHeight,
276
+ };
277
+
278
+ // In case image is in correct size, do not continue.
279
+ if (
280
+ ! props.bigger_width &&
281
+ ! props.bigger_height &&
282
+ ! props.smaller_width &&
283
+ ! props.smaller_height
284
+ ) {
285
+ continue;
286
+ }
287
+
288
+ const imgType =
289
+ props.bigger_width || props.bigger_height
290
+ ? 'bigger'
291
+ : 'smaller',
292
+ imageClass =
293
+ 'smush-image-' + ( this.images[ imgType ].length + 1 );
294
+
295
+ // Fill the images arrays.
296
+ this.images[ imgType ].push( {
297
+ src: image,
298
+ props,
299
+ class: imageClass,
300
+ } );
301
+
302
+ /**
303
+ * Add class to original image.
304
+ * Can't add two classes in single add(), because no support in IE11.
305
+ * image.classList.add('smush-detected-img', imageClass);
306
+ */
307
+ image.classList.add( 'smush-detected-img' );
308
+ image.classList.add( imageClass );
309
+ }
310
+ }, // End detectImages()
311
+
312
+ /**
313
+ * Allows refreshing the list. A good way is to refresh on lazyload actions.
314
+ *
315
+ * @since 3.6.0
316
+ */
317
+ refresh() {
318
+ // Clear out classes on DOM.
319
+ for ( let id in this.images.bigger ) {
320
+ if ( this.images.bigger.hasOwnProperty( id ) ) {
321
+ this.images.bigger[ id ].src.classList.remove(
322
+ 'smush-detected-img'
323
+ );
324
+ this.images.bigger[ id ].src.classList.remove(
325
+ 'smush-image-' + ++id
326
+ );
327
+ }
328
+ }
329
+
330
+ for ( let id in this.images.smaller ) {
331
+ if ( this.images.smaller.hasOwnProperty( id ) ) {
332
+ this.images.smaller[ id ].src.classList.remove(
333
+ 'smush-detected-img'
334
+ );
335
+ this.images.smaller[ id ].src.classList.remove(
336
+ 'smush-image-' + ++id
337
+ );
338
+ }
339
+ }
340
+
341
+ this.images = {
342
+ bigger: [],
343
+ smaller: [],
344
+ };
345
+
346
+ // This might be overkill - there will probably never be a situation when there are less images than on
347
+ // initial page load.
348
+ const elements = document.getElementsByClassName(
349
+ 'smush-resize-box'
350
+ );
351
+ while ( elements.length > 0 ) {
352
+ elements[ 0 ].remove();
353
+ }
354
+
355
+ this.process();
356
+ },
357
+ }; // End WP_Smush_IRS
358
+
359
+ /**
360
+ * After page load, initialize toggle event.
361
+ */
362
+ window.addEventListener( 'DOMContentLoaded', () => SmushIRS.init() );
363
+ window.addEventListener( 'lazyloaded', () => SmushIRS.refresh() );
364
+ } )();
_src/js/global.js CHANGED
@@ -1,31 +1,35 @@
1
  /* global ajaxurl */
2
 
3
- document.addEventListener("DOMContentLoaded", function() {
4
- const dismissNoticeBtn = document.getElementById(
5
- "smush-dismiss-conflict-notice"
6
- );
7
- if (dismissNoticeBtn) {
8
- dismissNoticeBtn.addEventListener("click", dismissNotice);
9
- }
10
 
11
- const dismissNoticeTop = document.querySelector(
12
- "#smush-conflict-notice > .notice-dismiss"
13
- );
14
- if (dismissNoticeTop) {
15
- dismissNoticeTop.addEventListener("click", dismissNotice);
16
- }
17
 
18
- function dismissNotice() {
19
- const xhr = new XMLHttpRequest();
20
- xhr.open("POST", ajaxurl + "?action=dismiss_check_for_conflicts", true);
21
- xhr.onload = () => {
22
- const btn = document.querySelector(
23
- "#smush-conflict-notice > button.notice-dismiss"
24
- );
25
- if (btn) {
26
- btn.click();
27
- }
28
- };
29
- xhr.send();
30
- }
31
- });
 
 
 
 
1
  /* global ajaxurl */
2
 
3
+ document.addEventListener( 'DOMContentLoaded', function() {
4
+ const dismissNoticeBtn = document.getElementById(
5
+ 'smush-dismiss-conflict-notice'
6
+ );
7
+ if ( dismissNoticeBtn ) {
8
+ dismissNoticeBtn.addEventListener( 'click', dismissNotice );
9
+ }
10
 
11
+ const dismissNoticeTop = document.querySelector(
12
+ '#smush-conflict-notice > .notice-dismiss'
13
+ );
14
+ if ( dismissNoticeTop ) {
15
+ dismissNoticeTop.addEventListener( 'click', dismissNotice );
16
+ }
17
 
18
+ function dismissNotice() {
19
+ const xhr = new XMLHttpRequest();
20
+ xhr.open(
21
+ 'POST',
22
+ ajaxurl + '?action=dismiss_check_for_conflicts',
23
+ true
24
+ );
25
+ xhr.onload = () => {
26
+ const btn = document.querySelector(
27
+ '#smush-conflict-notice > button.notice-dismiss'
28
+ );
29
+ if ( btn ) {
30
+ btn.click();
31
+ }
32
+ };
33
+ xhr.send();
34
+ }
35
+ } );
_src/js/modules/admin.js CHANGED
@@ -1,1196 +1,1199 @@
1
- import Smush from "../smush/smush";
2
-
3
- const remove_element = function(el, timeout) {
4
- if (typeof timeout === "undefined") {
5
- timeout = 100;
6
- }
7
- el.fadeTo(timeout, 0, function() {
8
- el.slideUp(timeout, function() {
9
- el.remove();
10
- });
11
- });
12
  };
13
 
14
- jQuery(function($) {
15
- "use strict";
16
-
17
- /**
18
- * Disable the action links *
19
- *
20
- * @param c_element
21
- */
22
- const disable_links = function(c_element) {
23
- const parent = c_element.parent();
24
- //reduce parent opacity
25
- parent.css({ opacity: "0.5" });
26
- //Disable Links
27
- parent.find("a").attr("disabled", "disabled");
28
- };
29
-
30
- /**
31
- * Enable the Action Links *
32
- *
33
- * @param c_element
34
- */
35
- const enable_links = function(c_element) {
36
- const parent = c_element.parent();
37
-
38
- //reduce parent opacity
39
- parent.css({ opacity: "1" });
40
- //Disable Links
41
- parent.find("a").removeAttr("disabled");
42
- };
43
-
44
- /**
45
- * Restore image request with a specified action for Media Library / NextGen Gallery
46
- *
47
- * @param {Object} e
48
- * @param {string} currentButton
49
- * @param {string} smushAction
50
- * @param {string} action
51
- */
52
- const process_smush_action = function(e, currentButton, smushAction, action) {
53
- // If disabled.
54
- if ("disabled" === currentButton.attr("disabled")) {
55
- return;
56
- }
57
-
58
- e.preventDefault();
59
-
60
- // Remove Error.
61
- $(".wp-smush-error").remove();
62
-
63
- // Hide stats.
64
- $(".smush-stats-wrapper").hide();
65
-
66
- let mode = "grid";
67
- if ("smush_restore_image" === smushAction) {
68
- if ($(document).find("div.media-modal.wp-core-ui").length > 0) {
69
- mode = "grid";
70
- } else {
71
- mode = window.location.search.indexOf("item") > -1 ? "grid" : "list";
72
- }
73
- }
74
-
75
- // Get the image ID and nonce.
76
- const params = {
77
- action: smushAction,
78
- attachment_id: currentButton.data("id"),
79
- mode,
80
- _nonce: currentButton.data("nonce")
81
- };
82
-
83
- // Reduce the opacity of stats and disable the click.
84
- disable_links(currentButton);
85
-
86
- currentButton.html(
87
- '<span class="spinner wp-smush-progress">' +
88
- wp_smush_msgs[action] +
89
- "</span>"
90
- );
91
-
92
- // Restore the image.
93
- $.post(ajaxurl, params, function(r) {
94
- // Reset all functionality.
95
- enable_links(currentButton);
96
-
97
- if (r.success && "undefined" !== typeof r.data) {
98
- // Replace in immediate parent for NextGEN.
99
- if (
100
- "undefined" !== typeof this.data &&
101
- this.data.indexOf("nextgen") > -1
102
- ) {
103
- // Show the smush button, and remove stats and restore option.
104
- currentButton
105
- .parents()
106
- .eq(1)
107
- .html(r.data.stats);
108
- } else if ("restore" === action) {
109
- // Show the smush button, and remove stats and restore option.
110
- currentButton
111
- .parents()
112
- .eq(1)
113
- .html(r.data.stats);
114
- } else {
115
- currentButton
116
- .parents()
117
- .eq(1)
118
- .html(r.data);
119
- }
120
-
121
- if ("undefined" !== typeof r.data && "restore" === action) {
122
- Smush.updateImageStats(r.data.new_size);
123
- }
124
- } else if (r.data.error_msg) {
125
- // Show error.
126
- currentButton.parent().append(r.data.error_msg);
127
- }
128
- });
129
- };
130
-
131
- /**
132
- * Validates the Resize Width and Height against the Largest Thumbnail Width and Height
133
- *
134
- * @param wrapper_div jQuery object for the whole setting row wrapper div
135
- * @param width_only Whether to validate only width
136
- * @param height_only Validate only Height
137
- * @return {boolean} All Good or not
138
- */
139
- const validate_resize_settings = function(
140
- wrapper_div,
141
- width_only,
142
- height_only
143
- ) {
144
- const resize_checkbox = wrapper_div.find(
145
- "#wp-smush-resize, #wp-smush-resize-quick-setup"
146
- );
147
-
148
- if (!height_only) {
149
- var width_input = wrapper_div.find(
150
- "#wp-smush-resize_width, #quick-setup-resize_width"
151
- );
152
- var width_error_note = wrapper_div.find(
153
- ".sui-notice-info.wp-smush-update-width"
154
- );
155
- }
156
- if (!width_only) {
157
- var height_input = wrapper_div.find(
158
- "#wp-smush-resize_height, #quick-setup-resize_height"
159
- );
160
- var height_error_note = wrapper_div.find(
161
- ".sui-notice-info.wp-smush-update-height"
162
- );
163
- }
164
-
165
- let width_error = false;
166
- let height_error = false;
167
-
168
- //If resize settings is not enabled, return true
169
- if (!resize_checkbox.is(":checked")) {
170
- return true;
171
- }
172
-
173
- //Check if we have localised width and height
174
- if (
175
- "undefined" === typeof wp_smushit_data.resize_sizes ||
176
- "undefined" === typeof wp_smushit_data.resize_sizes.width
177
- ) {
178
- //Rely on server validation
179
- return true;
180
- }
181
-
182
- //Check for width
183
- if (
184
- !height_only &&
185
- "undefined" !== typeof width_input &&
186
- parseInt(wp_smushit_data.resize_sizes.width) > parseInt(width_input.val())
187
- ) {
188
- width_input.parent().addClass("sui-form-field-error");
189
- width_error_note.show("slow");
190
- width_error = true;
191
- } else {
192
- //Remove error class
193
- width_input.parent().removeClass("sui-form-field-error");
194
- width_error_note.hide();
195
- if (height_input.hasClass("error")) {
196
- height_error_note.show("slow");
197
- }
198
- }
199
-
200
- //Check for height
201
- if (
202
- !width_only &&
203
- "undefined" !== typeof height_input &&
204
- parseInt(wp_smushit_data.resize_sizes.height) >
205
- parseInt(height_input.val())
206
- ) {
207
- height_input.parent().addClass("sui-form-field-error");
208
- //If we are not showing the width error already
209
- if (!width_error) {
210
- height_error_note.show("slow");
211
- }
212
- height_error = true;
213
- } else {
214
- //Remove error class
215
- height_input.parent().removeClass("sui-form-field-error");
216
- height_error_note.hide();
217
- if (width_input.hasClass("error")) {
218
- width_error_note.show("slow");
219
- }
220
- }
221
-
222
- if (width_error || height_error) {
223
- return false;
224
- }
225
- return true;
226
- };
227
-
228
- /**
229
- * Update the progress bar width if we have images that needs to be resmushed
230
- *
231
- * @param unsmushed_count
232
- * @return {boolean}
233
- */
234
- const update_progress_bar_resmush = function(unsmushed_count) {
235
- if ("undefined" === typeof unsmushed_count) {
236
- return false;
237
- }
238
-
239
- const smushed_count = wp_smushit_data.count_total - unsmushed_count;
240
-
241
- //Update the Progress Bar Width
242
- // get the progress bar
243
- const $progress_bar = jQuery(
244
- ".bulk-smush-wrapper .wp-smush-progress-inner"
245
- );
246
- if ($progress_bar.length < 1) {
247
- return;
248
- }
249
-
250
- const width = (smushed_count / wp_smushit_data.count_total) * 100;
251
-
252
- // increase progress
253
- $progress_bar.css("width", width + "%");
254
- };
255
-
256
- const run_re_check = function(process_settings) {
257
- const button = $(".wp-smush-scan");
258
-
259
- // Empty the button text and add loader class.
260
- button
261
- .text("")
262
- .addClass("sui-button-onload sui-icon-loader sui-loading")
263
- .blur();
264
-
265
- // Check if type is set in data attributes.
266
- let scan_type = button.data("type");
267
- scan_type = "undefined" === typeof scan_type ? "media" : scan_type;
268
-
269
- // Remove the Skip resmush attribute from button.
270
- $(".wp-smush-all").removeAttr("data-smush");
271
-
272
- // Remove notices.
273
- const notices = $(".sui-notice-top.sui-notice-success");
274
- notices.slideUp(100, function() {
275
- notices.remove();
276
- });
277
-
278
- // Disable Bulk smush button and itself.
279
- $(".wp-smush-all").attr("disabled", "disabled");
280
-
281
- // Hide Settings changed Notice.
282
- $(".wp-smush-settings-changed").hide();
283
-
284
- // Ajax params.
285
- const params = {
286
- action: "scan_for_resmush",
287
- type: scan_type,
288
- get_ui: true,
289
- process_settings,
290
- wp_smush_options_nonce: jQuery("#wp_smush_options_nonce").val()
291
- };
292
-
293
- // Send ajax request and get ids if any.
294
- $.get(ajaxurl, params, function(r) {
295
- // Check if we have the ids, initialize the local variable.
296
- if ("undefined" !== typeof r.data) {
297
- // Update Resmush id list.
298
- if ("undefined" !== typeof r.data.resmush_ids) {
299
- wp_smushit_data.resmush = r.data.resmush_ids;
300
-
301
- // Update wp_smushit_data ( Smushed count, Smushed Percent, Image count, Super smush count, resize savings, conversion savings ).
302
- if ("undefinied" !== typeof wp_smushit_data) {
303
- wp_smushit_data.count_smushed =
304
- "undefined" !== typeof r.data.count_smushed
305
- ? r.data.count_smushed
306
- : wp_smushit_data.count_smushed;
307
- wp_smushit_data.count_supersmushed =
308
- "undefined" !== typeof r.data.count_supersmushed
309
- ? r.data.count_supersmushed
310
- : wp_smushit_data.count_supersmushed;
311
- wp_smushit_data.count_images =
312
- "undefined" !== typeof r.data.count_image
313
- ? r.data.count_image
314
- : wp_smushit_data.count_images;
315
- wp_smushit_data.size_before =
316
- "undefined" !== typeof r.data.size_before
317
- ? r.data.size_before
318
- : wp_smushit_data.size_before;
319
- wp_smushit_data.size_after =
320
- "undefined" !== typeof r.data.size_after
321
- ? r.data.size_after
322
- : wp_smushit_data.size_after;
323
- wp_smushit_data.savings_resize =
324
- "undefined" !== typeof r.data.savings_resize
325
- ? r.data.savings_resize
326
- : wp_smushit_data.savings_resize;
327
- wp_smushit_data.savings_conversion =
328
- "undefined" !== typeof r.data.savings_conversion
329
- ? r.data.savings_conversion
330
- : wp_smushit_data.savings_conversion;
331
- wp_smushit_data.count_resize =
332
- "undefined" !== typeof r.data.count_resize
333
- ? r.data.count_resize
334
- : wp_smushit_data.count_resize;
335
- }
336
-
337
- if ("nextgen" === scan_type) {
338
- wp_smushit_data.bytes =
339
- parseInt(wp_smushit_data.size_before) -
340
- parseInt(wp_smushit_data.size_after);
341
- }
342
-
343
- // Hide the Existing wrapper.
344
- const notices = $(".bulk-smush-wrapper .sui-notice");
345
- if (notices.length > 0) {
346
- notices.hide();
347
- $(".wp-smush-pagespeed-recommendation").hide();
348
- }
349
- // Remove existing Re-Smush notices.
350
- $(".wp-smush-resmush-notice").remove();
351
-
352
- // Show Bulk wrapper.
353
- $(".wp-smush-bulk-wrapper").show();
354
- }
355
- // If content is received, Prepend it.
356
- if ("undefined" !== typeof r.data.content) {
357
- $(".bulk-smush-wrapper .sui-box-body > p:first-of-type").after(
358
- r.data.content
359
- );
360
- }
361
- // If we have any notice to show.
362
- if ("undefined" !== typeof r.data.notice) {
363
- const notice = $("#wp-smush-ajax-notice");
364
- notice.addClass("sui-notice-success");
365
- notice.html("<p>" + r.data.notice + "</p>");
366
- notice.slideDown();
367
-
368
- setTimeout(function() {
369
- notice.slideUp();
370
- }, 5000);
371
- }
372
- // Hide errors.
373
- $("div.smush-final-log").hide();
374
-
375
- // Hide Super Smush notice if it's enabled in media settings.
376
- if ("undefined" !== typeof r.data.super_smush && r.data.super_smush) {
377
- const enable_lossy = jQuery(".wp-smush-enable-lossy");
378
- if (enable_lossy.length > 0) {
379
- enable_lossy.remove();
380
- }
381
- if ("undefined" !== r.data.super_smush_stats) {
382
- $(".super-smush-attachments .wp-smush-stats").html(
383
- r.data.super_smush_stats
384
- );
385
- }
386
- }
387
- Smush.updateStats(scan_type);
388
- }
389
- }).always(function() {
390
- // Hide the progress bar.
391
- jQuery(".bulk-smush-wrapper .wp-smush-bulk-progress-bar-wrapper").hide();
392
-
393
- // Add check complete status to button.
394
- button
395
- .text(wp_smush_msgs.resmush_complete)
396
- .removeClass("sui-button-onload sui-icon-loader sui-loading")
397
- .addClass("smush-button-check-success");
398
-
399
- // Remove success message from button.
400
- setTimeout(function() {
401
- button
402
- .removeClass("smush-button-check-success")
403
- .html(
404
- '<i class="sui-icon-update" aria-hidden="true"></i>' +
405
- wp_smush_msgs.resmush_check
406
- );
407
- }, 2000);
408
-
409
- $(".wp-smush-all").removeAttr("disabled");
410
-
411
- // If wp-smush-re-check-message is there, remove it.
412
- const reCheckMessage = $(".wp-smush-re-check-message");
413
- if (reCheckMessage.length) {
414
- remove_element(reCheckMessage);
415
- }
416
- });
417
- };
418
-
419
- // Scroll the element to top of the page.
420
- const goToByScroll = function(selector) {
421
- // Scroll if element found.
422
- if ($(selector).length > 0) {
423
- $("html, body").animate(
424
- {
425
- scrollTop: $(selector).offset().top - 100
426
- },
427
- "slow"
428
- );
429
- }
430
- };
431
-
432
- const update_cummulative_stats = function(stats) {
433
- //Update Directory Smush Stats
434
- if ("undefined" !== typeof stats.dir_smush) {
435
- const stats_human = $(
436
- "li.smush-dir-savings span.wp-smush-stats span.wp-smush-stats-human"
437
- );
438
- const stats_percent = $(
439
- "li.smush-dir-savings span.wp-smush-stats span.wp-smush-stats-percent"
440
- );
441
-
442
- // Do not replace if 0 savings.
443
- if (stats.dir_smush.bytes > 0) {
444
- // Hide selector.
445
- $("li.smush-dir-savings .wp-smush-stats-label-message").hide();
446
- //Update Savings in bytes
447
- if (stats_human.length > 0) {
448
- stats_human.html(stats.dir_smush.human);
449
- } else {
450
- var span =
451
- '<span class="wp-smush-stats-human">' +
452
- stats.dir_smush.bytes +
453
- "</span>";
454
- }
455
-
456
- //Percentage section
457
- if (stats.dir_smush.percent > 0) {
458
- // Show size and percentage separator.
459
- $(
460
- "li.smush-dir-savings span.wp-smush-stats span.wp-smush-stats-sep"
461
- ).removeClass("sui-hidden");
462
- //Update Optimisation percentage
463
- if (stats_percent.length > 0) {
464
- stats_percent.html(stats.dir_smush.percent + "%");
465
- } else {
466
- var span =
467
- '<span class="wp-smush-stats-percent">' +
468
- stats.dir_smush.percent +
469
- "%" +
470
- "</span>";
471
- }
472
- }
473
- }
474
- }
475
-
476
- //Update Combined stats
477
- if (
478
- "undefined" !== typeof stats.combined_stats &&
479
- stats.combined_stats.length > 0
480
- ) {
481
- const c_stats = stats.combined_stats;
482
-
483
- let smush_percent = (c_stats.smushed / c_stats.total_count) * 100;
484
- smush_percent = WP_Smush.helpers.precise_round(smush_percent, 1);
485
-
486
- //Smushed Percent
487
- if (smush_percent) {
488
- $("div.wp-smush-count-total span.wp-smush-images-percent").html(
489
- smush_percent
490
- );
491
- }
492
- //Update Total Attachment Count
493
- if (c_stats.total_count) {
494
- $("span.wp-smush-count-total span.wp-smush-total-optimised").html(
495
- c_stats.total_count
496
- );
497
- }
498
- //Update Savings and Percent
499
- if (c_stats.savings) {
500
- $("span.wp-smush-savings span.wp-smush-stats-human").html(
501
- c_stats.savings
502
- );
503
- }
504
- if (c_stats.percent) {
505
- $("span.wp-smush-savings span.wp-smush-stats-percent").html(
506
- c_stats.percent
507
- );
508
- }
509
- }
510
- };
511
-
512
- //Remove span tag from URL
513
- function removeSpan(url) {
514
- var url = url.slice(url.indexOf("?") + 1).split("&");
515
- for (let i = 0; i < url.length; i++) {
516
- const urlparam = decodeURI(url[i]).split(/=(.+)/)[1];
517
- return urlparam.replace(/<(?:.|\n)*?>/gm, "");
518
- }
519
- }
520
-
521
- /**
522
- * When 'All' is selected for the Image Sizes setting, select all available sizes.
523
- *
524
- * @since 3.2.1
525
- */
526
- $("#all-image-sizes").on("change", function() {
527
- $('input[name^="wp-smush-image_sizes"]').prop("checked", true);
528
- });
529
-
530
- /**
531
- * Handle re-check api status button click (Settings)
532
- *
533
- * @since 3.2.0.2
534
- */
535
- $("#wp-smush-update-api-status").on("click", function(e) {
536
- e.preventDefault();
537
-
538
- //$(this).prop('disabled', true);
539
- $(this).addClass("sui-button-onload");
540
-
541
- $.post(ajaxurl, { action: "recheck_api_status" }, function() {
542
- location.reload();
543
- });
544
- });
545
-
546
- /**
547
- * Handle the Smush Stats link click
548
- */
549
- $("body").on("click", "a.smush-stats-details", function(e) {
550
- //If disabled
551
- if ("disabled" == $(this).attr("disabled")) {
552
- return false;
553
- }
554
-
555
- // prevent the default action
556
- e.preventDefault();
557
- //Replace the `+` with a `-`
558
- const slide_symbol = $(this).find(".stats-toggle");
559
- $(this)
560
- .parents()
561
- .eq(1)
562
- .find(".smush-stats-wrapper")
563
- .slideToggle();
564
- slide_symbol.text(slide_symbol.text() == "+" ? "-" : "+");
565
- });
566
-
567
- /** Handle smush button click **/
568
- $("body").on("click", ".wp-smush-send:not(.wp-smush-resmush)", function(e) {
569
- // prevent the default action
570
- e.preventDefault();
571
- new Smush($(this), false);
572
- });
573
-
574
- /** Handle show in bulk smush button click **/
575
- $("body").on("click", ".wp-smush-remove-skipped", function(e) {
576
- e.preventDefault();
577
-
578
- const self = $(this);
579
-
580
- // Send Ajax request to remove the image from the skip list.
581
- $.post(ajaxurl, {
582
- action: "remove_from_skip_list",
583
- id: self.attr("data-id")
584
- }).done(response => {
585
- if (response.success && "undefined" !== typeof response.data.links) {
586
- self
587
- .parent()
588
- .parent()
589
- .find(".smush-status")
590
- .text(wp_smush_msgs.not_processed);
591
- e.target.closest(".smush-status-links").innerHTML = response.data.links;
592
- }
593
- });
594
- });
595
-
596
- /** Handle NextGen Gallery smush button click **/
597
- $("body").on("click", ".wp-smush-nextgen-send", function(e) {
598
- // prevent the default action
599
- e.preventDefault();
600
- new Smush($(this), false, "nextgen");
601
- });
602
-
603
- /** Handle NextGen Gallery Bulk smush button click **/
604
- $("body").on("click", ".wp-smush-nextgen-bulk", function(e) {
605
- // prevent the default action
606
- e.preventDefault();
607
-
608
- // Remove existing Re-Smush notices.
609
- $(".wp-smush-resmush-notice").remove();
610
-
611
- //Check for ids, if there is none (Unsmushed or lossless), don't call smush function
612
- if (
613
- "undefined" === typeof wp_smushit_data ||
614
- (wp_smushit_data.unsmushed.length === 0 &&
615
- wp_smushit_data.resmush.length === 0)
616
- ) {
617
- return false;
618
- }
619
-
620
- jQuery(".wp-smush-all, .wp-smush-scan").attr("disabled", "disabled");
621
- $(".wp-smush-notice.wp-smush-remaining").hide();
622
- new Smush($(this), true, "nextgen");
623
- });
624
-
625
- /** Restore: Media Library **/
626
- $("body").on("click", ".wp-smush-action.wp-smush-restore", function(e) {
627
- const current_button = $(this);
628
- process_smush_action(e, current_button, "smush_restore_image", "restore");
629
- });
630
-
631
- /** Resmush: Media Library **/
632
- $("body").on("click", ".wp-smush-action.wp-smush-resmush", function(e) {
633
- process_smush_action(e, $(this), "smush_resmush_image", "smushing");
634
- });
635
-
636
- /** Restore: NextGen Gallery **/
637
- $("body").on("click", ".wp-smush-action.wp-smush-nextgen-restore", function(
638
- e
639
- ) {
640
- process_smush_action(e, $(this), "smush_restore_nextgen_image", "restore");
641
- });
642
-
643
- /** Resmush: NextGen Gallery **/
644
- $("body").on("click", ".wp-smush-action.wp-smush-nextgen-resmush", function(
645
- e
646
- ) {
647
- process_smush_action(e, $(this), "smush_resmush_nextgen_image", "smushing");
648
- });
649
-
650
- //Scan For resmushing images
651
- $(".wp-smush-scan").on("click", function(e) {
652
- e.preventDefault();
653
- run_re_check(false);
654
- });
655
-
656
- //Dismiss Welcome notice
657
- //@todo: Use it for popup
658
- $("#wp-smush-welcome-box .smush-dismiss-welcome").on("click", function(e) {
659
- e.preventDefault();
660
- const $el = $(this)
661
- .parents()
662
- .eq(1);
663
- remove_element($el);
664
-
665
- //Send a ajax request to save the dismissed notice option
666
- const param = {
667
- action: "dismiss_welcome_notice"
668
- };
669
- $.post(ajaxurl, param);
670
- });
671
-
672
- //Remove Notice
673
- $("body").on("click", ".wp-smush-notice .icon-fi-close", function(e) {
674
- e.preventDefault();
675
- const $el = $(this).parent();
676
- remove_element($el);
677
- });
678
-
679
- /**
680
- * Parse remove data change.
681
- */
682
- $("input[name=wp-smush-keep_data]").on("change", function(e) {
683
- const otherClass =
684
- "keep_data-true" === e.target.id ? "keep_data-false" : "keep_data-true";
685
- e.target.parentNode.classList.add("active");
686
- document.getElementById(otherClass).parentNode.classList.remove("active");
687
- });
688
-
689
- // On Click Update Settings. Check for change in settings.
690
- $("button#wp-smush-save-settings").on("click", function(e) {
691
- e.preventDefault();
692
-
693
- let setting_type = "";
694
- const setting_input = $('input[name="setting-type"]');
695
- // Check if setting type is set in the form.
696
- if (setting_input.length > 0) {
697
- setting_type = setting_input.val();
698
- }
699
-
700
- // Show the spinner.
701
- const self = $(this);
702
- self
703
- .parent()
704
- .find("span.sui-icon-loader.sui-loading")
705
- .removeClass("sui-hidden");
706
-
707
- // Save settings if in network admin.
708
- if ("" != setting_type && "network" == setting_type) {
709
- // Ajax param.
710
- let param = {
711
- action: "save_settings",
712
- wp_smush_options_nonce: $("#wp_smush_options_nonce").val()
713
- };
714
-
715
- param =
716
- jQuery.param(param) +
717
- "&" +
718
- jQuery("form#wp-smush-settings-form").serialize();
719
-
720
- // Send ajax, Update Settings, And Check For resmush.
721
- jQuery.post(ajaxurl, param).done(function() {
722
- jQuery("form#wp-smush-settings-form").submit();
723
- return true;
724
- });
725
- } else {
726
- $(".wp-smush-hex-notice").hide();
727
-
728
- // Update text.
729
- self.attr("disabled", "disabled").addClass("button-grey");
730
-
731
- // Update save button text.
732
- if (
733
- "undefined" !== typeof self.attr("data-msg") &&
734
- self.attr("data-msg").length > 0
735
- ) {
736
- self.html(self.attr("data-msg"));
737
- } else {
738
- self.html(wp_smush_msgs.checking);
739
- }
740
-
741
- // Check if type is set in data attributes.
742
- let scan_type = self.data("type");
743
- scan_type = "undefined" === typeof scan_type ? "media" : scan_type;
744
-
745
- // Ajax param.
746
- let param = {
747
- action: "scan_for_resmush",
748
- wp_smush_options_nonce: jQuery("#wp_smush_options_nonce").val(),
749
- type: scan_type
750
- };
751
-
752
- param =
753
- jQuery.param(param) +
754
- "&" +
755
- jQuery("form#wp-smush-settings-form").serialize();
756
-
757
- // Send ajax, Update Settings, And Check For resmush.
758
- jQuery.post(ajaxurl, param).done(function() {
759
- jQuery("form#wp-smush-settings-form").submit();
760
- return true;
761
- });
762
- }
763
- });
764
-
765
- // On re-Smush click.
766
- $("body").on("click", ".wp-smush-skip-resmush", function(e) {
767
- e.preventDefault();
768
-
769
- const self = jQuery(this),
770
- container = self.parents().eq(1),
771
- el = self.parent();
772
-
773
- // Remove Parent div.
774
- remove_element(el);
775
-
776
- // Remove Settings Notice.
777
- $(".sui-notice-top.sui-notice-success").remove();
778
-
779
- // Set button attribute to skip re-smush ids.
780
- container.find(".wp-smush-all").attr("data-smush", "skip_resmush");
781
-
782
- // Update Smushed count.
783
- wp_smushit_data.count_smushed =
784
- parseInt(wp_smushit_data.count_smushed) + wp_smushit_data.resmush.length;
785
- wp_smushit_data.count_supersmushed =
786
- parseInt(wp_smushit_data.count_supersmushed) +
787
- wp_smushit_data.resmush.length;
788
-
789
- // Update stats.
790
- if (wp_smushit_data.count_smushed === wp_smushit_data.count_total) {
791
- // Show all done notice.
792
- $(
793
- ".wp-smush-notice.wp-smush-all-done, .wp-smush-pagespeed-recommendation"
794
- ).show();
795
-
796
- // Hide Smush button.
797
- $(".wp-smush-bulk-wrapper ").hide();
798
- }
799
-
800
- // Remove re-Smush notice.
801
- $(".wp-smush-resmush-notice").remove();
802
-
803
- let type = $(".wp-smush-scan").data("type");
804
- type = "undefined" === typeof type ? "media" : type;
805
-
806
- const smushed_count =
807
- "undefined" !== typeof wp_smushit_data.count_smushed
808
- ? wp_smushit_data.count_smushed
809
- : 0;
810
-
811
- let smush_percent = (smushed_count / wp_smushit_data.count_total) * 100;
812
- smush_percent = WP_Smush.helpers.precise_round(smush_percent, 1);
813
-
814
- $(".wp-smush-images-percent").html(smush_percent);
815
-
816
- // Update the progress bar width. Get the progress bar.
817
- const progress_bar = jQuery(".bulk-smush-wrapper .wp-smush-progress-inner");
818
- if (progress_bar.length < 1) {
819
- return;
820
- }
821
-
822
- // Increase progress.
823
- progress_bar.css("width", smush_percent + "%");
824
-
825
- // Show the default bulk smush notice.
826
- $(".wp-smush-bulk-wrapper").show();
827
- $(".wp-smush-bulk-wrapper .sui-notice").show();
828
-
829
- const params = {
830
- action: "delete_resmush_list",
831
- type
832
- };
833
-
834
- //Delete resmush list, @todo: update stats from the ajax response
835
- $.post(ajaxurl, params, function(res) {
836
- // Remove the whole li element on success
837
- if (res.success && "undefined" !== typeof res.data.stats) {
838
- const stats = res.data.stats;
839
- // Update wp_smushit_data ( Smushed count, Smushed Percent, Image count, Super smush count, resize savings, conversion savings )
840
- if ("undefinied" !== typeof wp_smushit_data) {
841
- wp_smushit_data.count_images =
842
- "undefined" !== typeof stats.count_images
843
- ? parseInt(wp_smushit_data.count_images) + stats.count_images
844
- : wp_smushit_data.count_images;
845
- wp_smushit_data.size_before =
846
- "undefined" !== typeof stats.size_before
847
- ? parseInt(wp_smushit_data.size_before) + stats.size_before
848
- : wp_smushit_data.size_before;
849
- wp_smushit_data.size_after =
850
- "undefined" !== typeof stats.size_after
851
- ? parseInt(wp_smushit_data.size_after) + stats.size_after
852
- : wp_smushit_data.size_after;
853
- wp_smushit_data.savings_resize =
854
- "undefined" !== typeof stats.savings_resize
855
- ? parseInt(wp_smushit_data.savings_resize) + stats.savings_resize
856
- : wp_smushit_data.savings_resize;
857
- wp_smushit_data.savings_conversion =
858
- "undefined" !== typeof stats.savings_conversion
859
- ? parseInt(wp_smushit_data.savings_conversion) +
860
- stats.savings_conversion
861
- : wp_smushit_data.savings_conversion;
862
-
863
- // Add directory smush stats.
864
- if (
865
- "undefined" !== typeof wp_smushit_data.savings_dir_smush &&
866
- "undefined" !== typeof wp_smushit_data.savings_dir_smush.orig_size
867
- ) {
868
- wp_smushit_data.size_before =
869
- "undefined" !== typeof wp_smushit_data.savings_dir_smush
870
- ? parseInt(wp_smushit_data.size_before) +
871
- parseInt(wp_smushit_data.savings_dir_smush.orig_size)
872
- : wp_smushit_data.size_before;
873
- wp_smushit_data.size_after =
874
- "undefined" !== typeof wp_smushit_data.savings_dir_smush
875
- ? parseInt(wp_smushit_data.size_after) +
876
- parseInt(wp_smushit_data.savings_dir_smush.image_size)
877
- : wp_smushit_data.size_after;
878
- }
879
-
880
- wp_smushit_data.count_resize =
881
- "undefined" !== typeof stats.count_resize
882
- ? parseInt(wp_smushit_data.count_resize) + stats.count_resize
883
- : wp_smushit_data.count_resize;
884
- }
885
- // Smush notice.
886
- const remainingCountDiv = $(
887
- ".bulk-smush-wrapper .wp-smush-remaining-count"
888
- );
889
- if (
890
- remainingCountDiv.length &&
891
- "undefined" !== typeof wp_smushit_data.unsmushed
892
- ) {
893
- remainingCountDiv.html(wp_smushit_data.unsmushed.length);
894
- }
895
-
896
- // If no images left, hide the notice, show all success notice.
897
- if (
898
- "undefined" !== typeof wp_smushit_data.unsmushed ||
899
- wp_smushit_data.unsmushed.length === 0
900
- ) {
901
- $(".wp-smush-bulk-wrapper .sui-notice").hide();
902
- $(".sui-notice-success.wp-smush-all-done").show();
903
- }
904
-
905
- Smush.updateStats();
906
- }
907
- });
908
- });
909
-
910
- /**
911
- * Enable resize in settings and scroll.
912
- */
913
- const scroll_and_enable_resize = function() {
914
- // Enable resize, show resize settings.
915
- $("#wp-smush-resize")
916
- .prop("checked", true)
917
- .focus();
918
- $("div.wp-smush-resize-settings-wrap").show();
919
-
920
- // Scroll down to settings area.
921
- goToByScroll("#column-wp-smush-resize");
922
- };
923
-
924
- /**
925
- * Enable super smush in settings and scroll.
926
- */
927
- const scroll_and_enable_lossy = function() {
928
- // Enable super smush.
929
- $("#wp-smush-lossy")
930
- .prop("checked", true)
931
- .focus();
932
-
933
- // Scroll down to settings area.
934
- goToByScroll("#column-wp-smush-lossy");
935
- };
936
-
937
- // Enable super smush on clicking link from stats area.
938
- $("a.wp-smush-lossy-enable").on("click", function(e) {
939
- e.preventDefault();
940
-
941
- scroll_and_enable_lossy();
942
- });
943
-
944
- // Enable resize on clicking link from stats area.
945
- $(".wp-smush-resize-enable").on("click", function(e) {
946
- e.preventDefault();
947
-
948
- scroll_and_enable_resize();
949
- });
950
-
951
- // If settings string is found in url, enable and scroll.
952
- if (window.location.hash) {
953
- const setting_hash = window.location.hash.substring(1);
954
- // Enable and scroll to resize settings.
955
- if ("enable-resize" === setting_hash) {
956
- scroll_and_enable_resize();
957
- } else if ("enable-lossy" === setting_hash) {
958
- // Enable and scroll to lossy settings.
959
- scroll_and_enable_lossy();
960
- }
961
- }
962
-
963
- //Trigger Bulk
964
- $("body").on("click", ".wp-smush-trigger-bulk", function(e) {
965
- e.preventDefault();
966
-
967
- //Induce Setting button save click
968
- if (
969
- "undefined" !== typeof e.target.dataset.type &&
970
- "nextgen" === e.target.dataset.type
971
- ) {
972
- $(".wp-smush-nextgen-bulk").click();
973
- } else {
974
- $(".wp-smush-all").click();
975
- }
976
-
977
- $("span.sui-notice-dismiss").click();
978
- });
979
-
980
- //Trigger Bulk
981
- $("body").on("click", "#bulk-smush-top-notice-close", function(e) {
982
- e.preventDefault();
983
- $(this)
984
- .parent()
985
- .parent()
986
- .slideUp("slow");
987
- });
988
-
989
- //Allow the checkboxes to be Keyboard Accessible
990
- $(".wp-smush-setting-row .toggle-checkbox").focus(function() {
991
- //If Space is pressed
992
- $(this).keypress(function(e) {
993
- if (e.keyCode == 32) {
994
- e.preventDefault();
995
- $(this)
996
- .find(".toggle-checkbox")
997
- .click();
998
- }
999
- });
1000
- });
1001
-
1002
- // Re-Validate Resize Width And Height.
1003
- $("body").on("blur", ".wp-smush-resize-input", function() {
1004
- const self = $(this);
1005
-
1006
- const wrapper_div = self.parents().eq(4);
1007
-
1008
- // Initiate the check.
1009
- validate_resize_settings(wrapper_div, false, false); // run the validation.
1010
- });
1011
-
1012
- // Handle Resize Checkbox toggle, to show/hide width, height settings.
1013
- $("body").on(
1014
- "click",
1015
- "#wp-smush-resize, #wp-smush-resize-quick-setup",
1016
- function() {
1017
- const self = $(this);
1018
- const settings_wrap = $(".wp-smush-resize-settings-wrap");
1019
-
1020
- if (self.is(":checked")) {
1021
- settings_wrap.show();
1022
- } else {
1023
- settings_wrap.hide();
1024
- }
1025
- }
1026
- );
1027
-
1028
- // Handle Automatic Smush Checkbox toggle, to show/hide image size settings.
1029
- $("#column-wp-smush-auto").on("click", "#wp-smush-auto", function() {
1030
- const settings_wrap = $("#column-wp-smush-auto .auto-smush-notice");
1031
-
1032
- if ($(this).is(":checked")) {
1033
- settings_wrap.show();
1034
- } else {
1035
- settings_wrap.hide();
1036
- }
1037
- });
1038
-
1039
- // Handle auto detect checkbox toggle, to show/hide highlighting notice.
1040
- $("body").on("click", "#wp-smush-detection", function() {
1041
- const self = $(this);
1042
- const notice_wrap = $(".smush-highlighting-notice");
1043
- const warning_wrap = $(".smush-highlighting-warning");
1044
-
1045
- // Setting enabled.
1046
- if (self.is(":checked")) {
1047
- // Highlighting is already active and setting not saved.
1048
- if (notice_wrap.length > 0) {
1049
- notice_wrap.show();
1050
- } else {
1051
- warning_wrap.show();
1052
- }
1053
- } else {
1054
- notice_wrap.hide();
1055
- warning_wrap.hide();
1056
- }
1057
- });
1058
-
1059
- // Handle PNG to JPG Checkbox toggle, to show/hide Transparent image conversion settings.
1060
- $("#wp-smush-png_to_jpg").click(function() {
1061
- const self = $(this);
1062
- const settings_wrap = $(".wp-smush-png_to_jpg-wrap");
1063
-
1064
- if (self.is(":checked")) {
1065
- settings_wrap.show();
1066
- } else {
1067
- settings_wrap.hide();
1068
- }
1069
- });
1070
-
1071
- //Handle Re-check button functionality
1072
- $("#wp-smush-revalidate-member").on("click", function(e) {
1073
- e.preventDefault();
1074
- //Ajax Params
1075
- const params = {
1076
- action: "smush_show_warning"
1077
- };
1078
- const link = $(this);
1079
- const parent = link.parents().eq(1);
1080
- parent.addClass("loading-notice");
1081
- $.get(ajaxurl, params, function(r) {
1082
- //remove the warning
1083
- parent.removeClass("loading-notice").addClass("loaded-notice");
1084
- if (0 == r) {
1085
- parent.attr("data-message", wp_smush_msgs.membership_valid);
1086
- remove_element(parent, 1000);
1087
- } else {
1088
- parent.attr("data-message", wp_smush_msgs.membership_invalid);
1089
- setTimeout(function remove_loader() {
1090
- parent.removeClass("loaded-notice");
1091
- }, 1000);
1092
- }
1093
- });
1094
- });
1095
-
1096
- //Initiate Re-check if the variable is set
1097
- if (
1098
- "undefined" !== typeof wp_smush_run_re_check &&
1099
- 1 == wp_smush_run_re_check &&
1100
- $(".wp-smush-scan").length > 0
1101
- ) {
1102
- run_re_check(false);
1103
- }
1104
-
1105
- if ($("li.smush-dir-savings").length > 0) {
1106
- // Update Directory Smush, as soon as the page loads.
1107
- const stats_param = {
1108
- action: "get_dir_smush_stats"
1109
- };
1110
- $.get(ajaxurl, stats_param, function(r) {
1111
- //Hide the spinner
1112
- $("li.smush-dir-savings .sui-icon-loader").hide();
1113
-
1114
- //If there are no errors, and we have a message to display
1115
- if (!r.success && "undefined" !== typeof r.data.message) {
1116
- $("div.wp-smush-scan-result div.content").prepend(r.data.message);
1117
- return;
1118
- }
1119
-
1120
- //If there is no value in r
1121
- if (
1122
- "undefined" === typeof r.data ||
1123
- "undefined" === typeof r.data.dir_smush
1124
- ) {
1125
- //Append the text
1126
- $("li.smush-dir-savings span.wp-smush-stats").append(
1127
- wp_smush_msgs.ajax_error
1128
- );
1129
- $("li.smush-dir-savings span.wp-smush-stats span").hide();
1130
- } else {
1131
- //Update the stats
1132
- update_cummulative_stats(r.data);
1133
- }
1134
- });
1135
- }
1136
- //Close Directory smush modal, if pressed esc
1137
- $(document).keyup(function(e) {
1138
- if (e.keyCode === 27) {
1139
- const modal = $(
1140
- "div.dev-overlay.wp-smush-list-dialog, div.dev-overlay.wp-smush-get-pro"
1141
- );
1142
- //If the Directory dialog is not visible
1143
- if (!modal.is(":visible")) {
1144
- return;
1145
- }
1146
- modal.find("div.close").click();
1147
- }
1148
- });
1149
-
1150
- //Dismiss Smush recommendation
1151
- $("span.dismiss-recommendation").on("click", function(e) {
1152
- e.preventDefault();
1153
- const parent = $(this).parent();
1154
- //remove div and save preference in db
1155
- parent.hide("slow", function() {
1156
- parent.remove();
1157
- });
1158
- $.ajax({
1159
- type: "POST",
1160
- url: ajaxurl,
1161
- data: {
1162
- action: "hide_pagespeed_suggestion"
1163
- }
1164
- });
1165
- });
1166
-
1167
- //Remove API message
1168
- $("div.wp-smush-api-message i.icon-fi-close").on("click", function(e) {
1169
- e.preventDefault();
1170
- const parent = $(this).parent();
1171
- //remove div and save preference in db
1172
- parent.hide("slow", function() {
1173
- parent.remove();
1174
- });
1175
- $.ajax({
1176
- type: "POST",
1177
- url: ajaxurl,
1178
- data: {
1179
- action: "hide_api_message"
1180
- }
1181
- });
1182
- });
1183
-
1184
- /**
1185
- * Scroll to resize settings.
1186
- *
1187
- * @since 3.3.2
1188
- */
1189
- $("#close-resize-update-dialog").on("click", function(e) {
1190
- e.preventDefault();
1191
-
1192
- window.SUI.dialogs["resizing-update"].hide();
1193
-
1194
- goToByScroll("#column-wp-smush-resize");
1195
- });
1196
- });
 
 
 
1
+ import Smush from '../smush/smush';
2
+
3
+ const remove_element = function( el, timeout ) {
4
+ if ( typeof timeout === 'undefined' ) {
5
+ timeout = 100;
6
+ }
7
+ el.fadeTo( timeout, 0, function() {
8
+ el.slideUp( timeout, function() {
9
+ el.remove();
10
+ } );
11
+ } );
12
  };
13
 
14
+ jQuery( function( $ ) {
15
+ 'use strict';
16
+
17
+ /**
18
+ * Disable the action links *
19
+ *
20
+ * @param c_element
21
+ */
22
+ const disable_links = function( c_element ) {
23
+ const parent = c_element.parent();
24
+ //reduce parent opacity
25
+ parent.css( { opacity: '0.5' } );
26
+ //Disable Links
27
+ parent.find( 'a' ).attr( 'disabled', 'disabled' );
28
+ };
29
+
30
+ /**
31
+ * Enable the Action Links *
32
+ *
33
+ * @param c_element
34
+ */
35
+ const enable_links = function( c_element ) {
36
+ const parent = c_element.parent();
37
+
38
+ //reduce parent opacity
39
+ parent.css( { opacity: '1' } );
40
+ //Disable Links
41
+ parent.find( 'a' ).removeAttr( 'disabled' );
42
+ };
43
+
44
+ /**
45
+ * Restore image request with a specified action for Media Library / NextGen Gallery
46
+ *
47
+ * @param {Object} e
48
+ * @param {string} currentButton
49
+ * @param {string} smushAction
50
+ * @param {string} action
51
+ */
52
+ const process_smush_action = function(
53
+ e,
54
+ currentButton,
55
+ smushAction,
56
+ action
57
+ ) {
58
+ // If disabled.
59
+ if ( 'disabled' === currentButton.attr( 'disabled' ) ) {
60
+ return;
61
+ }
62
+
63
+ e.preventDefault();
64
+
65
+ // Remove Error.
66
+ $( '.wp-smush-error' ).remove();
67
+
68
+ // Hide stats.
69
+ $( '.smush-stats-wrapper' ).hide();
70
+
71
+ let mode = 'grid';
72
+ if ( 'smush_restore_image' === smushAction ) {
73
+ if (
74
+ $( document ).find( 'div.media-modal.wp-core-ui' ).length > 0
75
+ ) {
76
+ mode = 'grid';
77
+ } else {
78
+ mode =
79
+ window.location.search.indexOf( 'item' ) > -1
80
+ ? 'grid'
81
+ : 'list';
82
+ }
83
+ }
84
+
85
+ // Get the image ID and nonce.
86
+ const params = {
87
+ action: smushAction,
88
+ attachment_id: currentButton.data( 'id' ),
89
+ mode,
90
+ _nonce: currentButton.data( 'nonce' ),
91
+ };
92
+
93
+ // Reduce the opacity of stats and disable the click.
94
+ disable_links( currentButton );
95
+
96
+ currentButton.html(
97
+ '<span class="spinner wp-smush-progress">' +
98
+ wp_smush_msgs[ action ] +
99
+ '</span>'
100
+ );
101
+
102
+ // Restore the image.
103
+ $.post( ajaxurl, params, function( r ) {
104
+ // Reset all functionality.
105
+ enable_links( currentButton );
106
+
107
+ if ( r.success && 'undefined' !== typeof r.data ) {
108
+ // Replace in immediate parent for NextGEN.
109
+ if (
110
+ 'undefined' !== typeof this.data &&
111
+ this.data.indexOf( 'nextgen' ) > -1
112
+ ) {
113
+ // Show the smush button, and remove stats and restore option.
114
+ currentButton
115
+ .parents()
116
+ .eq( 1 )
117
+ .html( r.data.stats );
118
+ } else if ( 'restore' === action ) {
119
+ // Show the smush button, and remove stats and restore option.
120
+ currentButton
121
+ .parents()
122
+ .eq( 1 )
123
+ .html( r.data.stats );
124
+ } else {
125
+ currentButton
126
+ .parents()
127
+ .eq( 1 )
128
+ .html( r.data );
129
+ }
130
+
131
+ if ( 'undefined' !== typeof r.data && 'restore' === action ) {
132
+ Smush.updateImageStats( r.data.new_size );
133
+ }
134
+ } else if ( r.data.error_msg ) {
135
+ // Show error.
136
+ currentButton.parent().append( r.data.error_msg );
137
+ }
138
+ } );
139
+ };
140
+
141
+ /**
142
+ * Validates the Resize Width and Height against the Largest Thumbnail Width and Height
143
+ *
144
+ * @param wrapper_div jQuery object for the whole setting row wrapper div
145
+ * @param width_only Whether to validate only width
146
+ * @param height_only Validate only Height
147
+ * @return {boolean} All Good or not
148
+ */
149
+ const validate_resize_settings = function(
150
+ wrapper_div,
151
+ width_only,
152
+ height_only
153
+ ) {
154
+ const resize_checkbox = wrapper_div.find(
155
+ '#wp-smush-resize, #wp-smush-resize-quick-setup'
156
+ );
157
+
158
+ if ( ! height_only ) {
159
+ var width_input = wrapper_div.find(
160
+ '#wp-smush-resize_width, #quick-setup-resize_width'
161
+ );
162
+ var width_error_note = wrapper_div.find(
163
+ '.sui-notice-info.wp-smush-update-width'
164
+ );
165
+ }
166
+ if ( ! width_only ) {
167
+ var height_input = wrapper_div.find(
168
+ '#wp-smush-resize_height, #quick-setup-resize_height'
169
+ );
170
+ var height_error_note = wrapper_div.find(
171
+ '.sui-notice-info.wp-smush-update-height'
172
+ );
173
+ }
174
+
175
+ let width_error = false;
176
+ let height_error = false;
177
+
178
+ //If resize settings is not enabled, return true
179
+ if ( ! resize_checkbox.is( ':checked' ) ) {
180
+ return true;
181
+ }
182
+
183
+ //Check if we have localised width and height
184
+ if (
185
+ 'undefined' === typeof wp_smushit_data.resize_sizes ||
186
+ 'undefined' === typeof wp_smushit_data.resize_sizes.width
187
+ ) {
188
+ //Rely on server validation
189
+ return true;
190
+ }
191
+
192
+ //Check for width
193
+ if (
194
+ ! height_only &&
195
+ 'undefined' !== typeof width_input &&
196
+ parseInt( wp_smushit_data.resize_sizes.width ) >
197
+ parseInt( width_input.val() )
198
+ ) {
199
+ width_input.parent().addClass( 'sui-form-field-error' );
200
+ width_error_note.show( 'slow' );
201
+ width_error = true;
202
+ } else {
203
+ //Remove error class
204
+ width_input.parent().removeClass( 'sui-form-field-error' );
205
+ width_error_note.hide();
206
+ if ( height_input.hasClass( 'error' ) ) {
207
+ height_error_note.show( 'slow' );
208
+ }
209
+ }
210
+
211
+ //Check for height
212
+ if (
213
+ ! width_only &&
214
+ 'undefined' !== typeof height_input &&
215
+ parseInt( wp_smushit_data.resize_sizes.height ) >
216
+ parseInt( height_input.val() )
217
+ ) {
218
+ height_input.parent().addClass( 'sui-form-field-error' );
219
+ //If we are not showing the width error already
220
+ if ( ! width_error ) {
221
+ height_error_note.show( 'slow' );
222
+ }
223
+ height_error = true;
224
+ } else {
225
+ //Remove error class
226
+ height_input.parent().removeClass( 'sui-form-field-error' );
227
+ height_error_note.hide();
228
+ if ( width_input.hasClass( 'error' ) ) {
229
+ width_error_note.show( 'slow' );
230
+ }
231
+ }
232
+
233
+ if ( width_error || height_error ) {
234
+ return false;
235
+ }
236
+ return true;
237
+ };
238
+
239
+ /**
240
+ * Update the progress bar width if we have images that needs to be resmushed
241
+ *
242
+ * @param unsmushed_count
243
+ * @return {boolean}
244
+ */
245
+ const update_progress_bar_resmush = function( unsmushed_count ) {
246
+ if ( 'undefined' === typeof unsmushed_count ) {
247
+ return false;
248
+ }
249
+
250
+ const smushed_count = wp_smushit_data.count_total - unsmushed_count;
251
+
252
+ //Update the Progress Bar Width
253
+ // get the progress bar
254
+ const $progress_bar = jQuery(
255
+ '.bulk-smush-wrapper .wp-smush-progress-inner'
256
+ );
257
+ if ( $progress_bar.length < 1 ) {
258
+ return;
259
+ }
260
+
261
+ const width = ( smushed_count / wp_smushit_data.count_total ) * 100;
262
+
263
+ // increase progress
264
+ $progress_bar.css( 'width', width + '%' );
265
+ };
266
+
267
+ const run_re_check = function( process_settings ) {
268
+ const button = $( '.wp-smush-scan' );
269
+
270
+ // Empty the button text and add loader class.
271
+ button
272
+ .text( '' )
273
+ .addClass( 'sui-button-onload sui-icon-loader sui-loading' )
274
+ .blur();
275
+
276
+ // Check if type is set in data attributes.
277
+ let scan_type = button.data( 'type' );
278
+ scan_type = 'undefined' === typeof scan_type ? 'media' : scan_type;
279
+
280
+ // Remove the Skip resmush attribute from button.
281
+ $( '.wp-smush-all' ).removeAttr( 'data-smush' );
282
+
283
+ // Remove notices.
284
+ const notices = $( '.sui-notice-top.sui-notice-success' );
285
+ notices.slideUp( 100, function() {
286
+ notices.remove();
287
+ } );
288
+
289
+ // Disable Bulk smush button and itself.
290
+ $( '.wp-smush-all' ).attr( 'disabled', 'disabled' );
291
+
292
+ // Hide Settings changed Notice.
293
+ $( '.wp-smush-settings-changed' ).hide();
294
+
295
+ // Ajax params.
296
+ const params = {
297
+ action: 'scan_for_resmush',
298
+ type: scan_type,
299
+ get_ui: true,
300
+ process_settings,
301
+ wp_smush_options_nonce: jQuery( '#wp_smush_options_nonce' ).val(),
302
+ };
303
+
304
+ // Send ajax request and get ids if any.
305
+ $.get( ajaxurl, params, function( r ) {
306
+ // Check if we have the ids, initialize the local variable.
307
+ if ( 'undefined' !== typeof r.data ) {
308
+ // Update Resmush id list.
309
+ if ( 'undefined' !== typeof r.data.resmush_ids ) {
310
+ wp_smushit_data.resmush = r.data.resmush_ids;
311
+
312
+ // Update wp_smushit_data ( Smushed count, Smushed Percent, Image count, Super smush count, resize savings, conversion savings ).
313
+ if ( 'undefinied' !== typeof wp_smushit_data ) {
314
+ wp_smushit_data.count_smushed =
315
+ 'undefined' !== typeof r.data.count_smushed
316
+ ? r.data.count_smushed
317
+ : wp_smushit_data.count_smushed;
318
+ wp_smushit_data.count_supersmushed =
319
+ 'undefined' !== typeof r.data.count_supersmushed
320
+ ? r.data.count_supersmushed
321
+ : wp_smushit_data.count_supersmushed;
322
+ wp_smushit_data.count_images =
323
+ 'undefined' !== typeof r.data.count_image
324
+ ? r.data.count_image
325
+ : wp_smushit_data.count_images;
326
+ wp_smushit_data.size_before =
327
+ 'undefined' !== typeof r.data.size_before
328
+ ? r.data.size_before
329
+ : wp_smushit_data.size_before;
330
+ wp_smushit_data.size_after =
331
+ 'undefined' !== typeof r.data.size_after
332
+ ? r.data.size_after
333
+ : wp_smushit_data.size_after;
334
+ wp_smushit_data.savings_resize =
335
+ 'undefined' !== typeof r.data.savings_resize
336
+ ? r.data.savings_resize
337
+ : wp_smushit_data.savings_resize;
338
+ wp_smushit_data.savings_conversion =
339
+ 'undefined' !== typeof r.data.savings_conversion
340
+ ? r.data.savings_conversion
341
+ : wp_smushit_data.savings_conversion;
342
+ wp_smushit_data.count_resize =
343
+ 'undefined' !== typeof r.data.count_resize
344
+ ? r.data.count_resize
345
+ : wp_smushit_data.count_resize;
346
+ }
347
+
348
+ if ( 'nextgen' === scan_type ) {
349
+ wp_smushit_data.bytes =
350
+ parseInt( wp_smushit_data.size_before ) -
351
+ parseInt( wp_smushit_data.size_after );
352
+ }
353
+
354
+ // Hide the Existing wrapper.
355
+ const notices = $( '.bulk-smush-wrapper .sui-notice' );
356
+ if ( notices.length > 0 ) {
357
+ notices.hide();
358
+ $( '.wp-smush-pagespeed-recommendation' ).hide();
359
+ }
360
+ // Remove existing Re-Smush notices.
361
+ $( '.wp-smush-resmush-notice' ).remove();
362
+
363
+ // Show Bulk wrapper.
364
+ $( '.wp-smush-bulk-wrapper' ).show();
365
+ }
366
+ // If content is received, Prepend it.
367
+ if ( 'undefined' !== typeof r.data.content ) {
368
+ $(
369
+ '.bulk-smush-wrapper .sui-box-body > p:first-of-type'
370
+ ).after( r.data.content );
371
+ }
372
+ // If we have any notice to show.
373
+ if ( 'undefined' !== typeof r.data.notice ) {
374
+ let type = 'success';
375
+ if ( 'undefined' !== typeof r.data.noticeType ) {
376
+ type = r.data.noticeType;
377
+ }
378
+ window.SUI.openNotice(
379
+ 'wp-smush-ajax-notice',
380
+ '<p>' + r.data.notice + '</p>',
381
+ { type, icon: 'check-tick' }
382
+ );
383
+ }
384
+ // Hide errors.
385
+ $( 'div.smush-final-log' ).hide();
386
+
387
+ // Hide Super Smush notice if it's enabled in media settings.
388
+ if (
389
+ 'undefined' !== typeof r.data.super_smush &&
390
+ r.data.super_smush
391
+ ) {
392
+ const enable_lossy = jQuery( '.wp-smush-enable-lossy' );
393
+ if ( enable_lossy.length > 0 ) {
394
+ enable_lossy.remove();
395
+ }
396
+ if ( 'undefined' !== r.data.super_smush_stats ) {
397
+ $( '.super-smush-attachments .wp-smush-stats' ).html(
398
+ r.data.super_smush_stats
399
+ );
400
+ }
401
+ }
402
+ Smush.updateStats( scan_type );
403
+ }
404
+ } ).always( function() {
405
+ // Hide the progress bar.
406
+ jQuery(
407
+ '.bulk-smush-wrapper .wp-smush-bulk-progress-bar-wrapper'
408
+ ).hide();
409
+
410
+ // Add check complete status to button.
411
+ button
412
+ .text( wp_smush_msgs.resmush_complete )
413
+ .removeClass( 'sui-button-onload sui-icon-loader sui-loading' )
414
+ .addClass( 'smush-button-check-success' );
415
+
416
+ // Remove success message from button.
417
+ setTimeout( function() {
418
+ button
419
+ .removeClass( 'smush-button-check-success' )
420
+ .html(
421
+ '<i class="sui-icon-update" aria-hidden="true"></i>' +
422
+ wp_smush_msgs.resmush_check
423
+ );
424
+ }, 2000 );
425
+
426
+ $( '.wp-smush-all' ).removeAttr( 'disabled' );
427
+ } );
428
+ };
429
+
430
+ // Scroll the element to top of the page.
431
+ const goToByScroll = function( selector ) {
432
+ // Scroll if element found.
433
+ if ( $( selector ).length > 0 ) {
434
+ $( 'html, body' ).animate(
435
+ {
436
+ scrollTop: $( selector ).offset().top - 100,
437
+ },
438
+ 'slow'
439
+ );
440
+ }
441
+ };
442
+
443
+ const update_cummulative_stats = function( stats ) {
444
+ //Update Directory Smush Stats
445
+ if ( 'undefined' !== typeof stats.dir_smush ) {
446
+ const stats_human = $(
447
+ 'li.smush-dir-savings span.wp-smush-stats span.wp-smush-stats-human'
448
+ );
449
+ const stats_percent = $(
450
+ 'li.smush-dir-savings span.wp-smush-stats span.wp-smush-stats-percent'
451
+ );
452
+
453
+ // Do not replace if 0 savings.
454
+ if ( stats.dir_smush.bytes > 0 ) {
455
+ $( '.wp-smush-dir-link' ).addClass( 'sui-hidden' );
456
+
457
+ // Hide selector.
458
+ $(
459
+ 'li.smush-dir-savings .wp-smush-stats-label-message'
460
+ ).hide();
461
+ //Update Savings in bytes
462
+ if ( stats_human.length > 0 ) {
463
+ stats_human.html( stats.dir_smush.human );
464
+ } else {
465
+ var span =
466
+ '<span class="wp-smush-stats-human">' +
467
+ stats.dir_smush.bytes +
468
+ '</span>';
469
+ }
470
+
471
+ //Percentage section
472
+ if ( stats.dir_smush.percent > 0 ) {
473
+ // Show size and percentage separator.
474
+ $(
475
+ 'li.smush-dir-savings span.wp-smush-stats span.wp-smush-stats-sep'
476
+ ).removeClass( 'sui-hidden' );
477
+ //Update Optimisation percentage
478
+ if ( stats_percent.length > 0 ) {
479
+ stats_percent.html( stats.dir_smush.percent + '%' );
480
+ } else {
481
+ var span =
482
+ '<span class="wp-smush-stats-percent">' +
483
+ stats.dir_smush.percent +
484
+ '%' +
485
+ '</span>';
486
+ }
487
+ }
488
+ } else {
489
+ $( '.wp-smush-dir-link' ).removeClass( 'sui-hidden' );
490
+ }
491
+ }
492
+
493
+ //Update Combined stats
494
+ if (
495
+ 'undefined' !== typeof stats.combined_stats &&
496
+ stats.combined_stats.length > 0
497
+ ) {
498
+ const c_stats = stats.combined_stats;
499
+
500
+ let smush_percent = ( c_stats.smushed / c_stats.total_count ) * 100;
501
+ smush_percent = WP_Smush.helpers.precise_round( smush_percent, 1 );
502
+
503
+ //Smushed Percent
504
+ if ( smush_percent ) {
505
+ $(
506
+ 'div.wp-smush-count-total span.wp-smush-images-percent'
507
+ ).html( smush_percent );
508
+ }
509
+ //Update Total Attachment Count
510
+ if ( c_stats.total_count ) {
511
+ $(
512
+ 'span.wp-smush-count-total span.wp-smush-total-optimised'
513
+ ).html( c_stats.total_count );
514
+ }
515
+ //Update Savings and Percent
516
+ if ( c_stats.savings ) {
517
+ $( 'span.wp-smush-savings span.wp-smush-stats-human' ).html(
518
+ c_stats.savings
519
+ );
520
+ }
521
+ if ( c_stats.percent ) {
522
+ $( 'span.wp-smush-savings span.wp-smush-stats-percent' ).html(
523
+ c_stats.percent
524
+ );
525
+ }
526
+ }
527
+ };
528
+
529
+ /**
530
+ * When 'All' is selected for the Image Sizes setting, select all available sizes.
531
+ *
532
+ * @since 3.2.1
533
+ */
534
+ $( '#all-image-sizes' ).on( 'change', function() {
535
+ $( 'input[name^="wp-smush-image_sizes"]' ).prop( 'checked', true );
536
+ } );
537
+
538
+ /**
539
+ * Handle re-check api status button click (Settings)
540
+ *
541
+ * @since 3.2.0.2
542
+ */
543
+ $( '#wp-smush-update-api-status' ).on( 'click', function( e ) {
544
+ e.preventDefault();
545
+
546
+ //$(this).prop('disabled', true);
547
+ $( this ).addClass( 'sui-button-onload' );
548
+
549
+ $.post( ajaxurl, { action: 'recheck_api_status' }, function() {
550
+ location.reload();
551
+ } );
552
+ } );
553
+
554
+ /**
555
+ * Handle the Smush Stats link click
556
+ */
557
+ $( 'body' ).on( 'click', 'a.smush-stats-details', function( e ) {
558
+ //If disabled
559
+ if ( 'disabled' == $( this ).attr( 'disabled' ) ) {
560
+ return false;
561
+ }
562
+
563
+ // prevent the default action
564
+ e.preventDefault();
565
+ //Replace the `+` with a `-`
566
+ const slide_symbol = $( this ).find( '.stats-toggle' );
567
+ $( this )
568
+ .parents()
569
+ .eq( 1 )
570
+ .find( '.smush-stats-wrapper' )
571
+ .slideToggle();
572
+ slide_symbol.text( slide_symbol.text() == '+' ? '-' : '+' );
573
+ } );
574
+
575
+ /** Handle smush button click **/
576
+ $( 'body' ).on( 'click', '.wp-smush-send:not(.wp-smush-resmush)', function(
577
+ e
578
+ ) {
579
+ // prevent the default action
580
+ e.preventDefault();
581
+ new Smush( $( this ), false );
582
+ } );
583
+
584
+ /** Handle show in bulk smush button click **/
585
+ $( 'body' ).on( 'click', '.wp-smush-remove-skipped', function( e ) {
586
+ e.preventDefault();
587
+
588
+ const self = $( this );
589
+
590
+ // Send Ajax request to remove the image from the skip list.
591
+ $.post( ajaxurl, {
592
+ action: 'remove_from_skip_list',
593
+ id: self.attr( 'data-id' ),
594
+ } ).done( ( response ) => {
595
+ if (
596
+ response.success &&
597
+ 'undefined' !== typeof response.data.links
598
+ ) {
599
+ self.parent()
600
+ .parent()
601
+ .find( '.smush-status' )
602
+ .text( wp_smush_msgs.not_processed );
603
+ e.target.closest( '.smush-status-links' ).innerHTML =
604
+ response.data.links;
605
+ }
606
+ } );
607
+ } );
608
+
609
+ /** Handle NextGen Gallery smush button click **/
610
+ $( 'body' ).on( 'click', '.wp-smush-nextgen-send', function( e ) {
611
+ // prevent the default action
612
+ e.preventDefault();
613
+ new Smush( $( this ), false, 'nextgen' );
614
+ } );
615
+
616
+ /** Handle NextGen Gallery Bulk smush button click **/
617
+ $( 'body' ).on( 'click', '.wp-smush-nextgen-bulk', function( e ) {
618
+ // prevent the default action
619
+ e.preventDefault();
620
+
621
+ // Remove existing Re-Smush notices.
622
+ $( '.wp-smush-resmush-notice' ).remove();
623
+
624
+ //Check for ids, if there is none (Unsmushed or lossless), don't call smush function
625
+ if (
626
+ 'undefined' === typeof wp_smushit_data ||
627
+ ( wp_smushit_data.unsmushed.length === 0 &&
628
+ wp_smushit_data.resmush.length === 0 )
629
+ ) {
630
+ return false;
631
+ }
632
+
633
+ jQuery( '.wp-smush-all, .wp-smush-scan' ).attr(
634
+ 'disabled',
635
+ 'disabled'
636
+ );
637
+ $( '.wp-smush-notice.wp-smush-remaining' ).hide();
638
+ new Smush( $( this ), true, 'nextgen' );
639
+ } );
640
+
641
+ /** Restore: Media Library **/
642
+ $( 'body' ).on( 'click', '.wp-smush-action.wp-smush-restore', function(
643
+ e
644
+ ) {
645
+ const current_button = $( this );
646
+ process_smush_action(
647
+ e,
648
+ current_button,
649
+ 'smush_restore_image',
650
+ 'restore'
651
+ );
652
+ } );
653
+
654
+ /** Resmush: Media Library **/
655
+ $( 'body' ).on( 'click', '.wp-smush-action.wp-smush-resmush', function(
656
+ e
657
+ ) {
658
+ process_smush_action( e, $( this ), 'smush_resmush_image', 'smushing' );
659
+ } );
660
+
661
+ /** Restore: NextGen Gallery **/
662
+ $( 'body' ).on(
663
+ 'click',
664
+ '.wp-smush-action.wp-smush-nextgen-restore',
665
+ function( e ) {
666
+ process_smush_action(
667
+ e,
668
+ $( this ),
669
+ 'smush_restore_nextgen_image',
670
+ 'restore'
671
+ );
672
+ }
673
+ );
674
+
675
+ /** Resmush: NextGen Gallery **/
676
+ $( 'body' ).on(
677
+ 'click',
678
+ '.wp-smush-action.wp-smush-nextgen-resmush',
679
+ function( e ) {
680
+ process_smush_action(
681
+ e,
682
+ $( this ),
683
+ 'smush_resmush_nextgen_image',
684
+ 'smushing'
685
+ );
686
+ }
687
+ );
688
+
689
+ //Scan For resmushing images
690
+ $( '.wp-smush-scan' ).on( 'click', function( e ) {
691
+ e.preventDefault();
692
+ run_re_check( false );
693
+ } );
694
+
695
+ //Dismiss Welcome notice
696
+ //@todo: Use it for popup
697
+ $( '#wp-smush-welcome-box .smush-dismiss-welcome' ).on( 'click', function(
698
+ e
699
+ ) {
700
+ e.preventDefault();
701
+ const $el = $( this )
702
+ .parents()
703
+ .eq( 1 );
704
+ remove_element( $el );
705
+
706
+ //Send a ajax request to save the dismissed notice option
707
+ const param = {
708
+ action: 'dismiss_welcome_notice',
709
+ };
710
+ $.post( ajaxurl, param );
711
+ } );
712
+
713
+ //Remove Notice
714
+ $( 'body' ).on( 'click', '.wp-smush-notice .icon-fi-close', function( e ) {
715
+ e.preventDefault();
716
+ const $el = $( this ).parent();
717
+ remove_element( $el );
718
+ } );
719
+
720
+ /**
721
+ * Parse remove data change.
722
+ */
723
+ $( 'input[name=wp-smush-keep_data]' ).on( 'change', function( e ) {
724
+ const otherClass =
725
+ 'keep_data-true' === e.target.id
726
+ ? 'keep_data-false'
727
+ : 'keep_data-true';
728
+ e.target.parentNode.classList.add( 'active' );
729
+ document
730
+ .getElementById( otherClass )
731
+ .parentNode.classList.remove( 'active' );
732
+ } );
733
+
734
+ // On Click Update Settings. Check for change in settings.
735
+ $( 'button#wp-smush-save-settings' ).on( 'click', function( e ) {
736
+ e.preventDefault();
737
+
738
+ let setting_type = '';
739
+ const setting_input = $( 'input[name="setting-type"]' );
740
+ // Check if setting type is set in the form.
741
+ if ( setting_input.length > 0 ) {
742
+ setting_type = setting_input.val();
743
+ }
744
+
745
+ // Show the spinner.
746
+ const self = $( this );
747
+ self.parent()
748
+ .find( 'span.sui-icon-loader.sui-loading' )
749
+ .removeClass( 'sui-hidden' );
750
+
751
+ // Save settings if in network admin.
752
+ if ( '' != setting_type && 'network' == setting_type ) {
753
+ // Ajax param.
754
+ let param = {
755
+ action: 'save_settings',
756
+ wp_smush_options_nonce: $( '#wp_smush_options_nonce' ).val(),
757
+ };
758
+
759
+ param =
760
+ jQuery.param( param ) +
761
+ '&' +
762
+ jQuery( 'form#wp-smush-settings-form' ).serialize();
763
+
764
+ // Send ajax, Update Settings, And Check For resmush.
765
+ jQuery.post( ajaxurl, param ).done( function() {
766
+ jQuery( 'form#wp-smush-settings-form' ).submit();
767
+ return true;
768
+ } );
769
+ } else {
770
+ $( '.wp-smush-hex-notice' ).hide();
771
+
772
+ // Update text.
773
+ self.attr( 'disabled', 'disabled' ).addClass( 'button-grey' );
774
+
775
+ // Update save button text.
776
+ if (
777
+ 'undefined' !== typeof self.attr( 'data-msg' ) &&
778
+ self.attr( 'data-msg' ).length > 0
779
+ ) {
780
+ self.html( self.attr( 'data-msg' ) );
781
+ } else {
782
+ self.html( wp_smush_msgs.checking );
783
+ }
784
+
785
+ // Check if type is set in data attributes.
786
+ let scan_type = self.data( 'type' );
787
+ scan_type = 'undefined' === typeof scan_type ? 'media' : scan_type;
788
+
789
+ // Ajax param.
790
+ let param = {
791
+ action: 'scan_for_resmush',
792
+ wp_smush_options_nonce: jQuery(
793
+ '#wp_smush_options_nonce'
794
+ ).val(),
795
+ type: scan_type,
796
+ };
797
+
798
+ param =
799
+ jQuery.param( param ) +
800
+ '&' +
801
+ jQuery( 'form#wp-smush-settings-form' ).serialize();
802
+
803
+ // Send ajax, Update Settings, And Check For resmush.
804
+ jQuery.post( ajaxurl, param ).done( function() {
805
+ jQuery( 'form#wp-smush-settings-form' ).submit();
806
+ return true;
807
+ } );
808
+ }
809
+ } );
810
+
811
+ // On re-Smush click.
812
+ $( 'body' ).on( 'click', '.wp-smush-skip-resmush', function( e ) {
813
+ e.preventDefault();
814
+
815
+ const self = jQuery( this ),
816
+ container = self.parents().eq( 1 ),
817
+ el = self.parent();
818
+
819
+ // Remove Parent div.
820
+ remove_element( el );
821
+
822
+ // Remove Settings Notice.
823
+ $( '.sui-notice-top.sui-notice-success' ).remove();
824
+
825
+ // Set button attribute to skip re-smush ids.
826
+ container.find( '.wp-smush-all' ).attr( 'data-smush', 'skip_resmush' );
827
+
828
+ // Update Smushed count.
829
+ wp_smushit_data.count_smushed =
830
+ parseInt( wp_smushit_data.count_smushed ) +
831
+ wp_smushit_data.resmush.length;
832
+ wp_smushit_data.count_supersmushed =
833
+ parseInt( wp_smushit_data.count_supersmushed ) +
834
+ wp_smushit_data.resmush.length;
835
+
836
+ // Update stats.
837
+ if ( wp_smushit_data.count_smushed === wp_smushit_data.count_total ) {
838
+ // Show all done notice.
839
+ $(
840
+ '.wp-smush-notice.wp-smush-all-done, .wp-smush-pagespeed-recommendation'
841
+ ).show();
842
+
843
+ // Hide Smush button.
844
+ $( '.wp-smush-bulk-wrapper ' ).hide();
845
+ }
846
+
847
+ // Remove re-Smush notice.
848
+ $( '.wp-smush-resmush-notice' ).remove();
849
+
850
+ let type = $( '.wp-smush-scan' ).data( 'type' );
851
+ type = 'undefined' === typeof type ? 'media' : type;
852
+
853
+ const smushed_count =
854
+ 'undefined' !== typeof wp_smushit_data.count_smushed
855
+ ? wp_smushit_data.count_smushed
856
+ : 0;
857
+
858
+ let smush_percent =
859
+ ( smushed_count / wp_smushit_data.count_total ) * 100;
860
+ smush_percent = WP_Smush.helpers.precise_round( smush_percent, 1 );
861
+
862
+ $( '.wp-smush-images-percent' ).html( smush_percent );
863
+
864
+ // Update the progress bar width. Get the progress bar.
865
+ const progress_bar = jQuery(
866
+ '.bulk-smush-wrapper .wp-smush-progress-inner'
867
+ );
868
+ if ( progress_bar.length < 1 ) {
869
+ return;
870
+ }
871
+
872
+ // Increase progress.
873
+ progress_bar.css( 'width', smush_percent + '%' );
874
+
875
+ // Show the default bulk smush notice.
876
+ $( '.wp-smush-bulk-wrapper' ).show();
877
+ $( '.wp-smush-bulk-wrapper .sui-notice' ).show();
878
+
879
+ const params = {
880
+ action: 'delete_resmush_list',
881
+ type,
882
+ };
883
+
884
+ //Delete resmush list, @todo: update stats from the ajax response
885
+ $.post( ajaxurl, params, function( res ) {
886
+ // Remove the whole li element on success
887
+ if ( res.success && 'undefined' !== typeof res.data.stats ) {
888
+ const stats = res.data.stats;
889
+ // Update wp_smushit_data ( Smushed count, Smushed Percent, Image count, Super smush count, resize savings, conversion savings )
890
+ if ( 'undefinied' !== typeof wp_smushit_data ) {
891
+ wp_smushit_data.count_images =
892
+ 'undefined' !== typeof stats.count_images
893
+ ? parseInt( wp_smushit_data.count_images ) +
894
+ stats.count_images
895
+ : wp_smushit_data.count_images;
896
+ wp_smushit_data.size_before =
897
+ 'undefined' !== typeof stats.size_before
898
+ ? parseInt( wp_smushit_data.size_before ) +
899
+ stats.size_before
900
+ : wp_smushit_data.size_before;
901
+ wp_smushit_data.size_after =
902
+ 'undefined' !== typeof stats.size_after
903
+ ? parseInt( wp_smushit_data.size_after ) +
904
+ stats.size_after
905
+ : wp_smushit_data.size_after;
906
+ wp_smushit_data.savings_resize =
907
+ 'undefined' !== typeof stats.savings_resize
908
+ ? parseInt( wp_smushit_data.savings_resize ) +
909
+ stats.savings_resize
910
+ : wp_smushit_data.savings_resize;
911
+ wp_smushit_data.savings_conversion =
912
+ 'undefined' !== typeof stats.savings_conversion
913
+ ? parseInt( wp_smushit_data.savings_conversion ) +
914
+ stats.savings_conversion
915
+ : wp_smushit_data.savings_conversion;
916
+
917
+ // Add directory smush stats.
918
+ if (
919
+ 'undefined' !==
920
+ typeof wp_smushit_data.savings_dir_smush &&
921
+ 'undefined' !==
922
+ typeof wp_smushit_data.savings_dir_smush.orig_size
923
+ ) {
924
+ wp_smushit_data.size_before =
925
+ 'undefined' !==
926
+ typeof wp_smushit_data.savings_dir_smush
927
+ ? parseInt( wp_smushit_data.size_before ) +
928
+ parseInt(
929
+ wp_smushit_data.savings_dir_smush
930
+ .orig_size
931
+ )
932
+ : wp_smushit_data.size_before;
933
+ wp_smushit_data.size_after =
934
+ 'undefined' !==
935
+ typeof wp_smushit_data.savings_dir_smush
936
+ ? parseInt( wp_smushit_data.size_after ) +
937
+ parseInt(
938
+ wp_smushit_data.savings_dir_smush
939
+ .image_size
940
+ )
941
+ : wp_smushit_data.size_after;
942
+ }
943
+
944
+ wp_smushit_data.count_resize =
945
+ 'undefined' !== typeof stats.count_resize
946
+ ? parseInt( wp_smushit_data.count_resize ) +
947
+ stats.count_resize
948
+ : wp_smushit_data.count_resize;
949
+ }
950
+ // Smush notice.
951
+ const remainingCountDiv = $(
952
+ '.bulk-smush-wrapper .wp-smush-remaining-count'
953
+ );
954
+ if (
955
+ remainingCountDiv.length &&
956
+ 'undefined' !== typeof wp_smushit_data.unsmushed
957
+ ) {
958
+ remainingCountDiv.html( wp_smushit_data.unsmushed.length );
959
+ }
960
+
961
+ // If no images left, hide the notice, show all success notice.
962
+ if (
963
+ 'undefined' !== typeof wp_smushit_data.unsmushed ||
964
+ wp_smushit_data.unsmushed.length === 0
965
+ ) {
966
+ $( '.wp-smush-bulk-wrapper .sui-notice' ).hide();
967
+ $( '.sui-notice-success.wp-smush-all-done' ).show();
968
+ }
969
+
970
+ Smush.updateStats();
971
+ }
972
+ } );
973
+ } );
974
+
975
+ // Enable super smush on clicking link from stats area.
976
+ $( 'a.wp-smush-lossy-enable' ).on( 'click', function( e ) {
977
+ e.preventDefault();
978
+ // Scroll down to settings area.
979
+ goToByScroll( '#column-wp-smush-lossy' );
980
+ } );
981
+
982
+ // Enable resize on clicking link from stats area.
983
+ $( '.wp-smush-resize-enable' ).on( 'click', function( e ) {
984
+ e.preventDefault();
985
+ // Scroll down to settings area.
986
+ goToByScroll( '#column-wp-smush-resize' );
987
+ } );
988
+
989
+ // If settings string is found in url, enable and scroll.
990
+ if ( window.location.hash ) {
991
+ const setting_hash = window.location.hash.substring( 1 );
992
+ // Enable and scroll to resize settings.
993
+ if ( 'enable-resize' === setting_hash ) {
994
+ goToByScroll( '#column-wp-smush-resize' );
995
+ } else if ( 'enable-lossy' === setting_hash ) {
996
+ // Enable and scroll to lossy settings.
997
+ goToByScroll( '#column-wp-smush-lossy' );
998
+ }
999
+ }
1000
+
1001
+ //Trigger Bulk
1002
+ $( 'body' ).on( 'click', '.wp-smush-trigger-bulk', function( e ) {
1003
+ e.preventDefault();
1004
+
1005
+ //Induce Setting button save click
1006
+ if (
1007
+ 'undefined' !== typeof e.target.dataset.type &&
1008
+ 'nextgen' === e.target.dataset.type
1009
+ ) {
1010
+ $( '.wp-smush-nextgen-bulk' ).click();
1011
+ } else {
1012
+ $( '.wp-smush-all' ).click();
1013
+ }
1014
+
1015
+ $( 'span.sui-notice-dismiss' ).click();
1016
+ } );
1017
+
1018
+ //Trigger Bulk
1019
+ $( 'body' ).on( 'click', '#bulk-smush-top-notice-close', function( e ) {
1020
+ e.preventDefault();
1021
+ $( this )
1022
+ .parent()
1023
+ .parent()
1024
+ .slideUp( 'slow' );
1025
+ } );
1026
+
1027
+ //Allow the checkboxes to be Keyboard Accessible
1028
+ $( '.wp-smush-setting-row .toggle-checkbox' ).focus( function() {
1029
+ //If Space is pressed
1030
+ $( this ).keypress( function( e ) {
1031
+ if ( e.keyCode == 32 ) {
1032
+ e.preventDefault();
1033
+ $( this )
1034
+ .find( '.toggle-checkbox' )
1035
+ .click();
1036
+ }
1037
+ } );
1038
+ } );
1039
+
1040
+ // Re-Validate Resize Width And Height.
1041
+ $( 'body' ).on( 'blur', '.wp-smush-resize-input', function() {
1042
+ const self = $( this );
1043
+
1044
+ const wrapper_div = self.parents().eq( 4 );
1045
+
1046
+ // Initiate the check.
1047
+ validate_resize_settings( wrapper_div, false, false ); // run the validation.
1048
+ } );
1049
+
1050
+ // Handle Resize Checkbox toggle, to show/hide width, height settings.
1051
+ $( 'body' ).on(
1052
+ 'click',
1053
+ '#wp-smush-resize, #wp-smush-resize-quick-setup',
1054
+ function() {
1055
+ const self = $( this );
1056
+ const settings_wrap = $( '.wp-smush-resize-settings-wrap' );
1057
+
1058
+ if ( self.is( ':checked' ) ) {
1059
+ settings_wrap.show();
1060
+ } else {
1061
+ settings_wrap.hide();
1062
+ }
1063
+ }
1064
+ );
1065
+
1066
+ // Handle auto detect checkbox toggle, to show/hide highlighting notice.
1067
+ $( 'body' ).on( 'click', '#wp-smush-detection', function() {
1068
+ const self = $( this );
1069
+ const notice_wrap = $( '.smush-highlighting-notice' );
1070
+ const warning_wrap = $( '.smush-highlighting-warning' );
1071
+
1072
+ // Setting enabled.
1073
+ if ( self.is( ':checked' ) ) {
1074
+ // Highlighting is already active and setting not saved.
1075
+ if ( notice_wrap.length > 0 ) {
1076
+ notice_wrap.show();
1077
+ } else {
1078
+ warning_wrap.show();
1079
+ }
1080
+ } else {
1081
+ notice_wrap.hide();
1082
+ warning_wrap.hide();
1083
+ }
1084
+ } );
1085
+
1086
+ // Handle PNG to JPG Checkbox toggle, to show/hide Transparent image conversion settings.
1087
+ $( '#wp-smush-png_to_jpg' ).click( function() {
1088
+ const self = $( this );
1089
+ const settings_wrap = $( '.wp-smush-png_to_jpg-wrap' );
1090
+
1091
+ if ( self.is( ':checked' ) ) {
1092
+ settings_wrap.show();
1093
+ } else {
1094
+ settings_wrap.hide();
1095
+ }
1096
+ } );
1097
+
1098
+ //Handle Re-check button functionality
1099
+ $( '#wp-smush-revalidate-member' ).on( 'click', function( e ) {
1100
+ e.preventDefault();
1101
+ //Ajax Params
1102
+ const params = {
1103
+ action: 'smush_show_warning',
1104
+ };
1105
+ const link = $( this );
1106
+ const parent = link.parents().eq( 1 );
1107
+ parent.addClass( 'loading-notice' );
1108
+ $.get( ajaxurl, params, function( r ) {
1109
+ //remove the warning
1110
+ parent.removeClass( 'loading-notice' ).addClass( 'loaded-notice' );
1111
+ if ( 0 == r ) {
1112
+ parent.attr( 'data-message', wp_smush_msgs.membership_valid );
1113
+ remove_element( parent, 1000 );
1114
+ } else {
1115
+ parent.attr( 'data-message', wp_smush_msgs.membership_invalid );
1116
+ setTimeout( function remove_loader() {
1117
+ parent.removeClass( 'loaded-notice' );
1118
+ }, 1000 );
1119
+ }
1120
+ } );
1121
+ } );
1122
+
1123
+ if ( $( 'li.smush-dir-savings' ).length > 0 ) {
1124
+ // Update Directory Smush, as soon as the page loads.
1125
+ const stats_param = {
1126
+ action: 'get_dir_smush_stats',
1127
+ };
1128
+ $.get( ajaxurl, stats_param, function( r ) {
1129
+ //Hide the spinner
1130
+ $( 'li.smush-dir-savings .sui-icon-loader' ).hide();
1131
+
1132
+ //If there are no errors, and we have a message to display
1133
+ if ( ! r.success && 'undefined' !== typeof r.data.message ) {
1134
+ $( 'div.wp-smush-scan-result div.content' ).prepend(
1135
+ r.data.message
1136
+ );
1137
+ return;
1138
+ }
1139
+
1140
+ //If there is no value in r
1141
+ if (
1142
+ 'undefined' === typeof r.data ||
1143
+ 'undefined' === typeof r.data.dir_smush
1144
+ ) {
1145
+ //Append the text
1146
+ $( 'li.smush-dir-savings span.wp-smush-stats' ).append(
1147
+ wp_smush_msgs.ajax_error
1148
+ );
1149
+ $( 'li.smush-dir-savings span.wp-smush-stats span' ).hide();
1150
+ } else {
1151
+ //Update the stats
1152
+ update_cummulative_stats( r.data );
1153
+ }
1154
+ } );
1155
+ }
1156
+ //Close Directory smush modal, if pressed esc
1157
+ $( document ).keyup( function( e ) {
1158
+ if ( e.keyCode === 27 ) {
1159
+ const modal = $(
1160
+ 'div.dev-overlay.wp-smush-list-dialog, div.dev-overlay.wp-smush-get-pro'
1161
+ );
1162
+ //If the Directory dialog is not visible
1163
+ if ( ! modal.is( ':visible' ) ) {
1164
+ return;
1165
+ }
1166
+ modal.find( 'div.close' ).click();
1167
+ }
1168
+ } );
1169
+
1170
+ //Dismiss Smush recommendation
1171
+ $( 'span.dismiss-recommendation' ).on( 'click', function( e ) {
1172
+ e.preventDefault();
1173
+ const parent = $( this ).parent();
1174
+ //remove div and save preference in db
1175
+ parent.hide( 'slow', function() {
1176
+ parent.remove();
1177
+ } );
1178
+ $.ajax( {
1179
+ type: 'POST',
1180
+ url: ajaxurl,
1181
+ data: {
1182
+ action: 'hide_pagespeed_suggestion',
1183
+ },
1184
+ } );
1185
+ } );
1186
+
1187
+ /**
1188
+ * Scroll to resize settings.
1189
+ *
1190
+ * @since 3.3.2
1191
+ */
1192
+ $( '#close-resize-update-dialog' ).on( 'click', function( e ) {
1193
+ e.preventDefault();
1194
+
1195
+ window.SUI.dialogs[ 'resizing-update' ].hide();
1196
+
1197
+ goToByScroll( '#column-wp-smush-resize' );
1198
+ } );
1199
+ } );
_src/js/modules/bulk-restore.js CHANGED
@@ -6,249 +6,271 @@
6
  *
7
  * @since 3.2.2
8
  */
9
- (function() {
10
- "use strict";
11
-
12
- /**
13
- * Bulk restore modal.
14
- *
15
- * @since 3.2.2
16
- */
17
- WP_Smush.restore = {
18
- modal: document.getElementById("smush-restore-images-dialog"),
19
- contentContainer: document.getElementById("smush-bulk-restore-content"),
20
- settings: {
21
- slide: "start", // start, progress or finish.
22
- success: 0,
23
- errors: []
24
- },
25
- items: [], // total items, 1 item = 1 step.
26
- success: [], // successful items restored.
27
- errors: [], // failed items.
28
- currentStep: 0,
29
- totalSteps: 0,
30
-
31
- /**
32
- * Init module.
33
- */
34
- init() {
35
- if (!this.modal) {
36
- return;
37
- }
38
-
39
- this.settings = {
40
- slide: "start",
41
- success: 0,
42
- errors: []
43
- };
44
-
45
- this.resetModalWidth();
46
- this.renderTemplate();
47
-
48
- // Show the modal.
49
-
50
- window.SUI.openModal(
51
- "smush-restore-images-dialog",
52
- "wpbody-content",
53
- undefined,
54
- false
55
- );
56
- },
57
-
58
- /**
59
- * Update the template, register new listeners.
60
- */
61
- renderTemplate() {
62
- const template = WP_Smush.onboarding.template("smush-bulk-restore");
63
- const content = template(this.settings);
64
-
65
- if (content) {
66
- this.contentContainer.innerHTML = content;
67
- }
68
-
69
- this.bindSubmit();
70
- },
71
-
72
- /**
73
- * Reset modal width.
74
- *
75
- * @since 3.6.0
76
- */
77
- resetModalWidth() {
78
- this.modal.style.maxWidth = "460px";
79
- this.modal.querySelector(".sui-box").style.maxWidth = "460px";
80
- },
81
-
82
- /**
83
- * Catch "Finish setup wizard" button click.
84
- */
85
- bindSubmit() {
86
- const confirmButton = this.modal.querySelector(
87
- 'button[id="smush-bulk-restore-button"]'
88
- );
89
- const self = this;
90
-
91
- if (confirmButton) {
92
- confirmButton.addEventListener("click", function(e) {
93
- e.preventDefault();
94
- self.resetModalWidth();
95
-
96
- self.settings = { slide: "progress" };
97
- self.errors = [];
98
-
99
- self.renderTemplate();
100
- self.initScan();
101
- });
102
- }
103
- },
104
-
105
- /**
106
- * Cancel the bulk restore.
107
- */
108
- cancel() {
109
- if ("start" === this.settings.slide || "finish" === this.settings.slide) {
110
- // Hide the modal.
111
- window.SUI.closeModal();
112
- } else {
113
- this.updateProgressBar(true);
114
- window.location.reload();
115
- }
116
- },
117
-
118
- /**
119
- * Update progress bar during directory smush.
120
- *
121
- * @param {boolean} cancel Cancel status.
122
- */
123
- updateProgressBar(cancel = false) {
124
- let progress = 0;
125
- if (0 < this.currentStep) {
126
- progress = Math.min(
127
- Math.round((this.currentStep * 100) / this.totalSteps),
128
- 99
129
- );
130
- }
131
-
132
- if (progress > 100) {
133
- progress = 100;
134
- }
135
-
136
- // Update progress bar
137
- this.modal.querySelector(".sui-progress-text span").innerHTML =
138
- progress + "%";
139
- this.modal.querySelector(".sui-progress-bar span").style.width =
140
- progress + "%";
141
-
142
- const statusDiv = this.modal.querySelector(".sui-progress-state-text");
143
- if (progress >= 90) {
144
- statusDiv.innerHTML = "Finalizing...";
145
- } else if (cancel) {
146
- statusDiv.innerHTML = "Cancelling...";
147
- } else {
148
- statusDiv.innerHTML =
149
- this.currentStep + "/" + this.totalSteps + " " + "images restored";
150
- }
151
- },
152
-
153
- /**
154
- * First step in bulk restore - get the bulk attachment count.
155
- */
156
- initScan() {
157
- const self = this;
158
- const _nonce = document.getElementById("_wpnonce");
159
-
160
- const xhr = new XMLHttpRequest();
161
- xhr.open("POST", ajaxurl + "?action=get_image_count", true);
162
- xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
163
- xhr.onload = () => {
164
- if (200 === xhr.status) {
165
- const res = JSON.parse(xhr.response);
166
- if ("undefined" !== typeof res.data.items) {
167
- self.items = res.data.items;
168
- self.totalSteps = res.data.items.length;
169
- self.step();
170
- }
171
- } else {
172
- window.console.log(
173
- "Request failed. Returned status of " + xhr.status
174
- );
175
- }
176
- };
177
- xhr.send("_ajax_nonce=" + _nonce.value);
178
- },
179
-
180
- /**
181
- * Execute a scan step recursively
182
- */
183
- step() {
184
- const self = this;
185
- const _nonce = document.getElementById("_wpnonce");
186
-
187
- if (0 < this.items.length) {
188
- const item = this.items.pop();
189
- const xhr = new XMLHttpRequest();
190
- xhr.open("POST", ajaxurl + "?action=restore_step", true);
191
- xhr.setRequestHeader(
192
- "Content-type",
193
- "application/x-www-form-urlencoded"
194
- );
195
- xhr.onload = () => {
196
- this.currentStep++;
197
-
198
- if (200 === xhr.status) {
199
- const res = JSON.parse(xhr.response);
200
- if ("undefined" !== typeof res.data.success && res.data.success) {
201
- self.success.push(item);
202
- } else {
203
- self.errors.push({
204
- id: item,
205
- src: res.data.src,
206
- thumb: res.data.thumb,
207
- link: res.data.link
208
- });
209
- }
210
- }
211
-
212
- self.updateProgressBar();
213
- self.step();
214
- };
215
- xhr.send("item=" + item + "&_ajax_nonce=" + _nonce.value);
216
- } else {
217
- // Finish.
218
- this.settings = {
219
- slide: "finish",
220
- success: this.success.length,
221
- errors: this.errors,
222
- total: this.totalSteps
223
- };
224
-
225
- self.renderTemplate();
226
- if (0 < this.errors.length) {
227
- this.modal.style.maxWidth = "660px";
228
- this.modal.querySelector(".sui-box").style.maxWidth = "660px";
229
- }
230
- }
231
- }
232
- };
233
-
234
- /**
235
- * Template function (underscores based).
236
- *
237
- * @type {Function}
238
- */
239
- WP_Smush.restore.template = _.memoize(id => {
240
- let compiled;
241
- const options = {
242
- evaluate: /<#([\s\S]+?)#>/g,
243
- interpolate: /{{{([\s\S]+?)}}}/g,
244
- escape: /{{([^}]+?)}}(?!})/g,
245
- variable: "data"
246
- };
247
-
248
- return data => {
249
- _.templateSettings = options;
250
- compiled = compiled || _.template(document.getElementById(id).innerHTML);
251
- return compiled(data);
252
- };
253
- });
254
- })();
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
6
  *
7
  * @since 3.2.2
8
  */
9
+ ( function() {
10
+ 'use strict';
11
+
12
+ /**
13
+ * Bulk restore modal.
14
+ *
15
+ * @since 3.2.2
16
+ */
17
+ WP_Smush.restore = {
18
+ modal: document.getElementById( 'smush-restore-images-dialog' ),
19
+ contentContainer: document.getElementById(
20
+ 'smush-bulk-restore-content'
21
+ ),
22
+ settings: {
23
+ slide: 'start', // start, progress or finish.
24
+ success: 0,
25
+ errors: [],
26
+ },
27
+ items: [], // total items, 1 item = 1 step.
28
+ success: [], // successful items restored.
29
+ errors: [], // failed items.
30
+ currentStep: 0,
31
+ totalSteps: 0,
32
+
33
+ /**
34
+ * Init module.
35
+ */
36
+ init() {
37
+ if ( ! this.modal ) {
38
+ return;
39
+ }
40
+
41
+ this.settings = {
42
+ slide: 'start',
43
+ success: 0,
44
+ errors: [],
45
+ };
46
+
47
+ this.resetModalWidth();
48
+ this.renderTemplate();
49
+
50
+ // Show the modal.
51
+
52
+ window.SUI.openModal(
53
+ 'smush-restore-images-dialog',
54
+ 'wpbody-content',
55
+ undefined,
56
+ false
57
+ );
58
+ },
59
+
60
+ /**
61
+ * Update the template, register new listeners.
62
+ */
63
+ renderTemplate() {
64
+ const template = WP_Smush.onboarding.template(
65
+ 'smush-bulk-restore'
66
+ );
67
+ const content = template( this.settings );
68
+
69
+ if ( content ) {
70
+ this.contentContainer.innerHTML = content;
71
+ }
72
+
73
+ this.bindSubmit();
74
+ },
75
+
76
+ /**
77
+ * Reset modal width.
78
+ *
79
+ * @since 3.6.0
80
+ */
81
+ resetModalWidth() {
82
+ this.modal.style.maxWidth = '460px';
83
+ this.modal.querySelector( '.sui-box' ).style.maxWidth = '460px';
84
+ },
85
+
86
+ /**
87
+ * Catch "Finish setup wizard" button click.
88
+ */
89
+ bindSubmit() {
90
+ const confirmButton = this.modal.querySelector(
91
+ 'button[id="smush-bulk-restore-button"]'
92
+ );
93
+ const self = this;
94
+
95
+ if ( confirmButton ) {
96
+ confirmButton.addEventListener( 'click', function( e ) {
97
+ e.preventDefault();
98
+ self.resetModalWidth();
99
+
100
+ self.settings = { slide: 'progress' };
101
+ self.errors = [];
102
+
103
+ self.renderTemplate();
104
+ self.initScan();
105
+ } );
106
+ }
107
+ },
108
+
109
+ /**
110
+ * Cancel the bulk restore.
111
+ */
112
+ cancel() {
113
+ if (
114
+ 'start' === this.settings.slide ||
115
+ 'finish' === this.settings.slide
116
+ ) {
117
+ // Hide the modal.
118
+ window.SUI.closeModal();
119
+ } else {
120
+ this.updateProgressBar( true );
121
+ window.location.reload();
122
+ }
123
+ },
124
+
125
+ /**
126
+ * Update progress bar during directory smush.
127
+ *
128
+ * @param {boolean} cancel Cancel status.
129
+ */
130
+ updateProgressBar( cancel = false ) {
131
+ let progress = 0;
132
+ if ( 0 < this.currentStep ) {
133
+ progress = Math.min(
134
+ Math.round( ( this.currentStep * 100 ) / this.totalSteps ),
135
+ 99
136
+ );
137
+ }
138
+
139
+ if ( progress > 100 ) {
140
+ progress = 100;
141
+ }
142
+
143
+ // Update progress bar
144
+ this.modal.querySelector( '.sui-progress-text span' ).innerHTML =
145
+ progress + '%';
146
+ this.modal.querySelector( '.sui-progress-bar span' ).style.width =
147
+ progress + '%';
148
+
149
+ const statusDiv = this.modal.querySelector(
150
+ '.sui-progress-state-text'
151
+ );
152
+ if ( progress >= 90 ) {
153
+ statusDiv.innerHTML = 'Finalizing...';
154
+ } else if ( cancel ) {
155
+ statusDiv.innerHTML = 'Cancelling...';
156
+ } else {
157
+ statusDiv.innerHTML =
158
+ this.currentStep +
159
+ '/' +
160
+ this.totalSteps +
161
+ ' ' +
162
+ 'images restored';
163
+ }
164
+ },
165
+
166
+ /**
167
+ * First step in bulk restore - get the bulk attachment count.
168
+ */
169
+ initScan() {
170
+ const self = this;
171
+ const _nonce = document.getElementById( '_wpnonce' );
172
+
173
+ const xhr = new XMLHttpRequest();
174
+ xhr.open( 'POST', ajaxurl + '?action=get_image_count', true );
175
+ xhr.setRequestHeader(
176
+ 'Content-type',
177
+ 'application/x-www-form-urlencoded'
178
+ );
179
+ xhr.onload = () => {
180
+ if ( 200 === xhr.status ) {
181
+ const res = JSON.parse( xhr.response );
182
+ if ( 'undefined' !== typeof res.data.items ) {
183
+ self.items = res.data.items;
184
+ self.totalSteps = res.data.items.length;
185
+ self.step();
186
+ }
187
+ } else {
188
+ window.console.log(
189
+ 'Request failed. Returned status of ' + xhr.status
190
+ );
191
+ }
192
+ };
193
+ xhr.send( '_ajax_nonce=' + _nonce.value );
194
+ },
195
+
196
+ /**
197
+ * Execute a scan step recursively
198
+ */
199
+ step() {
200
+ const self = this;
201
+ const _nonce = document.getElementById( '_wpnonce' );
202
+
203
+ if ( 0 < this.items.length ) {
204
+ const item = this.items.pop();
205
+ const xhr = new XMLHttpRequest();
206
+ xhr.open( 'POST', ajaxurl + '?action=restore_step', true );
207
+ xhr.setRequestHeader(
208
+ 'Content-type',
209
+ 'application/x-www-form-urlencoded'
210
+ );
211
+ xhr.onload = () => {
212
+ this.currentStep++;
213
+
214
+ if ( 200 === xhr.status ) {
215
+ const res = JSON.parse( xhr.response );
216
+ if (
217
+ 'undefined' !== typeof res.data.success &&
218
+ res.data.success
219
+ ) {
220
+ self.success.push( item );
221
+ } else {
222
+ self.errors.push( {
223
+ id: item,
224
+ src: res.data.src,
225
+ thumb: res.data.thumb,
226
+ link: res.data.link,
227
+ } );
228
+ }
229
+ }
230
+
231
+ self.updateProgressBar();
232
+ self.step();
233
+ };
234
+ xhr.send( 'item=' + item + '&_ajax_nonce=' + _nonce.value );
235
+ } else {
236
+ // Finish.
237
+ this.settings = {
238
+ slide: 'finish',
239
+ success: this.success.length,
240
+ errors: this.errors,
241
+ total: this.totalSteps,
242
+ };
243
+
244
+ self.renderTemplate();
245
+ if ( 0 < this.errors.length ) {
246
+ this.modal.style.maxWidth = '660px';
247
+ this.modal.querySelector( '.sui-box' ).style.maxWidth =
248
+ '660px';
249
+ }
250
+ }
251
+ },
252
+ };
253
+
254
+ /**
255
+ * Template function (underscores based).
256
+ *
257
+ * @type {Function}
258
+ */
259
+ WP_Smush.restore.template = _.memoize( ( id ) => {
260
+ let compiled;
261
+ const options = {
262
+ evaluate: /<#([\s\S]+?)#>/g,
263
+ interpolate: /{{{([\s\S]+?)}}}/g,
264
+ escape: /{{([^}]+?)}}(?!})/g,
265
+ variable: 'data',
266
+ };
267
+
268
+ return ( data ) => {
269
+ _.templateSettings = options;
270
+ compiled =
271
+ compiled ||
272
+ _.template( document.getElementById( id ).innerHTML );
273
+ return compiled( data );
274
+ };
275
+ } );
276
+ } )();
_src/js/modules/bulk-smush.js CHANGED
@@ -7,101 +7,102 @@
7
  * @since 2.9.0 Moved from admin.js
8
  */
9
 
10
- import Smush from "../smush/smush";
11
-
12
- (function($) {
13
- "use strict";
14
-
15
- WP_Smush.bulk = {
16
- init: () => {
17
- /**
18
- * Handle the Bulk Smush/Bulk re-Smush button click.
19
- */
20
- $(".wp-smush-all").on("click", function(e) {
21
- e.preventDefault();
22
-
23
- $(".sui-notice-top.sui-notice-success").remove();
24
-
25
- const bulkWarning = document.getElementById("bulk_smush_warning");
26
- bulkWarning.classList.add("sui-hidden");
27
-
28
- // Remove limit exceeded styles.
29
- const progress = $(".wp-smush-bulk-progress-bar-wrapper");
30
- progress.removeClass("wp-smush-exceed-limit");
31
- progress
32
- .find(".sui-progress-block .wp-smush-all")
33
- .addClass("sui-hidden");
34
- progress
35
- .find(".sui-progress-block .wp-smush-cancel-bulk")
36
- .removeClass("sui-hidden");
37
- if (bulkWarning) {
38
- document
39
- .getElementById("bulk-smush-resume-button")
40
- .classList.add("sui-hidden");
41
- }
42
-
43
- // Disable re-Smush and scan button.
44
- // TODO: refine what is disabled.
45
- $(
46
- ".wp-resmush.wp-smush-action, .wp-smush-scan, .wp-smush-all:not(.sui-progress-close), a.wp-smush-lossy-enable, button.wp-smush-resize-enable, button#wp-smush-save-settings"
47
- ).attr("disabled", "disabled");
48
-
49
- // Check for IDs, if there is none (unsmushed or lossless), don't call Smush function.
50
- /** @param {Array} wp_smushit_data.unsmushed */
51
- if (
52
- "undefined" === typeof window.wp_smushit_data ||
53
- (0 === window.wp_smushit_data.unsmushed.length &&
54
- 0 === window.wp_smushit_data.resmush.length)
55
- ) {
56
- return false;
57
- }
58
-
59
- $(".wp-smush-remaining").hide();
60
-
61
- // Show loader.
62
- progress
63
- .find("i.sui-icon-info")
64
- .removeClass("sui-icon-info")
65
- .addClass("sui-loading")
66
- .addClass("sui-icon-loader");
67
-
68
- new Smush($(this), true);
69
- });
70
-
71
- /**
72
- * Ignore file from bulk Smush.
73
- *
74
- * @since 2.9.0
75
- */
76
- $("body").on("click", ".smush-ignore-image", function(e) {
77
- e.preventDefault();
78
-
79
- const self = $(this);
80
-
81
- self.attr("disabled", true);
82
- self.attr("data-tooltip");
83
- self.removeClass("sui-tooltip");
84
- $.post(ajaxurl, {
85
- action: "ignore_bulk_image",
86
- id: self.attr("data-id")
87
- }).done(response => {
88
- if (
89
- self.is("a") &&
90
- response.success &&
91
- "undefined" !== typeof response.data.links
92
- ) {
93
- self
94
- .parent()
95
- .parent()
96
- .find(".smush-status")
97
- .text(wp_smush_msgs.ignored);
98
- e.target.closest(".smush-status-links").innerHTML =
99
- response.data.links;
100
- }
101
- });
102
- });
103
- }
104
- };
105
-
106
- WP_Smush.bulk.init();
107
- })(jQuery);
 
7
  * @since 2.9.0 Moved from admin.js
8
  */
9
 
10
+ import Smush from '../smush/smush';
11
+
12
+ ( function( $ ) {
13
+ 'use strict';
14
+
15
+ WP_Smush.bulk = {
16
+ init: () => {
17
+ /**
18
+ * Handle the Bulk Smush/Bulk re-Smush button click.
19
+ */
20
+ $( '.wp-smush-all' ).on( 'click', function( e ) {
21
+ e.preventDefault();
22
+
23
+ $( '.sui-notice-top.sui-notice-success' ).remove();
24
+
25
+ const bulkWarning = document.getElementById(
26
+ 'bulk_smush_warning'
27
+ );
28
+ bulkWarning.classList.add( 'sui-hidden' );
29
+
30
+ // Remove limit exceeded styles.
31
+ const progress = $( '.wp-smush-bulk-progress-bar-wrapper' );
32
+ progress.removeClass( 'wp-smush-exceed-limit' );
33
+ progress
34
+ .find( '.sui-progress-block .wp-smush-all' )
35
+ .addClass( 'sui-hidden' );
36
+ progress
37
+ .find( '.sui-progress-block .wp-smush-cancel-bulk' )
38
+ .removeClass( 'sui-hidden' );
39
+ if ( bulkWarning ) {
40
+ document
41
+ .getElementById( 'bulk-smush-resume-button' )
42
+ .classList.add( 'sui-hidden' );
43
+ }
44
+
45
+ // Disable re-Smush and scan button.
46
+ // TODO: refine what is disabled.
47
+ $(
48
+ '.wp-resmush.wp-smush-action, .wp-smush-scan, .wp-smush-all:not(.sui-progress-close), a.wp-smush-lossy-enable, button.wp-smush-resize-enable, button#wp-smush-save-settings'
49
+ ).attr( 'disabled', 'disabled' );
50
+
51
+ // Check for IDs, if there is none (unsmushed or lossless), don't call Smush function.
52
+ /** @param {Array} wp_smushit_data.unsmushed */
53
+ if (
54
+ 'undefined' === typeof window.wp_smushit_data ||
55
+ ( 0 === window.wp_smushit_data.unsmushed.length &&
56
+ 0 === window.wp_smushit_data.resmush.length )
57
+ ) {
58
+ return false;
59
+ }
60
+
61
+ $( '.wp-smush-remaining' ).hide();
62
+
63
+ // Show loader.
64
+ progress
65
+ .find( '.sui-progress-block i.sui-icon-info' )
66
+ .removeClass( 'sui-icon-info' )
67
+ .addClass( 'sui-loading' )
68
+ .addClass( 'sui-icon-loader' );
69
+
70
+ new Smush( $( this ), true );
71
+ } );
72
+
73
+ /**
74
+ * Ignore file from bulk Smush.
75
+ *
76
+ * @since 2.9.0
77
+ */
78
+ $( 'body' ).on( 'click', '.smush-ignore-image', function( e ) {
79
+ e.preventDefault();
80
+
81
+ const self = $( this );
82
+
83
+ self.attr( 'disabled', true );
84
+ self.attr( 'data-tooltip' );
85
+ self.removeClass( 'sui-tooltip' );
86
+ $.post( ajaxurl, {
87
+ action: 'ignore_bulk_image',
88
+ id: self.attr( 'data-id' ),
89
+ } ).done( ( response ) => {
90
+ if (
91
+ self.is( 'a' ) &&
92
+ response.success &&
93
+ 'undefined' !== typeof response.data.links
94
+ ) {
95
+ self.parent()
96
+ .parent()
97
+ .find( '.smush-status' )
98
+ .text( wp_smush_msgs.ignored );
99
+ e.target.closest( '.smush-status-links' ).innerHTML =
100
+ response.data.links;
101
+ }
102
+ } );
103
+ } );
104
+ },
105
+ };
106
+
107
+ WP_Smush.bulk.init();
108
+ } )( jQuery );
_src/js/modules/directory-smush.js CHANGED
@@ -7,266 +7,304 @@
7
  * @since 2.8.1 Separated from admin.js into dedicated file.
8
  */
9
 
10
- import { createTree } from "jquery.fancytree";
11
- import Scanner from "../smush/directory-scanner";
12
-
13
- (function($) {
14
- "use strict";
15
-
16
- WP_Smush.directory = {
17
- selected: [],
18
- tree: [],
19
- wp_smush_msgs: [],
20
-
21
- init() {
22
- const self = this,
23
- progressDialog = $("#wp-smush-progress-dialog");
24
-
25
- let totalSteps = 0,
26
- currentScanStep = 0;
27
-
28
- // Make sure directory smush vars are set.
29
- if (typeof window.wp_smushit_data.dir_smush !== "undefined") {
30
- totalSteps = window.wp_smushit_data.dir_smush.totalSteps;
31
- currentScanStep = window.wp_smushit_data.dir_smush.currentScanStep;
32
- }
33
-
34
- // Init image scanner.
35
- this.scanner = new Scanner(totalSteps, currentScanStep);
36
-
37
- /**
38
- * Smush translation strings.
39
- *
40
- * @param {Array} wp_smush_msgs
41
- */
42
- this.wp_smush_msgs = window.wp_smush_msgs || {};
43
-
44
- /**
45
- * Folder select: Choose Folder in Directory Smush tab clicked.
46
- */
47
- $("div.sui-wrap").on("click", "button.wp-smush-browse", function(e) {
48
- e.preventDefault();
49
-
50
- // Hide all the notices.
51
- $("div.wp-smush-scan-result div.wp-smush-notice").hide();
52
-
53
- // Remove notice.
54
- $("div.wp-smush-info").remove();
55
-
56
- // Display file tree for directory Smush.
57
- self.initFileTree();
58
- });
59
-
60
- /**
61
- * Stats section: Directory Link
62
- */
63
- $("body").on("click", "a.wp-smush-dir-link", function(e) {
64
- if ($("div.sui-wrap button.wp-smush-browse").length > 0) {
65
- e.preventDefault();
66
- window.SUI.openModal(
67
- "wp-smush-list-dialog",
68
- "dialog-close-div",
69
- undefined,
70
- false
71
- );
72
- //Display File tree for Directory Smush
73
- self.initFileTree();
74
- }
75
- });
76
-
77
- /**
78
- * Smush images: Smush in Choose Directory modal clicked
79
- */
80
- $(".wp-smush-select-dir").on("click", function(e) {
81
- e.preventDefault();
82
-
83
- // If disabled, do not process
84
- if ($(this).attr("disabled")) {
85
- return;
86
- }
87
-
88
- const button = $(this);
89
-
90
- $("div.wp-smush-list-dialog div.sui-box-body").css({ opacity: "0.8" });
91
- $("div.wp-smush-list-dialog div.sui-box-body a").unbind("click");
92
-
93
- // Disable button
94
- button.attr("disabled", "disabled");
95
-
96
- const spinner = button.parent().find(".add-dir-loader");
97
- // Display the spinner
98
- spinner.addClass("sui-icon-loader sui-loading");
99
-
100
- const selectedFolders = self.tree.getSelectedNodes(),
101
- absPath = $('input[name="wp-smush-base-path"]').val(); // Absolute path.
102
-
103
- const paths = [];
104
- selectedFolders.forEach(function(folder) {
105
- paths.push(absPath + "/" + folder.key);
106
- });
107
-
108
- // Send a ajax request to get a list of all the image files
109
- const param = {
110
- action: "image_list",
111
- smush_path: paths,
112
- image_list_nonce: $('input[name="image_list_nonce"]').val()
113
- };
114
-
115
- $.get(ajaxurl, param, function(response) {
116
- window.SUI.closeModal();
117
-
118
- // TODO: check for errors.
119
- self.scanner = new Scanner(response.data, 0);
120
- self.showProgressDialog(response.data);
121
- self.scanner.scan();
122
- });
123
- });
124
-
125
- /**
126
- * On dialog close make browse button active.
127
- */
128
- $("#wp-smush-list-dialog").on("click", ".sui-dialog-close", function() {
129
- $(".wp-smush-browse").removeAttr("disabled");
130
-
131
- // Close the dialog.
132
- window.SUI.closeModal();
133
-
134
- $(
135
- ".wp-smush-select-dir, button.wp-smush-browse, a.wp-smush-dir-link"
136
- ).removeAttr("disabled");
137
-
138
- // Reset the opacity for content and scan button
139
- $(".wp-smush-select-dir, .wp-smush-list-dialog .sui-box-body").css({
140
- opacity: "1"
141
- });
142
- });
143
-
144
- /**
145
- * Cancel scan.
146
- */
147
- progressDialog.on(
148
- "click",
149
- "#cancel-directory-smush, .sui-dialog-close, .wp-smush-cancel-dir",
150
- function(e) {
151
- e.preventDefault();
152
- // Display the spinner
153
- $(this)
154
- .parent()
155
- .find(".add-dir-loader")
156
- .addClass("sui-icon-loader sui-loading");
157
- self.scanner
158
- .cancel()
159
- .done(
160
- () => (window.location.href = self.wp_smush_msgs.directory_url)
161
- );
162
- }
163
- );
164
-
165
- /**
166
- * Continue scan.
167
- */
168
- progressDialog.on(
169
- "click",
170
- ".sui-icon-play, .wp-smush-resume-scan",
171
- function(e) {
172
- e.preventDefault();
173
- self.scanner.resume();
174
- }
175
- );
176
- },
177
-
178
- /**
179
- * Init fileTree.
180
- */
181
- initFileTree() {
182
- const self = this,
183
- smushButton = $("button.wp-smush-select-dir"),
184
- ajaxSettings = {
185
- type: "GET",
186
- url: ajaxurl,
187
- data: {
188
- action: "smush_get_directory_list",
189
- list_nonce: $('input[name="list_nonce"]').val()
190
- },
191
- cache: false
192
- };
193
-
194
- // Object already defined.
195
- if (Object.entries(self.tree).length > 0) {
196
- return;
197
- }
198
-
199
- self.tree = createTree(".wp-smush-list-dialog .content", {
200
- autoCollapse: true, // Automatically collapse all siblings, when a node is expanded
201
- clickFolderMode: 3, // 1:activate, 2:expand, 3:activate and expand, 4:activate (dblclick expands)
202
- checkbox: true, // Show checkboxes
203
- debugLevel: 0, // 0:quiet, 1:errors, 2:warnings, 3:infos, 4:debug
204
- selectMode: 3, // 1:single, 2:multi, 3:multi-hier
205
- tabindex: "0", // Whole tree behaves as one single control
206
- keyboard: true, // Support keyboard navigation
207
- quicksearch: true, // Navigate to next node by typing the first letters
208
- source: ajaxSettings,
209
- lazyLoad: (event, data) => {
210
- data.result = new Promise(function(resolve, reject) {
211
- ajaxSettings.data.dir = data.node.key;
212
- $.ajax(ajaxSettings)
213
- .done(response => resolve(response))
214
- .fail(reject);
215
- });
216
-
217
- // Update the button text.
218
- data.result.then(smushButton.html(self.wp_smush_msgs.add_dir));
219
- },
220
- loadChildren: (event, data) => data.node.fixSelection3AfterClick(), // Apply parent's state to new child nodes:
221
- select: () =>
222
- smushButton.attr("disabled", !+self.tree.getSelectedNodes().length),
223
- init: () => smushButton.attr("disabled", true)
224
- });
225
- },
226
-
227
- /**
228
- * Show progress dialog.
229
- *
230
- * @param {number} items Number of items in the scan.
231
- */
232
- showProgressDialog(items) {
233
- // Update items status and show the progress dialog..
234
- $(".wp-smush-progress-dialog .sui-progress-state-text").html(
235
- "0/" + items + " " + self.wp_smush_msgs.progress_smushed
236
- );
237
-
238
- window.SUI.openModal(
239
- "wp-smush-progress-dialog",
240
- "dialog-close-div",
241
- undefined,
242
- false
243
- );
244
- },
245
-
246
- /**
247
- * Update progress bar during directory smush.
248
- *
249
- * @param {number} progress Current progress in percent.
250
- * @param {boolean} cancel Cancel status.
251
- */
252
- updateProgressBar(progress, cancel = false) {
253
- if (progress > 100) {
254
- progress = 100;
255
- }
256
-
257
- // Update progress bar
258
- $(".sui-progress-block .sui-progress-text span").text(progress + "%");
259
- $(".sui-progress-block .sui-progress-bar span").width(progress + "%");
260
-
261
- if (progress >= 90) {
262
- $(".sui-progress-state .sui-progress-state-text").text("Finalizing...");
263
- }
264
-
265
- if (cancel) {
266
- $(".sui-progress-state .sui-progress-state-text").text("Cancelling...");
267
- }
268
- }
269
- };
270
-
271
- WP_Smush.directory.init();
272
- })(jQuery);
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
7
  * @since 2.8.1 Separated from admin.js into dedicated file.
8
  */
9
 
10
+ import { createTree } from 'jquery.fancytree';
11
+ import Scanner from '../smush/directory-scanner';
12
+
13
+ ( function( $ ) {
14
+ 'use strict';
15
+
16
+ WP_Smush.directory = {
17
+ selected: [],
18
+ tree: [],
19
+ wp_smush_msgs: [],
20
+
21
+ init() {
22
+ const self = this,
23
+ progressDialog = $( '#wp-smush-progress-dialog' );
24
+
25
+ let totalSteps = 0,
26
+ currentScanStep = 0;
27
+
28
+ // Make sure directory smush vars are set.
29
+ if ( typeof window.wp_smushit_data.dir_smush !== 'undefined' ) {
30
+ totalSteps = window.wp_smushit_data.dir_smush.totalSteps;
31
+ currentScanStep =
32
+ window.wp_smushit_data.dir_smush.currentScanStep;
33
+ }
34
+
35
+ // Init image scanner.
36
+ this.scanner = new Scanner( totalSteps, currentScanStep );
37
+
38
+ /**
39
+ * Smush translation strings.
40
+ *
41
+ * @param {Array} wp_smush_msgs
42
+ */
43
+ this.wp_smush_msgs = window.wp_smush_msgs || {};
44
+
45
+ /**
46
+ * Folder select: Choose Folder in Directory Smush tab clicked.
47
+ */
48
+ $( 'div.sui-wrap' ).on( 'click', 'button.wp-smush-browse', function(
49
+ e
50
+ ) {
51
+ e.preventDefault();
52
+
53
+ // Hide all the notices.
54
+ $( 'div.wp-smush-scan-result div.wp-smush-notice' ).hide();
55
+
56
+ // Remove notice.
57
+ $( 'div.wp-smush-info' ).remove();
58
+
59
+ // Display file tree for directory Smush.
60
+ self.initFileTree();
61
+ } );
62
+
63
+ /**
64
+ * Stats section: Directory Link
65
+ */
66
+ $( 'body' ).on( 'click', 'a.wp-smush-dir-link', function( e ) {
67
+ if ( $( 'div.sui-wrap button.wp-smush-browse' ).length > 0 ) {
68
+ e.preventDefault();
69
+ window.SUI.openModal(
70
+ 'wp-smush-list-dialog',
71
+ 'dialog-close-div',
72
+ undefined,
73
+ false
74
+ );
75
+ //Display File tree for Directory Smush
76
+ self.initFileTree();
77
+ }
78
+ } );
79
+
80
+ /**
81
+ * Smush images: Smush in Choose Directory modal clicked
82
+ */
83
+ $( '.wp-smush-select-dir' ).on( 'click', function( e ) {
84
+ e.preventDefault();
85
+
86
+ // If disabled, do not process
87
+ if ( $( this ).attr( 'disabled' ) ) {
88
+ return;
89
+ }
90
+
91
+ const button = $( this );
92
+
93
+ $( 'div.wp-smush-list-dialog div.sui-box-body' ).css( {
94
+ opacity: '0.8',
95
+ } );
96
+ $( 'div.wp-smush-list-dialog div.sui-box-body a' ).unbind(
97
+ 'click'
98
+ );
99
+
100
+ // Disable button
101
+ button.attr( 'disabled', 'disabled' );
102
+
103
+ const spinner = button.parent().find( '.add-dir-loader' );
104
+ // Display the spinner
105
+ spinner.addClass( 'sui-icon-loader sui-loading' );
106
+
107
+ const selectedFolders = self.tree.getSelectedNodes(),
108
+ absPath = $( 'input[name="wp-smush-base-path"]' ).val(); // Absolute path.
109
+
110
+ const paths = [];
111
+ selectedFolders.forEach( function( folder ) {
112
+ paths.push( absPath + '/' + folder.key );
113
+ } );
114
+
115
+ // Send a ajax request to get a list of all the image files
116
+ const param = {
117
+ action: 'image_list',
118
+ smush_path: paths,
119
+ image_list_nonce: $(
120
+ 'input[name="image_list_nonce"]'
121
+ ).val(),
122
+ };
123
+
124
+ $.post( ajaxurl, param, function( response ) {
125
+ window.SUI.closeModal();
126
+
127
+ if ( response.success ) {
128
+ self.scanner = new Scanner( response.data, 0 );
129
+ self.showProgressDialog( response.data );
130
+ self.scanner.scan();
131
+ } else {
132
+ window.SUI.openNotice(
133
+ 'wp-smush-ajax-notice',
134
+ response.data.message,
135
+ { type: 'warning' }
136
+ );
137
+ }
138
+ } );
139
+ } );
140
+
141
+ /**
142
+ * On dialog close make browse button active.
143
+ */
144
+ $( '#wp-smush-list-dialog' ).on(
145
+ 'click',
146
+ '.sui-dialog-close',
147
+ function() {
148
+ $( '.wp-smush-browse' ).removeAttr( 'disabled' );
149
+
150
+ // Close the dialog.
151
+ window.SUI.closeModal();
152
+
153
+ $(
154
+ '.wp-smush-select-dir, button.wp-smush-browse, a.wp-smush-dir-link'
155
+ ).removeAttr( 'disabled' );
156
+
157
+ // Reset the opacity for content and scan button
158
+ $(
159
+ '.wp-smush-select-dir, .wp-smush-list-dialog .sui-box-body'
160
+ ).css( {
161
+ opacity: '1',
162
+ } );
163
+ }
164
+ );
165
+
166
+ /**
167
+ * Cancel scan.
168
+ */
169
+ progressDialog.on(
170
+ 'click',
171
+ '#cancel-directory-smush, .sui-dialog-close, .wp-smush-cancel-dir',
172
+ function( e ) {
173
+ e.preventDefault();
174
+ // Display the spinner
175
+ $( this )
176
+ .parent()
177
+ .find( '.add-dir-loader' )
178
+ .addClass( 'sui-icon-loader sui-loading' );
179
+ self.scanner
180
+ .cancel()
181
+ .done(
182
+ () =>
183
+ ( window.location.href =
184
+ self.wp_smush_msgs.directory_url )
185
+ );
186
+ }
187
+ );
188
+
189
+ /**
190
+ * Continue scan.
191
+ */
192
+ progressDialog.on(
193
+ 'click',
194
+ '.sui-icon-play, .wp-smush-resume-scan',
195
+ function( e ) {
196
+ e.preventDefault();
197
+ self.scanner.resume();
198
+ }
199
+ );
200
+ },
201
+
202
+ /**
203
+ * Init fileTree.
204
+ */
205
+ initFileTree() {
206
+ const self = this,
207
+ smushButton = $( 'button.wp-smush-select-dir' ),
208
+ ajaxSettings = {
209
+ type: 'GET',
210
+ url: ajaxurl,
211
+ data: {
212
+ action: 'smush_get_directory_list',
213
+ list_nonce: $( 'input[name="list_nonce"]' ).val(),
214
+ },
215
+ cache: false,
216
+ };
217
+
218
+ // Object already defined.
219
+ if ( Object.entries( self.tree ).length > 0 ) {
220
+ return;
221
+ }
222
+
223
+ self.tree = createTree( '.wp-smush-list-dialog .content', {
224
+ autoCollapse: true, // Automatically collapse all siblings, when a node is expanded
225
+ clickFolderMode: 3, // 1:activate, 2:expand, 3:activate and expand, 4:activate (dblclick expands)
226
+ checkbox: true, // Show checkboxes
227
+ debugLevel: 0, // 0:quiet, 1:errors, 2:warnings, 3:infos, 4:debug
228
+ selectMode: 3, // 1:single, 2:multi, 3:multi-hier
229
+ tabindex: '0', // Whole tree behaves as one single control
230
+ keyboard: true, // Support keyboard navigation
231
+ quicksearch: true, // Navigate to next node by typing the first letters
232
+ source: ajaxSettings,
233
+ lazyLoad: ( event, data ) => {
234
+ data.result = new Promise( function( resolve, reject ) {
235
+ ajaxSettings.data.dir = data.node.key;
236
+ $.ajax( ajaxSettings )
237
+ .done( ( response ) => resolve( response ) )
238
+ .fail( reject );
239
+ } );
240
+
241
+ // Update the button text.
242
+ data.result.then(
243
+ smushButton.html( self.wp_smush_msgs.add_dir )
244
+ );
245
+ },
246
+ loadChildren: ( event, data ) =>
247
+ data.node.fixSelection3AfterClick(), // Apply parent's state to new child nodes:
248
+ select: () =>
249
+ smushButton.attr(
250
+ 'disabled',
251
+ ! +self.tree.getSelectedNodes().length
252
+ ),
253
+ init: () => smushButton.attr( 'disabled', true ),
254
+ } );
255
+ },
256
+
257
+ /**
258
+ * Show progress dialog.
259
+ *
260
+ * @param {number} items Number of items in the scan.
261
+ */
262
+ showProgressDialog( items ) {
263
+ // Update items status and show the progress dialog..
264
+ $( '.wp-smush-progress-dialog .sui-progress-state-text' ).html(
265
+ '0/' + items + ' ' + self.wp_smush_msgs.progress_smushed
266
+ );
267
+
268
+ window.SUI.openModal(
269
+ 'wp-smush-progress-dialog',
270
+ 'dialog-close-div',
271
+ undefined,
272
+ false
273
+ );
274
+ },
275
+
276
+ /**
277
+ * Update progress bar during directory smush.
278
+ *
279
+ * @param {number} progress Current progress in percent.
280
+ * @param {boolean} cancel Cancel status.
281
+ */
282
+ updateProgressBar( progress, cancel = false ) {
283
+ if ( progress > 100 ) {
284
+ progress = 100;
285
+ }
286
+
287
+ // Update progress bar
288
+ $( '.sui-progress-block .sui-progress-text span' ).text(
289
+ progress + '%'
290
+ );
291
+ $( '.sui-progress-block .sui-progress-bar span' ).width(
292
+ progress + '%'
293
+ );
294
+
295
+ if ( progress >= 90 ) {
296
+ $( '.sui-progress-state .sui-progress-state-text' ).text(
297
+ 'Finalizing...'
298
+ );
299
+ }
300
+
301
+ if ( cancel ) {
302
+ $( '.sui-progress-state .sui-progress-state-text' ).text(
303
+ 'Cancelling...'
304
+ );
305
+ }
306
+ },
307
+ };
308
+
309
+ WP_Smush.directory.init();
310
+ } )( jQuery );
_src/js/modules/helpers.js CHANGED
@@ -7,99 +7,102 @@
7
  *
8
  * @since 2.9.0 Moved from admin.js
9
  */
10
- (function() {
11
- "use strict";
12
 
13
- WP_Smush.helpers = {
14
- init: () => {},
15
 
16
- /**
17
- * Convert bytes to human readable form.
18
- *
19
- * @param {number} a Bytes
20
- * @param {number} b Number of digits
21
- * @return {*} Formatted Bytes
22
- */
23
- formatBytes: (a, b) => {
24
- const thresh = 1024,
25
- units = ["KB", "MB", "GB", "TB", "PB"];
26
 
27
- if (Math.abs(a) < thresh) {
28
- return a + " B";
29
- }
30
 
31
- let u = -1;
32
 
33
- do {
34
- a /= thresh;
35
- ++u;
36
- } while (Math.abs(a) >= thresh && u < units.length - 1);
37
 
38
- return a.toFixed(b) + " " + units[u];
39
- },
40
 
41
- /**
42
- * Get size from a string.
43
- *
44
- * @param {string} formattedSize Formatter string
45
- * @return {*} Formatted Bytes
46
- */
47
- getSizeFromString: formattedSize => {
48
- return formattedSize.replace(/[a-zA-Z]/g, "").trim();
49
- },
50
 
51
- /**
52
- * Get type from formatted string.
53
- *
54
- * @param {string} formattedSize Formatted string
55
- * @return {*} Formatted Bytes
56
- */
57
- getFormatFromString: formattedSize => {
58
- return formattedSize.replace(/[0-9.]/g, "").trim();
59
- },
60
 
61
- /**
62
- * Stackoverflow: http://stackoverflow.com/questions/1726630/formatting-a-number-with-exactly-two-decimals-in-javascript
63
- *
64
- * @param {number} num
65
- * @param {number} decimals
66
- * @return {number} Number
67
- */
68
- precise_round: (num, decimals) => {
69
- const sign = num >= 0 ? 1 : -1;
70
- // Keep the percentage below 100.
71
- num = num > 100 ? 100 : num;
72
- return (
73
- Math.round(num * Math.pow(10, decimals) + sign * 0.001) /
74
- Math.pow(10, decimals)
75
- );
76
- },
77
 
78
- /**
79
- * Reset settings.
80
- *
81
- * @since 3.2.0
82
- */
83
- resetSettings: () => {
84
- const _nonce = document.getElementById("wp_smush_reset");
85
- const xhr = new XMLHttpRequest();
86
- xhr.open("POST", ajaxurl + "?action=reset_settings", true);
87
- xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
88
- xhr.onload = () => {
89
- if (200 === xhr.status) {
90
- const res = JSON.parse(xhr.response);
91
- if ("undefined" !== typeof res.success && res.success) {
92
- window.location.href = wp_smush_msgs.smush_url;
93
- }
94
- } else {
95
- window.console.log(
96
- "Request failed. Returned status of " + xhr.status
97
- );
98
- }
99
- };
100
- xhr.send("_ajax_nonce=" + _nonce.value);
101
- }
102
- };
 
 
 
103
 
104
- WP_Smush.helpers.init();
105
- })();
7
  *
8
  * @since 2.9.0 Moved from admin.js
9
  */
10
+ ( function() {
11
+ 'use strict';
12
 
13
+ WP_Smush.helpers = {
14
+ init: () => {},
15
 
16
+ /**
17
+ * Convert bytes to human readable form.
18
+ *
19
+ * @param {number} a Bytes
20
+ * @param {number} b Number of digits
21
+ * @return {*} Formatted Bytes
22
+ */
23
+ formatBytes: ( a, b ) => {
24
+ const thresh = 1024,
25
+ units = [ 'KB', 'MB', 'GB', 'TB', 'PB' ];
26
 
27
+ if ( Math.abs( a ) < thresh ) {
28
+ return a + ' B';
29
+ }
30
 
31
+ let u = -1;
32
 
33
+ do {
34
+ a /= thresh;
35
+ ++u;
36
+ } while ( Math.abs( a ) >= thresh && u < units.length - 1 );
37
 
38
+ return a.toFixed( b ) + ' ' + units[ u ];
39
+ },
40
 
41
+ /**
42
+ * Get size from a string.
43
+ *
44
+ * @param {string} formattedSize Formatter string
45
+ * @return {*} Formatted Bytes
46
+ */
47
+ getSizeFromString: ( formattedSize ) => {
48
+ return formattedSize.replace( /[a-zA-Z]/g, '' ).trim();
49
+ },
50
 
51
+ /**
52
+ * Get type from formatted string.
53
+ *
54
+ * @param {string} formattedSize Formatted string
55
+ * @return {*} Formatted Bytes
56
+ */
57
+ getFormatFromString: ( formattedSize ) => {
58
+ return formattedSize.replace( /[0-9.]/g, '' ).trim();
59
+ },
60
 
61
+ /**
62
+ * Stackoverflow: http://stackoverflow.com/questions/1726630/formatting-a-number-with-exactly-two-decimals-in-javascript
63
+ *
64
+ * @param {number} num
65
+ * @param {number} decimals
66
+ * @return {number} Number
67
+ */
68
+ precise_round: ( num, decimals ) => {
69
+ const sign = num >= 0 ? 1 : -1;
70
+ // Keep the percentage below 100.
71
+ num = num > 100 ? 100 : num;
72
+ return (
73
+ Math.round( num * Math.pow( 10, decimals ) + sign * 0.001 ) /
74
+ Math.pow( 10, decimals )
75
+ );
76
+ },
77
 
78
+ /**
79
+ * Reset settings.
80
+ *
81
+ * @since 3.2.0
82
+ */
83
+ resetSettings: () => {
84
+ const _nonce = document.getElementById( 'wp_smush_reset' );
85
+ const xhr = new XMLHttpRequest();
86
+ xhr.open( 'POST', ajaxurl + '?action=reset_settings', true );
87
+ xhr.setRequestHeader(
88
+ 'Content-type',
89
+ 'application/x-www-form-urlencoded'
90
+ );
91
+ xhr.onload = () => {
92
+ if ( 200 === xhr.status ) {
93
+ const res = JSON.parse( xhr.response );
94
+ if ( 'undefined' !== typeof res.success && res.success ) {
95
+ window.location.href = wp_smush_msgs.smush_url;
96
+ }
97
+ } else {
98
+ window.console.log(
99
+ 'Request failed. Returned status of ' + xhr.status
100
+ );
101
+ }
102
+ };
103
+ xhr.send( '_ajax_nonce=' + _nonce.value );
104
+ },
105
+ };
106
 
107
+ WP_Smush.helpers.init();
108
+ } )();
_src/js/modules/notice.js CHANGED
@@ -1,56 +1,95 @@
1
  /* global ajaxurl */
 
2
 
3
  /**
4
  * @typedef {Object} jQuery
 
5
  */
6
- (function($) {
7
- let elNotice = $(".smush-notice");
8
- const btnAct = elNotice.find(".smush-notice-act");
9
-
10
- elNotice.fadeIn(500);
11
-
12
- // Hide the notice after a CTA button was clicked
13
- function removeNotice() {
14
- elNotice.fadeTo(100, 0, () =>
15
- elNotice.slideUp(100, () => elNotice.remove())
16
- );
17
- }
18
-
19
- btnAct.on("click", () => {
20
- removeNotice();
21
- notifyWordpress(btnAct.data("msg"));
22
- });
23
-
24
- elNotice.find(".smush-notice-dismiss").on("click", () => {
25
- removeNotice();
26
- notifyWordpress(btnAct.data("msg"));
27
- });
28
-
29
- // Notify WordPress about the users choice and close the message.
30
- function notifyWordpress(message) {
31
- elNotice.attr("data-message", message);
32
- elNotice.addClass("loading");
33
-
34
- //Send a ajax request to save the dismissed notice option
35
- $.post(ajaxurl, { action: "dismiss_upgrade_notice" });
36
- }
37
-
38
- // Dismiss the update notice.
39
- $(".wp-smush-update-info").on("click", ".notice-dismiss", e => {
40
- e.preventDefault();
41
- elNotice = $(this);
42
- removeNotice();
43
- $.post(ajaxurl, { action: "dismiss_update_info" });
44
- });
45
-
46
- // Dismiss S3 support alert.
47
- $("div.wp-smush-s3support-alert").on(
48
- "click",
49
- ".sui-notice-dismiss > a",
50
- () => {
51
- elNotice = $(this);
52
- removeNotice();
53
- $.post(ajaxurl, { action: "dismiss_s3support_alert" });
54
- }
55
- );
56
- })(jQuery);
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
  /* global ajaxurl */
2
+ /* global wp_smush_msgs */
3
 
4
  /**
5
  * @typedef {Object} jQuery
6
+ * @property
7
  */
8
+ ( function( $ ) {
9
+ 'use strict';
10
+
11
+ /**
12
+ * S3 support alert.
13
+ *
14
+ * @since 3.6.2 Moved from class-s3.php
15
+ */
16
+ $.get( ajaxurl, { action: 'smush_notice_s3_support_required' }, function(
17
+ r
18
+ ) {
19
+ if ( 'undefined' === typeof r.data ) {
20
+ return;
21
+ }
22
+
23
+ const noticeOptions = {
24
+ type: 'warning',
25
+ icon: 'info',
26
+ dismiss: {
27
+ show: true,
28
+ label: wp_smush_msgs.noticeDismiss,
29
+ tooltip: wp_smush_msgs.noticeDismissTooltip,
30
+ },
31
+ };
32
+
33
+ window.SUI.openNotice(
34
+ 'wp-smush-s3support-alert',
35
+ r.data,
36
+ noticeOptions
37
+ );
38
+ } );
39
+
40
+ // Dismiss S3 support alert.
41
+ $( '#wp-smush-s3support-alert' ).on( 'click', 'button', () => {
42
+ $.post( ajaxurl, { action: 'dismiss_s3support_alert' } );
43
+ } );
44
+
45
+ // Remove API message.
46
+ $( '#wp-smush-api-message button.sui-button-icon' ).on( 'click', function(
47
+ e
48
+ ) {
49
+ e.preventDefault();
50
+ const notice = $( '#wp-smush-api-message' );
51
+ notice.slideUp( 'slow', function() {
52
+ notice.remove();
53
+ } );
54
+ $.post( ajaxurl, { action: 'hide_api_message' } );
55
+ } );
56
+
57
+ let elNotice = $( '.smush-notice' );
58
+ const btnAct = elNotice.find( '.smush-notice-act' );
59
+
60
+ elNotice.fadeIn( 500 );
61
+
62
+ // Hide the notice after a CTA button was clicked
63
+ function removeNotice() {
64
+ elNotice.fadeTo( 100, 0, () =>
65
+ elNotice.slideUp( 100, () => elNotice.remove() )
66
+ );
67
+ }
68
+
69
+ btnAct.on( 'click', () => {
70
+ removeNotice();
71
+ notifyWordpress( btnAct.data( 'msg' ) );
72
+ } );
73
+
74
+ elNotice.find( '.smush-notice-dismiss' ).on( 'click', () => {
75
+ removeNotice();
76
+ notifyWordpress( btnAct.data( 'msg' ) );
77
+ } );
78
+
79
+ // Notify WordPress about the users choice and close the message.
80
+ function notifyWordpress( message ) {
81
+ elNotice.attr( 'data-message', message );
82
+ elNotice.addClass( 'loading' );
83
+
84
+ // Send a ajax request to save the dismissed notice option.
85
+ $.post( ajaxurl, { action: 'dismiss_upgrade_notice' } );
86
+ }
87
+
88
+ // Dismiss the update notice.
89
+ $( '.wp-smush-update-info' ).on( 'click', '.notice-dismiss', ( e ) => {
90
+ e.preventDefault();
91
+ elNotice = $( this );
92
+ removeNotice();
93
+ $.post( ajaxurl, { action: 'dismiss_update_info' } );
94
+ } );
95
+ } )( jQuery );
_src/js/modules/onboarding.js CHANGED
@@ -4,358 +4,369 @@
4
  /**
5
  * Modals JavaScript code.
6
  */
7
- (function() {
8
- "use strict";
9
-
10
- /**
11
- * Onboarding modal.
12
- *
13
- * @since 3.1
14
- */
15
- WP_Smush.onboarding = {
16
- membership: "free", // Assume free by default.
17
- onboardingModal: document.getElementById("smush-onboarding-dialog"),
18
- scanFilesModal: document.getElementById("checking-files-dialog"),
19
- settings: {
20
- first: true,
21
- last: false,
22
- slide: "start",
23
- value: false
24
- },
25
- selection: {
26
- auto: true,
27
- lossy: true,
28
- strip_exif: true,
29
- original: false,
30
- lazy_load: true,
31
- usage: false
32
- },
33
- contentContainer: document.getElementById("smush-onboarding-content"),
34
- onboardingSlides: [
35
- "start",
36
- "auto",
37
- "lossy",
38
- "strip_exif",
39
- "original",
40
- "lazy_load",
41
- "usage"
42
- ],
43
- touchX: null,
44
- touchY: null,
45
-
46
- /**
47
- * Init module.
48
- */
49
- init() {
50
- if (!this.onboardingModal) {
51
- return;
52
- }
53
-
54
- this.membership = document.getElementById(
55
- "smush-onboarding"
56
- ).dataset.type;
57
-
58
- if ("pro" !== this.membership) {
59
- this.onboardingSlides = [
60
- "start",
61
- "auto",
62
- "strip_exif",
63
- "lazy_load",
64
- "usage"
65
- ];
66
- this.selection.lossy = false;
67
- }
68
-
69
- this.renderTemplate();
70
-
71
- // Skip setup.
72
- const skipButton = this.onboardingModal.querySelector(
73
- ".smush-onboarding-skip-link"
74
- );
75
- if (skipButton) {
76
- skipButton.addEventListener("click", this.skipSetup);
77
- }
78
-
79
- // Show the modal.
80
- window.SUI.openModal(
81
- "smush-onboarding-dialog",
82
- "checking-files-dialog",
83
- undefined,
84
- false
85
- );
86
- },
87
-
88
- /**
89
- * Get swipe coordinates.
90
- *
91
- * @param {Object} e
92
- */
93
- handleTouchStart(e) {
94
- const firstTouch = e.touches[0];
95
- this.touchX = firstTouch.clientX;
96
- this.touchY = firstTouch.clientY;
97
- },
98
-
99
- /**
100
- * Process swipe left/right.
101
- *
102
- * @param {Object} e
103
- */
104
- handleTouchMove(e) {
105
- if (!this.touchX || !this.touchY) {
106
- return;
107
- }
108
-
109
- const xUp = e.touches[0].clientX,
110
- yUp = e.touches[0].clientY,
111
- xDiff = this.touchX - xUp,
112
- yDiff = this.touchY - yUp;
113
-
114
- if (Math.abs(xDiff) > Math.abs(yDiff)) {
115
- if (xDiff > 0) {
116
- if (false === WP_Smush.onboarding.settings.last) {
117
- WP_Smush.onboarding.next(null, "next");
118
- }
119
- } else if (false === WP_Smush.onboarding.settings.first) {
120
- WP_Smush.onboarding.next(null, "prev");
121
- }
122
- }
123
-
124
- this.touchX = null;
125
- this.touchY = null;
126
- },
127
-
128
- /**
129
- * Update the template, register new listeners.
130
- *
131
- * @param {string} directionClass Accepts: fadeInRight, fadeInLeft, none.
132
- */
133
- renderTemplate(directionClass = "none") {
134
- // Grab the selected value.
135
- const input = this.onboardingModal.querySelector(
136
- 'input[type="checkbox"]'
137
- );
138
- if (input) {
139
- this.selection[input.id] = input.checked;
140
- }
141
-
142
- const template = WP_Smush.onboarding.template("smush-onboarding");
143
- const content = template(this.settings);
144
-
145
- if (content) {
146
- this.contentContainer.innerHTML = content;
147
-
148
- if ("none" === directionClass) {
149
- this.contentContainer.classList.add("loaded");
150
- } else {
151
- this.contentContainer.classList.remove("loaded");
152
- this.contentContainer.classList.add(directionClass);
153
- setTimeout(() => {
154
- this.contentContainer.classList.add("loaded");
155
- this.contentContainer.classList.remove(directionClass);
156
- }, 600);
157
- }
158
- }
159
-
160
- this.onboardingModal.addEventListener(
161
- "touchstart",
162
- this.handleTouchStart,
163
- false
164
- );
165
- this.onboardingModal.addEventListener(
166
- "touchmove",
167
- this.handleTouchMove,
168
- false
169
- );
170
-
171
- this.bindSubmit();
172
- },
173
-
174
- /**
175
- * Catch "Finish setup wizard" button click.
176
- */
177
- bindSubmit() {
178
- const submitButton = this.onboardingModal.querySelector(
179
- 'button[type="submit"]'
180
- );
181
- const self = this;
182
-
183
- if (submitButton) {
184
- submitButton.addEventListener("click", function(e) {
185
- e.preventDefault();
186
-
187
- // Because we are not rendering the template, we need to update the last element value.
188
- const input = self.onboardingModal.querySelector(
189
- 'input[type="checkbox"]'
190
- );
191
- if (input) {
192
- self.selection[input.id] = input.checked;
193
- }
194
-
195
- const _nonce = document.getElementById("smush_quick_setup_nonce");
196
-
197
- const xhr = new XMLHttpRequest();
198
- xhr.open("POST", ajaxurl + "?action=smush_setup", true);
199
- xhr.setRequestHeader(
200
- "Content-type",
201
- "application/x-www-form-urlencoded"
202
- );
203
- xhr.onload = () => {
204
- if (200 === xhr.status) {
205
- WP_Smush.onboarding.showScanDialog();
206
- } else {
207
- window.console.log(
208
- "Request failed. Returned status of " + xhr.status
209
- );
210
- }
211
- };
212
- xhr.send(
213
- "smush_settings=" +
214
- JSON.stringify(self.selection) +
215
- "&_ajax_nonce=" +
216
- _nonce.value
217
- );
218
- });
219
- }
220
- },
221
-
222
- /**
223
- * Handle navigation.
224
- *
225
- * @param {Object} e
226
- * @param {null|string} whereTo
227
- */
228
- next(e, whereTo = null) {
229
- const index = this.onboardingSlides.indexOf(this.settings.slide);
230
- let newIndex = 0;
231
-
232
- if (!whereTo) {
233
- newIndex =
234
- null !== e && e.classList.contains("next") ? index + 1 : index - 1;
235
- } else {
236
- newIndex = "next" === whereTo ? index + 1 : index - 1;
237
- }
238
-
239
- const directionClass =
240
- null !== e && e.classList.contains("next")
241
- ? "fadeInRight"
242
- : "fadeInLeft";
243
-
244
- this.settings = {
245
- first: 0 === newIndex,
246
- last: newIndex + 1 === this.onboardingSlides.length, // length !== index
247
- slide: this.onboardingSlides[newIndex],
248
- value: this.selection[this.onboardingSlides[newIndex]]
249
- };
250
-
251
- this.renderTemplate(directionClass);
252
- },
253
-
254
- /**
255
- * Handle circle navigation.
256
- *
257
- * @param {string} target
258
- */
259
- goTo(target) {
260
- const newIndex = this.onboardingSlides.indexOf(target);
261
-
262
- this.settings = {
263
- first: 0 === newIndex,
264
- last: newIndex + 1 === this.onboardingSlides.length, // length !== index
265
- slide: target,
266
- value: this.selection[target]
267
- };
268
-
269
- this.renderTemplate();
270
- },
271
-
272
- /**
273
- * Skip onboarding experience.
274
- */
275
- skipSetup: () => {
276
- const _nonce = document.getElementById("smush_quick_setup_nonce");
277
-
278
- const xhr = new XMLHttpRequest();
279
- xhr.open(
280
- "POST",
281
- ajaxurl + "?action=skip_smush_setup&_ajax_nonce=" + _nonce.value
282
- );
283
- xhr.onload = () => {
284
- if (200 === xhr.status) {
285
- WP_Smush.onboarding.showScanDialog();
286
- } else {
287
- window.console.log(
288
- "Request failed. Returned status of " + xhr.status
289
- );
290
- }
291
- };
292
- xhr.send();
293
- },
294
-
295
- /**
296
- * Show checking files dialog.
297
- */
298
- showScanDialog() {
299
- window.SUI.closeModal();
300
- window.SUI.openModal(
301
- "checking-files-dialog",
302
- "wpbody-content",
303
- undefined,
304
- false
305
- );
306
-
307
- const nonce = document.getElementById("wp_smush_options_nonce");
308
-
309
- setTimeout(() => {
310
- const xhr = new XMLHttpRequest();
311
- xhr.open("POST", ajaxurl + "?action=scan_for_resmush", true);
312
- xhr.setRequestHeader(
313
- "Content-type",
314
- "application/x-www-form-urlencoded"
315
- );
316
- xhr.onload = () => {
317
- const elem = document.querySelector("#smush-onboarding-dialog");
318
- elem.parentNode.removeChild(elem);
319
- window.SUI.closeModal();
320
-
321
- if (200 === xhr.status) {
322
- setTimeout(function() {
323
- location.reload();
324
- }, 1000);
325
- } else {
326
- window.console.log(
327
- "Request failed. Returned status of " + xhr.status
328
- );
329
- }
330
- };
331
- xhr.send(
332
- "type=media&get_ui=false&process_settings=false&wp_smush_options_nonce=" +
333
- nonce.value
334
- );
335
- }, 3000);
336
- }
337
- };
338
-
339
- /**
340
- * Template function (underscores based).
341
- *
342
- * @type {Function}
343
- */
344
- WP_Smush.onboarding.template = _.memoize(id => {
345
- let compiled;
346
- const options = {
347
- evaluate: /<#([\s\S]+?)#>/g,
348
- interpolate: /{{{([\s\S]+?)}}}/g,
349
- escape: /{{([^}]+?)}}(?!})/g,
350
- variable: "data"
351
- };
352
-
353
- return data => {
354
- _.templateSettings = options;
355
- compiled = compiled || _.template(document.getElementById(id).innerHTML);
356
- return compiled(data);
357
- };
358
- });
359
-
360
- window.addEventListener("load", () => WP_Smush.onboarding.init());
361
- })();
 
 
 
 
 
 
 
 
 
 
 
4
  /**
5
  * Modals JavaScript code.
6
  */
7
+ ( function() {
8
+ 'use strict';
9
+
10
+ /**
11
+ * Onboarding modal.
12
+ *
13
+ * @since 3.1
14
+ */
15
+ WP_Smush.onboarding = {
16
+ membership: 'free', // Assume free by default.
17
+ onboardingModal: document.getElementById( 'smush-onboarding-dialog' ),
18
+ scanFilesModal: document.getElementById( 'checking-files-dialog' ),
19
+ settings: {
20
+ first: true,
21
+ last: false,
22
+ slide: 'start',
23
+ value: false,
24
+ },
25
+ selection: {
26
+ auto: true,
27
+ lossy: true,
28
+ strip_exif: true,
29
+ original: false,
30
+ lazy_load: true,
31
+ usage: false,
32
+ },
33
+ contentContainer: document.getElementById( 'smush-onboarding-content' ),
34
+ onboardingSlides: [
35
+ 'start',
36
+ 'auto',
37
+ 'lossy',
38
+ 'strip_exif',
39
+ 'original',
40
+ 'lazy_load',
41
+ 'usage',
42
+ ],
43
+ touchX: null,
44
+ touchY: null,
45
+
46
+ /**
47
+ * Init module.
48
+ */
49
+ init() {
50
+ if ( ! this.onboardingModal ) {
51
+ return;
52
+ }
53
+
54
+ this.membership = document.getElementById(
55
+ 'smush-onboarding'
56
+ ).dataset.type;
57
+
58
+ if ( 'pro' !== this.membership ) {
59
+ this.onboardingSlides = [
60
+ 'start',
61
+ 'auto',
62
+ 'strip_exif',
63
+ 'lazy_load',
64
+ 'usage',
65
+ ];
66
+ this.selection.lossy = false;
67
+ }
68
+
69
+ this.renderTemplate();
70
+
71
+ // Skip setup.
72
+ const skipButton = this.onboardingModal.querySelector(
73
+ '.smush-onboarding-skip-link'
74
+ );
75
+ if ( skipButton ) {
76
+ skipButton.addEventListener( 'click', this.skipSetup );
77
+ }
78
+
79
+ // Show the modal.
80
+ window.SUI.openModal(
81
+ 'smush-onboarding-dialog',
82
+ 'checking-files-dialog',
83
+ undefined,
84
+ false
85
+ );
86
+ },
87
+
88
+ /**
89
+ * Get swipe coordinates.
90
+ *
91
+ * @param {Object} e
92
+ */
93
+ handleTouchStart( e ) {
94
+ const firstTouch = e.touches[ 0 ];
95
+ this.touchX = firstTouch.clientX;
96
+ this.touchY = firstTouch.clientY;
97
+ },
98
+
99
+ /**
100
+ * Process swipe left/right.
101
+ *
102
+ * @param {Object} e
103
+ */
104
+ handleTouchMove( e ) {
105
+ if ( ! this.touchX || ! this.touchY ) {
106
+ return;
107
+ }
108
+
109
+ const xUp = e.touches[ 0 ].clientX,
110
+ yUp = e.touches[ 0 ].clientY,
111
+ xDiff = this.touchX - xUp,
112
+ yDiff = this.touchY - yUp;
113
+
114
+ if ( Math.abs( xDiff ) > Math.abs( yDiff ) ) {
115
+ if ( xDiff > 0 ) {
116
+ if ( false === WP_Smush.onboarding.settings.last ) {
117
+ WP_Smush.onboarding.next( null, 'next' );
118
+ }
119
+ } else if ( false === WP_Smush.onboarding.settings.first ) {
120
+ WP_Smush.onboarding.next( null, 'prev' );
121
+ }
122
+ }
123
+
124
+ this.touchX = null;
125
+ this.touchY = null;
126
+ },
127
+
128
+ /**
129
+ * Update the template, register new listeners.
130
+ *
131
+ * @param {string} directionClass Accepts: fadeInRight, fadeInLeft, none.
132
+ */
133
+ renderTemplate( directionClass = 'none' ) {
134
+ // Grab the selected value.
135
+ const input = this.onboardingModal.querySelector(
136
+ 'input[type="checkbox"]'
137
+ );
138
+ if ( input ) {
139
+ this.selection[ input.id ] = input.checked;
140
+ }
141
+
142
+ const template = WP_Smush.onboarding.template( 'smush-onboarding' );
143
+ const content = template( this.settings );
144
+
145
+ if ( content ) {
146
+ this.contentContainer.innerHTML = content;
147
+
148
+ if ( 'none' === directionClass ) {
149
+ this.contentContainer.classList.add( 'loaded' );
150
+ } else {
151
+ this.contentContainer.classList.remove( 'loaded' );
152
+ this.contentContainer.classList.add( directionClass );
153
+ setTimeout( () => {
154
+ this.contentContainer.classList.add( 'loaded' );
155
+ this.contentContainer.classList.remove(
156
+ directionClass
157
+ );
158
+ }, 600 );
159
+ }
160
+ }
161
+
162
+ this.onboardingModal.addEventListener(
163
+ 'touchstart',
164
+ this.handleTouchStart,
165
+ false
166
+ );
167
+ this.onboardingModal.addEventListener(
168
+ 'touchmove',
169
+ this.handleTouchMove,
170
+ false
171
+ );
172
+
173
+ this.bindSubmit();
174
+ },
175
+
176
+ /**
177
+ * Catch "Finish setup wizard" button click.
178
+ */
179
+ bindSubmit() {
180
+ const submitButton = this.onboardingModal.querySelector(
181
+ 'button[type="submit"]'
182
+ );
183
+ const self = this;
184
+
185
+ if ( submitButton ) {
186
+ submitButton.addEventListener( 'click', function( e ) {
187
+ e.preventDefault();
188
+
189
+ // Because we are not rendering the template, we need to update the last element value.
190
+ const input = self.onboardingModal.querySelector(
191
+ 'input[type="checkbox"]'
192
+ );
193
+ if ( input ) {
194
+ self.selection[ input.id ] = input.checked;
195
+ }
196
+
197
+ const _nonce = document.getElementById(
198
+ 'smush_quick_setup_nonce'
199
+ );
200
+
201
+ const xhr = new XMLHttpRequest();
202
+ xhr.open( 'POST', ajaxurl + '?action=smush_setup', true );
203
+ xhr.setRequestHeader(
204
+ 'Content-type',
205
+ 'application/x-www-form-urlencoded'
206
+ );
207
+ xhr.onload = () => {
208
+ if ( 200 === xhr.status ) {
209
+ WP_Smush.onboarding.showScanDialog();
210
+ } else {
211
+ window.console.log(
212
+ 'Request failed. Returned status of ' +
213
+ xhr.status
214
+ );
215
+ }
216
+ };
217
+ xhr.send(
218
+ 'smush_settings=' +
219
+ JSON.stringify( self.selection ) +
220
+ '&_ajax_nonce=' +
221
+ _nonce.value
222
+ );
223
+ } );
224
+ }
225
+ },
226
+
227
+ /**
228
+ * Handle navigation.
229
+ *
230
+ * @param {Object} e
231
+ * @param {null|string} whereTo
232
+ */
233
+ next( e, whereTo = null ) {
234
+ const index = this.onboardingSlides.indexOf( this.settings.slide );
235
+ let newIndex = 0;
236
+
237
+ if ( ! whereTo ) {
238
+ newIndex =
239
+ null !== e && e.classList.contains( 'next' )
240
+ ? index + 1
241
+ : index - 1;
242
+ } else {
243
+ newIndex = 'next' === whereTo ? index + 1 : index - 1;
244
+ }
245
+
246
+ const directionClass =
247
+ null !== e && e.classList.contains( 'next' )
248
+ ? 'fadeInRight'
249
+ : 'fadeInLeft';
250
+
251
+ this.settings = {
252
+ first: 0 === newIndex,
253
+ last: newIndex + 1 === this.onboardingSlides.length, // length !== index
254
+ slide: this.onboardingSlides[ newIndex ],
255
+ value: this.selection[ this.onboardingSlides[ newIndex ] ],
256
+ };
257
+
258
+ this.renderTemplate( directionClass );
259
+ },
260
+
261
+ /**
262
+ * Handle circle navigation.
263
+ *
264
+ * @param {string} target
265
+ */
266
+ goTo( target ) {
267
+ const newIndex = this.onboardingSlides.indexOf( target );
268
+
269
+ this.settings = {
270
+ first: 0 === newIndex,
271
+ last: newIndex + 1 === this.onboardingSlides.length, // length !== index
272
+ slide: target,
273
+ value: this.selection[ target ],
274
+ };
275
+
276
+ this.renderTemplate();
277
+ },
278
+
279
+ /**
280
+ * Skip onboarding experience.
281
+ */
282
+ skipSetup: () => {
283
+ const _nonce = document.getElementById( 'smush_quick_setup_nonce' );
284
+
285
+ const xhr = new XMLHttpRequest();
286
+ xhr.open(
287
+ 'POST',
288
+ ajaxurl + '?action=skip_smush_setup&_ajax_nonce=' + _nonce.value
289
+ );
290
+ xhr.onload = () => {
291
+ if ( 200 === xhr.status ) {
292
+ WP_Smush.onboarding.showScanDialog();
293
+ } else {
294
+ window.console.log(
295
+ 'Request failed. Returned status of ' + xhr.status
296
+ );
297
+ }
298
+ };
299
+ xhr.send();
300
+ },
301
+
302
+ /**
303
+ * Show checking files dialog.
304
+ */
305
+ showScanDialog() {
306
+ window.SUI.closeModal();
307
+ window.SUI.openModal(
308
+ 'checking-files-dialog',
309
+ 'wpbody-content',
310
+ undefined,
311
+ false
312
+ );
313
+
314
+ const nonce = document.getElementById( 'wp_smush_options_nonce' );
315
+
316
+ setTimeout( () => {
317
+ const xhr = new XMLHttpRequest();
318
+ xhr.open( 'POST', ajaxurl + '?action=scan_for_resmush', true );
319
+ xhr.setRequestHeader(
320
+ 'Content-type',
321
+ 'application/x-www-form-urlencoded'
322
+ );
323
+ xhr.onload = () => {
324
+ const elem = document.querySelector(
325
+ '#smush-onboarding-dialog'
326
+ );
327
+ elem.parentNode.removeChild( elem );
328
+ window.SUI.closeModal();
329
+
330
+ if ( 200 === xhr.status ) {
331
+ setTimeout( function() {
332
+ location.reload();
333
+ }, 1000 );
334
+ } else {
335
+ window.console.log(
336
+ 'Request failed. Returned status of ' + xhr.status
337
+ );
338
+ }
339
+ };
340
+ xhr.send(
341
+ 'type=media&get_ui=false&process_settings=false&wp_smush_options_nonce=' +
342
+ nonce.value
343
+ );
344
+ }, 3000 );
345
+ },
346
+ };
347
+
348
+ /**
349
+ * Template function (underscores based).
350
+ *
351
+ * @type {Function}
352
+ */
353
+ WP_Smush.onboarding.template = _.memoize( ( id ) => {
354
+ let compiled;
355
+ const options = {
356
+ evaluate: /<#([\s\S]+?)#>/g,
357
+ interpolate: /{{{([\s\S]+?)}}}/g,
358
+ escape: /{{([^}]+?)}}(?!})/g,
359
+ variable: 'data',
360
+ };
361
+
362
+ return ( data ) => {
363
+ _.templateSettings = options;
364
+ compiled =
365
+ compiled ||
366
+ _.template( document.getElementById( id ).innerHTML );
367
+ return compiled( data );
368
+ };
369
+ } );
370
+
371
+ window.addEventListener( 'load', () => WP_Smush.onboarding.init() );
372
+ } )();
_src/js/shared-ui.js CHANGED
@@ -1,12 +1,12 @@
1
  /**
2
  * Shared UI JS libraries. Use only what we need to keep the vendor file size smaller.
3
  *
4
- * @package Smush
5
  */
6
- require("@wpmudev/shared-ui/dist/js/_src/modal-dialog");
7
- require("@wpmudev/shared-ui/dist/js/_src/notifications");
8
- require("@wpmudev/shared-ui/dist/js/_src/scores");
9
- require("@wpmudev/shared-ui/dist/js/_src/select");
10
- require("@wpmudev/shared-ui/dist/js/_src/tabs");
11
- require("@wpmudev/shared-ui/dist/js/_src/upload"); // Used on lazy load page (since 3.2.2).
12
- require("@wpmudev/shared-ui/dist/js/_src/reviews");
1
  /**
2
  * Shared UI JS libraries. Use only what we need to keep the vendor file size smaller.
3
  *
4
+ * @package
5
  */
6
+ require( '@wpmudev/shared-ui/dist/js/_src/modal-dialog' );
7
+ require( '@wpmudev/shared-ui/dist/js/_src/notifications' );
8
+ require( '@wpmudev/shared-ui/dist/js/_src/scores' );
9
+ require( '@wpmudev/shared-ui/dist/js/_src/select' );
10
+ require( '@wpmudev/shared-ui/dist/js/_src/tabs' );
11
+ require( '@wpmudev/shared-ui/dist/js/_src/upload' ); // Used on lazy load page (since 3.2.2).
12
+ require( '@wpmudev/shared-ui/dist/js/_src/reviews' );
_src/js/smush/blocks.js CHANGED
@@ -2,9 +2,9 @@
2
  * BLOCK: extend image block
3
  */
4
  const { createHigherOrderComponent } = wp.compose,
5
- { Fragment } = wp.element,
6
- { InspectorControls } = wp.blockEditor,
7
- { PanelBody } = wp.components;
8
 
9
  /**
10
  * Transform bytes to human readable format.
@@ -12,21 +12,21 @@ const { createHigherOrderComponent } = wp.compose,
12
  * @param {number} bytes
13
  * @return {string} Readable size string.
14
  */
15
- function humanFileSize(bytes) {
16
- const thresh = 1024,
17
- units = ["kB", "MB", "GB", "TB"];
18
 
19
- if (Math.abs(bytes) < thresh) {
20
- return bytes + " B";
21
- }
22
 
23
- let u = -1;
24
- do {
25
- bytes /= thresh;
26
- ++u;
27
- } while (Math.abs(bytes) >= thresh && u < units.length - 1);
28
 
29
- return bytes.toFixed(1) + " " + units[u];
30
  }
31
 
32
  /**
@@ -36,46 +36,48 @@ function humanFileSize(bytes) {
36
  * @param {Object} stats
37
  * @return {*} Smush stats.
38
  */
39
- export function smushStats(id, stats) {
40
- if ("undefined" === typeof stats) {
41
- return window.smush_vars.strings.gb.select_image;
42
- } else if ("string" === typeof stats) {
43
- return stats;
44
- }
45
 
46
- return (
47
- <div
48
- id="smush-stats"
49
- className="sui-smush-media smush-stats-wrapper hidden"
50
- style={{ display: "block" }}
51
- >
52
- <table className="wp-smush-stats-holder">
53
- <thead>
54
- <tr>
55
- <th className="smush-stats-header">
56
- {window.smush_vars.strings.gb.size}
57
- </th>
58
- <th className="smush-stats-header">
59
- {window.smush_vars.strings.gb.savings}
60
- </th>
61
- </tr>
62
- </thead>
63
- <tbody>
64
- {Object.keys(stats.sizes)
65
- .filter(item => 0 < stats.sizes[item].percent)
66
- .map((item, i) => (
67
- <tr key={i}>
68
- <td>{item.toUpperCase()}</td>
69
- <td>
70
- {humanFileSize(stats.sizes[item].bytes)} ({" "}
71
- {stats.sizes[item].percent}% )
72
- </td>
73
- </tr>
74
- ))}
75
- </tbody>
76
- </table>
77
- </div>
78
- );
 
 
79
  }
80
 
81
  /**
@@ -85,61 +87,61 @@ export function smushStats(id, stats) {
85
  *
86
  * @param {Object} props
87
  */
88
- export function fetchProps(props) {
89
- const image = new wp.api.models.Media({ id: props.attributes.id }),
90
- smushData = props.attributes.smush;
91
 
92
- image.fetch({ attribute: "smush" }).done(function(img) {
93
- if ("string" === typeof img.smush) {
94
- props.setAttributes({ smush: img.smush });
95
- //setTimeout( () => fetch( props ), 3000 );
96
- } else if (
97
- "undefined" !== typeof img.smush &&
98
- ("undefined" === typeof smushData ||
99
- JSON.stringify(smushData) !== JSON.stringify(img.smush))
100
- ) {
101
- props.setAttributes({ smush: img.smush });
102
- }
103
- });
104
  }
105
 
106
  /**
107
  * Modify the block’s edit component.
108
  * Receives the original block BlockEdit component and returns a new wrapped component.
109
  */
110
- const smushStatsControl = createHigherOrderComponent(BlockEdit => {
111
- return props => {
112
- // If not image block or not selected, return unmodified block.
113
- if (
114
- "core/image" !== props.name ||
115
- !props.isSelected ||
116
- "undefined" === typeof props.attributes.id
117
- ) {
118
- return (
119
- <Fragment>
120
- <BlockEdit {...props} />
121
- </Fragment>
122
- );
123
- }
124
 
125
- const smushData = props.attributes.smush;
126
- fetchProps(props);
127
 
128
- return (
129
- <Fragment>
130
- <BlockEdit {...props} />
131
- <InspectorControls>
132
- <PanelBody title={window.smush_vars.strings.gb.stats}>
133
- {smushStats(props.attributes.id, smushData)}
134
- </PanelBody>
135
- </InspectorControls>
136
- </Fragment>
137
- );
138
- };
139
- }, "withInspectorControl");
140
 
141
  wp.hooks.addFilter(
142
- "editor.BlockEdit",
143
- "wp-smush/smush-data-control",
144
- smushStatsControl
145
  );
2
  * BLOCK: extend image block
3
  */
4
  const { createHigherOrderComponent } = wp.compose,
5
+ { Fragment } = wp.element,
6
+ { InspectorControls } = wp.blockEditor,
7
+ { PanelBody } = wp.components;
8
 
9
  /**
10
  * Transform bytes to human readable format.
12
  * @param {number} bytes
13
  * @return {string} Readable size string.
14
  */
15
+ function humanFileSize( bytes ) {
16
+ const thresh = 1024,
17
+ units = [ 'kB', 'MB', 'GB', 'TB' ];
18
 
19
+ if ( Math.abs( bytes ) < thresh ) {
20
+ return bytes + ' B';
21
+ }
22
 
23
+ let u = -1;
24
+ do {
25
+ bytes /= thresh;
26
+ ++u;
27
+ } while ( Math.abs( bytes ) >= thresh && u < units.length - 1 );
28
 
29
+ return bytes.toFixed( 1 ) + ' ' + units[ u ];
30
  }
31
 
32
  /**
36
  * @param {Object} stats
37
  * @return {*} Smush stats.
38
  */
39
+ export function smushStats( id, stats ) {
40
+ if ( 'undefined' === typeof stats ) {
41
+ return window.smush_vars.strings.gb.select_image;
42
+ } else if ( 'string' === typeof stats ) {
43
+ return stats;
44
+ }
45
 
46
+ return (
47
+ <div
48
+ id="smush-stats"
49
+ className="sui-smush-media smush-stats-wrapper hidden"
50
+ style={ { display: 'block' } }
51
+ >
52
+ <table className="wp-smush-stats-holder">
53
+ <thead>
54
+ <tr>
55
+ <th className="smush-stats-header">
56
+ { window.smush_vars.strings.gb.size }
57
+ </th>
58
+ <th className="smush-stats-header">
59
+ { window.smush_vars.strings.gb.savings }
60
+ </th>
61
+ </tr>
62
+ </thead>
63
+ <tbody>
64
+ { Object.keys( stats.sizes )
65
+ .filter( ( item ) => 0 < stats.sizes[ item ].percent )
66
+ .map( ( item, i ) => (
67
+ <tr key={ i }>
68
+ <td>{ item.toUpperCase() }</td>
69
+ <td>
70
+ { humanFileSize(
71
+ stats.sizes[ item ].bytes
72
+ ) }{ ' ' }
73
+ ( { stats.sizes[ item ].percent }% )
74
+ </td>
75
+ </tr>
76
+ ) ) }
77
+ </tbody>
78
+ </table>
79
+ </div>
80
+ );
81
  }
82
 
83
  /**
87
  *
88
  * @param {Object} props
89
  */
90
+ export function fetchProps( props ) {
91
+ const image = new wp.api.models.Media( { id: props.attributes.id } ),
92
+ smushData = props.attributes.smush;
93
 
94
+ image.fetch( { attribute: 'smush' } ).done( function( img ) {
95
+ if ( 'string' === typeof img.smush ) {
96
+ props.setAttributes( { smush: img.smush } );
97
+ //setTimeout( () => fetch( props ), 3000 );
98
+ } else if (
99
+ 'undefined' !== typeof img.smush &&
100
+ ( 'undefined' === typeof smushData ||
101
+ JSON.stringify( smushData ) !== JSON.stringify( img.smush ) )
102
+ ) {
103
+ props.setAttributes( { smush: img.smush } );
104
+ }
105
+ } );
106
  }
107
 
108
  /**
109
  * Modify the block’s edit component.
110
  * Receives the original block BlockEdit component and returns a new wrapped component.
111
  */
112
+ const smushStatsControl = createHigherOrderComponent( ( BlockEdit ) => {
113
+ return ( props ) => {
114
+ // If not image block or not selected, return unmodified block.
115
+ if (
116
+ 'core/image' !== props.name ||
117
+ ! props.isSelected ||
118
+ 'undefined' === typeof props.attributes.id
119
+ ) {
120
+ return (
121
+ <Fragment>
122
+ <BlockEdit { ...props } />
123
+ </Fragment>
124
+ );
125
+ }
126
 
127
+ const smushData = props.attributes.smush;
128
+ fetchProps( props );
129
 
130
+ return (
131
+ <Fragment>
132
+ <BlockEdit { ...props } />
133
+ <InspectorControls>
134
+ <PanelBody title={ window.smush_vars.strings.gb.stats }>
135
+ { smushStats( props.attributes.id, smushData ) }
136
+ </PanelBody>
137
+ </InspectorControls>
138
+ </Fragment>
139
+ );
140
+ };
141
+ }, 'withInspectorControl' );
142
 
143
  wp.hooks.addFilter(
144
+ 'editor.BlockEdit',
145
+ 'wp-smush/smush-data-control',
146
+ smushStatsControl
147
  );
_src/js/smush/cdn.js CHANGED
@@ -6,151 +6,169 @@
6
  *
7
  * @since 3.0
8
  */
9
- (function() {
10
- "use strict";
11
-
12
- WP_Smush.CDN = {
13
- cdnEnableButton: document.getElementById("smush-enable-cdn"),
14
- cdnDisableButton: document.getElementById("smush-cancel-cdn"),
15
- cdnStatsBox: document.querySelector(".smush-cdn-stats"),
16
-
17
- init() {
18
- /**
19
- * Handle "Get Started" button click on disabled CDN page.
20
- */
21
- if (this.cdnEnableButton) {
22
- this.cdnEnableButton.addEventListener("click", e => {
23
- e.currentTarget.classList.add("sui-button-onload");
24
-
25
- // Force repaint of the spinner.
26
- const loader = e.currentTarget.querySelector(".sui-icon-loader");
27
- loader.style.display = "none";
28
- loader.style.display = "flex";
29
-
30
- this.toggle_cdn(true);
31
- });
32
- }
33
-
34
- /**
35
- * Handle "Deactivate' button click on CDN page.
36
- */
37
- if (this.cdnDisableButton) {
38
- this.cdnDisableButton.addEventListener("click", e => {
39
- e.preventDefault();
40
- this.toggle_cdn(false);
41
- });
42
- }
43
-
44
- this.updateStatsBox();
45
- },
46
-
47
- /**
48
- * Toggle CDN.
49
- *
50
- * @since 3.0
51
- *
52
- * @param {boolean} enable
53
- */
54
- toggle_cdn(enable) {
55
- const nonceField = document.getElementsByName("wp_smush_options_nonce");
56
-
57
- const xhr = new XMLHttpRequest();
58
- xhr.open("POST", ajaxurl + "?action=smush_toggle_cdn", true);
59
- xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
60
- xhr.onload = () => {
61
- if (200 === xhr.status) {
62
- const res = JSON.parse(xhr.response);
63
- if ("undefined" !== typeof res.success && res.success) {
64
- location.reload();
65
- } else if ("undefined" !== typeof res.data.message) {
66
- this.showNotice(res.data.message);
67
- }
68
- } else {
69
- this.showNotice("Request failed. Returned status of " + xhr.status);
70
- }
71
- };
72
- xhr.send("param=" + enable + "&_ajax_nonce=" + nonceField[0].value);
73
- },
74
-
75
- /**
76
- * Show message (notice).
77
- *
78
- * @since 3.0
79
- *
80
- * @param {string} message
81
- */
82
- showNotice(message) {
83
- if ("undefined" === typeof message) {
84
- return;
85
- }
86
-
87
- const notice = document.getElementById("wp-smush-ajax-notice");
88
-
89
- notice.classList.add("sui-notice-error");
90
- notice.innerHTML = `<p>${message}</p>`;
91
-
92
- if (this.cdnEnableButton) {
93
- this.cdnEnableButton.classList.remove("sui-button-onload");
94
- }
95
-
96
- notice.style.display = "block";
97
- setTimeout(() => {
98
- notice.style.display = "none";
99
- }, 5000);
100
- },
101
-
102
- /**
103
- * Update the CDN stats box in summary meta box. Only fetch new data when on CDN page.
104
- *
105
- * @since 3.0
106
- */
107
- updateStatsBox() {
108
- if ("undefined" === typeof this.cdnStatsBox || !this.cdnStatsBox) {
109
- return;
110
- }
111
-
112
- // Only fetch the new stats, when user is on CDN page.
113
- if (!window.location.search.includes("view=cdn")) {
114
- return;
115
- }
116
-
117
- this.toggleElements();
118
-
119
- const xhr = new XMLHttpRequest();
120
- xhr.open("POST", ajaxurl + "?action=get_cdn_stats", true);
121
- xhr.onload = () => {
122
- if (200 === xhr.status) {
123
- const res = JSON.parse(xhr.response);
124
- if ("undefined" !== typeof res.success && res.success) {
125
- this.toggleElements();
126
- } else if ("undefined" !== typeof res.data.message) {
127
- this.showNotice(res.data.message);
128
- }
129
- } else {
130
- this.showNotice("Request failed. Returned status of " + xhr.status);
131
- }
132
- };
133
- xhr.send();
134
- },
135
-
136
- /**
137
- * Show/hide elements during status update in the updateStatsBox()
138
- *
139
- * @since 3.1 Moved out from updateStatsBox()
140
- */
141
- toggleElements() {
142
- const spinner = this.cdnStatsBox.querySelector(".sui-icon-loader");
143
- const elements = this.cdnStatsBox.querySelectorAll(
144
- ".wp-smush-stats > :not(.sui-icon-loader)"
145
- );
146
-
147
- for (let i = 0; i < elements.length; i++) {
148
- elements[i].classList.toggle("sui-hidden");
149
- }
150
-
151
- spinner.classList.toggle("sui-hidden");
152
- }
153
- };
154
-
155
- WP_Smush.CDN.init();
156
- })();
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
6
  *
7
  * @since 3.0
8
  */
9
+ ( function() {
10
+ 'use strict';
11
+
12
+ WP_Smush.CDN = {
13
+ cdnEnableButton: document.getElementById( 'smush-enable-cdn' ),
14
+ cdnDisableButton: document.getElementById( 'smush-cancel-cdn' ),
15
+ cdnStatsBox: document.querySelector( '.smush-cdn-stats' ),
16
+
17
+ init() {
18
+ /**
19
+ * Handle "Get Started" button click on disabled CDN page.
20
+ */
21
+ if ( this.cdnEnableButton ) {
22
+ this.cdnEnableButton.addEventListener( 'click', ( e ) => {
23
+ e.currentTarget.classList.add( 'sui-button-onload' );
24
+
25
+ // Force repaint of the spinner.
26
+ const loader = e.currentTarget.querySelector(
27
+ '.sui-icon-loader'
28
+ );
29
+ loader.style.display = 'none';
30
+ loader.style.display = 'flex';
31
+
32
+ this.toggle_cdn( true );
33
+ } );
34
+ }
35
+
36
+ /**
37
+ * Handle "Deactivate' button click on CDN page.
38
+ */
39
+ if ( this.cdnDisableButton ) {
40
+ this.cdnDisableButton.addEventListener( 'click', ( e ) => {
41
+ e.preventDefault();
42
+ this.toggle_cdn( false );
43
+ } );
44
+ }
45
+
46
+ this.updateStatsBox();
47
+ },
48
+
49
+ /**
50
+ * Toggle CDN.
51
+ *
52
+ * @since 3.0
53
+ *
54
+ * @param {boolean} enable
55
+ */
56
+ toggle_cdn( enable ) {
57
+ const nonceField = document.getElementsByName(
58
+ 'wp_smush_options_nonce'
59
+ );
60
+
61
+ const xhr = new XMLHttpRequest();
62
+ xhr.open( 'POST', ajaxurl + '?action=smush_toggle_cdn', true );
63
+ xhr.setRequestHeader(
64
+ 'Content-type',
65
+ 'application/x-www-form-urlencoded'
66
+ );
67
+ xhr.onload = () => {
68
+ if ( 200 === xhr.status ) {
69
+ const res = JSON.parse( xhr.response );
70
+ if ( 'undefined' !== typeof res.success && res.success ) {
71
+ location.reload();
72
+ } else if ( 'undefined' !== typeof res.data.message ) {
73
+ this.showNotice( res.data.message );
74
+ }
75
+ } else {
76
+ this.showNotice(
77
+ 'Request failed. Returned status of ' + xhr.status
78
+ );
79
+ }
80
+ };
81
+ xhr.send(
82
+ 'param=' + enable + '&_ajax_nonce=' + nonceField[ 0 ].value
83
+ );
84
+ },
85
+
86
+ /**
87
+ * Show message (notice).
88
+ *
89
+ * @since 3.0
90
+ *
91
+ * @param {string} message
92
+ */
93
+ showNotice( message ) {
94
+ if ( 'undefined' === typeof message ) {
95
+ return;
96
+ }
97
+
98
+ const notice = document.getElementById( 'wp-smush-ajax-notice' );
99
+
100
+ notice.classList.add( 'sui-notice-error' );
101
+ notice.innerHTML = `<p>${ message }</p>`;
102
+
103
+ if ( this.cdnEnableButton ) {
104
+ this.cdnEnableButton.classList.remove( 'sui-button-onload' );
105
+ }
106
+
107
+ notice.style.display = 'block';
108
+ setTimeout( () => {
109
+ notice.style.display = 'none';
110
+ }, 5000 );
111
+ },
112
+
113
+ /**
114
+ * Update the CDN stats box in summary meta box. Only fetch new data when on CDN page.
115
+ *
116
+ * @since 3.0
117
+ */
118
+ updateStatsBox() {
119
+ if (
120
+ 'undefined' === typeof this.cdnStatsBox ||
121
+ ! this.cdnStatsBox
122
+ ) {
123
+ return;
124
+ }
125
+
126
+ // Only fetch the new stats, when user is on CDN page.
127
+ if ( ! window.location.search.includes( 'view=cdn' ) ) {
128
+ return;
129
+ }
130
+
131
+ this.toggleElements();
132
+
133
+ const xhr = new XMLHttpRequest();
134
+ xhr.open( 'POST', ajaxurl + '?action=get_cdn_stats', true );
135
+ xhr.onload = () => {
136
+ if ( 200 === xhr.status ) {
137
+ const res = JSON.parse( xhr.response );
138
+ if ( 'undefined' !== typeof res.success && res.success ) {
139
+ this.toggleElements();
140
+ } else if ( 'undefined' !== typeof res.data.message ) {
141
+ this.showNotice( res.data.message );
142
+ }
143
+ } else {
144
+ this.showNotice(
145
+ 'Request failed. Returned status of ' + xhr.status
146
+ );
147
+ }
148
+ };
149
+ xhr.send();
150
+ },
151
+
152
+ /**
153
+ * Show/hide elements during status update in the updateStatsBox()
154
+ *
155
+ * @since 3.1 Moved out from updateStatsBox()
156
+ */
157
+ toggleElements() {
158
+ const spinner = this.cdnStatsBox.querySelector(
159
+ '.sui-icon-loader'
160
+ );
161
+ const elements = this.cdnStatsBox.querySelectorAll(
162
+ '.wp-smush-stats > :not(.sui-icon-loader)'
163
+ );
164
+
165
+ for ( let i = 0; i < elements.length; i++ ) {
166
+ elements[ i ].classList.toggle( 'sui-hidden' );
167
+ }
168
+
169
+ spinner.classList.toggle( 'sui-hidden' );
170
+ },
171
+ };
172
+
173
+ WP_Smush.CDN.init();
174
+ } )();
_src/js/smush/directory-scanner.js CHANGED
@@ -11,155 +11,162 @@
11
  * @return {Object} Scan object.
12
  * @class
13
  */
14
- const DirectoryScanner = (totalSteps, currentStep) => {
15
- totalSteps = parseInt(totalSteps);
16
- currentStep = parseInt(currentStep);
17
-
18
- let cancelling = false,
19
- failedItems = 0,
20
- skippedItems = 0;
21
-
22
- const obj = {
23
- scan() {
24
- const remainingSteps = totalSteps - currentStep;
25
- if (currentStep !== 0) {
26
- // Scan started on a previous page load.
27
- step(remainingSteps);
28
- } else {
29
- jQuery.post(ajaxurl, { action: "directory_smush_start" }, () =>
30
- step(remainingSteps)
31
- );
32
- }
33
- },
34
-
35
- cancel() {
36
- cancelling = true;
37
- return jQuery.post(ajaxurl, { action: "directory_smush_cancel" });
38
- },
39
-
40
- getProgress() {
41
- if (cancelling) {
42
- return 0;
43
- }
44
- // O M G ... Logic at it's finest!
45
- const remainingSteps = totalSteps - currentStep;
46
- return Math.min(
47
- Math.round((parseInt(totalSteps - remainingSteps) * 100) / totalSteps),
48
- 99
49
- );
50
- },
51
-
52
- onFinishStep(progress) {
53
- jQuery(".wp-smush-progress-dialog .sui-progress-state-text").html(
54
- currentStep -
55
- failedItems +
56
- "/" +
57
- totalSteps +
58
- " " +
59
- window.wp_smush_msgs.progress_smushed
60
- );
61
- WP_Smush.directory.updateProgressBar(progress);
62
- },
63
-
64
- onFinish() {
65
- WP_Smush.directory.updateProgressBar(100);
66
- window.location.href = window.wp_smush_msgs.directory_url + "&scan=done";
67
- },
68
-
69
- limitReached() {
70
- const dialog = jQuery("#wp-smush-progress-dialog");
71
-
72
- dialog.addClass("wp-smush-exceed-limit");
73
- dialog
74
- .find("#cancel-directory-smush")
75
- .attr("data-tooltip", window.wp_smush_msgs.bulk_resume);
76
- dialog
77
- .find(".sui-icon-close")
78
- .removeClass("sui-icon-close")
79
- .addClass("sui-icon-play");
80
- dialog
81
- .find("#cancel-directory-smush")
82
- .attr("id", "cancel-directory-smush-disabled");
83
- },
84
-
85
- resume() {
86
- const dialog = jQuery("#wp-smush-progress-dialog");
87
- const resume = dialog.find("#cancel-directory-smush-disabled");
88
-
89
- dialog.removeClass("wp-smush-exceed-limit");
90
- dialog
91
- .find(".sui-icon-play")
92
- .removeClass("sui-icon-play")
93
- .addClass("sui-icon-close");
94
- resume.attr("data-tooltip", "Cancel");
95
- resume.attr("id", "cancel-directory-smush");
96
-
97
- obj.scan();
98
- }
99
- };
100
-
101
- /**
102
- * Execute a scan step recursively
103
- *
104
- * Private to avoid overriding
105
- *
106
- * @param {number} remainingSteps
107
- */
108
- const step = function(remainingSteps) {
109
- if (remainingSteps >= 0) {
110
- currentStep = totalSteps - remainingSteps;
111
- jQuery.post(
112
- ajaxurl,
113
- {
114
- action: "directory_smush_check_step",
115
- step: currentStep
116
- },
117
- response => {
118
- // We're good - continue on.
119
- if ("undefined" !== typeof response.success && response.success) {
120
- if (
121
- "undefined" !== typeof response.data &&
122
- "undefined" !== typeof response.data.skipped &&
123
- true === response.data.skipped
124
- ) {
125
- skippedItems++;
126
- }
127
-
128
- currentStep++;
129
- remainingSteps = remainingSteps - 1;
130
- obj.onFinishStep(obj.getProgress());
131
- step(remainingSteps);
132
- } else if (
133
- "undefined" !== typeof response.data.error &&
134
- "dir_smush_limit_exceeded" === response.data.error
135
- ) {
136
- // Limit reached. Stop.
137
- obj.limitReached();
138
- } else {
139
- // Error? never mind, continue, but count them.
140
- failedItems++;
141
- currentStep++;
142
- remainingSteps = remainingSteps - 1;
143
- obj.onFinishStep(obj.getProgress());
144
- step(remainingSteps);
145
- }
146
- }
147
- );
148
- } else {
149
- jQuery.post(
150
- ajaxurl,
151
- {
152
- action: "directory_smush_finish",
153
- items: totalSteps - (failedItems + skippedItems),
154
- failed: failedItems,
155
- skipped: skippedItems
156
- },
157
- response => obj.onFinish(response)
158
- );
159
- }
160
- };
161
-
162
- return obj;
 
 
 
 
 
 
 
163
  };
164
 
165
  export default DirectoryScanner;
11
  * @return {Object} Scan object.
12
  * @class
13
  */
14
+ const DirectoryScanner = ( totalSteps, currentStep ) => {
15
+ totalSteps = parseInt( totalSteps );
16
+ currentStep = parseInt( currentStep );
17
+
18
+ let cancelling = false,
19
+ failedItems = 0,
20
+ skippedItems = 0;
21
+
22
+ const obj = {
23
+ scan() {
24
+ const remainingSteps = totalSteps - currentStep;
25
+ if ( currentStep !== 0 ) {
26
+ // Scan started on a previous page load.
27
+ step( remainingSteps );
28
+ } else {
29
+ jQuery.post( ajaxurl, { action: 'directory_smush_start' }, () =>
30
+ step( remainingSteps )
31
+ );
32
+ }
33
+ },
34
+
35
+ cancel() {
36
+ cancelling = true;
37
+ return jQuery.post( ajaxurl, { action: 'directory_smush_cancel' } );
38
+ },
39
+
40
+ getProgress() {
41
+ if ( cancelling ) {
42
+ return 0;
43
+ }
44
+ // O M G ... Logic at it's finest!
45
+ const remainingSteps = totalSteps - currentStep;
46
+ return Math.min(
47
+ Math.round(
48
+ ( parseInt( totalSteps - remainingSteps ) * 100 ) /
49
+ totalSteps
50
+ ),
51
+ 99
52
+ );
53
+ },
54
+
55
+ onFinishStep( progress ) {
56
+ jQuery( '.wp-smush-progress-dialog .sui-progress-state-text' ).html(
57
+ currentStep -
58
+ failedItems +
59
+ '/' +
60
+ totalSteps +
61
+ ' ' +
62
+ window.wp_smush_msgs.progress_smushed
63
+ );
64
+ WP_Smush.directory.updateProgressBar( progress );
65
+ },
66
+
67
+ onFinish() {
68
+ WP_Smush.directory.updateProgressBar( 100 );
69
+ window.location.href =
70
+ window.wp_smush_msgs.directory_url + '&scan=done';
71
+ },
72
+
73
+ limitReached() {
74
+ const dialog = jQuery( '#wp-smush-progress-dialog' );
75
+
76
+ dialog.addClass( 'wp-smush-exceed-limit' );
77
+ dialog
78
+ .find( '#cancel-directory-smush' )
79
+ .attr( 'data-tooltip', window.wp_smush_msgs.bulk_resume );
80
+ dialog
81
+ .find( '.sui-icon-close' )
82
+ .removeClass( 'sui-icon-close' )
83
+ .addClass( 'sui-icon-play' );
84
+ dialog
85
+ .find( '#cancel-directory-smush' )
86
+ .attr( 'id', 'cancel-directory-smush-disabled' );
87
+ },
88
+
89
+ resume() {
90
+ const dialog = jQuery( '#wp-smush-progress-dialog' );
91
+ const resume = dialog.find( '#cancel-directory-smush-disabled' );
92
+
93
+ dialog.removeClass( 'wp-smush-exceed-limit' );
94
+ dialog
95
+ .find( '.sui-icon-play' )
96
+ .removeClass( 'sui-icon-play' )
97
+ .addClass( 'sui-icon-close' );
98
+ resume.attr( 'data-tooltip', 'Cancel' );
99
+ resume.attr( 'id', 'cancel-directory-smush' );
100
+
101
+ obj.scan();
102
+ },
103
+ };
104
+
105
+ /**
106
+ * Execute a scan step recursively
107
+ *
108
+ * Private to avoid overriding
109
+ *
110
+ * @param {number} remainingSteps
111
+ */
112
+ const step = function( remainingSteps ) {
113
+ if ( remainingSteps >= 0 ) {
114
+ currentStep = totalSteps - remainingSteps;
115
+ jQuery.post(
116
+ ajaxurl,
117
+ {
118
+ action: 'directory_smush_check_step',
119
+ step: currentStep,
120
+ },
121
+ ( response ) => {
122
+ // We're good - continue on.
123
+ if (
124
+ 'undefined' !== typeof response.success &&
125
+ response.success
126
+ ) {
127
+ if (
128
+ 'undefined' !== typeof response.data &&
129
+ 'undefined' !== typeof response.data.skipped &&
130
+ true === response.data.skipped
131
+ ) {
132
+ skippedItems++;
133
+ }
134
+
135
+ currentStep++;
136
+ remainingSteps = remainingSteps - 1;
137
+ obj.onFinishStep( obj.getProgress() );
138
+ step( remainingSteps );
139
+ } else if (
140
+ 'undefined' !== typeof response.data.error &&
141
+ 'dir_smush_limit_exceeded' === response.data.error
142
+ ) {
143
+ // Limit reached. Stop.
144
+ obj.limitReached();
145
+ } else {
146
+ // Error? never mind, continue, but count them.
147
+ failedItems++;
148
+ currentStep++;
149
+ remainingSteps = remainingSteps - 1;
150
+ obj.onFinishStep( obj.getProgress() );
151
+ step( remainingSteps );
152
+ }
153
+ }
154
+ );
155
+ } else {
156
+ jQuery.post(
157
+ ajaxurl,
158
+ {
159
+ action: 'directory_smush_finish',
160
+ items: totalSteps - ( failedItems + skippedItems ),
161
+ failed: failedItems,
162
+ skipped: skippedItems,
163
+ },
164
+ ( response ) => obj.onFinish( response )
165
+ );
166
+ }
167
+ };
168
+
169
+ return obj;
170
  };
171
 
172
  export default DirectoryScanner;
_src/js/smush/lazy-load.js CHANGED
@@ -6,243 +6,283 @@
6
  *
7
  * @since 3.0
8
  */
9
- (function() {
10
- "use strict";
11
-
12
- WP_Smush.Lazyload = {
13
- lazyloadEnableButton: document.getElementById("smush-enable-lazyload"),
14
- lazyloadDisableButton: document.getElementById("smush-cancel-lazyload"),
15
-
16
- init() {
17
- const self = this;
18
-
19
- /**
20
- * Handle "Activate" button click on disabled Lazy load page.
21
- */
22
- if (this.lazyloadEnableButton) {
23
- this.lazyloadEnableButton.addEventListener("click", e => {
24
- e.currentTarget.classList.add("sui-button-onload");
25
-
26
- // Force repaint of the spinner.
27
- const loader = e.currentTarget.querySelector(".sui-icon-loader");
28
- loader.style.display = "none";
29
- loader.offsetHeight;
30
- loader.style.display = "flex";
31
-
32
- this.toggle_lazy_load(true);
33
- });
34
- }
35
-
36
- /**
37
- * Handle "Deactivate' button click on Lazy load page.
38
- */
39
- if (this.lazyloadDisableButton) {
40
- this.lazyloadDisableButton.addEventListener("click", e => {
41
- e.preventDefault();
42
- this.toggle_lazy_load(false);
43
- });
44
- }
45
-
46
- /**
47
- * Handle "Remove icon" button click on Lazy load page.
48
- *
49
- * This removes the image from the upload placeholder.
50
- *
51
- * @since 3.2.2
52
- */
53
- const removeSpinner = document.getElementById("smush-remove-spinner");
54
- if (removeSpinner) {
55
- removeSpinner.addEventListener("click", e => {
56
- e.preventDefault();
57
- this.removeLoaderIcon();
58
- });
59
- }
60
- const removePlaceholder = document.getElementById(
61
- "smush-remove-placeholder"
62
- );
63
- if (removePlaceholder) {
64
- removePlaceholder.addEventListener("click", e => {
65
- e.preventDefault();
66
- this.removeLoaderIcon("placeholder");
67
- });
68
- }
69
-
70
- /**
71
- * Handle "Remove" icon click.
72
- *
73
- * This removes the select icon from the list (not same as above functions).
74
- *
75
- * @since 3.2.2
76
- */
77
- const items = document.querySelectorAll(".smush-ll-remove");
78
- if (items && 0 < items.length) {
79
- items.forEach(function(el) {
80
- el.addEventListener("click", e => {
81
- e.preventDefault();
82
- e.target.closest("li").style.display = "none";
83
- self.remove(e.target.dataset.id, e.target.dataset.type);
84
- });
85
- });
86
- }
87
- },
88
-
89
- /**
90
- * Toggle lazy loading.
91
- *
92
- * @since 3.2.0
93
- *
94
- * @param {string} enable
95
- */
96
- toggle_lazy_load(enable) {
97
- const nonceField = document.getElementsByName("wp_smush_options_nonce");
98
-
99
- const xhr = new XMLHttpRequest();
100
- xhr.open("POST", ajaxurl + "?action=smush_toggle_lazy_load", true);
101
- xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
102
- xhr.onload = () => {
103
- if (200 === xhr.status) {
104
- const res = JSON.parse(xhr.response);
105
- if ("undefined" !== typeof res.success && res.success) {
106
- location.reload();
107
- } else if ("undefined" !== typeof res.data.message) {
108
- this.showNotice(res.data.message);
109
- }
110
- } else {
111
- window.console.log(
112
- "Request failed. Returned status of " + xhr.status
113
- );
114
- }
115
- };
116
- xhr.send("param=" + enable + "&_ajax_nonce=" + nonceField[0].value);
117
- },
118
-
119
- /**
120
- * Show message (notice).
121
- *
122
- * @since 3.0
123
- *
124
- * @param {string} message
125
- */
126
- showNotice(message) {
127
- if ("undefined" === typeof message) {
128
- return;
129
- }
130
-
131
- const notice = document.getElementById("wp-smush-ajax-notice");
132
-
133
- notice.classList.add("sui-notice-error");
134
- notice.innerHTML = `<p>${message}</p>`;
135
-
136
- if (this.cdnEnableButton) {
137
- this.cdnEnableButton.classList.remove("sui-button-onload");
138
- }
139
-
140
- notice.style.display = "block";
141
- setTimeout(() => {
142
- notice.style.display = "none";
143
- }, 5000);
144
- },
145
-
146
- /**
147
- * Add lazy load spinner icon.
148
- *
149
- * @since 3.2.2
150
- * @param {string} type Accepts: spinner, placeholder.
151
- */
152
- addLoaderIcon(type = "spinner") {
153
- let frame;
154
-
155
- // If the media frame already exists, reopen it.
156
- if (frame) {
157
- frame.open();
158
- return;
159
- }
160
-
161
- // Create a new media frame
162
- frame = wp.media({
163
- title: "Select or upload an icon",
164
- button: {
165
- text: "Select icon"
166
- },
167
- multiple: false // Set to true to allow multiple files to be selected
168
- });
169
-
170
- // When an image is selected in the media frame...
171
- frame.on("select", function() {
172
- // Get media attachment details from the frame state
173
- const attachment = frame
174
- .state()
175
- .get("selection")
176
- .first()
177
- .toJSON();
178
-
179
- // Send the attachment URL to our custom image input field.
180
- const imageIcon = document.getElementById(
181
- "smush-" + type + "-icon-preview"
182
- );
183
- imageIcon.style.backgroundImage = 'url("' + attachment.url + '")';
184
- imageIcon.style.display = "block";
185
-
186
- // Send the attachment id to our hidden input
187
- document
188
- .getElementById("smush-" + type + "-icon-file")
189
- .setAttribute("value", attachment.id);
190
-
191
- // Hide the add image link
192
- document.getElementById("smush-upload-" + type).style.display = "none";
193
-
194
- // Unhide the remove image link
195
- const removeDiv = document.getElementById("smush-remove-" + type);
196
- removeDiv.querySelector("span").innerHTML = attachment.filename;
197
- removeDiv.style.display = "block";
198
- });
199
-
200
- // Finally, open the modal on click
201
- frame.open();
202
- },
203
-
204
- /**
205
- * Remove lazy load spinner icon.
206
- *
207
- * @since 3.2.2
208
- * @param {string} type Accepts: spinner, placeholder.
209
- */
210
- removeLoaderIcon: (type = "spinner") => {
211
- // Clear out the preview image
212
- const imageIcon = document.getElementById(
213
- "smush-" + type + "-icon-preview"
214
- );
215
- imageIcon.style.backgroundImage = "";
216
- imageIcon.style.display = "none";
217
-
218
- // Un-hide the add image link
219
- document.getElementById("smush-upload-" + type).style.display = "block";
220
-
221
- // Hide the delete image link
222
- document.getElementById("smush-remove-" + type).style.display = "none";
223
-
224
- // Delete the image id from the hidden input
225
- document
226
- .getElementById("smush-" + type + "-icon-file")
227
- .setAttribute("value", "");
228
- },
229
-
230
- /**
231
- * Remove item.
232
- *
233
- * @param {number} id Image ID.
234
- * @param {string} type Accepts: spinner, placeholder.
235
- */
236
- remove: (id, type = "spinner") => {
237
- const nonceField = document.getElementsByName("wp_smush_options_nonce");
238
- const xhr = new XMLHttpRequest();
239
- xhr.open("POST", ajaxurl + "?action=smush_remove_icon", true);
240
- xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
241
- xhr.send(
242
- "id=" + id + "&type=" + type + "&_ajax_nonce=" + nonceField[0].value
243
- );
244
- }
245
- };
246
-
247
- WP_Smush.Lazyload.init();
248
- })();
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
6
  *
7
  * @since 3.0
8
  */
9
+ ( function() {
10
+ 'use strict';
11
+
12
+ WP_Smush.Lazyload = {
13
+ lazyloadEnableButton: document.getElementById(
14
+ 'smush-enable-lazyload'
15
+ ),
16
+ lazyloadDisableButton: document.getElementById(
17
+ 'smush-cancel-lazyload'
18
+ ),
19
+
20
+ init() {
21
+ const self = this;
22
+
23
+ /**
24
+ * Handle "Activate" button click on disabled Lazy load page.
25
+ */
26
+ if ( this.lazyloadEnableButton ) {
27
+ this.lazyloadEnableButton.addEventListener( 'click', ( e ) => {
28
+ e.currentTarget.classList.add( 'sui-button-onload' );
29
+
30
+ // Force repaint of the spinner.
31
+ const loader = e.currentTarget.querySelector(
32
+ '.sui-icon-loader'
33
+ );
34
+ loader.style.display = 'none';
35
+ loader.offsetHeight;
36
+ loader.style.display = 'flex';
37
+
38
+ this.toggle_lazy_load( true );
39
+ } );
40
+ }
41
+
42
+ /**
43
+ * Handle "Deactivate' button click on Lazy load page.
44
+ */
45
+ if ( this.lazyloadDisableButton ) {
46
+ this.lazyloadDisableButton.addEventListener( 'click', ( e ) => {
47
+ e.preventDefault();
48
+ this.toggle_lazy_load( false );
49
+ } );
50
+ }
51
+
52
+ /**
53
+ * Handle "Remove icon" button click on Lazy load page.
54
+ *
55
+ * This removes the image from the upload placeholder.
56
+ *
57
+ * @since 3.2.2
58
+ */
59
+ const removeSpinner = document.getElementById(
60
+ 'smush-remove-spinner'
61
+ );
62
+ if ( removeSpinner ) {
63
+ removeSpinner.addEventListener( 'click', ( e ) => {
64
+ e.preventDefault();
65
+ this.removeLoaderIcon();
66
+ } );
67
+ }
68
+ const removePlaceholder = document.getElementById(
69
+ 'smush-remove-placeholder'
70
+ );
71
+ if ( removePlaceholder ) {
72
+ removePlaceholder.addEventListener( 'click', ( e ) => {
73
+ e.preventDefault();
74
+ this.removeLoaderIcon( 'placeholder' );
75
+ } );
76
+ }
77
+
78
+ /**
79
+ * Handle "Remove" icon click.
80
+ *
81
+ * This removes the select icon from the list (not same as above functions).
82
+ *
83
+ * @since 3.2.2
84
+ */
85
+ const items = document.querySelectorAll( '.smush-ll-remove' );
86
+ if ( items && 0 < items.length ) {
87
+ items.forEach( function( el ) {
88
+ el.addEventListener( 'click', ( e ) => {
89
+ e.preventDefault();
90
+ e.target.closest( 'li' ).style.display = 'none';
91
+ self.remove(
92
+ e.target.dataset.id,
93
+ e.target.dataset.type
94
+ );
95
+ } );
96
+ } );
97
+ }
98
+ },
99
+
100
+ /**
101
+ * Toggle lazy loading.
102
+ *
103
+ * @since 3.2.0
104
+ *
105
+ * @param {string} enable
106
+ */
107
+ toggle_lazy_load( enable ) {
108
+ const nonceField = document.getElementsByName(
109
+ 'wp_smush_options_nonce'
110
+ );
111
+
112
+ const xhr = new XMLHttpRequest();
113
+ xhr.open(
114
+ 'POST',
115
+ ajaxurl + '?action=smush_toggle_lazy_load',
116
+ true
117
+ );
118
+ xhr.setRequestHeader(
119
+ 'Content-type',
120
+ 'application/x-www-form-urlencoded'
121
+ );
122
+ xhr.onload = () => {
123
+ if ( 200 === xhr.status ) {
124
+ const res = JSON.parse( xhr.response );
125
+ if ( 'undefined' !== typeof res.success && res.success ) {
126
+ location.reload();
127
+ } else if ( 'undefined' !== typeof res.data.message ) {
128
+ this.showNotice( res.data.message );
129
+ }
130
+ } else {
131
+ window.console.log(
132
+ 'Request failed. Returned status of ' + xhr.status
133
+ );
134
+ }
135
+ };
136
+ xhr.send(
137
+ 'param=' + enable + '&_ajax_nonce=' + nonceField[ 0 ].value
138
+ );
139
+ },
140
+
141
+ /**
142
+ * Show message (notice).
143
+ *
144
+ * @since 3.0
145
+ *
146
+ * @param {string} message
147
+ */
148
+ showNotice( message ) {
149
+ if ( 'undefined' === typeof message ) {
150
+ return;
151
+ }
152
+
153
+ const notice = document.getElementById( 'wp-smush-ajax-notice' );
154
+
155
+ notice.classList.add( 'sui-notice-error' );
156
+ notice.innerHTML = `<p>${ message }</p>`;
157
+
158
+ if ( this.cdnEnableButton ) {
159
+ this.cdnEnableButton.classList.remove( 'sui-button-onload' );
160
+ }
161
+
162
+ notice.style.display = 'block';
163
+ setTimeout( () => {
164
+ notice.style.display = 'none';
165
+ }, 5000 );
166
+ },
167
+
168
+ /**
169
+ * Add lazy load spinner icon.
170
+ *
171
+ * @since 3.2.2
172
+ * @param {string} type Accepts: spinner, placeholder.
173
+ */
174
+ addLoaderIcon( type = 'spinner' ) {
175
+ let frame;
176
+
177
+ // If the media frame already exists, reopen it.
178
+ if ( frame ) {
179
+ frame.open();
180
+ return;
181
+ }
182
+
183
+ // Create a new media frame
184
+ frame = wp.media( {
185
+ title: 'Select or upload an icon',
186
+ button: {
187
+ text: 'Select icon',
188
+ },
189
+ multiple: false, // Set to true to allow multiple files to be selected
190
+ } );
191
+
192
+ // When an image is selected in the media frame...
193
+ frame.on( 'select', function() {
194
+ // Get media attachment details from the frame state
195
+ const attachment = frame
196
+ .state()
197
+ .get( 'selection' )
198
+ .first()
199
+ .toJSON();
200
+
201
+ // Send the attachment URL to our custom image input field.
202
+ const imageIcon = document.getElementById(
203
+ 'smush-' + type + '-icon-preview'
204
+ );
205
+ imageIcon.style.backgroundImage =
206
+ 'url("' + attachment.url + '")';
207
+ imageIcon.style.display = 'block';
208
+
209
+ // Send the attachment id to our hidden input
210
+ document
211
+ .getElementById( 'smush-' + type + '-icon-file' )
212
+ .setAttribute( 'value', attachment.id );
213
+
214
+ // Hide the add image link
215
+ document.getElementById(
216
+ 'smush-upload-' + type
217
+ ).style.display = 'none';
218
+
219
+ // Unhide the remove image link
220
+ const removeDiv = document.getElementById(
221
+ 'smush-remove-' + type
222
+ );
223
+ removeDiv.querySelector( 'span' ).innerHTML =
224
+ attachment.filename;
225
+ removeDiv.style.display = 'block';
226
+ } );
227
+
228
+ // Finally, open the modal on click
229
+ frame.open();
230
+ },
231
+
232
+ /**
233
+ * Remove lazy load spinner icon.
234
+ *
235
+ * @since 3.2.2
236
+ * @param {string} type Accepts: spinner, placeholder.
237
+ */
238
+ removeLoaderIcon: ( type = 'spinner' ) => {
239
+ // Clear out the preview image
240
+ const imageIcon = document.getElementById(
241
+ 'smush-' + type + '-icon-preview'
242
+ );
243
+ imageIcon.style.backgroundImage = '';
244
+ imageIcon.style.display = 'none';
245
+
246
+ // Un-hide the add image link
247
+ document.getElementById( 'smush-upload-' + type ).style.display =
248
+ 'block';
249
+
250
+ // Hide the delete image link
251
+ document.getElementById( 'smush-remove-' + type ).style.display =
252
+ 'none';
253
+
254
+ // Delete the image id from the hidden input
255
+ document
256
+ .getElementById( 'smush-' + type + '-icon-file' )
257
+ .setAttribute( 'value', '' );
258
+ },
259
+
260
+ /**
261
+ * Remove item.
262
+ *
263
+ * @param {number} id Image ID.
264
+ * @param {string} type Accepts: spinner, placeholder.
265
+ */
266
+ remove: ( id, type = 'spinner' ) => {
267
+ const nonceField = document.getElementsByName(
268
+ 'wp_smush_options_nonce'
269
+ );
270
+ const xhr = new XMLHttpRequest();
271
+ xhr.open( 'POST', ajaxurl + '?action=smush_remove_icon', true );
272
+ xhr.setRequestHeader(
273
+ 'Content-type',
274
+ 'application/x-www-form-urlencoded'
275
+ );
276
+ xhr.send(
277
+ 'id=' +
278
+ id +
279
+ '&type=' +
280
+ type +
281
+ '&_ajax_nonce=' +
282
+ nonceField[ 0 ].value
283
+ );
284
+ },
285
+ };
286
+
287
+ WP_Smush.Lazyload.init();
288
+ } )();
_src/js/smush/media.js CHANGED
@@ -4,162 +4,178 @@
4
  /**
5
  * Adds a Smush Now button and displays stats in Media Attachment Details Screen
6
  */
7
- (function($, _) {
8
- "use strict";
9
-
10
- // Local reference to the WordPress media namespace.
11
- const smushMedia = wp.media,
12
- sharedTemplate =
13
- "<span class='setting smush-stats' data-setting='smush'>" +
14
- "<span class='name'><%= label %></span>" +
15
- "<span class='value'><%= value %></span>" +
16
- "</span>",
17
- template = _.template(sharedTemplate);
18
-
19
- /**
20
- * Create the template.
21
- *
22
- * @param {string} smushHTML
23
- * @return {Object} Template object
24
- */
25
- const prepareTemplate = function(smushHTML) {
26
- /**
27
- * @param {Array} smush_vars.strings Localization strings.
28
- * @param {Object} smush_vars Object from wp_localize_script()
29
- */
30
- return template({
31
- label: smush_vars.strings.stats_label,
32
- value: smushHTML
33
- });
34
- };
35
-
36
- if (
37
- "undefined" !== typeof smushMedia.view &&
38
- "undefined" !== typeof smushMedia.view.Attachment.Details.TwoColumn
39
- ) {
40
- // Local instance of the Attachment Details TwoColumn used in the edit attachment modal view
41
- const smushMediaTwoColumn = smushMedia.view.Attachment.Details.TwoColumn;
42
-
43
- /**
44
- * Add Smush details to attachment.
45
- *
46
- * A similar view to media.view.Attachment.Details
47
- * for use in the Edit Attachment modal.
48
- *
49
- * @see wp-includes/js/media-grid.js
50
- */
51
- smushMedia.view.Attachment.Details.TwoColumn = smushMediaTwoColumn.extend({
52
- initialize() {
53
- this.listenTo(this.model, "change:smush", this.render);
54
- },
55
-
56
- render() {
57
- // Ensure that the main attachment fields are rendered.
58
- smushMedia.view.Attachment.prototype.render.apply(this, arguments);
59
-
60
- const smushHTML = this.model.get("smush");
61
- if (typeof smushHTML === "undefined") {
62
- return this;
63
- }
64
-
65
- this.model.fetch();
66
-
67
- /**
68
- * Detach the views, append our custom fields, make sure that our data is fully updated
69
- * and re-render the updated view.
70
- */
71
- this.views.detach();
72
- this.$el.find(".settings").append(prepareTemplate(smushHTML));
73
- this.views.render();
74
-
75
- return this;
76
- }
77
- });
78
- }
79
-
80
- // Local instance of the Attachment Details TwoColumn used in the edit attachment modal view
81
- const smushAttachmentDetails = smushMedia.view.Attachment.Details;
82
-
83
- /**
84
- * Add Smush details to attachment.
85
- */
86
- smushMedia.view.Attachment.Details = smushAttachmentDetails.extend({
87
- initialize() {
88
- smushAttachmentDetails.prototype.initialize.apply(this, arguments);
89
- this.listenTo(this.model, "change:smush", this.render);
90
- },
91
-
92
- render() {
93
- // Ensure that the main attachment fields are rendered.
94
- smushMedia.view.Attachment.prototype.render.apply(this, arguments);
95
-
96
- const smushHTML = this.model.get("smush");
97
- if (typeof smushHTML === "undefined") {
98
- return this;
99
- }
100
-
101
- this.model.fetch();
102
-
103
- /**
104
- * Detach the views, append our custom fields, make sure that our data is fully updated
105
- * and re-render the updated view.
106
- */
107
- this.views.detach();
108
- this.$el.append(prepareTemplate(smushHTML));
109
-
110
- return this;
111
- }
112
- });
113
-
114
- /**
115
- * Create a new MediaLibraryTaxonomyFilter we later will instantiate
116
- *
117
- * @since 3.0
118
- */
119
- const MediaLibraryTaxonomyFilter = wp.media.view.AttachmentFilters.extend({
120
- id: "media-attachment-smush-filter",
121
-
122
- createFilters() {
123
- this.filters = {
124
- all: {
125
- text: smush_vars.strings.filter_all,
126
- props: { stats: "all" },
127
- priority: 10
128
- },
129
-
130
- unsmushed: {
131
- text: smush_vars.strings.filter_not_processed,
132
- props: { stats: "unsmushed" },
133
- priority: 20
134
- },
135
-
136
- excluded: {
137
- text: smush_vars.strings.filter_excl,
138
- props: { stats: "excluded" },
139
- priority: 30
140
- }
141
- };
142
- }
143
- });
144
-
145
- /**
146
- * Extend and override wp.media.view.AttachmentsBrowser to include our new filter.
147
- *
148
- * @since 3.0
149
- */
150
- const AttachmentsBrowser = wp.media.view.AttachmentsBrowser;
151
- wp.media.view.AttachmentsBrowser = wp.media.view.AttachmentsBrowser.extend({
152
- createToolbar() {
153
- // Make sure to load the original toolbar
154
- AttachmentsBrowser.prototype.createToolbar.call(this);
155
- this.toolbar.set(
156
- "MediaLibraryTaxonomyFilter",
157
- new MediaLibraryTaxonomyFilter({
158
- controller: this.controller,
159
- model: this.collection.props,
160
- priority: -75
161
- }).render()
162
- );
163
- }
164
- });
165
- })(jQuery, _);
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
4
  /**
5
  * Adds a Smush Now button and displays stats in Media Attachment Details Screen
6
  */
7
+ ( function( $, _ ) {
8
+ 'use strict';
9
+
10
+ // Local reference to the WordPress media namespace.
11
+ const smushMedia = wp.media,
12
+ sharedTemplate =
13
+ "<span class='setting smush-stats' data-setting='smush'>" +
14
+ "<span class='name'><%= label %></span>" +
15
+ "<span class='value'><%= value %></span>" +
16
+ '</span>',
17
+ template = _.template( sharedTemplate );
18
+
19
+ /**
20
+ * Create the template.
21
+ *
22
+ * @param {string} smushHTML
23
+ * @return {Object} Template object
24
+ */
25
+ const prepareTemplate = function( smushHTML ) {
26
+ /**
27
+ * @param {Array} smush_vars.strings Localization strings.
28
+ * @param {Object} smush_vars Object from wp_localize_script()
29
+ */
30
+ return template( {
31
+ label: smush_vars.strings.stats_label,
32
+ value: smushHTML,
33
+ } );
34
+ };
35
+
36
+ if (
37
+ 'undefined' !== typeof smushMedia.view &&
38
+ 'undefined' !== typeof smushMedia.view.Attachment.Details.TwoColumn
39
+ ) {
40
+ // Local instance of the Attachment Details TwoColumn used in the edit attachment modal view
41
+ const smushMediaTwoColumn =
42
+ smushMedia.view.Attachment.Details.TwoColumn;
43
+
44
+ /**
45
+ * Add Smush details to attachment.
46
+ *
47
+ * A similar view to media.view.Attachment.Details
48
+ * for use in the Edit Attachment modal.
49
+ *
50
+ * @see wp-includes/js/media-grid.js
51
+ */
52
+ smushMedia.view.Attachment.Details.TwoColumn = smushMediaTwoColumn.extend(
53
+ {
54
+ initialize() {
55
+ this.listenTo( this.model, 'change:smush', this.render );
56
+ },
57
+
58
+ render() {
59
+ // Ensure that the main attachment fields are rendered.
60
+ smushMedia.view.Attachment.prototype.render.apply(
61
+ this,
62
+ arguments
63
+ );
64
+
65
+ const smushHTML = this.model.get( 'smush' );
66
+ if ( typeof smushHTML === 'undefined' ) {
67
+ return this;
68
+ }
69
+
70
+ this.model.fetch();
71
+
72
+ /**
73
+ * Detach the views, append our custom fields, make sure that our data is fully updated
74
+ * and re-render the updated view.
75
+ */
76
+ this.views.detach();
77
+ this.$el
78
+ .find( '.settings' )
79
+ .append( prepareTemplate( smushHTML ) );
80
+ this.views.render();
81
+
82
+ return this;
83
+ },
84
+ }
85
+ );
86
+ }
87
+
88
+ // Local instance of the Attachment Details TwoColumn used in the edit attachment modal view
89
+ const smushAttachmentDetails = smushMedia.view.Attachment.Details;
90
+
91
+ /**
92
+ * Add Smush details to attachment.
93
+ */
94
+ smushMedia.view.Attachment.Details = smushAttachmentDetails.extend( {
95
+ initialize() {
96
+ smushAttachmentDetails.prototype.initialize.apply(
97
+ this,
98
+ arguments
99
+ );
100
+ this.listenTo( this.model, 'change:smush', this.render );
101
+ },
102
+
103
+ render() {
104
+ // Ensure that the main attachment fields are rendered.
105
+ smushMedia.view.Attachment.prototype.render.apply(
106
+ this,
107
+ arguments
108
+ );
109
+
110
+ const smushHTML = this.model.get( 'smush' );
111
+ if ( typeof smushHTML === 'undefined' ) {
112
+ return this;
113
+ }
114
+
115
+ this.model.fetch();
116
+
117
+ /**
118
+ * Detach the views, append our custom fields, make sure that our data is fully updated
119
+ * and re-render the updated view.
120
+ */
121
+ this.views.detach();
122
+ this.$el.append( prepareTemplate( smushHTML ) );
123
+
124
+ return this;
125
+ },
126
+ } );
127
+
128
+ /**
129
+ * Create a new MediaLibraryTaxonomyFilter we later will instantiate
130
+ *
131
+ * @since 3.0
132
+ */
133
+ const MediaLibraryTaxonomyFilter = wp.media.view.AttachmentFilters.extend( {
134
+ id: 'media-attachment-smush-filter',
135
+
136
+ createFilters() {
137
+ this.filters = {
138
+ all: {
139
+ text: smush_vars.strings.filter_all,
140
+ props: { stats: 'all' },
141
+ priority: 10,
142
+ },
143
+
144
+ unsmushed: {
145
+ text: smush_vars.strings.filter_not_processed,
146
+ props: { stats: 'unsmushed' },
147
+ priority: 20,
148
+ },
149
+
150
+ excluded: {
151
+ text: smush_vars.strings.filter_excl,
152
+ props: { stats: 'excluded' },
153
+ priority: 30,
154
+ },
155
+ };
156
+ },
157
+ } );
158
+
159
+ /**
160
+ * Extend and override wp.media.view.AttachmentsBrowser to include our new filter.
161
+ *
162
+ * @since 3.0
163
+ */
164
+ const AttachmentsBrowser = wp.media.view.AttachmentsBrowser;
165
+ wp.media.view.AttachmentsBrowser = wp.media.view.AttachmentsBrowser.extend(
166
+ {
167
+ createToolbar() {
168
+ // Make sure to load the original toolbar
169
+ AttachmentsBrowser.prototype.createToolbar.call( this );
170
+ this.toolbar.set(
171
+ 'MediaLibraryTaxonomyFilter',
172
+ new MediaLibraryTaxonomyFilter( {
173
+ controller: this.controller,
174
+ model: this.collection.props,
175
+ priority: -75,
176
+ } ).render()
177
+ );
178
+ },
179
+ }
180
+ );
181
+ } )( jQuery, _ );
_src/js/smush/smush.js CHANGED
@@ -10,1153 +10,1227 @@ let perf = 0;
10
  * @since 2.9.0 Moved from admin.js into a dedicated ES6 class.
11
  */
12
  class Smush {
13
- /**
14
- * Class constructor.
15
- *
16
- * @param {Object} button Button object that made the call.
17
- * @param {boolean} bulk Bulk smush or not.
18
- * @param {string} type Accepts: 'nextgen', 'media'.
19
- */
20
- constructor(button, bulk, type = "media") {
21
- // TODO: errors will reset after bulk smush limit is reached and user clicks continue.
22
- this.errors = [];
23
- // Smushed and total we take from the progress bar... I don't like this :-(
24
- const progressBar = jQuery(".bulk-smush-wrapper .sui-progress-state-text");
25
- this.smushed = parseInt(progressBar.find("span:first-child").html());
26
- this.total = parseInt(progressBar.find("span:last-child").html());
27
-
28
- //If smush attribute is not defined, Need not skip re-Smush IDs.
29
- this.skip_resmush = !(
30
- "undefined" === typeof button.data("smush") || !button.data("smush")
31
- );
32
- this.button = jQuery(button[0]);
33
- this.is_bulk = typeof bulk ? bulk : false;
34
- this.url = ajaxurl;
35
- this.log = jQuery(".smush-final-log");
36
- this.deferred = jQuery.Deferred();
37
- this.deferred.errors = [];
38
-
39
- const ids =
40
- 0 < wp_smushit_data.resmush.length && !this.skip_resmush
41
- ? wp_smushit_data.unsmushed.length > 0
42
- ? wp_smushit_data.resmush.concat(wp_smushit_data.unsmushed)
43
- : wp_smushit_data.resmush
44
- : wp_smushit_data.unsmushed;
45
- if ("object" === typeof ids) {
46
- // If button has re-Smush class, and we do have ids that needs to re-Smushed, put them in the list.
47
- this.ids = ids.filter(function(itm, i, a) {
48
- return i === a.indexOf(itm);
49
- });
50
- } else {
51
- this.ids = ids;
52
- }
53
-
54
- this.is_bulk_resmush =
55
- 0 < wp_smushit_data.resmush.length && !this.skip_resmush;
56
- this.status = this.button.parent().prev(".smush-status");
57
-
58
- // Added for NextGen support.
59
- this.smush_type = type;
60
- this.single_ajax_suffix =
61
- "nextgen" === this.smush_type
62
- ? "smush_manual_nextgen"
63
- : "wp_smushit_manual";
64
- this.bulk_ajax_suffix =
65
- "nextgen" === this.smush_type
66
- ? "wp_smushit_nextgen_bulk"
67
- : "wp_smushit_bulk";
68
- this.url = this.is_bulk
69
- ? Smush.smushAddParams(this.url, { action: this.bulk_ajax_suffix })
70
- : Smush.smushAddParams(this.url, { action: this.single_ajax_suffix });
71
-
72
- this.start();
73
- this.run();
74
- this.bindDeferredEvents();
75
-
76
- // Handle cancel ajax.
77
- this.cancelAjax();
78
-
79
- return this.deferred;
80
- }
81
-
82
- /**
83
- * Add params to the URL.
84
- *
85
- * @param {string} url URL to add the params to.
86
- * @param {Object} data Object with params.
87
- * @return {string} URL with params.
88
- */
89
- static smushAddParams(url, data) {
90
- if (!jQuery.isEmptyObject(data)) {
91
- url += (url.indexOf("?") >= 0 ? "&" : "?") + jQuery.param(data);
92
- }
93
-
94
- return url;
95
- }
96
-
97
- /**
98
- * Check membership validity.
99
- *
100
- * @param {Object} data
101
- * @param {number} data.show_warning
102
- */
103
- static membershipValidity(data) {
104
- const memberValidityNotice = jQuery("#wp-smush-invalid-member");
105
-
106
- // Check for membership warning.
107
- if (
108
- "undefined" !== typeof data &&
109
- "undefined" !== typeof data.show_warning &&
110
- memberValidityNotice.length > 0
111
- ) {
112
- if (data.show_warning) {
113
- memberValidityNotice.show();
114
- } else {
115
- memberValidityNotice.hide();
116
- }
117
- }
118
- }
119
-
120
- /**
121
- * Send Ajax request for compressing the image.
122
- *
123
- * @param {boolean} isBulkResmush
124
- * @param {number} id
125
- * @param {string} sendUrl
126
- * @param {string} nonce
127
- * @return {*|jQuery.promise|void} Compression results.
128
- */
129
- static ajax(isBulkResmush, id, sendUrl, nonce) {
130
- const param = jQuery.param({
131
- is_bulk_resmush: isBulkResmush,
132
- attachment_id: id,
133
- _nonce: nonce
134
- });
135
-
136
- return jQuery.ajax({
137
- type: "GET",
138
- data: param,
139
- url: sendUrl,
140
- /** @param {Array} wp_smushit_data */
141
- timeout: wp_smushit_data.timeout,
142
- dataType: "json"
143
- });
144
- }
145
-
146
- /**
147
- * Show loader in button for single and bulk Smush.
148
- */
149
- start() {
150
- this.button.attr("disabled", "disabled");
151
- this.button.addClass("wp-smush-started");
152
-
153
- this.bulkStart();
154
- this.singleStart();
155
- }
156
-
157
- /**
158
- * Start bulk Smush.
159
- */
160
- bulkStart() {
161
- if (!this.is_bulk) {
162
- return;
163
- }
164
-
165
- // Hide the bulk div.
166
- jQuery(".wp-smush-bulk-wrapper").hide();
167
-
168
- // Remove any global notices if there.
169
- jQuery(".sui-notice-top").remove();
170
-
171
- // Hide the bulk limit message.
172
- jQuery(
173
- ".wp-smush-bulk-progress-bar-wrapper .sui-notice-warning:first-of-type"
174
- ).hide();
175
-
176
- // Hide parent wrapper, if there are no other messages.
177
- if (0 >= jQuery("div.smush-final-log .smush-bulk-error-row").length) {
178
- jQuery("div.smush-final-log").hide();
179
- }
180
-
181
- // Show the progress bar.
182
- jQuery(".bulk-smush-wrapper .wp-smush-bulk-progress-bar-wrapper").show();
183
- }
184
-
185
- /**
186
- * Start single image Smush.
187
- */
188
- singleStart() {
189
- if (this.is_bulk) {
190
- return;
191
- }
192
-
193
- this.button.html(
194
- '<span class="spinner wp-smush-progress">' +
195
- window.wp_smush_msgs.smushing +
196
- "</span>"
197
- );
198
- this.status.removeClass("error");
199
- }
200
-
201
- /**
202
- * Enable button.
203
- */
204
- enableButton() {
205
- this.button.removeAttr("disabled");
206
- // For bulk process, enable other buttons.
207
- jQuery(".wp-smush-all").removeAttr("disabled");
208
- jQuery(
209
- "button.wp-smush-scan, a.wp-smush-lossy-enable, button.wp-smush-resize-enable, button#wp-smush-save-settings"
210
- ).removeAttr("disabled");
211
- }
212
-
213
- /**
214
- * Finish single image Smush.
215
- */
216
- singleDone() {
217
- if (this.is_bulk) {
218
- return;
219
- }
220
-
221
- const self = this;
222
-
223
- this.button.html(window.wp_smush_msgs.all_done);
224
-
225
- this.request
226
- .done(function(response) {
227
- if ("undefined" !== typeof response.data) {
228
- // Check if stats div exists.
229
- const parent = self.status.parent();
230
-
231
- // Check whether to show membership validity notice or not.
232
- Smush.membershipValidity(response.data);
233
-
234
- if (!response.success) {
235
- self.status.addClass("error");
236
- /** @param {string} response.data.error_msg */
237
- self.status.html(response.data.error_msg);
238
- self.button.html(window.smush_vars.strings.stats_label);
239
- } else {
240
- // If we've updated status, replace the content.
241
- parent.html(response.data);
242
- }
243
-
244
- /**
245
- * Update image size in attachment info panel.
246
- *
247
- * @param {string|number} response.data.new_size
248
- */
249
- Smush.updateImageStats(response.data.new_size);
250
- }
251
- self.enableButton();
252
- })
253
- .fail(function(response) {
254
- self.status.html(response.data);
255
- self.status.addClass("error");
256
- self.enableButton();
257
- });
258
- }
259
-
260
- /**
261
- * Set pro savings stats if not premium user.
262
- *
263
- * For non-premium users, show expected average savings based
264
- * on the free version savings.
265
- */
266
- static setProSavings() {
267
- // Default values.
268
- let savings =
269
- wp_smushit_data.savings_percent > 0
270
- ? wp_smushit_data.savings_percent
271
- : 0,
272
- savingsBytes =
273
- wp_smushit_data.savings_bytes > 0 ? wp_smushit_data.savings_bytes : 0,
274
- origDiff = 2.22058824;
275
-
276
- if (savings > 49) {
277
- origDiff = 1.22054412;
278
- }
279
-
280
- // Calculate Pro savings.
281
- if (savings > 0) {
282
- savings = origDiff * savings;
283
- savingsBytes = origDiff * savingsBytes;
284
- }
285
-
286
- wp_smushit_data.pro_savings = {
287
- percent: WP_Smush.helpers.precise_round(savings, 1),
288
- savings_bytes: WP_Smush.helpers.formatBytes(savingsBytes, 1)
289
- };
290
- }
291
-
292
- /**
293
- * Update all stats sections based on the response.
294
- *
295
- * @param {string} scanType Current scan type.
296
- */
297
- static updateStats(scanType) {
298
- const isNextgen = "undefined" !== typeof scanType && "nextgen" === scanType;
299
- let superSavings = 0;
300
-
301
- // Calculate updated savings in bytes.
302
- wp_smushit_data.savings_bytes =
303
- parseInt(wp_smushit_data.size_before) -
304
- parseInt(wp_smushit_data.size_after);
305
-
306
- const formattedSize = WP_Smush.helpers.formatBytes(
307
- wp_smushit_data.savings_bytes,
308
- 1
309
- );
310
- const statsHuman = jQuery(".wp-smush-savings .wp-smush-stats-human");
311
-
312
- if (isNextgen) {
313
- statsHuman.html(formattedSize);
314
- } else {
315
- statsHuman.html(WP_Smush.helpers.getFormatFromString(formattedSize));
316
- jQuery(".sui-summary-large.wp-smush-stats-human").html(
317
- WP_Smush.helpers.getSizeFromString(formattedSize)
318
- );
319
- }
320
-
321
- // Update the savings percent.
322
- wp_smushit_data.savings_percent = WP_Smush.helpers.precise_round(
323
- (parseInt(wp_smushit_data.savings_bytes) /
324
- parseInt(wp_smushit_data.size_before)) *
325
- 100,
326
- 1
327
- );
328
- if (!isNaN(wp_smushit_data.savings_percent)) {
329
- jQuery(".wp-smush-savings .wp-smush-stats-percent").html(
330
- wp_smushit_data.savings_percent
331
- );
332
- }
333
-
334
- // Super-Smush savings.
335
- if (
336
- "undefined" !== typeof wp_smushit_data.savings_bytes &&
337
- "undefined" !== typeof wp_smushit_data.savings_resize
338
- ) {
339
- superSavings =
340
- parseInt(wp_smushit_data.savings_bytes) -
341
- parseInt(wp_smushit_data.savings_resize);
342
- if (superSavings > 0) {
343
- jQuery("li.super-smush-attachments span.smushed-savings").html(
344
- WP_Smush.helpers.formatBytes(superSavings, 1)
345
- );
346
- }
347
- }
348
-
349
- // Update image count.
350
- if (isNextgen) {
351
- jQuery(".sui-summary-details span.wp-smush-total-optimised").html(
352
- wp_smushit_data.count_images
353
- );
354
- } else {
355
- jQuery(
356
- "span.smushed-items-count span.wp-smush-count-total span.wp-smush-total-optimised"
357
- ).html(wp_smushit_data.count_images);
358
- }
359
-
360
- // Update resize image count.
361
- jQuery(
362
- "span.smushed-items-count span.wp-smush-count-resize-total span.wp-smush-total-optimised"
363
- ).html(wp_smushit_data.count_resize);
364
-
365
- // Update super-Smushed image count.
366
- const smushedCountDiv = jQuery("li.super-smush-attachments .smushed-count");
367
- if (
368
- smushedCountDiv.length &&
369
- "undefined" !== typeof wp_smushit_data.count_supersmushed
370
- ) {
371
- smushedCountDiv.html(wp_smushit_data.count_supersmushed);
372
- }
373
-
374
- // Update conversion savings.
375
- const smushConversionSavings = jQuery(".smush-conversion-savings");
376
- if (
377
- smushConversionSavings.length > 0 &&
378
- "undefined" !== typeof wp_smushit_data.savings_conversion &&
379
- wp_smushit_data.savings_conversion !== ""
380
- ) {
381
- const conversionSavings = smushConversionSavings.find(".wp-smush-stats");
382
- if (conversionSavings.length > 0) {
383
- conversionSavings.html(
384
- WP_Smush.helpers.formatBytes(wp_smushit_data.savings_conversion, 1)
385
- );
386
- }
387
- }
388
-
389
- // Update resize savings.
390
- const smushResizeSavings = jQuery(".smush-resize-savings");
391
- if (
392
- smushResizeSavings.length > 0 &&
393
- "undefined" !== typeof wp_smushit_data.savings_resize &&
394
- wp_smushit_data.savings_resize !== ""
395
- ) {
396
- // Get the resize savings in number.
397
- const savingsValue = parseInt(wp_smushit_data.savings_resize);
398
- const resizeSavings = smushResizeSavings.find(".wp-smush-stats");
399
- const resizeMessage = smushResizeSavings.find(
400
- ".wp-smush-stats-label-message"
401
- );
402
- // Replace only if value is grater than 0.
403
- if (savingsValue > 0 && resizeSavings.length > 0) {
404
- // Hide message.
405
- if (resizeMessage.length > 0) {
406
- resizeMessage.hide();
407
- }
408
- resizeSavings.html(
409
- WP_Smush.helpers.formatBytes(wp_smushit_data.savings_resize, 1)
410
- );
411
- }
412
- }
413
-
414
- //Update pro Savings
415
- Smush.setProSavings();
416
-
417
- // Updating pro savings stats.
418
- if ("undefined" !== typeof wp_smushit_data.pro_savings) {
419
- // Pro stats section.
420
- const smushProSavings = jQuery(".smush-avg-pro-savings");
421
- if (smushProSavings.length > 0) {
422
- const proSavingsPercent = smushProSavings.find(
423
- ".wp-smush-stats-percent"
424
- );
425
- const proSavingsBytes = smushProSavings.find(".wp-smush-stats-human");
426
- if (
427
- proSavingsPercent.length > 0 &&
428
- "undefined" !== typeof wp_smushit_data.pro_savings.percent &&
429
- wp_smushit_data.pro_savings.percent !== ""
430
- ) {
431
- proSavingsPercent.html(wp_smushit_data.pro_savings.percent);
432
- }
433
- if (
434
- proSavingsBytes.length > 0 &&
435
- "undefined" !== typeof wp_smushit_data.pro_savings.savings_bytes &&
436
- wp_smushit_data.pro_savings.savings_bytes !== ""
437
- ) {
438
- proSavingsBytes.html(wp_smushit_data.pro_savings.savings_bytes);
439
- }
440
- }
441
- }
442
-
443
- // Update remaining count.
444
- // Update sidebar count.
445
- const sidenavCountDiv = jQuery(".smush-sidenav .wp-smush-remaining-count");
446
- if (sidenavCountDiv.length) {
447
- let count = 0;
448
-
449
- // Unsmushed
450
- if (
451
- "undefined" !== typeof wp_smushit_data.unsmushed &&
452
- wp_smushit_data.unsmushed.length > 0
453
- ) {
454
- count += wp_smushit_data.unsmushed.length;
455
- }
456
-
457
- // Re-smush
458
- if (
459
- "undefined" !== typeof wp_smushit_data.resmush &&
460
- wp_smushit_data.resmush.length > 0
461
- ) {
462
- count += wp_smushit_data.resmush.length;
463
- }
464
-
465
- if (count > 0) {
466
- sidenavCountDiv.html(count);
467
- } else {
468
- jQuery(".sui-summary-smush .smush-stats-icon").addClass("sui-hidden");
469
- sidenavCountDiv.removeClass("sui-tag sui-tag-warning").html("");
470
- }
471
- }
472
- }
473
-
474
- /**
475
- * Update image size in attachment info panel.
476
- *
477
- * @since 2.8
478
- *
479
- * @param {number} newSize
480
- */
481
- static updateImageStats(newSize) {
482
- if (0 === newSize) {
483
- return;
484
- }
485
-
486
- const attachmentSize = jQuery(".attachment-info .file-size");
487
- const currentSize = attachmentSize
488
- .contents()
489
- .filter(function() {
490
- return this.nodeType === 3;
491
- })
492
- .text();
493
-
494
- // There is a space before the size.
495
- if (currentSize !== " " + newSize) {
496
- const sizeStrongEl = attachmentSize
497
- .contents()
498
- .filter(function() {
499
- return this.nodeType === 1;
500
- })
501
- .text();
502
- attachmentSize.html("<strong>" + sizeStrongEl + "</strong> " + newSize);
503
- }
504
- }
505
-
506
- /**
507
- * Sync stats.
508
- */
509
- syncStats() {
510
- const messageHolder = jQuery(
511
- "div.wp-smush-bulk-progress-bar-wrapper div.wp-smush-count.tc"
512
- );
513
- // Store the existing content in a variable.
514
- const progressMessage = messageHolder.html();
515
- /** @param {string} wp_smush_msgs.sync_stats */
516
- messageHolder.html(window.wp_smush_msgs.sync_stats);
517
-
518
- // Send ajax.
519
- jQuery
520
- .ajax({
521
- type: "GET",
522
- url: this.url,
523
- data: {
524
- action: "get_stats"
525
- },
526
- success(response) {
527
- if (response && "undefined" !== typeof response) {
528
- response = response.data;
529
- jQuery.extend(wp_smushit_data, {
530
- count_images: response.count_images,
531
- count_smushed: response.count_smushed,
532
- count_total: response.count_total,
533
- count_resize: response.count_resize,
534
- count_supersmushed: response.count_supersmushed,
535
- savings_bytes: response.savings_bytes,
536
- savings_conversion: response.savings_conversion,
537
- savings_resize: response.savings_resize,
538
- size_before: response.size_before,
539
- size_after: response.size_after
540
- });
541
- // Got the stats, update it.
542
- Smush.updateStats(this.smush_type);
543
- }
544
- }
545
- })
546
- .always(() => messageHolder.html(progressMessage));
547
- }
548
-
549
- /**
550
- * After the bulk optimization has been finished.
551
- */
552
- bulkDone() {
553
- if (!this.is_bulk) {
554
- return;
555
- }
556
-
557
- // Enable the button.
558
- this.enableButton();
559
-
560
- const statusIcon = jQuery(".sui-summary-smush .smush-stats-icon");
561
-
562
- // Show notice.
563
- if (0 === this.ids.length) {
564
- statusIcon.addClass("sui-hidden");
565
- jQuery(
566
- ".bulk-smush-wrapper .wp-smush-all-done, .wp-smush-pagespeed-recommendation"
567
- ).show();
568
- jQuery(".wp-smush-bulk-wrapper").hide();
569
- // Hide the progress bar if scan is finished.
570
- jQuery(".wp-smush-bulk-progress-bar-wrapper").hide();
571
- } else {
572
- // Show loader.
573
- statusIcon
574
- .removeClass("sui-icon-loader sui-loading sui-hidden")
575
- .addClass("sui-icon-info sui-warning");
576
-
577
- const notice = jQuery(".bulk-smush-wrapper .wp-smush-resmush-notice");
578
-
579
- if (notice.length > 0) {
580
- notice.show();
581
- } else {
582
- jQuery(".bulk-smush-wrapper .wp-smush-remaining").show();
583
- }
584
- }
585
-
586
- // Enable re-Smush and scan button.
587
- jQuery(".wp-resmush.wp-smush-action, .wp-smush-scan").removeAttr(
588
- "disabled"
589
- );
590
- }
591
-
592
- /**
593
- * Free Smush limit exceeded.
594
- */
595
- freeExceeded() {
596
- const progress = jQuery(".wp-smush-bulk-progress-bar-wrapper");
597
- progress.addClass("wp-smush-exceed-limit");
598
- progress
599
- .find(".sui-progress-block .wp-smush-cancel-bulk")
600
- .addClass("sui-hidden");
601
- progress
602
- .find(".sui-progress-block .wp-smush-all")
603
- .removeClass("sui-hidden");
604
-
605
- progress
606
- .find("i.sui-icon-loader")
607
- .addClass("sui-icon-info")
608
- .removeClass("sui-icon-loader")
609
- .removeClass("sui-loading");
610
-
611
- document
612
- .getElementById("bulk-smush-resume-button")
613
- .classList.remove("sui-hidden");
614
- }
615
-
616
- /**
617
- * Update remaining count.
618
- */
619
- updateRemainingCount() {
620
- if (this.is_bulk_resmush) {
621
- // Re-Smush notice.
622
- const resumeCountDiv = jQuery(
623
- ".wp-smush-resmush-notice .wp-smush-remaining-count"
624
- );
625
- if (resumeCountDiv.length && "undefined" !== typeof this.ids) {
626
- resumeCountDiv.html(this.ids.length);
627
- }
628
- } else {
629
- // Smush notice.
630
- const wrapperCountDiv = jQuery(
631
- ".bulk-smush-wrapper .wp-smush-remaining-count"
632
- );
633
- if (wrapperCountDiv.length && "undefined" !== typeof this.ids) {
634
- wrapperCountDiv.html(this.ids.length);
635
- }
636
- }
637
-
638
- // Update sidebar count.
639
- const sidenavCountDiv = jQuery(".smush-sidenav .wp-smush-remaining-count");
640
- if (sidenavCountDiv.length && "undefined" !== typeof this.ids) {
641
- if (this.ids.length > 0) {
642
- sidenavCountDiv.html(this.ids.length);
643
- } else {
644
- jQuery(".sui-summary-smush .smush-stats-icon").addClass("sui-hidden");
645
- sidenavCountDiv.removeClass("sui-tag sui-tag-warning").html("");
646
- }
647
- }
648
- }
649
-
650
- /**
651
- * Adds the stats for the current image to existing stats.
652
- *
653
- * @param {Array} imageStats
654
- * @param {string} imageStats.count
655
- * @param {boolean} imageStats.is_lossy
656
- * @param {Array} imageStats.savings_resize
657
- * @param {Array} imageStats.savings_conversion
658
- * @param {string} imageStats.size_before
659
- * @param {string} imageStats.size_after
660
- * @param {string} type
661
- */
662
- static updateLocalizedStats(imageStats, type) {
663
- // Increase the Smush count.
664
- if ("undefined" === typeof window.wp_smushit_data) {
665
- return;
666
- }
667
-
668
- // No need to increase attachment count, resize, conversion savings for directory Smush.
669
- if ("media" === type) {
670
- // Increase Smushed image count.
671
- wp_smushit_data.count_images =
672
- parseInt(wp_smushit_data.count_images) + parseInt(imageStats.count);
673
-
674
- // Increase super Smush count, if applicable.
675
- if (imageStats.is_lossy) {
676
- wp_smushit_data.count_supersmushed =
677
- parseInt(wp_smushit_data.count_supersmushed) + 1;
678
- }
679
-
680
- // Add to resize savings.
681
- wp_smushit_data.savings_resize =
682
- "undefined" !== typeof imageStats.savings_resize.bytes
683
- ? parseInt(wp_smushit_data.savings_resize) +
684
- parseInt(imageStats.savings_resize.bytes)
685
- : parseInt(wp_smushit_data.savings_resize);
686
-
687
- // Update resize count.
688
- wp_smushit_data.count_resize =
689
- "undefined" !== typeof imageStats.savings_resize.bytes
690
- ? parseInt(wp_smushit_data.count_resize) + 1
691
- : wp_smushit_data.count_resize;
692
-
693
- // Add to conversion savings.
694
- wp_smushit_data.savings_conversion =
695
- "undefined" !== typeof imageStats.savings_conversion &&
696
- "undefined" !== typeof imageStats.savings_conversion.bytes
697
- ? parseInt(wp_smushit_data.savings_conversion) +
698
- parseInt(imageStats.savings_conversion.bytes)
699
- : parseInt(wp_smushit_data.savings_conversion);
700
- } else if ("directory_smush" === type) {
701
- //Increase smushed image count
702
- wp_smushit_data.count_images = parseInt(wp_smushit_data.count_images) + 1;
703
- } else if ("nextgen" === type) {
704
- wp_smushit_data.count_supersmushed =
705
- parseInt(wp_smushit_data.count_supersmushed) + 1;
706
-
707
- // Increase Smushed image count.
708
- wp_smushit_data.count_images =
709
- parseInt(wp_smushit_data.count_images) + parseInt(imageStats.count);
710
- }
711
-
712
- // If we have savings. Update savings.
713
- if (imageStats.size_before > imageStats.size_after) {
714
- wp_smushit_data.size_before =
715
- "undefined" !== typeof imageStats.size_before
716
- ? parseInt(wp_smushit_data.size_before) +
717
- parseInt(imageStats.size_before)
718
- : parseInt(wp_smushit_data.size_before);
719
- wp_smushit_data.size_after =
720
- "undefined" !== typeof imageStats.size_after
721
- ? parseInt(wp_smushit_data.size_after) +
722
- parseInt(imageStats.size_after)
723
- : parseInt(wp_smushit_data.size_after);
724
- }
725
-
726
- // Add stats for resizing. Update savings.
727
- if ("undefined" !== typeof imageStats.savings_resize) {
728
- wp_smushit_data.size_before =
729
- "undefined" !== typeof imageStats.savings_resize.size_before
730
- ? parseInt(wp_smushit_data.size_before) +
731
- parseInt(imageStats.savings_resize.size_before)
732
- : parseInt(wp_smushit_data.size_before);
733
- wp_smushit_data.size_after =
734
- "undefined" !== typeof imageStats.savings_resize.size_after
735
- ? parseInt(wp_smushit_data.size_after) +
736
- parseInt(imageStats.savings_resize.size_after)
737
- : parseInt(wp_smushit_data.size_after);
738
- }
739
-
740
- // Add stats for conversion. Update savings.
741
- if ("undefined" !== typeof imageStats.savings_conversion) {
742
- wp_smushit_data.size_before =
743
- "undefined" !== typeof imageStats.savings_conversion.size_before
744
- ? parseInt(wp_smushit_data.size_before) +
745
- parseInt(imageStats.savings_conversion.size_before)
746
- : parseInt(wp_smushit_data.size_before);
747
- wp_smushit_data.size_after =
748
- "undefined" !== typeof imageStats.savings_conversion.size_after
749
- ? parseInt(wp_smushit_data.size_after) +
750
- parseInt(imageStats.savings_conversion.size_after)
751
- : parseInt(wp_smushit_data.size_after);
752
- }
753
- }
754
-
755
- /**
756
- * Update progress.
757
- *
758
- * @param {Object} _res
759
- */
760
- updateProgress(_res) {
761
- if (!this.is_bulk_resmush && !this.is_bulk) {
762
- return;
763
- }
764
-
765
- let progress = 0;
766
-
767
- // Update localized stats.
768
- if (
769
- _res &&
770
- "undefined" !== typeof _res.data &&
771
- "undefined" !== typeof _res.data.stats
772
- ) {
773
- Smush.updateLocalizedStats(_res.data.stats, this.smush_type);
774
- }
775
-
776
- if (!this.is_bulk_resmush) {
777
- // Handle progress for normal bulk smush.
778
- progress = ((this.smushed + this.errors.length) / this.total) * 100;
779
- } else {
780
- // If the request was successful, update the progress bar.
781
- if (_res.success) {
782
- // Handle progress for super Smush progress bar.
783
- if (wp_smushit_data.resmush.length > 0) {
784
- // Update the count.
785
- jQuery(".wp-smush-images-remaining").html(
786
- wp_smushit_data.resmush.length
787
- );
788
- } else if (
789
- 0 === wp_smushit_data.resmush.length &&
790
- 0 === this.ids.length
791
- ) {
792
- // If all images are re-Smushed, show the All Smushed message.
793
- jQuery(
794
- ".bulk-resmush-wrapper .wp-smush-all-done, .wp-smush-pagespeed-recommendation"
795
- ).removeClass("sui-hidden");
796
-
797
- // Hide everything else.
798
- jQuery(
799
- ".wp-smush-resmush-wrap, .wp-smush-bulk-progress-bar-wrapper"
800
- ).hide();
801
- }
802
- }
803
-
804
- // Handle progress for normal bulk Smush. Set progress bar width.
805
- if (
806
- "undefined" !== typeof this.ids &&
807
- "undefined" !== typeof this.total &&
808
- this.total > 0
809
- ) {
810
- progress = ((this.smushed + this.errors.length) / this.total) * 100;
811
- }
812
- }
813
-
814
- // No more images left. Show bulk wrapper and Smush notice.
815
- if (0 === this.ids.length) {
816
- // Sync stats for bulk Smush media library ( skip for Nextgen ).
817
- if ("nextgen" !== this.smush_type) {
818
- this.syncStats();
819
- }
820
- jQuery(
821
- ".bulk-smush-wrapper .wp-smush-all-done, .wp-smush-pagespeed-recommendation"
822
- ).show();
823
- jQuery(".wp-smush-bulk-wrapper").hide();
824
- }
825
-
826
- // Update remaining count.
827
- this.updateRemainingCount();
828
-
829
- // Increase the progress bar and counter.
830
- this._updateProgress(
831
- this.smushed + this.errors.length,
832
- WP_Smush.helpers.precise_round(progress, 1)
833
- );
834
-
835
- // Update stats and counts.
836
- Smush.updateStats(this.smush_type);
837
- }
838
-
839
- /**
840
- * Update progress.
841
- *
842
- * @param {number} count Number of images optimized.
843
- * @param {string} width Percentage complete.
844
- * @private
845
- */
846
- _updateProgress(count, width) {
847
- if (!this.is_bulk && !this.is_bulk_resmush) {
848
- return;
849
- }
850
-
851
- // Progress bar label.
852
- jQuery("span.wp-smush-images-percent").html(width + "%");
853
- // Progress bar.
854
- jQuery(".bulk-smush-wrapper .wp-smush-progress-inner").css(
855
- "width",
856
- width + "%"
857
- );
858
-
859
- // Progress bar status.
860
- jQuery(".bulk-smush-wrapper .sui-progress-state-text")
861
- .find("span:first-child")
862
- .html(count)
863
- .find("span:last-child")
864
- .html(this.total);
865
- }
866
-
867
- /**
868
- * Whether to send the ajax requests further or not.
869
- *
870
- * @return {*|boolean} Should continue or not.
871
- */
872
- continue() {
873
- let continueSmush = this.button.attr("continue_smush");
874
-
875
- if ("undefined" === typeof continueSmush) {
876
- continueSmush = true;
877
- }
878
-
879
- if ("false" === continueSmush || !continueSmush) {
880
- continueSmush = false;
881
- }
882
-
883
- return continueSmush && this.ids.length > 0 && this.is_bulk;
884
- }
885
-
886
- /**
887
- * Send ajax request for optimizing single and bulk, call update_progress on ajax response.
888
- *
889
- * @return {*} Ajax call response.
890
- */
891
- callAjax() {
892
- /**
893
- * This here little piece of code allows to track auto continue clicks and halts bulk Smush until the page
894
- * is reloaded.
895
- *
896
- * @since 3.5.0
897
- * @see https://wordpress.org/plugins/wp-nonstop-smushit/
898
- */
899
- if (
900
- 0 !== perf &&
901
- "undefined" !== typeof perf &&
902
- 10 > performance.now() - perf
903
- ) {
904
- this.freeExceeded();
905
- return this.deferred;
906
- }
907
-
908
- let nonceValue = "";
909
- // Remove from array while processing so we can continue where left off.
910
- this.current_id = this.is_bulk ? this.ids.shift() : this.button.data("id");
911
-
912
- // Remove the ID from respective variable as well.
913
- Smush.updateSmushIds(this.current_id);
914
-
915
- const nonceField = this.button.parent().find("#_wp_smush_nonce");
916
- if (nonceField) {
917
- nonceValue = nonceField.val();
918
- }
919
-
920
- const self = this;
921
-
922
- this.request = Smush.ajax(
923
- this.is_bulk_resmush,
924
- this.current_id,
925
- this.url,
926
- nonceValue
927
- )
928
- .done(function(res) {
929
- // If no response or success is false, do not process further. Increase the error count except if bulk request limit exceeded.
930
- if (
931
- "undefined" === typeof res.success ||
932
- ("undefined" !== typeof res.success &&
933
- false === res.success &&
934
- "undefined" !== typeof res.data &&
935
- "limit_exceeded" !== res.data.error)
936
- ) {
937
- self.errors.push(self.current_id);
938
-
939
- /** @param {string} res.data.file_name */
940
- const errorMsg = Smush.prepareErrorRow(
941
- res.data.error_message,
942
- res.data.file_name,
943
- res.data.thumbnail,
944
- self.current_id,
945
- self.smush_type
946
- );
947
-
948
- self.log.show();
949
-
950
- if (self.errors.length > 5) {
951
- jQuery(".smush-bulk-errors-actions").removeClass("sui-hidden");
952
- } else {
953
- // Print the error on screen.
954
- self.log.find(".smush-bulk-errors").append(errorMsg);
955
- }
956
- } else if ("undefined" !== typeof res.success && res.success) {
957
- // Increment the smushed count if image smushed without errors.
958
- self.smushed++;
959
- }
960
-
961
- // Check whether to show the warning notice or not.
962
- Smush.membershipValidity(res.data);
963
-
964
- /**
965
- * Bulk Smush limit exceeded: Stop ajax requests, remove progress bar, append the last image ID
966
- * back to Smush variable, and reset variables to allow the user to continue bulk Smush.
967
- */
968
- if (
969
- "undefined" !== typeof res.data &&
970
- "limit_exceeded" === res.data.error &&
971
- "resolved" !== self.deferred.state()
972
- ) {
973
- // Show error message.
974
- const bulkWarning = document.getElementById("bulk_smush_warning");
975
- bulkWarning.classList.remove("sui-hidden");
976
-
977
- // Add a data attribute to the Smush button, to stop sending ajax.
978
- self.button.attr("continue_smush", false);
979
-
980
- // Reinsert the current ID.
981
- wp_smushit_data.unsmushed.unshift(self.current_id);
982
- self.ids.unshift(self.current_id);
983
-
984
- perf = performance.now();
985
- self.freeExceeded();
986
- } else if (self.is_bulk) {
987
- self.updateProgress(res);
988
- } else if (0 === self.ids.length) {
989
- // Sync stats anyway.
990
- self.syncStats();
991
- }
992
-
993
- self.singleDone();
994
- })
995
- .always(function() {
996
- if (!self.continue() || !self.is_bulk) {
997
- // Calls deferred.done()
998
- self.deferred.resolve();
999
- } else {
1000
- self.callAjax();
1001
- }
1002
- });
1003
-
1004
- this.deferred.errors = this.errors;
1005
- return this.deferred;
1006
- }
1007
-
1008
- /**
1009
- * Prepare error row. Will only allow to hide errors for WP media attachments (not nextgen).
1010
- *
1011
- * @since 1.9.0
1012
- *
1013
- * @param {string} errorMsg Error message.
1014
- * @param {string} fileName File name.
1015
- * @param {string} thumbnail Thumbnail for image (if available).
1016
- * @param {number} id Image ID.
1017
- * @param {string} type Smush type: media or netxgen.
1018
- *
1019
- * @return {string} Row with error.
1020
- */
1021
- static prepareErrorRow(errorMsg, fileName, thumbnail, id, type) {
1022
- const thumbDiv =
1023
- "undefined" === typeof thumbnail
1024
- ? '<i class="sui-icon-photo-picture" aria-hidden="true"></i>'
1025
- : thumbnail;
1026
- const fileLink =
1027
- "undefined" === fileName || "undefined" === typeof fileName
1028
- ? "undefined"
1029
- : fileName;
1030
-
1031
- let tableDiv =
1032
- '<div class="smush-bulk-error-row">' +
1033
- '<div class="smush-bulk-image-data">' +
1034
- thumbDiv +
1035
- '<span class="smush-image-name">' +
1036
- fileLink +
1037
- "</span>" +
1038
- '<span class="smush-image-error">' +
1039
- errorMsg +
1040
- "</span>" +
1041
- "</div>";
1042
-
1043
- if ("media" === type) {
1044
- tableDiv =
1045
- tableDiv +
1046
- '<div class="smush-bulk-image-actions">' +
1047
- '<button type="button" class="sui-button-icon sui-tooltip sui-tooltip-constrained sui-tooltip-top-right smush-ignore-image" data-tooltip="' +
1048
- window.wp_smush_msgs.error_ignore +
1049
- '" data-id="' +
1050
- id +
1051
- '">' +
1052
- '<i class="sui-icon-eye-hide" aria-hidden="true"></i>' +
1053
- "</button>" +
1054
- "</div>";
1055
- }
1056
-
1057
- tableDiv = tableDiv + "</div>";
1058
-
1059
- return tableDiv;
1060
- }
1061
-
1062
- /**
1063
- * Send ajax request for single and bulk Smushing.
1064
- */
1065
- run() {
1066
- // If bulk and we have a definite number of IDs.
1067
- if (this.is_bulk && this.ids.length > 0) {
1068
- this.callAjax();
1069
- }
1070
-
1071
- if (!this.is_bulk) {
1072
- this.callAjax();
1073
- }
1074
- }
1075
-
1076
- /**
1077
- * Show bulk Smush errors, and disable bulk Smush button on completion.
1078
- */
1079
- bindDeferredEvents() {
1080
- const self = this;
1081
-
1082
- this.deferred.done(function() {
1083
- self.button.removeAttr("continue_smush");
1084
-
1085
- if (self.errors.length) {
1086
- /** @param {string} wp_smush_msgs.error_in_bulk */
1087
- const msg = window.wp_smush_msgs.error_in_bulk
1088
- .replace("{{errors}}", self.errors.length)
1089
- .replace("{{total}}", self.total)
1090
- .replace("{{smushed}}", self.smushed);
1091
-
1092
- jQuery(".wp-smush-all-done")
1093
- .addClass("sui-notice-warning")
1094
- .removeClass("sui-notice-success")
1095
- .find("p")
1096
- .html(msg);
1097
- }
1098
-
1099
- self.bulkDone();
1100
-
1101
- // Re-enable the buttons.
1102
- jQuery(
1103
- ".wp-smush-all:not(.wp-smush-finished), .wp-smush-scan"
1104
- ).removeAttr("disabled");
1105
- });
1106
- }
1107
-
1108
- /**
1109
- * Handles the cancel button click.
1110
- * Update the UI, and enable the bulk Smush button.
1111
- */
1112
- cancelAjax() {
1113
- const self = this;
1114
-
1115
- jQuery(".wp-smush-cancel-bulk").on("click", function() {
1116
- // Add a data attribute to the Smush button, to stop sending ajax.
1117
- self.button.attr("continue_smush", false);
1118
- // Sync and update stats.
1119
- self.syncStats();
1120
- Smush.updateStats(this.smush_type);
1121
-
1122
- self.request.abort();
1123
- self.enableButton();
1124
- self.button.removeClass("wp-smush-started");
1125
- wp_smushit_data.unsmushed.unshift(self.current_id);
1126
- jQuery(".wp-smush-bulk-wrapper").show();
1127
-
1128
- // Hide the progress bar.
1129
- jQuery(".wp-smush-bulk-progress-bar-wrapper").hide();
1130
- });
1131
- }
1132
-
1133
- /**
1134
- * Remove the current ID from the unSmushed/re-Smush variable.
1135
- *
1136
- * @param {number} currentId
1137
- */
1138
- static updateSmushIds(currentId) {
1139
- if (
1140
- "undefined" !== typeof wp_smushit_data.unsmushed &&
1141
- wp_smushit_data.unsmushed.length > 0
1142
- ) {
1143
- const uIndex = wp_smushit_data.unsmushed.indexOf(currentId);
1144
- if (uIndex > -1) {
1145
- wp_smushit_data.unsmushed.splice(uIndex, 1);
1146
- }
1147
- }
1148
-
1149
- // Remove from the re-Smush list.
1150
- if (
1151
- "undefined" !== typeof wp_smushit_data.resmush &&
1152
- wp_smushit_data.resmush.length > 0
1153
- ) {
1154
- const index = wp_smushit_data.resmush.indexOf(currentId);
1155
- if (index > -1) {
1156
- wp_smushit_data.resmush.splice(index, 1);
1157
- }
1158
- }
1159
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1160
  }
1161
 
1162
  export default Smush;
10
  * @since 2.9.0 Moved from admin.js into a dedicated ES6 class.
11
  */
12
  class Smush {
13
+ /**
14
+ * Class constructor.
15
+ *
16
+ * @param {Object} button Button object that made the call.
17
+ * @param {boolean} bulk Bulk smush or not.
18
+ * @param {string} type Accepts: 'nextgen', 'media'.
19
+ */
20
+ constructor( button, bulk, type = 'media' ) {
21
+ // TODO: errors will reset after bulk smush limit is reached and user clicks continue.
22
+ this.errors = [];
23
+ // Smushed and total we take from the progress bar... I don't like this :-(
24
+ const progressBar = jQuery(
25
+ '.bulk-smush-wrapper .sui-progress-state-text'
26
+ );
27
+ this.smushed = parseInt(
28
+ progressBar.find( 'span:first-child' ).html()
29
+ );
30
+ this.total = parseInt( progressBar.find( 'span:last-child' ).html() );
31
+
32
+ //If smush attribute is not defined, Need not skip re-Smush IDs.
33
+ this.skip_resmush = ! (
34
+ 'undefined' === typeof button.data( 'smush' ) ||
35
+ ! button.data( 'smush' )
36
+ );
37
+ this.button = jQuery( button[ 0 ] );
38
+ this.is_bulk = typeof bulk ? bulk : false;
39
+ this.url = ajaxurl;
40
+ this.log = jQuery( '.smush-final-log' );
41
+ this.deferred = jQuery.Deferred();
42
+ this.deferred.errors = [];
43
+
44
+ const ids =
45
+ 0 < wp_smushit_data.resmush.length && ! this.skip_resmush
46
+ ? wp_smushit_data.unsmushed.length > 0
47
+ ? wp_smushit_data.resmush.concat(
48
+ wp_smushit_data.unsmushed
49
+ )
50
+ : wp_smushit_data.resmush
51
+ : wp_smushit_data.unsmushed;
52
+ if ( 'object' === typeof ids ) {
53
+ // If button has re-Smush class, and we do have ids that needs to re-Smushed, put them in the list.
54
+ this.ids = ids.filter( function( itm, i, a ) {
55
+ return i === a.indexOf( itm );
56
+ } );
57
+ } else {
58
+ this.ids = ids;
59
+ }
60
+
61
+ this.is_bulk_resmush =
62
+ 0 < wp_smushit_data.resmush.length && ! this.skip_resmush;
63
+ this.status = this.button.parent().prev( '.smush-status' );
64
+
65
+ // Added for NextGen support.
66
+ this.smush_type = type;
67
+ this.single_ajax_suffix =
68
+ 'nextgen' === this.smush_type
69
+ ? 'smush_manual_nextgen'
70
+ : 'wp_smushit_manual';
71
+ this.bulk_ajax_suffix =
72
+ 'nextgen' === this.smush_type
73
+ ? 'wp_smushit_nextgen_bulk'
74
+ : 'wp_smushit_bulk';
75
+ this.url = this.is_bulk
76
+ ? Smush.smushAddParams( this.url, {
77
+ action: this.bulk_ajax_suffix,
78
+ } )
79
+ : Smush.smushAddParams( this.url, {
80
+ action: this.single_ajax_suffix,
81
+ } );
82
+
83
+ this.start();
84
+ this.run();
85
+ this.bindDeferredEvents();
86
+
87
+ // Handle cancel ajax.
88
+ this.cancelAjax();
89
+
90
+ return this.deferred;
91
+ }
92
+
93
+ /**
94
+ * Add params to the URL.
95
+ *
96
+ * @param {string} url URL to add the params to.
97
+ * @param {Object} data Object with params.
98
+ * @return {string} URL with params.
99
+ */
100
+ static smushAddParams( url, data ) {
101
+ if ( ! jQuery.isEmptyObject( data ) ) {
102
+ url +=
103
+ ( url.indexOf( '?' ) >= 0 ? '&' : '?' ) + jQuery.param( data );
104
+ }
105
+
106
+ return url;
107
+ }
108
+
109
+ /**
110
+ * Check membership validity.
111
+ *
112
+ * @param {Object} data
113
+ * @param {number} data.show_warning
114
+ */
115
+ static membershipValidity( data ) {
116
+ const memberValidityNotice = jQuery( '#wp-smush-invalid-member' );
117
+
118
+ // Check for membership warning.
119
+ if (
120
+ 'undefined' !== typeof data &&
121
+ 'undefined' !== typeof data.show_warning &&
122
+ memberValidityNotice.length > 0
123
+ ) {
124
+ if ( data.show_warning ) {
125
+ memberValidityNotice.show();
126
+ } else {
127
+ memberValidityNotice.hide();
128
+ }
129
+ }
130
+ }
131
+
132
+ /**
133
+ * Send Ajax request for compressing the image.
134
+ *
135
+ * @param {boolean} isBulkResmush
136
+ * @param {number} id
137
+ * @param {string} sendUrl
138
+ * @param {string} nonce
139
+ * @return {*|jQuery.promise|void} Compression results.
140
+ */
141
+ static ajax( isBulkResmush, id, sendUrl, nonce ) {
142
+ const param = jQuery.param( {
143
+ is_bulk_resmush: isBulkResmush,
144
+ attachment_id: id,
145
+ _nonce: nonce,
146
+ } );
147
+
148
+ return jQuery.ajax( {
149
+ type: 'GET',
150
+ data: param,
151
+ url: sendUrl,
152
+ /** @param {Array} wp_smushit_data */
153
+ timeout: wp_smushit_data.timeout,
154
+ dataType: 'json',
155
+ } );
156
+ }
157
+
158
+ /**
159
+ * Show loader in button for single and bulk Smush.
160
+ */
161
+ start() {
162
+ this.button.attr( 'disabled', 'disabled' );
163
+ this.button.addClass( 'wp-smush-started' );
164
+
165
+ this.bulkStart();
166
+ this.singleStart();
167
+ }
168
+
169
+ /**
170
+ * Start bulk Smush.
171
+ */
172
+ bulkStart() {
173
+ if ( ! this.is_bulk ) {
174
+ return;
175
+ }
176
+
177
+ // Hide the bulk div.
178
+ jQuery( '.wp-smush-bulk-wrapper' ).hide();
179
+
180
+ // Remove any global notices if there.
181
+ jQuery( '.sui-notice-top' ).remove();
182
+
183
+ // Hide the bulk limit message.
184
+ jQuery(
185
+ '.wp-smush-bulk-progress-bar-wrapper .sui-notice-warning:first-of-type'
186
+ ).hide();
187
+
188
+ // Hide parent wrapper, if there are no other messages.
189
+ if (
190
+ 0 >= jQuery( 'div.smush-final-log .smush-bulk-error-row' ).length
191
+ ) {
192
+ jQuery( 'div.smush-final-log' ).hide();
193
+ }
194
+
195
+ // Show the progress bar.
196
+ jQuery(
197
+ '.bulk-smush-wrapper .wp-smush-bulk-progress-bar-wrapper'
198
+ ).show();
199
+ }
200
+
201
+ /**
202
+ * Start single image Smush.
203
+ */
204
+ singleStart() {
205
+ if ( this.is_bulk ) {
206
+ return;
207
+ }
208
+
209
+ this.button.html(
210
+ '<span class="spinner wp-smush-progress">' +
211
+ window.wp_smush_msgs.smushing +
212
+ '</span>'
213
+ );
214
+ this.status.removeClass( 'error' );
215
+ }
216
+
217
+ /**
218
+ * Enable button.
219
+ */
220
+ enableButton() {
221
+ this.button.removeAttr( 'disabled' );
222
+ // For bulk process, enable other buttons.
223
+ jQuery( '.wp-smush-all' ).removeAttr( 'disabled' );
224
+ jQuery(
225
+ 'button.wp-smush-scan, a.wp-smush-lossy-enable, button.wp-smush-resize-enable, button#wp-smush-save-settings'
226
+ ).removeAttr( 'disabled' );
227
+ }
228
+
229
+ /**
230
+ * Finish single image Smush.
231
+ */
232
+ singleDone() {
233
+ if ( this.is_bulk ) {
234
+ return;
235
+ }
236
+
237
+ const self = this;
238
+
239
+ this.button.html( window.wp_smush_msgs.all_done );
240
+
241
+ this.request
242
+ .done( function( response ) {
243
+ if ( 'undefined' !== typeof response.data ) {
244
+ // Check if stats div exists.
245
+ const parent = self.status.parent();
246
+
247
+ // Check whether to show membership validity notice or not.
248
+ Smush.membershipValidity( response.data );
249
+
250
+ if ( ! response.success ) {
251
+ self.status.addClass( 'error' );
252
+ /** @param {string} response.data.error_msg */
253
+ self.status.html( response.data.error_msg );
254
+ self.button.html(
255
+ window.smush_vars.strings.stats_label
256
+ );
257
+ } else {
258
+ // If we've updated status, replace the content.
259
+ parent.html( response.data );
260
+ }
261
+
262
+ /**
263
+ * Update image size in attachment info panel.
264
+ *
265
+ * @param {string|number} response.data.new_size
266
+ */
267
+ Smush.updateImageStats( response.data.new_size );
268
+ }
269
+ self.enableButton();
270
+ } )
271
+ .fail( function( response ) {
272
+ self.status.html( response.data );
273
+ self.status.addClass( 'error' );
274
+ self.enableButton();
275
+ } );
276
+ }
277
+
278
+ /**
279
+ * Set pro savings stats if not premium user.
280
+ *
281
+ * For non-premium users, show expected average savings based
282
+ * on the free version savings.
283
+ */
284
+ static setProSavings() {
285
+ // Default values.
286
+ let savings =
287
+ wp_smushit_data.savings_percent > 0
288
+ ? wp_smushit_data.savings_percent
289
+ : 0,
290
+ savingsBytes =
291
+ wp_smushit_data.savings_bytes > 0
292
+ ? wp_smushit_data.savings_bytes
293
+ : 0,
294
+ origDiff = 2.22058824;
295
+
296
+ if ( savings > 49 ) {
297
+ origDiff = 1.22054412;
298
+ }
299
+
300
+ // Calculate Pro savings.
301
+ if ( savings > 0 ) {
302
+ savings = origDiff * savings;
303
+ savingsBytes = origDiff * savingsBytes;
304
+ }
305
+
306
+ wp_smushit_data.pro_savings = {
307
+ percent: WP_Smush.helpers.precise_round( savings, 1 ),
308
+ savings_bytes: WP_Smush.helpers.formatBytes( savingsBytes, 1 ),
309
+ };
310
+ }
311
+
312
+ /**
313
+ * Update all stats sections based on the response.
314
+ *
315
+ * @param {string} scanType Current scan type.
316
+ */
317
+ static updateStats( scanType ) {
318
+ const isNextgen =
319
+ 'undefined' !== typeof scanType && 'nextgen' === scanType;
320
+ let superSavings = 0;
321
+
322
+ // Calculate updated savings in bytes.
323
+ wp_smushit_data.savings_bytes =
324
+ parseInt( wp_smushit_data.size_before ) -
325
+ parseInt( wp_smushit_data.size_after );
326
+
327
+ const formattedSize = WP_Smush.helpers.formatBytes(
328
+ wp_smushit_data.savings_bytes,
329
+ 1
330
+ );
331
+ const statsHuman = jQuery( '.wp-smush-savings .wp-smush-stats-human' );
332
+
333
+ if ( isNextgen ) {
334
+ statsHuman.html( formattedSize );
335
+ } else {
336
+ statsHuman.html(
337
+ WP_Smush.helpers.getFormatFromString( formattedSize )
338
+ );
339
+ jQuery( '.sui-summary-large.wp-smush-stats-human' ).html(
340
+ WP_Smush.helpers.getSizeFromString( formattedSize )
341
+ );
342
+ }
343
+
344
+ // Update the savings percent.
345
+ wp_smushit_data.savings_percent = WP_Smush.helpers.precise_round(
346
+ ( parseInt( wp_smushit_data.savings_bytes ) /
347
+ parseInt( wp_smushit_data.size_before ) ) *
348
+ 100,
349
+ 1
350
+ );
351
+ if ( ! isNaN( wp_smushit_data.savings_percent ) ) {
352
+ jQuery( '.wp-smush-savings .wp-smush-stats-percent' ).html(
353
+ wp_smushit_data.savings_percent
354
+ );
355
+ }
356
+
357
+ // Super-Smush savings.
358
+ if (
359
+ 'undefined' !== typeof wp_smushit_data.savings_bytes &&
360
+ 'undefined' !== typeof wp_smushit_data.savings_resize
361
+ ) {
362
+ superSavings =
363
+ parseInt( wp_smushit_data.savings_bytes ) -
364
+ parseInt( wp_smushit_data.savings_resize );
365
+ if ( superSavings > 0 ) {
366
+ jQuery(
367
+ 'li.super-smush-attachments span.smushed-savings'
368
+ ).html( WP_Smush.helpers.formatBytes( superSavings, 1 ) );
369
+ }
370
+ }
371
+
372
+ // Update image count.
373
+ if ( isNextgen ) {
374
+ jQuery( '.sui-summary-details span.wp-smush-total-optimised' ).html(
375
+ wp_smushit_data.count_images
376
+ );
377
+ } else {
378
+ jQuery(
379
+ 'span.smushed-items-count span.wp-smush-count-total span.wp-smush-total-optimised'
380
+ ).html( wp_smushit_data.count_images );
381
+ }
382
+
383
+ // Update resize image count.
384
+ jQuery(
385
+ 'span.smushed-items-count span.wp-smush-count-resize-total span.wp-smush-total-optimised'
386
+ ).html( wp_smushit_data.count_resize );
387
+
388
+ // Update super-Smushed image count.
389
+ const smushedCountDiv = jQuery(
390
+ 'li.super-smush-attachments .smushed-count'
391
+ );
392
+ if (
393
+ smushedCountDiv.length &&
394
+ 'undefined' !== typeof wp_smushit_data.count_supersmushed
395
+ ) {
396
+ smushedCountDiv.html( wp_smushit_data.count_supersmushed );
397
+ }
398
+
399
+ // Update conversion savings.
400
+ const smushConversionSavings = jQuery( '.smush-conversion-savings' );
401
+ if (
402
+ smushConversionSavings.length > 0 &&
403
+ 'undefined' !== typeof wp_smushit_data.savings_conversion &&
404
+ wp_smushit_data.savings_conversion !== ''
405
+ ) {
406
+ const conversionSavings = smushConversionSavings.find(
407
+ '.wp-smush-stats'
408
+ );
409
+ if ( conversionSavings.length > 0 ) {
410
+ conversionSavings.html(
411
+ WP_Smush.helpers.formatBytes(
412
+ wp_smushit_data.savings_conversion,
413
+ 1
414
+ )
415
+ );
416
+ }
417
+ }
418
+
419
+ // Update resize savings.
420
+ const smushResizeSavings = jQuery( '.smush-resize-savings' );
421
+ if (
422
+ smushResizeSavings.length > 0 &&
423
+ 'undefined' !== typeof wp_smushit_data.savings_resize &&
424
+ wp_smushit_data.savings_resize !== ''
425
+ ) {
426
+ // Get the resize savings in number.
427
+ const savingsValue = parseInt( wp_smushit_data.savings_resize );
428
+ const resizeSavings = smushResizeSavings.find( '.wp-smush-stats' );
429
+ const resizeMessage = smushResizeSavings.find(
430
+ '.wp-smush-stats-label-message'
431
+ );
432
+ // Replace only if value is grater than 0.
433
+ if ( savingsValue > 0 && resizeSavings.length > 0 ) {
434
+ // Hide message.
435
+ if ( resizeMessage.length > 0 ) {
436
+ resizeMessage.hide();
437
+ }
438
+ resizeSavings.html(
439
+ WP_Smush.helpers.formatBytes(
440
+ wp_smushit_data.savings_resize,
441
+ 1
442
+ )
443
+ );
444
+ }
445
+ }
446
+
447
+ //Update pro Savings
448
+ Smush.setProSavings();
449
+
450
+ // Updating pro savings stats.
451
+ if ( 'undefined' !== typeof wp_smushit_data.pro_savings ) {
452
+ // Pro stats section.
453
+ const smushProSavings = jQuery( '.smush-avg-pro-savings' );
454
+ if ( smushProSavings.length > 0 ) {
455
+ const proSavingsPercent = smushProSavings.find(
456
+ '.wp-smush-stats-percent'
457
+ );
458
+ const proSavingsBytes = smushProSavings.find(
459
+ '.wp-smush-stats-human'
460
+ );
461
+ if (
462
+ proSavingsPercent.length > 0 &&
463
+ 'undefined' !==
464
+ typeof wp_smushit_data.pro_savings.percent &&
465
+ wp_smushit_data.pro_savings.percent !== ''
466
+ ) {
467
+ proSavingsPercent.html(
468
+ wp_smushit_data.pro_savings.percent
469
+ );
470
+ }
471
+ if (
472
+ proSavingsBytes.length > 0 &&
473
+ 'undefined' !==
474
+ typeof wp_smushit_data.pro_savings.savings_bytes &&
475
+ wp_smushit_data.pro_savings.savings_bytes !== ''
476
+ ) {
477
+ proSavingsBytes.html(
478
+ wp_smushit_data.pro_savings.savings_bytes
479
+ );
480
+ }
481
+ }
482
+ }
483
+
484
+ // Update remaining count.
485
+ // Update sidebar count.
486
+ const sidenavCountDiv = jQuery(
487
+ '.smush-sidenav .wp-smush-remaining-count'
488
+ );
489
+ if ( sidenavCountDiv.length ) {
490
+ let count = 0;
491
+
492
+ // Unsmushed
493
+ if (
494
+ 'undefined' !== typeof wp_smushit_data.unsmushed &&
495
+ wp_smushit_data.unsmushed.length > 0
496
+ ) {
497
+ count += wp_smushit_data.unsmushed.length;
498
+ }
499
+
500
+ // Re-smush
501
+ if (
502
+ 'undefined' !== typeof wp_smushit_data.resmush &&
503
+ wp_smushit_data.resmush.length > 0
504
+ ) {
505
+ count += wp_smushit_data.resmush.length;
506
+ }
507
+
508
+ if ( count > 0 ) {
509
+ sidenavCountDiv.html( count );
510
+ } else {
511
+ jQuery( '.sui-summary-smush .smush-stats-icon' ).addClass(
512
+ 'sui-hidden'
513
+ );
514
+ sidenavCountDiv
515
+ .removeClass( 'sui-tag sui-tag-warning' )
516
+ .html( '' );
517
+ }
518
+ }
519
+ }
520
+
521
+ /**
522
+ * Update image size in attachment info panel.
523
+ *
524
+ * @since 2.8
525
+ *
526
+ * @param {number} newSize
527
+ */
528
+ static updateImageStats( newSize ) {
529
+ if ( 0 === newSize ) {
530
+ return;
531
+ }
532
+
533
+ const attachmentSize = jQuery( '.attachment-info .file-size' );
534
+ const currentSize = attachmentSize
535
+ .contents()
536
+ .filter( function() {
537
+ return this.nodeType === 3;
538
+ } )
539
+ .text();
540
+
541
+ // There is a space before the size.
542
+ if ( currentSize !== ' ' + newSize ) {
543
+ const sizeStrongEl = attachmentSize
544
+ .contents()
545
+ .filter( function() {
546
+ return this.nodeType === 1;
547
+ } )
548
+ .text();
549
+ attachmentSize.html(
550
+ '<strong>' + sizeStrongEl + '</strong> ' + newSize
551
+ );
552
+ }
553
+ }
554
+
555
+ /**
556
+ * Sync stats.
557
+ */
558
+ syncStats() {
559
+ const messageHolder = jQuery(
560
+ 'div.wp-smush-bulk-progress-bar-wrapper div.wp-smush-count.tc'
561
+ );
562
+ // Store the existing content in a variable.
563
+ const progressMessage = messageHolder.html();
564
+ /** @param {string} wp_smush_msgs.sync_stats */
565
+ messageHolder.html( window.wp_smush_msgs.sync_stats );
566
+
567
+ // Send ajax.
568
+ jQuery
569
+ .ajax( {
570
+ type: 'GET',
571
+ url: this.url,
572
+ data: {
573
+ action: 'get_stats',
574
+ },
575
+ success( response ) {
576
+ if ( response && 'undefined' !== typeof response ) {
577
+ response = response.data;
578
+ jQuery.extend( wp_smushit_data, {
579
+ count_images: response.count_images,
580
+ count_smushed: response.count_smushed,
581
+ count_total: response.count_total,
582
+ count_resize: response.count_resize,
583
+ count_supersmushed: response.count_supersmushed,
584
+ savings_bytes: response.savings_bytes,
585
+ savings_conversion: response.savings_conversion,
586
+ savings_resize: response.savings_resize,
587
+ size_before: response.size_before,
588
+ size_after: response.size_after,
589
+ } );
590
+ // Got the stats, update it.
591
+ Smush.updateStats( this.smush_type );
592
+ }
593
+ },
594
+ } )
595
+ .always( () => messageHolder.html( progressMessage ) );
596
+ }
597
+
598
+ /**
599
+ * After the bulk optimization has been finished.
600
+ */
601
+ bulkDone() {
602
+ if ( ! this.is_bulk ) {
603
+ return;
604
+ }
605
+
606
+ // Enable the button.
607
+ this.enableButton();
608
+
609
+ const statusIcon = jQuery( '.sui-summary-smush .smush-stats-icon' );
610
+
611
+ // Show notice.
612
+ if ( 0 === this.ids.length ) {
613
+ statusIcon.addClass( 'sui-hidden' );
614
+ jQuery(
615
+ '.bulk-smush-wrapper .wp-smush-all-done, .wp-smush-pagespeed-recommendation'
616
+ ).show();
617
+ jQuery( '.wp-smush-bulk-wrapper' ).hide();
618
+ // Hide the progress bar if scan is finished.
619
+ jQuery( '.wp-smush-bulk-progress-bar-wrapper' ).hide();
620
+ } else {
621
+ // Show loader.
622
+ statusIcon
623
+ .removeClass( 'sui-icon-loader sui-loading sui-hidden' )
624
+ .addClass( 'sui-icon-info sui-warning' );
625
+
626
+ const notice = jQuery(
627
+ '.bulk-smush-wrapper .wp-smush-resmush-notice'
628
+ );
629
+
630
+ if ( notice.length > 0 ) {
631
+ notice.show();
632
+ } else {
633
+ jQuery( '.bulk-smush-wrapper .wp-smush-remaining' ).show();
634
+ }
635
+ }
636
+
637
+ // Enable re-Smush and scan button.
638
+ jQuery( '.wp-resmush.wp-smush-action, .wp-smush-scan' ).removeAttr(
639
+ 'disabled'
640
+ );
641
+ }
642
+
643
+ /**
644
+ * Free Smush limit exceeded.
645
+ */
646
+ freeExceeded() {
647
+ const progress = jQuery( '.wp-smush-bulk-progress-bar-wrapper' );
648
+ progress.addClass( 'wp-smush-exceed-limit' );
649
+ progress
650
+ .find( '.sui-progress-block .wp-smush-cancel-bulk' )
651
+ .addClass( 'sui-hidden' );
652
+ progress
653
+ .find( '.sui-progress-block .wp-smush-all' )
654
+ .removeClass( 'sui-hidden' );
655
+
656
+ progress
657
+ .find( 'i.sui-icon-loader' )
658
+ .addClass( 'sui-icon-info' )
659
+ .removeClass( 'sui-icon-loader' )
660
+ .removeClass( 'sui-loading' );
661
+
662
+ document
663
+ .getElementById( 'bulk-smush-resume-button' )
664
+ .classList.remove( 'sui-hidden' );
665
+ }
666
+
667
+ /**
668
+ * Update remaining count.
669
+ */
670
+ updateRemainingCount() {
671
+ if ( this.is_bulk_resmush ) {
672
+ // Re-Smush notice.
673
+ const resumeCountDiv = jQuery(
674
+ '.wp-smush-resmush-notice .wp-smush-remaining-count'
675
+ );
676
+ if ( resumeCountDiv.length && 'undefined' !== typeof this.ids ) {
677
+ resumeCountDiv.html( this.ids.length );
678
+ }
679
+ } else {
680
+ // Smush notice.
681
+ const wrapperCountDiv = jQuery(
682
+ '.bulk-smush-wrapper .wp-smush-remaining-count'
683
+ );
684
+ if ( wrapperCountDiv.length && 'undefined' !== typeof this.ids ) {
685
+ wrapperCountDiv.html( this.ids.length );
686
+ }
687
+ }
688
+
689
+ // Update sidebar count.
690
+ const sidenavCountDiv = jQuery(
691
+ '.smush-sidenav .wp-smush-remaining-count'
692
+ );
693
+ if ( sidenavCountDiv.length && 'undefined' !== typeof this.ids ) {
694
+ if ( this.ids.length > 0 ) {
695
+ sidenavCountDiv.html( this.ids.length );
696
+ } else {
697
+ jQuery( '.sui-summary-smush .smush-stats-icon' ).addClass(
698
+ 'sui-hidden'
699
+ );
700
+ sidenavCountDiv
701
+ .removeClass( 'sui-tag sui-tag-warning' )
702
+ .html( '' );
703
+ }
704
+ }
705
+ }
706
+
707
+ /**
708
+ * Adds the stats for the current image to existing stats.
709
+ *
710
+ * @param {Array} imageStats
711
+ * @param {string} imageStats.count
712
+ * @param {boolean} imageStats.is_lossy
713
+ * @param {Array} imageStats.savings_resize
714
+ * @param {Array} imageStats.savings_conversion
715
+ * @param {string} imageStats.size_before
716
+ * @param {string} imageStats.size_after
717
+ * @param {string} type
718
+ */
719
+ static updateLocalizedStats( imageStats, type ) {
720
+ // Increase the Smush count.
721
+ if ( 'undefined' === typeof window.wp_smushit_data ) {
722
+ return;
723
+ }
724
+
725
+ // No need to increase attachment count, resize, conversion savings for directory Smush.
726
+ if ( 'media' === type ) {
727
+ // Increase Smushed image count.
728
+ wp_smushit_data.count_images =
729
+ parseInt( wp_smushit_data.count_images ) +
730
+ parseInt( imageStats.count );
731
+
732
+ // Increase super Smush count, if applicable.
733
+ if ( imageStats.is_lossy ) {
734
+ wp_smushit_data.count_supersmushed =
735
+ parseInt( wp_smushit_data.count_supersmushed ) + 1;
736
+ }
737
+
738
+ // Add to resize savings.
739
+ wp_smushit_data.savings_resize =
740
+ 'undefined' !== typeof imageStats.savings_resize.bytes
741
+ ? parseInt( wp_smushit_data.savings_resize ) +
742
+ parseInt( imageStats.savings_resize.bytes )
743
+ : parseInt( wp_smushit_data.savings_resize );
744
+
745
+ // Update resize count.
746
+ wp_smushit_data.count_resize =
747
+ 'undefined' !== typeof imageStats.savings_resize.bytes
748
+ ? parseInt( wp_smushit_data.count_resize ) + 1
749
+ : wp_smushit_data.count_resize;
750
+
751
+ // Add to conversion savings.
752
+ wp_smushit_data.savings_conversion =
753
+ 'undefined' !== typeof imageStats.savings_conversion &&
754
+ 'undefined' !== typeof imageStats.savings_conversion.bytes
755
+ ? parseInt( wp_smushit_data.savings_conversion ) +
756
+ parseInt( imageStats.savings_conversion.bytes )
757
+ : parseInt( wp_smushit_data.savings_conversion );
758
+ } else if ( 'directory_smush' === type ) {
759
+ //Increase smushed image count
760
+ wp_smushit_data.count_images =
761
+ parseInt( wp_smushit_data.count_images ) + 1;
762
+ } else if ( 'nextgen' === type ) {
763
+ wp_smushit_data.count_supersmushed =
764
+ parseInt( wp_smushit_data.count_supersmushed ) + 1;
765
+
766
+ // Increase Smushed image count.
767
+ wp_smushit_data.count_images =
768
+ parseInt( wp_smushit_data.count_images ) +
769
+ parseInt( imageStats.count );
770
+ }
771
+
772
+ // If we have savings. Update savings.
773
+ if ( imageStats.size_before > imageStats.size_after ) {
774
+ wp_smushit_data.size_before =
775
+ 'undefined' !== typeof imageStats.size_before
776
+ ? parseInt( wp_smushit_data.size_before ) +
777
+ parseInt( imageStats.size_before )
778
+ : parseInt( wp_smushit_data.size_before );
779
+ wp_smushit_data.size_after =
780
+ 'undefined' !== typeof imageStats.size_after
781
+ ? parseInt( wp_smushit_data.size_after ) +
782
+ parseInt( imageStats.size_after )
783
+ : parseInt( wp_smushit_data.size_after );
784
+ }
785
+
786
+ // Add stats for resizing. Update savings.
787
+ if ( 'undefined' !== typeof imageStats.savings_resize ) {
788
+ wp_smushit_data.size_before =
789
+ 'undefined' !== typeof imageStats.savings_resize.size_before
790
+ ? parseInt( wp_smushit_data.size_before ) +
791
+ parseInt( imageStats.savings_resize.size_before )
792
+ : parseInt( wp_smushit_data.size_before );
793
+ wp_smushit_data.size_after =
794
+ 'undefined' !== typeof imageStats.savings_resize.size_after
795
+ ? parseInt( wp_smushit_data.size_after ) +
796
+ parseInt( imageStats.savings_resize.size_after )
797
+ : parseInt( wp_smushit_data.size_after );
798
+ }
799
+
800
+ // Add stats for conversion. Update savings.
801
+ if ( 'undefined' !== typeof imageStats.savings_conversion ) {
802
+ wp_smushit_data.size_before =
803
+ 'undefined' !== typeof imageStats.savings_conversion.size_before
804
+ ? parseInt( wp_smushit_data.size_before ) +
805
+ parseInt( imageStats.savings_conversion.size_before )
806
+ : parseInt( wp_smushit_data.size_before );
807
+ wp_smushit_data.size_after =
808
+ 'undefined' !== typeof imageStats.savings_conversion.size_after
809
+ ? parseInt( wp_smushit_data.size_after ) +
810
+ parseInt( imageStats.savings_conversion.size_after )
811
+ : parseInt( wp_smushit_data.size_after );
812
+ }
813
+ }
814
+
815
+ /**
816
+ * Update progress.
817
+ *
818
+ * @param {Object} _res
819
+ */
820
+ updateProgress( _res ) {
821
+ if ( ! this.is_bulk_resmush && ! this.is_bulk ) {
822
+ return;
823
+ }
824
+
825
+ let progress = 0;
826
+
827
+ // Update localized stats.
828
+ if (
829
+ _res &&
830
+ 'undefined' !== typeof _res.data &&
831
+ 'undefined' !== typeof _res.data.stats
832
+ ) {
833
+ Smush.updateLocalizedStats( _res.data.stats, this.smush_type );
834
+ }
835
+
836
+ if ( ! this.is_bulk_resmush ) {
837
+ // Handle progress for normal bulk smush.
838
+ progress =
839
+ ( ( this.smushed + this.errors.length ) / this.total ) * 100;
840
+ } else {
841
+ // If the request was successful, update the progress bar.
842
+ if ( _res.success ) {
843
+ // Handle progress for super Smush progress bar.
844
+ if ( wp_smushit_data.resmush.length > 0 ) {
845
+ // Update the count.
846
+ jQuery( '.wp-smush-images-remaining' ).html(
847
+ wp_smushit_data.resmush.length
848
+ );
849
+ } else if (
850
+ 0 === wp_smushit_data.resmush.length &&
851
+ 0 === this.ids.length
852
+ ) {
853
+ // If all images are re-Smushed, show the All Smushed message.
854
+ jQuery(
855
+ '.bulk-resmush-wrapper .wp-smush-all-done, .wp-smush-pagespeed-recommendation'
856
+ ).removeClass( 'sui-hidden' );
857
+
858
+ // Hide everything else.
859
+ jQuery(
860
+ '.wp-smush-resmush-wrap, .wp-smush-bulk-progress-bar-wrapper'
861
+ ).hide();
862
+ }
863
+ }
864
+
865
+ // Handle progress for normal bulk Smush. Set progress bar width.
866
+ if (
867
+ 'undefined' !== typeof this.ids &&
868
+ 'undefined' !== typeof this.total &&
869
+ this.total > 0
870
+ ) {
871
+ progress =
872
+ ( ( this.smushed + this.errors.length ) / this.total ) *
873
+ 100;
874
+ }
875
+ }
876
+
877
+ // No more images left. Show bulk wrapper and Smush notice.
878
+ if ( 0 === this.ids.length ) {
879
+ // Sync stats for bulk Smush media library ( skip for Nextgen ).
880
+ if ( 'nextgen' !== this.smush_type ) {
881
+ this.syncStats();
882
+ }
883
+ jQuery(
884
+ '.bulk-smush-wrapper .wp-smush-all-done, .wp-smush-pagespeed-recommendation'
885
+ ).show();
886
+ jQuery( '.wp-smush-bulk-wrapper' ).hide();
887
+ }
888
+
889
+ // Update remaining count.
890
+ this.updateRemainingCount();
891
+
892
+ // Increase the progress bar and counter.
893
+ this._updateProgress(
894
+ this.smushed + this.errors.length,
895
+ WP_Smush.helpers.precise_round( progress, 1 )
896
+ );
897
+
898
+ // Update stats and counts.
899
+ Smush.updateStats( this.smush_type );
900
+ }
901
+
902
+ /**
903
+ * Update progress.
904
+ *
905
+ * @param {number} count Number of images optimized.
906
+ * @param {string} width Percentage complete.
907
+ * @private
908
+ */
909
+ _updateProgress( count, width ) {
910
+ if ( ! this.is_bulk && ! this.is_bulk_resmush ) {
911
+ return;
912
+ }
913
+
914
+ // Progress bar label.
915
+ jQuery( 'span.wp-smush-images-percent' ).html( width + '%' );
916
+ // Progress bar.
917
+ jQuery( '.bulk-smush-wrapper .wp-smush-progress-inner' ).css(
918
+ 'width',
919
+ width + '%'
920
+ );
921
+
922
+ // Progress bar status.
923
+ jQuery( '.bulk-smush-wrapper .sui-progress-state-text' )
924
+ .find( 'span:first-child' )
925
+ .html( count )
926
+ .find( 'span:last-child' )
927
+ .html( this.total );
928
+ }
929
+
930
+ /**
931
+ * Whether to send the ajax requests further or not.
932
+ *
933
+ * @return {*|boolean} Should continue or not.
934
+ */
935
+ continue() {
936
+ let continueSmush = this.button.attr( 'continue_smush' );
937
+
938
+ if ( 'undefined' === typeof continueSmush ) {
939
+ continueSmush = true;
940
+ }
941
+
942
+ if ( 'false' === continueSmush || ! continueSmush ) {
943
+ continueSmush = false;
944
+ }
945
+
946
+ return continueSmush && this.ids.length > 0 && this.is_bulk;
947
+ }
948
+
949
+ /**
950
+ * Send ajax request for optimizing single and bulk, call update_progress on ajax response.
951
+ *
952
+ * @return {*} Ajax call response.
953
+ */
954
+ callAjax() {
955
+ /**
956
+ * This here little piece of code allows to track auto continue clicks and halts bulk Smush until the page
957
+ * is reloaded.
958
+ *
959
+ * @since 3.5.0
960
+ * @see https://wordpress.org/plugins/wp-nonstop-smushit/
961
+ */
962
+ if (
963
+ 0 !== perf &&
964
+ 'undefined' !== typeof perf &&
965
+ 10 > performance.now() - perf
966
+ ) {
967
+ this.freeExceeded();
968
+ return this.deferred;
969
+ }
970
+
971
+ let nonceValue = '';
972
+ // Remove from array while processing so we can continue where left off.
973
+ this.current_id = this.is_bulk
974
+ ? this.ids.shift()
975
+ : this.button.data( 'id' );
976
+
977
+ // Remove the ID from respective variable as well.
978
+ Smush.updateSmushIds( this.current_id );
979
+
980
+ const nonceField = this.button.parent().find( '#_wp_smush_nonce' );
981
+ if ( nonceField ) {
982
+ nonceValue = nonceField.val();
983
+ }
984
+
985
+ const self = this;
986
+
987
+ this.request = Smush.ajax(
988
+ this.is_bulk_resmush,
989
+ this.current_id,
990
+ this.url,
991
+ nonceValue
992
+ )
993
+ .done( function( res ) {
994
+ // If no response or success is false, do not process further. Increase the error count except if bulk request limit exceeded.
995
+ if (
996
+ 'undefined' === typeof res.success ||
997
+ ( 'undefined' !== typeof res.success &&
998
+ false === res.success &&
999
+ 'undefined' !== typeof res.data &&
1000
+ 'limit_exceeded' !== res.data.error )
1001
+ ) {
1002
+ self.errors.push( self.current_id );
1003
+
1004
+ /** @param {string} res.data.file_name */
1005
+ const errorMsg = Smush.prepareErrorRow(
1006
+ res.data.error_message,
1007
+ res.data.file_name,
1008
+ res.data.thumbnail,
1009
+ self.current_id,
1010
+ self.smush_type
1011
+ );
1012
+
1013
+ self.log.show();
1014
+
1015
+ if ( self.errors.length > 5 ) {
1016
+ jQuery( '.smush-bulk-errors-actions' ).removeClass(
1017
+ 'sui-hidden'
1018
+ );
1019
+ } else {
1020
+ // Print the error on screen.
1021
+ self.log
1022
+ .find( '.smush-bulk-errors' )
1023
+ .append( errorMsg );
1024
+ }
1025
+ } else if (
1026
+ 'undefined' !== typeof res.success &&
1027
+ res.success
1028
+ ) {
1029
+ // Increment the smushed count if image smushed without errors.
1030
+ self.smushed++;
1031
+ }
1032
+
1033
+ // Check whether to show the warning notice or not.
1034
+ Smush.membershipValidity( res.data );
1035
+
1036
+ /**
1037
+ * Bulk Smush limit exceeded: Stop ajax requests, remove progress bar, append the last image ID
1038
+ * back to Smush variable, and reset variables to allow the user to continue bulk Smush.
1039
+ */
1040
+ if (
1041
+ 'undefined' !== typeof res.data &&
1042
+ 'limit_exceeded' === res.data.error &&
1043
+ 'resolved' !== self.deferred.state()
1044
+ ) {
1045
+ // Show error message.
1046
+ const bulkWarning = document.getElementById(
1047
+ 'bulk_smush_warning'
1048
+ );
1049
+ bulkWarning.classList.remove( 'sui-hidden' );
1050
+
1051
+ // Add a data attribute to the Smush button, to stop sending ajax.
1052
+ self.button.attr( 'continue_smush', false );
1053
+
1054
+ // Reinsert the current ID.
1055
+ wp_smushit_data.unsmushed.unshift( self.current_id );
1056
+ self.ids.unshift( self.current_id );
1057
+
1058
+ perf = performance.now();
1059
+ self.freeExceeded();
1060
+ } else if ( self.is_bulk ) {
1061
+ self.updateProgress( res );
1062
+ } else if ( 0 === self.ids.length ) {
1063
+ // Sync stats anyway.
1064
+ self.syncStats();
1065
+ }
1066
+
1067
+ self.singleDone();
1068
+ } )
1069
+ .always( function() {
1070
+ if ( ! self.continue() || ! self.is_bulk ) {
1071
+ // Calls deferred.done()
1072
+ self.deferred.resolve();
1073
+ } else {
1074
+ self.callAjax();
1075
+ }
1076
+ } );
1077
+
1078
+ this.deferred.errors = this.errors;
1079
+ return this.deferred;
1080
+ }
1081
+
1082
+ /**
1083
+ * Prepare error row. Will only allow to hide errors for WP media attachments (not nextgen).
1084
+ *
1085
+ * @since 1.9.0
1086
+ *
1087
+ * @param {string} errorMsg Error message.
1088
+ * @param {string} fileName File name.
1089
+ * @param {string} thumbnail Thumbnail for image (if available).
1090
+ * @param {number} id Image ID.
1091
+ * @param {string} type Smush type: media or netxgen.
1092
+ *
1093
+ * @return {string} Row with error.
1094
+ */
1095
+ static prepareErrorRow( errorMsg, fileName, thumbnail, id, type ) {
1096
+ const thumbDiv =
1097
+ 'undefined' === typeof thumbnail
1098
+ ? '<i class="sui-icon-photo-picture" aria-hidden="true"></i>'
1099
+ : thumbnail;
1100
+ const fileLink =
1101
+ 'undefined' === fileName || 'undefined' === typeof fileName
1102
+ ? 'undefined'
1103
+ : fileName;
1104
+
1105
+ let tableDiv =
1106
+ '<div class="smush-bulk-error-row">' +
1107
+ '<div class="smush-bulk-image-data">' +
1108
+ thumbDiv +
1109
+ '<span class="smush-image-name">' +
1110
+ fileLink +
1111
+ '</span>' +
1112
+ '<span class="smush-image-error">' +
1113
+ errorMsg +
1114
+ '</span>' +
1115
+ '</div>';
1116
+
1117
+ if ( 'media' === type ) {
1118
+ tableDiv =
1119
+ tableDiv +
1120
+ '<div class="smush-bulk-image-actions">' +
1121
+ '<button type="button" class="sui-button-icon sui-tooltip sui-tooltip-constrained sui-tooltip-top-right smush-ignore-image" data-tooltip="' +
1122
+ window.wp_smush_msgs.error_ignore +
1123
+ '" data-id="' +
1124
+ id +
1125
+ '">' +
1126
+ '<i class="sui-icon-eye-hide" aria-hidden="true"></i>' +
1127
+ '</button>' +
1128
+ '</div>';
1129
+ }
1130
+
1131
+ tableDiv = tableDiv + '</div>';
1132
+
1133
+ return tableDiv;
1134
+ }
1135
+
1136
+ /**
1137
+ * Send ajax request for single and bulk Smushing.
1138
+ */
1139
+ run() {
1140
+ // If bulk and we have a definite number of IDs.
1141
+ if ( this.is_bulk && this.ids.length > 0 ) {
1142
+ this.callAjax();
1143
+ }
1144
+
1145
+ if ( ! this.is_bulk ) {
1146
+ this.callAjax();
1147
+ }
1148
+ }
1149
+
1150
+ /**
1151
+ * Show bulk Smush errors, and disable bulk Smush button on completion.
1152
+ */
1153
+ bindDeferredEvents() {
1154
+ const self = this;
1155
+
1156
+ this.deferred.done( function() {
1157
+ self.button.removeAttr( 'continue_smush' );
1158
+
1159
+ if ( self.errors.length ) {
1160
+ /** @param {string} wp_smush_msgs.error_in_bulk */
1161
+ const msg = window.wp_smush_msgs.error_in_bulk
1162
+ .replace( '{{errors}}', self.errors.length )
1163
+ .replace( '{{total}}', self.total )
1164
+ .replace( '{{smushed}}', self.smushed );
1165
+
1166
+ jQuery( '.wp-smush-all-done' )
1167
+ .addClass( 'sui-notice-warning' )
1168
+ .removeClass( 'sui-notice-success' )
1169
+ .find( 'p' )
1170
+ .html( msg );
1171
+ }
1172
+
1173
+ self.bulkDone();
1174
+
1175
+ // Re-enable the buttons.
1176
+ jQuery(
1177
+ '.wp-smush-all:not(.wp-smush-finished), .wp-smush-scan'
1178
+ ).removeAttr( 'disabled' );
1179
+ } );
1180
+ }
1181
+
1182
+ /**
1183
+ * Handles the cancel button click.
1184
+ * Update the UI, and enable the bulk Smush button.
1185
+ */
1186
+ cancelAjax() {
1187
+ const self = this;
1188
+
1189
+ jQuery( '.wp-smush-cancel-bulk' ).on( 'click', function() {
1190
+ // Add a data attribute to the Smush button, to stop sending ajax.
1191
+ self.button.attr( 'continue_smush', false );
1192
+ // Sync and update stats.
1193
+ self.syncStats();
1194
+ Smush.updateStats( this.smush_type );
1195
+
1196
+ self.request.abort();
1197
+ self.enableButton();
1198
+ self.button.removeClass( 'wp-smush-started' );
1199
+ wp_smushit_data.unsmushed.unshift( self.current_id );
1200
+ jQuery( '.wp-smush-bulk-wrapper' ).show();
1201
+
1202
+ // Hide the progress bar.
1203
+ jQuery( '.wp-smush-bulk-progress-bar-wrapper' ).hide();
1204
+ } );
1205
+ }
1206
+
1207
+ /**
1208
+ * Remove the current ID from the unSmushed/re-Smush variable.
1209
+ *
1210
+ * @param {number} currentId
1211
+ */
1212
+ static updateSmushIds( currentId ) {
1213
+ if (
1214
+ 'undefined' !== typeof wp_smushit_data.unsmushed &&
1215
+ wp_smushit_data.unsmushed.length > 0
1216
+ ) {
1217
+ const uIndex = wp_smushit_data.unsmushed.indexOf( currentId );
1218
+ if ( uIndex > -1 ) {
1219
+ wp_smushit_data.unsmushed.splice( uIndex, 1 );
1220
+ }
1221
+ }
1222
+
1223
+ // Remove from the re-Smush list.
1224
+ if (
1225
+ 'undefined' !== typeof wp_smushit_data.resmush &&
1226
+ wp_smushit_data.resmush.length > 0
1227
+ ) {
1228
+ const index = wp_smushit_data.resmush.indexOf( currentId );
1229
+ if ( index > -1 ) {
1230
+ wp_smushit_data.resmush.splice( index, 1 );
1231
+ }
1232
+ }
1233
+ }
1234
  }
1235
 
1236
  export default Smush;
_src/scss/common.scss CHANGED
@@ -128,52 +128,6 @@
128
  width: 100%;
129
  }
130
 
131
- #wp-smush-invalid-member {
132
- &.loading-notice:before {
133
- content: attr(data-message);
134
- position: absolute;
135
- left: 0;
136
- right: 0;
137
- top: 0;
138
- bottom: 0;
139
- background-color: rgba(255, 255, 255, 0.7);
140
- z-index: 5;
141
- text-align: center;
142
- line-height: 40px;
143
- font-size: 15px;
144
- }
145
-
146
- &.loaded-notice:before {
147
- content: attr(data-message);
148
- position: absolute;
149
- left: 0;
150
- right: 0;
151
- top: 0;
152
- bottom: 0;
153
- background-color: rgba(255, 255, 255, 0.7);
154
- z-index: 5;
155
- text-align: center;
156
- line-height: 40px;
157
- font-size: 15px;
158
- }
159
-
160
- a {
161
- color: #514a30;
162
- text-decoration: underline;
163
- }
164
-
165
- &.loading-notice,
166
- &.loaded-notice {
167
- > div {
168
- -webkit-filter: blur(2px);
169
- -moz-filter: blur(2px);
170
- -o-filter: blur(2px);
171
- -ms-filter: blur(2px);
172
- filter: blur(2px);
173
- }
174
- }
175
- }
176
-
177
  /** Bulk Smush **/
178
  /** No Images **/
179
  .wp-smush-no-image {
@@ -212,9 +166,7 @@ div.smush-notice-cta a.smush-notice-act.button-primary {
212
  }
213
 
214
  .wp-smush-resmush-message,
215
- .wp-smush-settings-updated,
216
- .wp-smush-re-check-message,
217
- .wp-smush-api-message {
218
  border: none;
219
  margin-bottom: 25px;
220
  padding: 18px 50px;
@@ -250,9 +202,7 @@ ol.smush-recommendation-list li {
250
  /** Image Remaining **/
251
  div.wp-smush-remaining,
252
  div.wp-smush-dir-limit,
253
- div.smush-s3-setup-message,
254
- div.wp-smush-s3support-alert,
255
- div.wp-smush-notice.wp-smush-api-message.warning {
256
  background-color: #FFF5D5;
257
  border: none;
258
  color: #333333;
@@ -261,16 +211,10 @@ div.wp-smush-notice.wp-smush-api-message.warning {
261
  letter-spacing: -0.015em;
262
  }
263
 
264
- div.smush-s3-setup-message,
265
- div.wp-smush-notice.wp-smush-api-message.info {
266
  background-color: #DFF6FA;
267
  }
268
 
269
- div.wp-smush-s3support-alert {
270
- margin-left: 0;
271
- margin-right: 0;
272
- }
273
-
274
  div.wp-smush-dir-limit {
275
  background-color: #dff6fa;
276
  }
@@ -279,11 +223,6 @@ div.wp-smush-dir-limit {
279
  padding: 10px 50px;
280
  }
281
 
282
- .bulk-smush-wrapper .wp-smush-notice-text {
283
- display: inline-block;
284
- max-width: 88%;
285
- }
286
-
287
  .wp-smush-count {
288
  color: #888888;
289
  font-size: 13px;
@@ -562,12 +501,6 @@ button.wp-smush-all {
562
  }
563
  }
564
 
565
- @media screen and (max-width: 456px) {
566
- .bulk-smush-wrapper .wp-smush-notice-text {
567
- max-width: 85%;
568
- }
569
- }
570
-
571
  /**
572
  * CSS styles used Admin notice
573
  */
128
  width: 100%;
129
  }
130
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
131
  /** Bulk Smush **/
132
  /** No Images **/
133
  .wp-smush-no-image {
166
  }
167
 
168
  .wp-smush-resmush-message,
169
+ .wp-smush-settings-updated {
 
 
170
  border: none;
171
  margin-bottom: 25px;
172
  padding: 18px 50px;
202
  /** Image Remaining **/
203
  div.wp-smush-remaining,
204
  div.wp-smush-dir-limit,
205
+ div.smush-s3-setup-message {
 
 
206
  background-color: #FFF5D5;
207
  border: none;
208
  color: #333333;
211
  letter-spacing: -0.015em;
212
  }
213
 
214
+ div.smush-s3-setup-message {
 
215
  background-color: #DFF6FA;
216
  }
217
 
 
 
 
 
 
218
  div.wp-smush-dir-limit {
219
  background-color: #dff6fa;
220
  }
223
  padding: 10px 50px;
224
  }
225
 
 
 
 
 
 
226
  .wp-smush-count {
227
  color: #888888;
228
  font-size: 13px;
501
  }
502
  }
503
 
 
 
 
 
 
 
504
  /**
505
  * CSS styles used Admin notice
506
  */
_src/scss/modules/_admin.scss CHANGED
@@ -33,9 +33,9 @@
33
  * @since 3.2.3
34
  */
35
  .smush-upsell-notice {
36
- margin-left: 130px;
37
  @media screen and (max-width: 782px) {
38
- margin-left: 0;
39
  }
40
  }
41
 
@@ -546,10 +546,6 @@
546
  font-size: 13px;
547
  }
548
 
549
- .auto-smush-notice {
550
- margin: 5px 0 0 47px;
551
- }
552
-
553
  .wp-smush-resize-settings-wrap,
554
  .wp-smush-png_to_jpg-wrap,
555
  .wp-smush-image-size-list {
@@ -596,29 +592,63 @@
596
  */
597
  .sui-upgrade-page .thumbnail-container {
598
  cursor: pointer;
599
- img { width: 640px; }
 
 
 
 
 
600
  }
601
 
602
  .smush-pro-features {
603
  .smush-pro-features-header {
604
- background-color: #FAFAFA;
 
605
  margin: -45px -30px 30px;
606
- padding: 40px 30px 15px;
607
- display: flex;
608
- justify-content: space-evenly;
609
-
610
- & > div:first-of-type {
611
- max-width: 380px;
612
- }
613
 
614
  @media screen and (max-width: 782px) {
615
  margin: -35px -20px 20px;
616
  }
617
 
618
- .thumbnail-container {
619
- cursor: pointer;
620
- text-align: center;
621
- img { width: 380px; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
622
  }
623
  }
624
 
@@ -658,7 +688,6 @@
658
  .sui-upsell-image {
659
  &.sui-upsell-image-smush:not(.integrations-upsell-image) {
660
  bottom: -30px;
661
- width: 85px;
662
  }
663
  }
664
  }
@@ -681,12 +710,6 @@
681
  }
682
 
683
  .sui-notice {
684
- &.smush-notice-sm {
685
- p {
686
- font-size: 13px;
687
- }
688
- }
689
-
690
  &.smush-highlighting-notice,
691
  &.smush-highlighting-warning {
692
  margin-top: 10px;
33
  * @since 3.2.3
34
  */
35
  .smush-upsell-notice {
36
+ margin-left: 130px !important;
37
  @media screen and (max-width: 782px) {
38
+ margin-left: 0 !important;
39
  }
40
  }
41
 
546
  font-size: 13px;
547
  }
548
 
 
 
 
 
549
  .wp-smush-resize-settings-wrap,
550
  .wp-smush-png_to_jpg-wrap,
551
  .wp-smush-image-size-list {
592
  */
593
  .sui-upgrade-page .thumbnail-container {
594
  cursor: pointer;
595
+ img {
596
+ width: 640px;
597
+ @media screen and (max-width: 600px) {
598
+ width: 100%;
599
+ }
600
+ }
601
  }
602
 
603
  .smush-pro-features {
604
  .smush-pro-features-header {
605
+ background: #F6F6F6 url('#{$img--path}/widget-background-smush.svg') center no-repeat;
606
+ background-size: cover;
607
  margin: -45px -30px 30px;
608
+ padding: 40px 30px;
609
+ text-align: center;
 
 
 
 
 
610
 
611
  @media screen and (max-width: 782px) {
612
  margin: -35px -20px 20px;
613
  }
614
 
615
+ & > div {
616
+ max-width: 610px;
617
+ margin: 0 auto;
618
+
619
+ p { margin-bottom: 10px; }
620
+
621
+ & > div {
622
+ display: flex;
623
+ justify-content: center;
624
+ align-items: flex-start;
625
+
626
+ @media screen and (max-width: 782px) {
627
+ flex-flow: column;
628
+ align-items: center;
629
+
630
+ a {
631
+ margin-bottom: 10px;
632
+ margin-right: 0;
633
+ }
634
+
635
+ .sui-button {
636
+ padding: 12px 0;
637
+ width: 200px;
638
+ }
639
+ }
640
+ }
641
+
642
+ .sui-button-ghost {
643
+ margin-right: 0;
644
+ }
645
+ }
646
+
647
+ small {
648
+ color: #C053DC;
649
+ font-size: 10px;
650
+ line-height: 30px;
651
+ display: block;
652
  }
653
  }
654
 
688
  .sui-upsell-image {
689
  &.sui-upsell-image-smush:not(.integrations-upsell-image) {
690
  bottom: -30px;
 
691
  }
692
  }
693
  }
710
  }
711
 
712
  .sui-notice {
 
 
 
 
 
 
713
  &.smush-highlighting-notice,
714
  &.smush-highlighting-warning {
715
  margin-top: 10px;
app/assets/css/smush-admin.min.css CHANGED
@@ -1,3 +1,3 @@
1
  @import url(https://fonts.googleapis.com/css?family=Roboto:400,500,700);
2
- .sui-screen-reader-text,.sui-2-6-0 .sui-wrap .sui-toggle input,.sui-2-6-0 .sui-wrap .sui-multi-checkbox label input,.sui-2-6-0 .sui-wrap .sui-insert-variables .sui-variables+.select2 .select2-selection--single .select2-selection__rendered,.sui-2-6-0 .sui-wrap .sui-radio input,.sui-2-6-0 .sui-wrap .sui-checkbox input,.sui-2-6-0 .sui-wrap .sui-side-tabs>[data-tabs]>* input,.sui-2-6-0 .sui-wrap .sui-side-tabs>[data-tabs] .sui-tab-item input,.sui-2-6-0 .sui-wrap .sui-side-tabs>.sui-tabs-menu>* input,.sui-2-6-0 .sui-wrap .sui-side-tabs>.sui-tabs-menu .sui-tab-item input,.sui-2-6-0 .sui-wrap .sui-box-selector input,.sui-2-6-0 .sui-wrap .sui-upload input[type="file"],.sui-2-6-0 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .button{border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute !important;width:1px;word-wrap:normal !important}.sui-2-6-0 .sui-wrap .sui-fade-in{animation:fadeIn 0.3s ease-in forwards}.sui-2-6-0 .sui-wrap .sui-fade-out{animation:fadeOut 0.3s ease-in forwards}.sui-2-6-0 .sui-wrap .sui-bounce-in{animation:bounceInJiggle 0.8s ease-in forwards}.sui-2-6-0 .sui-wrap .sui-bounce-out{animation:bounceOutJiggle 0.6s ease-out forwards}.sui-2-6-0 .sui-wrap .sui-content-fade-in{animation:fadeScaleIn 0.5s ease-in forwards}.sui-2-6-0 .sui-wrap .sui-content-fade-out{animation:fadeScaleOut 0.9s ease-in forwards}@keyframes bounceInDown{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;transform:translate3d(0, -3000px, 0)}60%{opacity:1;transform:translate3d(0, 25px, 0)}75%{transform:translate3d(0, -10px, 0)}90%{transform:translate3d(0, 5px, 0)}to{transform:none}}@keyframes bounceInJiggle{0%{transform:translateY(-200%) scale(1.5);opacity:0}30%{opacity:1}58%{transform:translateY(0) rotate(1deg) scale(1);opacity:1}72%{transform:translateY(-30px) rotate(-1deg)}80%{transform:translateY(0) rotate(0.5deg)}100%{transform:translateY(0) rotate(0deg)}}@keyframes bounceOutJiggle{0%{transform:translateY(0)}10%{transform:translateY(-10px) rotate(-0.5deg)}30%{transform:translateY(20px) rotate(8deg)}70%{opacity:1}90%{transform:translateY(300%) translateX(40px) rotate(35deg);opacity:0}100%{display:none}}@keyframes bounceOut{20%{transform:scale3d(0.9, 0.9, 0.9)}50%,55%{opacity:1;transform:scale3d(1.1, 1.1, 1.1)}to{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}}@keyframes fadeIn{0%{opacity:0}25%{opacity:1}}@keyframes fadeScaleIn{0%{opacity:0}25%{opacity:0;transform:translate3d(0, 10px, 0) scale(0.9)}100%{transform:translate3d(0, 0, 0) scale(1)}}@keyframes fadeOut{0%{opacity:1}75%{opacity:1}100%{opacity:0}}@keyframes fadeScaleOut{0%{opacity:1;transform:translate3d(0, 0, 0) scale(1)}25%{opacity:0;transform:translate3d(0, 10px, 0) scale(0.9)}100%{opacity:0}}@keyframes fadeInLeft{from{opacity:0;transform:translate3d(-50px, 0, 0)}to{opacity:1;transform:none}}@keyframes fadeInRight{from{opacity:0;transform:translate3d(50px, 0, 0)}to{opacity:1;transform:none}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.sui-2-6-0 .sui-wrap{font-family:"Roboto",Arial,sans-serif;font-weight:400;font-size:15px;line-height:30px;color:#666;letter-spacing:-.25px;margin:30px 30px 0 10px}.sui-2-6-0 .sui-wrap *{font-variant-ligatures:none;-webkit-font-variant-ligatures:none;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-smoothing:antialiased;-webkit-font-smoothing:antialiased;text-shadow:rgba(0,0,0,0.01) 0 0 1px}@media (max-width: 782px){.sui-2-6-0 .sui-wrap{margin:20px 10px 0 0px}}.sui-2-6-0 .sui-wrap h1,.sui-2-6-0 .sui-wrap h2,.sui-2-6-0 .sui-wrap h3,.sui-2-6-0 .sui-wrap h4,.sui-2-6-0 .sui-wrap h5,.sui-2-6-0 .sui-wrap h6{display:block;margin:0.5em auto;padding:0;line-height:30px;color:#333;font-weight:700;font-family:"Roboto",Arial,sans-serif}.sui-2-6-0 .sui-wrap h1{font-size:32px;line-height:40px;color:#333;margin:0}.sui-2-6-0 .sui-wrap h2{font-size:22px;line-height:35px}.sui-2-6-0 .sui-wrap h3{font-size:18px;line-height:40px}.sui-2-6-0 .sui-wrap h4{font-size:15px}.sui-2-6-0 .sui-wrap h5{font-size:15px}.sui-2-6-0 .sui-wrap h6{font-size:15px}.sui-2-6-0 .sui-wrap p{font-family:"Roboto",Arial,sans-serif;font-weight:400;font-size:15px;line-height:30px;color:#666;letter-spacing:-.25px;text-rendering:optimizeLegibility}.sui-2-6-0 .sui-wrap p.sui-p-small{font-size:13px;line-height:22px;color:#888;margin:5px 0}.sui-2-6-0 .sui-wrap p:first-child{margin-top:0}.sui-2-6-0 .sui-wrap p:last-of-type:not(:last-child){margin-bottom:30px}@media (max-width: 782px){.sui-2-6-0 .sui-wrap p:last-of-type:not(:last-child){margin-bottom:20px}}.sui-2-6-0 .sui-wrap p:last-child{margin-bottom:0}.sui-2-6-0 .sui-wrap small{display:inline-block;font-size:13px;line-height:22px;color:#888;margin-bottom:5px}.sui-2-6-0 .sui-wrap a{text-decoration:none;color:#17A8E3;font-weight:500;outline-color:transparent;outline-style:none;box-shadow:none}.sui-2-6-0 .sui-wrap a:hover:not(.sui-button),.sui-2-6-0 .sui-wrap a:focus:not(.sui-button),.sui-2-6-0 .sui-wrap a:active:not(.sui-button){color:#1286b5}.sui-2-6-0 .sui-wrap a.disabled{pointer-events:none}.sui-2-6-0 .sui-wrap a.disabled:hover,.sui-2-6-0 .sui-wrap a.disabled:focus,.sui-2-6-0 .sui-wrap a.disabled:active{color:#888;cursor:default}.sui-2-6-0 .sui-wrap code,.sui-2-6-0 .sui-wrap pre{font-weight:500;font-size:13px;line-height:18px;color:#333;background-color:#F8F8F8;border:1px solid #E6E6E6;border-radius:4px;margin:0;padding:10px 15px;white-space:pre;overflow:auto;max-width:100%;vertical-align:middle;-moz-tab-size:4;-o-tab-size:4;tab-size:4}.sui-2-6-0 .sui-wrap code{display:inline-block;padding:2px 5px}.sui-2-6-0 .sui-wrap b,.sui-2-6-0 .sui-wrap strong{font-weight:500}.sui-2-6-0 .sui-wrap dfn{font-style:normal;font-weight:normal;border-bottom:1px dotted #888}.sui-2-6-0 .sui-wrap hr{border:none;display:block;height:1px;background:#e6e6e6;margin:30px 0}.sui-2-6-0 .sui-wrap [class*="sui-icon-"]:before,.sui-2-6-0 .sui-wrap [class*="sui-icon-"]:after,.sui-2-6-0 .sui-wrap .sui-box-body .sui-upsell-row .sui-upsell-notice p:first-of-type:before,.sui-2-6-0 .sui-wrap .sui-notice p:first-of-type:before,.sui-2-6-0 .sui-wrap .sui-notice-top p:first-of-type:before,.sui-2-6-0 .sui-wrap .sui-notice-floating p:first-of-type:before,.sui-2-6-0 .sui-wrap .sui-insert-variables .select-container .select-list-container .list-value:before,.sui-2-6-0 .sui-wrap .sui-insert-variables .sui-variables+.select2 .select2-selection--single .select2-selection__arrow:before,.sui-2-6-0 .sui-wrap .sui-checkbox input+span:before,.sui-2-6-0 .sui-dialog .sui-dialog-close:before,.sui-2-6-0 .sui-dialog .sui-dialog-back:before,.sui-2-6-0 .sui-wrap .sui-box-selector input:checked+span:before,.sui-2-6-0 .sui-wrap .sui-upload .sui-upload-image .sui-image-preview:before,.sui-2-6-0 .sui-wrap .sui-upload .sui-upload-file:before,.sui-2-6-0 .sui-wrap .sui-reviews__stars:before,.sui-2-6-0 .sui-wrap .wp-smush-progress-dialog.wp-smush-exceed-limit .sui-progress .sui-progress-icon .sui-icon-loader:before,.sui-2-6-0 .sui-wrap .smush-pro-features .smush-pro-feature-title:before,.sui-2-6-0 .sui-wrap .sui-button.smush-button-check-success:before,.sui-2-6-0 .sui-wrap .sui-button.smush-button-check-success:hover:before,.sui-2-6-0 .wp-smush-pagespeed-recommendation .dismiss-recommendation:before,.sui-2-6-0 ul.fancytree-container span.fancytree-checkbox:before{font-family:'wpmudev-plugin-icons' !important;speak:none;font-size:1em;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;text-rendering:auto;display:inline-block;color:#888;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@font-face{font-family:'wpmudev-plugin-icons';src:url(../fonts/wpmudev-plugin-icons.eot);src:url(../fonts/wpmudev-plugin-icons.eot) format("embedded-opentype"),url(../fonts/wpmudev-plugin-icons.ttf) format("truetype"),url(../fonts/wpmudev-plugin-icons.woff) format("woff"),url(../fonts/wpmudev-plugin-icons.woff2) format("woff2"),url(../fonts/wpmudev-plugin-icons.svg) format("svg");font-weight:normal;font-style:normal}.sui-2-6-0 .sui-wrap .sui-loading:before{animation:spin 1.3s linear infinite}.sui-2-6-0 .sui-wrap [class*="sui-icon-"]{display:inline-block}.sui-2-6-0 .sui-wrap [class*="sui-icon-"].sui-xl:before{font-size:30px}.sui-2-6-0 .sui-wrap [class*="sui-icon-"].sui-lg:before{font-size:20px}.sui-2-6-0 .sui-wrap [class*="sui-icon-"].sui-md:before{font-size:16px}.sui-2-6-0 .sui-wrap [class*="sui-icon-"].sui-sm:before{font-size:12px}.sui-2-6-0 .sui-wrap [class*="sui-icon-"].sui-success:before{color:inherit}.sui-2-6-0 .sui-wrap [class*="sui-icon-"].sui-error:before{color:inherit}.sui-2-6-0 .sui-wrap [class*="sui-icon-"].sui-warning:before{color:inherit}.sui-2-6-0 .sui-wrap [class*="sui-icon-"].sui-info:before{color:inherit}.sui-2-6-0 .sui-wrap [class*="sui-icon-"].sui-fw{width:1.8em;text-align:center;min-height:1em}.sui-2-6-0 .sui-wrap .sui-icon-check:before{content:"("}.sui-2-6-0 .sui-wrap .sui-icon-close:before{content:")"}.sui-2-6-0 .sui-wrap .sui-icon-check-tick:before{content:"_"}.sui-2-6-0 .sui-wrap .sui-icon-cross-close:before{content:"+"}.sui-2-6-0 .sui-wrap .sui-icon-plus-circle:before{content:"@"}.sui-2-6-0 .sui-wrap .sui-icon-warning-alert:before{content:"!"}.sui-2-6-0 .sui-wrap .sui-icon-info:before{content:"I"}.sui-2-6-0 .sui-wrap .sui-icon-question:before{content:"?"}.sui-2-6-0 .sui-wrap .sui-icon-trash:before{content:"Q"}.sui-2-6-0 .sui-wrap .sui-icon-pencil:before{content:"/"}.sui-2-6-0 .sui-wrap .sui-icon-unlock:before{content:"0"}.sui-2-6-0 .sui-wrap .sui-icon-lock:before{content:"9"}.sui-2-6-0 .sui-wrap .sui-icon-key:before{content:"◊"}.sui-2-6-0 .sui-wrap .sui-icon-plus:before{content:"="}.sui-2-6-0 .sui-wrap .sui-icon-magnifying-glass-search:before{content:"º"}.sui-2-6-0 .sui-wrap .sui-icon-more:before{content:"…"}.sui-2-6-0 .sui-wrap .sui-icon-wrench-tool:before{content:"⁄"}.sui-2-6-0 .sui-wrap .sui-icon-widget-settings-config:before{content:"x"}.sui-2-6-0 .sui-wrap .sui-icon-settings-slider-control:before{content:"œ"}.sui-2-6-0 .sui-wrap .sui-icon-loader:before{content:"N"}.sui-2-6-0 .sui-wrap .sui-icon-calendar:before{content:"∏"}.sui-2-6-0 .sui-wrap .sui-icon-clock:before{content:","}.sui-2-6-0 .sui-wrap .sui-icon-speed-optimize:before{content:"ø"}.sui-2-6-0 .sui-wrap .sui-icon-stopwatch:before{content:"V"}.sui-2-6-0 .sui-wrap .sui-icon-filter:before{content:"z"}.sui-2-6-0 .sui-wrap .sui-icon-bookmark:before{content:"√"}.sui-2-6-0 .sui-wrap .sui-icon-chevron-up:before{content:"˝"}.sui-2-6-0 .sui-wrap .sui-icon-chevron-right:before{content:"˜"}.sui-2-6-0 .sui-wrap .sui-icon-chevron-down:before{content:"ı"}.sui-2-6-0 .sui-wrap .sui-icon-chevron-left:before{content:"Ó"}.sui-2-6-0 .sui-wrap .sui-icon-arrow-up:before{content:"Ô"}.sui-2-6-0 .sui-wrap .sui-icon-arrow-right:before{content:"¯"}.sui-2-6-0 .sui-wrap .sui-icon-arrow-down:before{content:"Â"}.sui-2-6-0 .sui-wrap .sui-icon-arrow-left:before{content:""}.sui-2-6-0 .sui-wrap .sui-icon-arrow-skip-back:before{content:"{"}.sui-2-6-0 .sui-wrap .sui-icon-arrow-skip-forward:before{content:"}"}.sui-2-6-0 .sui-wrap .sui-icon-arrow-skip-start:before{content:":"}.sui-2-6-0 .sui-wrap .sui-icon-arrow-skip-end:before{content:'"'}.sui-2-6-0 .sui-wrap .sui-icon-play:before{content:"´"}.sui-2-6-0 .sui-wrap .sui-icon-pause:before{content:"†"}.sui-2-6-0 .sui-wrap .sui-icon-arrows-out:before{content:"˚"}.sui-2-6-0 .sui-wrap .sui-icon-arrows-in:before{content:"≤"}.sui-2-6-0 .sui-wrap .sui-icon-arrows-expand:before{content:"¬"}.sui-2-6-0 .sui-wrap .sui-icon-arrows-compress:before{content:"≥"}.sui-2-6-0 .sui-wrap .sui-icon-refresh2:before{content:"Á"}.sui-2-6-0 .sui-wrap .sui-icon-zip:before{content:"a"}.sui-2-6-0 .sui-wrap .sui-icon-combine:before{content:"o"}.sui-2-6-0 .sui-wrap .sui-icon-defer:before{content:"p"}.sui-2-6-0 .sui-wrap .sui-icon-inlinecss:before{content:"c"}.sui-2-6-0 .sui-wrap .sui-icon-movefooter:before{content:"u"}.sui-2-6-0 .sui-wrap .sui-icon-popup:before{content:"1"}.sui-2-6-0 .sui-wrap .sui-icon-slide-in:before{content:"2"}.sui-2-6-0 .sui-wrap .sui-icon-embed:before{content:"3"}.sui-2-6-0 .sui-wrap .sui-icon-list:before{content:"`"}.sui-2-6-0 .sui-wrap .sui-icon-layout-grid:before{content:"∞"}.sui-2-6-0 .sui-wrap .sui-icon-layout:before{content:"©"}.sui-2-6-0 .sui-wrap .sui-icon-thumbnails:before{content:"G"}.sui-2-6-0 .sui-wrap .sui-icon-drag:before{content:"„"}.sui-2-6-0 .sui-wrap .sui-icon-align-left:before{content:"%"}.sui-2-6-0 .sui-wrap .sui-icon-align-center:before{content:"^"}.sui-2-6-0 .sui-wrap .sui-icon-align-right:before{content:"&"}.sui-2-6-0 .sui-wrap .sui-icon-align-justify:before{content:"#"}.sui-2-6-0 .sui-wrap .sui-icon-indent-more:before{content:"’"}.sui-2-6-0 .sui-wrap .sui-icon-indent-less:before{content:"”"}.sui-2-6-0 .sui-wrap .sui-icon-blog:before{content:"Y"}.sui-2-6-0 .sui-wrap .sui-icon-list-number:before{content:"7"}.sui-2-6-0 .sui-wrap .sui-icon-list-bullet:before{content:"8"}.sui-2-6-0 .sui-wrap .sui-icon-bold:before{content:"B"}.sui-2-6-0 .sui-wrap .sui-icon-quote-2:before{content:"'"}.sui-2-6-0 .sui-wrap .sui-icon-style-type:before{content:"<"}.sui-2-6-0 .sui-wrap .sui-icon-wand-magic:before{content:"Z"}.sui-2-6-0 .sui-wrap .sui-icon-link:before{content:"5"}.sui-2-6-0 .sui-wrap .sui-icon-unlink:before{content:"6"}.sui-2-6-0 .sui-wrap .sui-icon-paperclip:before{content:"A"}.sui-2-6-0 .sui-wrap .sui-icon-code:before{content:";"}.sui-2-6-0 .sui-wrap .sui-icon-color-pick-eyedropper:before{content:"¥"}.sui-2-6-0 .sui-wrap .sui-icon-crop:before{content:"C"}.sui-2-6-0 .sui-wrap .sui-icon-paint-bucket:before{content:"∫"}.sui-2-6-0 .sui-wrap .sui-icon-camera:before{content:"Ø"}.sui-2-6-0 .sui-wrap .sui-icon-photo-picture:before{content:"D"}.sui-2-6-0 .sui-wrap .sui-icon-animation-video:before{content:"F"}.sui-2-6-0 .sui-wrap .sui-icon-home:before{content:"J"}.sui-2-6-0 .sui-wrap .sui-icon-mail:before{content:"m"}.sui-2-6-0 .sui-wrap .sui-icon-send:before{content:"“"}.sui-2-6-0 .sui-wrap .sui-icon-phone:before{content:">"}.sui-2-6-0 .sui-wrap .sui-icon-pin:before{content:"Œ"}.sui-2-6-0 .sui-wrap .sui-icon-post-pin:before{content:"ˇ"}.sui-2-6-0 .sui-wrap .sui-icon-calculator:before{content:"¨"}.sui-2-6-0 .sui-wrap .sui-icon-element-checkbox:before{content:"Å"}.sui-2-6-0 .sui-wrap .sui-icon-element-radio:before{content:"Í"}.sui-2-6-0 .sui-wrap .sui-icon-element-select:before{content:"Ï"}.sui-2-6-0 .sui-wrap .sui-icon-element-number:before{content:"Ú"}.sui-2-6-0 .sui-wrap .sui-icon-recaptcha:before{content:"–"}.sui-2-6-0 .sui-wrap .sui-icon-folder:before{content:"˘"}.sui-2-6-0 .sui-wrap .sui-icon-folder-open:before{content:"»"}.sui-2-6-0 .sui-wrap .sui-icon-archive:before{content:"b"}.sui-2-6-0 .sui-wrap .sui-icon-book:before{content:"∆"}.sui-2-6-0 .sui-wrap .sui-icon-page-multiple:before{content:"ç"}.sui-2-6-0 .sui-wrap .sui-icon-layers:before{content:"æ"}.sui-2-6-0 .sui-wrap .sui-icon-copy:before{content:"4"}.sui-2-6-0 .sui-wrap .sui-icon-graph-bar:before{content:"Ç"}.sui-2-6-0 .sui-wrap .sui-icon-graph-bar-2:before{content:"˛"}.sui-2-6-0 .sui-wrap .sui-icon-graph-line:before{content:"¡"}.sui-2-6-0 .sui-wrap .sui-icon-tracking-disabled:before{content:"€"}.sui-2-6-0 .sui-wrap .sui-icon-page:before{content:"Ò"}.sui-2-6-0 .sui-wrap .sui-icon-clipboard-notes:before{content:"¿"}.sui-2-6-0 .sui-wrap .sui-icon-page-pdf:before{content:"Æ"}.sui-2-6-0 .sui-wrap .sui-icon-heart:before{content:"K"}.sui-2-6-0 .sui-wrap .sui-icon-star:before{content:"S"}.sui-2-6-0 .sui-wrap .sui-icon-plugin-2:before{content:"O"}.sui-2-6-0 .sui-wrap .sui-icon-brush:before{content:"~"}.sui-2-6-0 .sui-wrap .sui-icon-plug-connected:before{content:"R"}.sui-2-6-0 .sui-wrap .sui-icon-plug-disconnected:before{content:"."}.sui-2-6-0 .sui-wrap .sui-icon-power-on-off:before{content:"["}.sui-2-6-0 .sui-wrap .sui-icon-target:before{content:"≠"}.sui-2-6-0 .sui-wrap .sui-icon-upload-cloud:before{content:"¢"}.sui-2-6-0 .sui-wrap .sui-icon-download-cloud:before{content:"£"}.sui-2-6-0 .sui-wrap .sui-icon-cloud:before{content:"™"}.sui-2-6-0 .sui-wrap .sui-icon-cloud-migration:before{content:"l"}.sui-2-6-0 .sui-wrap .sui-icon-unpublish:before{content:"ˆ"}.sui-2-6-0 .sui-wrap .sui-icon-download:before{content:"X"}.sui-2-6-0 .sui-wrap .sui-icon-save:before{content:"ß"}.sui-2-6-0 .sui-wrap .sui-icon-lightbulb:before{content:"L"}.sui-2-6-0 .sui-wrap .sui-icon-sitemap:before{content:"¸"}.sui-2-6-0 .sui-wrap .sui-icon-storage-server-data:before{content:"Î"}.sui-2-6-0 .sui-wrap .sui-icon-user-reputation-points:before{content:"E"}.sui-2-6-0 .sui-wrap .sui-icon-tablet-portrait:before{content:"]"}.sui-2-6-0 .sui-wrap .sui-icon-laptop:before{content:"«"}.sui-2-6-0 .sui-wrap .sui-icon-monitor:before{content:"$"}.sui-2-6-0 .sui-wrap .sui-icon-eye:before{content:"e"}.sui-2-6-0 .sui-wrap .sui-icon-eye-hide:before{content:"q"}.sui-2-6-0 .sui-wrap .sui-icon-update:before{content:"®"}.sui-2-6-0 .sui-wrap .sui-icon-refresh:before{content:"H"}.sui-2-6-0 .sui-wrap .sui-icon-undo:before{content:"‰"}.sui-2-6-0 .sui-wrap .sui-icon-web-globe-world:before{content:"W"}.sui-2-6-0 .sui-wrap .sui-icon-flag:before{content:"|"}.sui-2-6-0 .sui-wrap .sui-icon-academy:before{content:"π"}.sui-2-6-0 .sui-wrap .sui-icon-profile-male:before{content:"µ"}.sui-2-6-0 .sui-wrap .sui-icon-community-people:before{content:"‘"}.sui-2-6-0 .sui-wrap .sui-icon-help-support:before{content:"M"}.sui-2-6-0 .sui-wrap .sui-icon-gdpr:before{content:"∑"}.sui-2-6-0 .sui-wrap .sui-icon-like:before{content:"j"}.sui-2-6-0 .sui-wrap .sui-icon-dislike:before{content:"k"}.sui-2-6-0 .sui-wrap .sui-icon-finger-point:before{content:"≈"}.sui-2-6-0 .sui-wrap .sui-icon-open-new-window:before{content:"n"}.sui-2-6-0 .sui-wrap .sui-icon-reply:before{content:"r"}.sui-2-6-0 .sui-wrap .sui-icon-share:before{content:"s"}.sui-2-6-0 .sui-wrap .sui-icon-wordpress:before{content:"w"}.sui-2-6-0 .sui-wrap .sui-icon-social-facebook:before{content:"f"}.sui-2-6-0 .sui-wrap .sui-icon-social-twitter:before{content:"t"}.sui-2-6-0 .sui-wrap .sui-icon-social-linkedin:before{content:"i"}.sui-2-6-0 .sui-wrap .sui-icon-social-dropbox:before{content:"d"}.sui-2-6-0 .sui-wrap .sui-icon-social-drive:before{content:"v"}.sui-2-6-0 .sui-wrap .sui-icon-social-google-plus:before{content:"g"}.sui-2-6-0 .sui-wrap .sui-icon-social-youtube:before{content:"y"}.sui-2-6-0 .sui-wrap .sui-icon-instagram:before{content:"-"}.sui-2-6-0 .sui-wrap .sui-icon-cloudflare:before{content:"Ð"}.sui-2-6-0 .sui-wrap .sui-icon-social-github:before{content:"h"}.sui-2-6-0 .sui-wrap .sui-icon-wpmudev-logo:before{content:"‹"}.sui-2-6-0 .sui-wrap .sui-icon-defender:before{content:"·"}.sui-2-6-0 .sui-wrap .sui-icon-smush:before{content:"‡"}.sui-2-6-0 .sui-wrap .sui-icon-upfront:before{content:"‚"}.sui-2-6-0 .sui-wrap .sui-icon-hummingbird:before{content:"°"}.sui-2-6-0 .sui-wrap .sui-icon-uptime:before{content:"±"}.sui-2-6-0 .sui-wrap .sui-icon-smart-crawl:before{content:"∂"}.sui-2-6-0 .sui-wrap .sui-icon-forminator:before{content:"P"}.sui-2-6-0 .sui-wrap .sui-icon-shipper-anchor:before{content:"T"}.sui-2-6-0 .sui-wrap .sui-icon-snapshot:before{content:"fi"}.sui-2-6-0 .sui-wrap .sui-icon-hustle:before{content:"—"}.sui-2-6-0 .sui-wrap .sui-icon-performance:before{content:"U"}.sui-2-6-0 .sui-wrap .sui-icon-hub:before{content:"fl"}.sui-2-6-0 .sui-wrap .sui-icon-automate:before{content:"˙"}.sui-2-6-0 .sui-wrap .sui-icon-align-y-center:before{content:"*"}.sui-2-6-0 .sui-wrap .sui-icon-align-y-top:before{content:"§"}.sui-2-6-0 .sui-wrap .sui-icon-align-y-bottom:before{content:"¶"}.sui-2-6-0 .sui-wrap .sui-icon-align-x-center:before{content:"ƒ"}.sui-2-6-0 .sui-wrap .sui-icon-align-x-right:before{content:"•"}.sui-2-6-0 .sui-wrap .sui-icon-align-x-left:before{content:"å"}.sui-2-6-0 .sui-wrap .sui-icon-logout:before{content:"›"}.sui-2-6-0 .sui-wrap .sui-button,.sui-2-6-0 .sui-wrap .sui-button-icon,.sui-2-6-0 .sui-wrap a.sui-button,.sui-2-6-0 .sui-wrap a.sui-button-icon,.sui-2-6-0 .sui-wrap button.sui-button,.sui-2-6-0 .sui-wrap button.sui-button-icon{cursor:pointer;display:inline-block;position:relative;margin:0;border-width:2px;border-style:solid;border-color:transparent;border-radius:4px;text-decoration:none;text-align:center;transition:all 0.3s ease}.sui-2-6-0 .sui-wrap .sui-button .sui-loading,.sui-2-6-0 .sui-wrap .sui-button-icon .sui-loading,.sui-2-6-0 .sui-wrap a.sui-button .sui-loading,.sui-2-6-0 .sui-wrap a.sui-button-icon .sui-loading,.sui-2-6-0 .sui-wrap button.sui-button .sui-loading,.sui-2-6-0 .sui-wrap button.sui-button-icon .sui-loading{width:16px;height:16px;display:none;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;position:absolute;margin:0}.sui-2-6-0 .sui-wrap .sui-button .sui-loading:before,.sui-2-6-0 .sui-wrap .sui-button-icon .sui-loading:before,.sui-2-6-0 .sui-wrap a.sui-button .sui-loading:before,.sui-2-6-0 .sui-wrap a.sui-button-icon .sui-loading:before,.sui-2-6-0 .sui-wrap button.sui-button .sui-loading:before,.sui-2-6-0 .sui-wrap button.sui-button-icon .sui-loading:before{display:block}.sui-2-6-0 .sui-wrap .sui-button .sui-loading-text,.sui-2-6-0 .sui-wrap .sui-button .sui-button-text-default,.sui-2-6-0 .sui-wrap .sui-button-icon .sui-loading-text,.sui-2-6-0 .sui-wrap .sui-button-icon .sui-button-text-default,.sui-2-6-0 .sui-wrap a.sui-button .sui-loading-text,.sui-2-6-0 .sui-wrap a.sui-button .sui-button-text-default,.sui-2-6-0 .sui-wrap a.sui-button-icon .sui-loading-text,.sui-2-6-0 .sui-wrap a.sui-button-icon .sui-button-text-default,.sui-2-6-0 .sui-wrap button.sui-button .sui-loading-text,.sui-2-6-0 .sui-wrap button.sui-button .sui-button-text-default,.sui-2-6-0 .sui-wrap button.sui-button-icon .sui-loading-text,.sui-2-6-0 .sui-wrap button.sui-button-icon .sui-button-text-default{display:block;pointer-events:none}@media (max-width: 782px){.sui-2-6-0 .sui-wrap .sui-button .sui-loading-text .sui-loading-text,.sui-2-6-0 .sui-wrap .sui-button .sui-button-text-default .sui-loading-text,.sui-2-6-0 .sui-wrap .sui-button-icon .sui-loading-text .sui-loading-text,.sui-2-6-0 .sui-wrap .sui-button-icon .sui-button-text-default .sui-loading-text,.sui-2-6-0 .sui-wrap a.sui-button .sui-loading-text .sui-loading-text,.sui-2-6-0 .sui-wrap a.sui-button .sui-button-text-default .sui-loading-text,.sui-2-6-0 .sui-wrap a.sui-button-icon .sui-loading-text .sui-loading-text,.sui-2-6-0 .sui-wrap a.sui-button-icon .sui-button-text-default .sui-loading-text,.sui-2-6-0 .sui-wrap button.sui-button .sui-loading-text .sui-loading-text,.sui-2-6-0 .sui-wrap button.sui-button .sui-button-text-default .sui-loading-text,.sui-2-6-0 .sui-wrap button.sui-button-icon .sui-loading-text .sui-loading-text,.sui-2-6-0 .sui-wrap button.sui-button-icon .sui-button-text-default .sui-loading-text{overflow:hidden;text-overflow:ellipsis}}.sui-2-6-0 .sui-wrap .sui-button .sui-button-text-onload,.sui-2-6-0 .sui-wrap .sui-button-icon .sui-button-text-onload,.sui-2-6-0 .sui-wrap a.sui-button .sui-button-text-onload,.sui-2-6-0 .sui-wrap a.sui-button-icon .sui-button-text-onload,.sui-2-6-0 .sui-wrap button.sui-button .sui-button-text-onload,.sui-2-6-0 .sui-wrap button.sui-button-icon .sui-button-text-onload{display:none}.sui-2-6-0 .sui-wrap .sui-button [class*="sui-icon-"],.sui-2-6-0 .sui-wrap .sui-button-icon [class*="sui-icon-"],.sui-2-6-0 .sui-wrap a.sui-button [class*="sui-icon-"],.sui-2-6-0 .sui-wrap a.sui-button-icon [class*="sui-icon-"],.sui-2-6-0 .sui-wrap button.sui-button [class*="sui-icon-"],.sui-2-6-0 .sui-wrap button.sui-button-icon [class*="sui-icon-"]{font-size:12px}.sui-2-6-0 .sui-wrap .sui-button [class*="sui-icon-"]:before,.sui-2-6-0 .sui-wrap .sui-button-icon [class*="sui-icon-"]:before,.sui-2-6-0 .sui-wrap a.sui-button [class*="sui-icon-"]:before,.sui-2-6-0 .sui-wrap a.sui-button-icon [class*="sui-icon-"]:before,.sui-2-6-0 .sui-wrap button.sui-button [class*="sui-icon-"]:before,.sui-2-6-0 .sui-wrap button.sui-button-icon [class*="sui-icon-"]:before{display:block;color:inherit}.sui-2-6-0 .sui-wrap .sui-button,.sui-2-6-0 .sui-wrap .sui-button:hover,.sui-2-6-0 .sui-wrap .sui-button:focus,.sui-2-6-0 .sui-wrap .sui-button:active,.sui-2-6-0 .sui-wrap .sui-button-icon,.sui-2-6-0 .sui-wrap .sui-button-icon:hover,.sui-2-6-0 .sui-wrap .sui-button-icon:focus,.sui-2-6-0 .sui-wrap .sui-button-icon:active,.sui-2-6-0 .sui-wrap a.sui-button,.sui-2-6-0 .sui-wrap a.sui-button:hover,.sui-2-6-0 .sui-wrap a.sui-button:focus,.sui-2-6-0 .sui-wrap a.sui-button:active,.sui-2-6-0 .sui-wrap a.sui-button-icon,.sui-2-6-0 .sui-wrap a.sui-button-icon:hover,.sui-2-6-0 .sui-wrap a.sui-button-icon:focus,.sui-2-6-0 .sui-wrap a.sui-button-icon:active,.sui-2-6-0 .sui-wrap button.sui-button,.sui-2-6-0 .sui-wrap button.sui-button:hover,.sui-2-6-0 .sui-wrap button.sui-button:focus,.sui-2-6-0 .sui-wrap button.sui-button:active,.sui-2-6-0 .sui-wrap button.sui-button-icon,.sui-2-6-0 .sui-wrap button.sui-button-icon:hover,.sui-2-6-0 .sui-wrap button.sui-button-icon:focus,.sui-2-6-0 .sui-wrap button.sui-button-icon:active{outline:none;box-shadow:none}.sui-2-6-0 .sui-wrap .sui-button.disabled,.sui-2-6-0 .sui-wrap .sui-button:disabled,.sui-2-6-0 .sui-wrap .sui-button[disabled],.sui-2-6-0 .sui-wrap .sui-button.sui-button-onload,.sui-2-6-0 .sui-wrap .sui-button.sui-button-onload-text,.sui-2-6-0 .sui-wrap .sui-button-icon.disabled,.sui-2-6-0 .sui-wrap .sui-button-icon:disabled,.sui-2-6-0 .sui-wrap .sui-button-icon[disabled],.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-onload,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-onload-text,.sui-2-6-0 .sui-wrap a.sui-button.disabled,.sui-2-6-0 .sui-wrap a.sui-button:disabled,.sui-2-6-0 .sui-wrap a.sui-button[disabled],.sui-2-6-0 .sui-wrap a.sui-button.sui-button-onload,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-onload-text,.sui-2-6-0 .sui-wrap a.sui-button-icon.disabled,.sui-2-6-0 .sui-wrap a.sui-button-icon:disabled,.sui-2-6-0 .sui-wrap a.sui-button-icon[disabled],.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-onload,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-onload-text,.sui-2-6-0 .sui-wrap button.sui-button.disabled,.sui-2-6-0 .sui-wrap button.sui-button:disabled,.sui-2-6-0 .sui-wrap button.sui-button[disabled],.sui-2-6-0 .sui-wrap button.sui-button.sui-button-onload,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-onload-text,.sui-2-6-0 .sui-wrap button.sui-button-icon.disabled,.sui-2-6-0 .sui-wrap button.sui-button-icon:disabled,.sui-2-6-0 .sui-wrap button.sui-button-icon[disabled],.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-onload,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-onload-text{cursor:default;pointer-events:none}.sui-2-6-0 .sui-wrap .sui-button.sui-button-onload,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-onload,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-onload,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-onload,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-onload,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-onload{pointer-events:none;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.sui-2-6-0 .sui-wrap .sui-button.sui-button-onload .sui-loading,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-onload .sui-loading,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-onload .sui-loading,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-onload .sui-loading,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-onload .sui-loading,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-onload .sui-loading{display:-ms-flexbox;display:flex}.sui-2-6-0 .sui-wrap .sui-button.sui-button-onload .sui-loading-text,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-onload .sui-loading-text,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-onload .sui-loading-text,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-onload .sui-loading-text,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-onload .sui-loading-text,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-onload .sui-loading-text{opacity:0}.sui-2-6-0 .sui-wrap .sui-button.sui-button-onload-text,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-onload-text,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-onload-text,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-onload-text,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-onload-text,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-onload-text{pointer-events:none}.sui-2-6-0 .sui-wrap .sui-button.sui-button-onload-text .sui-button-text-default,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-onload-text .sui-button-text-default,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-onload-text .sui-button-text-default,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-onload-text .sui-button-text-default,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-onload-text .sui-button-text-default,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-onload-text .sui-button-text-default{display:none}.sui-2-6-0 .sui-wrap .sui-button.sui-button-onload-text .sui-button-text-onload,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-onload-text .sui-button-text-onload,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-onload-text .sui-button-text-onload,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-onload-text .sui-button-text-onload,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-onload-text .sui-button-text-onload,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-onload-text .sui-button-text-onload{display:block}.sui-2-6-0 .sui-wrap .sui-button.sui-button-onload-text .sui-button-text-onload .sui-loading,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-onload-text .sui-button-text-onload .sui-loading,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-onload-text .sui-button-text-onload .sui-loading,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-onload-text .sui-button-text-onload .sui-loading,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-onload-text .sui-button-text-onload .sui-loading,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-onload-text .sui-button-text-onload .sui-loading{width:auto;height:auto;display:inline-block;position:relative;vertical-align:unset;margin-right:4px}.sui-2-6-0 .sui-wrap .sui-button.sui-button-onload-text .sui-button-text-onload .sui-loading:before,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-onload-text .sui-button-text-onload .sui-loading:before,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-onload-text .sui-button-text-onload .sui-loading:before,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-onload-text .sui-button-text-onload .sui-loading:before,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-onload-text .sui-button-text-onload .sui-loading:before,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-onload-text .sui-button-text-onload .sui-loading:before{display:inline-block}.sui-2-6-0 .sui-wrap .sui-button:not(:last-child),.sui-2-6-0 .sui-wrap .sui-button-icon:not(:last-child),.sui-2-6-0 .sui-wrap a.sui-button:not(:last-child),.sui-2-6-0 .sui-wrap a.sui-button-icon:not(:last-child),.sui-2-6-0 .sui-wrap button.sui-button:not(:last-child),.sui-2-6-0 .sui-wrap button.sui-button-icon:not(:last-child){margin-right:10px}.sui-2-6-0 .sui-wrap .sui-button,.sui-2-6-0 .sui-wrap a.sui-button,.sui-2-6-0 .sui-wrap button.sui-button{width:auto;min-width:80px;padding:5px 14px;background-color:#888;color:#fff;font:500 12px/16px "Roboto",Arial,sans-serif;letter-spacing:-.25px;text-transform:uppercase}.sui-2-6-0 .sui-wrap .sui-button [class*="sui-icon-"],.sui-2-6-0 .sui-wrap a.sui-button [class*="sui-icon-"],.sui-2-6-0 .sui-wrap button.sui-button [class*="sui-icon-"]{vertical-align:middle}.sui-2-6-0 .sui-wrap .sui-button [class*="sui-icon-"]:not(.sui-loading),.sui-2-6-0 .sui-wrap a.sui-button [class*="sui-icon-"]:not(.sui-loading),.sui-2-6-0 .sui-wrap button.sui-button [class*="sui-icon-"]:not(.sui-loading){width:22px;position:relative;top:-1px;margin-left:-7px}.sui-2-6-0 .sui-wrap .sui-button:hover,.sui-2-6-0 .sui-wrap .sui-button:active,.sui-2-6-0 .sui-wrap a.sui-button:hover,.sui-2-6-0 .sui-wrap a.sui-button:active,.sui-2-6-0 .sui-wrap button.sui-button:hover,.sui-2-6-0 .sui-wrap button.sui-button:active{background-color:#6f6f6f}.sui-2-6-0 .sui-wrap .sui-button.disabled,.sui-2-6-0 .sui-wrap .sui-button:disabled,.sui-2-6-0 .sui-wrap .sui-button[disabled],.sui-2-6-0 .sui-wrap .sui-button.sui-button-onload,.sui-2-6-0 .sui-wrap .sui-button.sui-button-onload-text,.sui-2-6-0 .sui-wrap a.sui-button.disabled,.sui-2-6-0 .sui-wrap a.sui-button:disabled,.sui-2-6-0 .sui-wrap a.sui-button[disabled],.sui-2-6-0 .sui-wrap a.sui-button.sui-button-onload,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-onload-text,.sui-2-6-0 .sui-wrap button.sui-button.disabled,.sui-2-6-0 .sui-wrap button.sui-button:disabled,.sui-2-6-0 .sui-wrap button.sui-button[disabled],.sui-2-6-0 .sui-wrap button.sui-button.sui-button-onload,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-onload-text{background-color:#E6E6E6;color:#aaa}.sui-2-6-0 .sui-wrap .sui-button.sui-button-icon-right [class*="sui-icon-"]:not(.sui-loading),.sui-2-6-0 .sui-wrap a.sui-button.sui-button-icon-right [class*="sui-icon-"]:not(.sui-loading),.sui-2-6-0 .sui-wrap button.sui-button.sui-button-icon-right [class*="sui-icon-"]:not(.sui-loading){margin-right:-7px;margin-left:0}.sui-2-6-0 .sui-wrap .sui-button.sui-button-blue,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-blue,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-blue{background-color:#17A8E3;color:#fff}.sui-2-6-0 .sui-wrap .sui-button.sui-button-blue:hover,.sui-2-6-0 .sui-wrap .sui-button.sui-button-blue:active,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-blue:hover,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-blue:active,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-blue:hover,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-blue:active{background-color:#1286b5}.sui-2-6-0 .sui-wrap .sui-button.sui-button-blue.disabled,.sui-2-6-0 .sui-wrap .sui-button.sui-button-blue:disabled,.sui-2-6-0 .sui-wrap .sui-button.sui-button-blue[disabled],.sui-2-6-0 .sui-wrap .sui-button.sui-button-blue.sui-button-onload,.sui-2-6-0 .sui-wrap .sui-button.sui-button-blue.sui-button-onload-text,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-blue.disabled,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-blue:disabled,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-blue[disabled],.sui-2-6-0 .sui-wrap a.sui-button.sui-button-blue.sui-button-onload,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-blue.sui-button-onload-text,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-blue.disabled,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-blue:disabled,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-blue[disabled],.sui-2-6-0 .sui-wrap button.sui-button.sui-button-blue.sui-button-onload,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-blue.sui-button-onload-text{background-color:#E6E6E6;color:#aaa}.sui-2-6-0 .sui-wrap .sui-button.sui-button-green,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-green,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-green{background-color:#1ABC9C;color:#fff}.sui-2-6-0 .sui-wrap .sui-button.sui-button-green:hover,.sui-2-6-0 .sui-wrap .sui-button.sui-button-green:active,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-green:hover,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-green:active,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-green:hover,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-green:active{background-color:#148f77}.sui-2-6-0 .sui-wrap .sui-button.sui-button-green.disabled,.sui-2-6-0 .sui-wrap .sui-button.sui-button-green:disabled,.sui-2-6-0 .sui-wrap .sui-button.sui-button-green[disabled],.sui-2-6-0 .sui-wrap .sui-button.sui-button-green.sui-button-onload,.sui-2-6-0 .sui-wrap .sui-button.sui-button-green.sui-button-onload-text,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-green.disabled,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-green:disabled,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-green[disabled],.sui-2-6-0 .sui-wrap a.sui-button.sui-button-green.sui-button-onload,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-green.sui-button-onload-text,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-green.disabled,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-green:disabled,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-green[disabled],.sui-2-6-0 .sui-wrap button.sui-button.sui-button-green.sui-button-onload,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-green.sui-button-onload-text{background-color:#E6E6E6;color:#aaa}.sui-2-6-0 .sui-wrap .sui-button.sui-button-red,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-red,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-red{background-color:#FF6D6D;color:#fff}.sui-2-6-0 .sui-wrap .sui-button.sui-button-red:hover,.sui-2-6-0 .sui-wrap .sui-button.sui-button-red:active,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-red:hover,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-red:active,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-red:hover,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-red:active{background-color:#ff3a3a}.sui-2-6-0 .sui-wrap .sui-button.sui-button-red.disabled,.sui-2-6-0 .sui-wrap .sui-button.sui-button-red:disabled,.sui-2-6-0 .sui-wrap .sui-button.sui-button-red[disabled],.sui-2-6-0 .sui-wrap .sui-button.sui-button-red.sui-button-onload,.sui-2-6-0 .sui-wrap .sui-button.sui-button-red.sui-button-onload-text,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-red.disabled,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-red:disabled,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-red[disabled],.sui-2-6-0 .sui-wrap a.sui-button.sui-button-red.sui-button-onload,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-red.sui-button-onload-text,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-red.disabled,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-red:disabled,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-red[disabled],.sui-2-6-0 .sui-wrap button.sui-button.sui-button-red.sui-button-onload,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-red.sui-button-onload-text{background-color:#E6E6E6;color:#aaa}.sui-2-6-0 .sui-wrap .sui-button.sui-button-orange,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-orange,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-orange{background-color:#FF7E41;color:#fff}.sui-2-6-0 .sui-wrap .sui-button.sui-button-orange:hover,.sui-2-6-0 .sui-wrap .sui-button.sui-button-orange:active,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-orange:hover,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-orange:active,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-orange:hover,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-orange:active{background-color:#ff5b0e}.sui-2-6-0 .sui-wrap .sui-button.sui-button-orange.disabled,.sui-2-6-0 .sui-wrap .sui-button.sui-button-orange:disabled,.sui-2-6-0 .sui-wrap .sui-button.sui-button-orange[disabled],.sui-2-6-0 .sui-wrap .sui-button.sui-button-orange.sui-button-onload,.sui-2-6-0 .sui-wrap .sui-button.sui-button-orange.sui-button-onload-text,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-orange.disabled,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-orange:disabled,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-orange[disabled],.sui-2-6-0 .sui-wrap a.sui-button.sui-button-orange.sui-button-onload,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-orange.sui-button-onload-text,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-orange.disabled,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-orange:disabled,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-orange[disabled],.sui-2-6-0 .sui-wrap button.sui-button.sui-button-orange.sui-button-onload,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-orange.sui-button-onload-text{background-color:#E6E6E6;color:#aaa}.sui-2-6-0 .sui-wrap .sui-button.sui-button-yellow,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-yellow,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-yellow{background-color:#FECF2F;color:#333}.sui-2-6-0 .sui-wrap .sui-button.sui-button-yellow:hover,.sui-2-6-0 .sui-wrap .sui-button.sui-button-yellow:active,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-yellow:hover,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-yellow:active,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-yellow:hover,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-yellow:active{background-color:#f9c101}.sui-2-6-0 .sui-wrap .sui-button.sui-button-yellow.disabled,.sui-2-6-0 .sui-wrap .sui-button.sui-button-yellow:disabled,.sui-2-6-0 .sui-wrap .sui-button.sui-button-yellow[disabled],.sui-2-6-0 .sui-wrap .sui-button.sui-button-yellow.sui-button-onload,.sui-2-6-0 .sui-wrap .sui-button.sui-button-yellow.sui-button-onload-text,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-yellow.disabled,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-yellow:disabled,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-yellow[disabled],.sui-2-6-0 .sui-wrap a.sui-button.sui-button-yellow.sui-button-onload,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-yellow.sui-button-onload-text,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-yellow.disabled,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-yellow:disabled,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-yellow[disabled],.sui-2-6-0 .sui-wrap button.sui-button.sui-button-yellow.sui-button-onload,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-yellow.sui-button-onload-text{background-color:#E6E6E6;color:#aaa}.sui-2-6-0 .sui-wrap .sui-button.sui-button-purple,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-purple,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-purple{background-color:#8D00B1;color:#fff}.sui-2-6-0 .sui-wrap .sui-button.sui-button-purple:hover,.sui-2-6-0 .sui-wrap .sui-button.sui-button-purple:active,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-purple:hover,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-purple:active,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-purple:hover,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-purple:active{background-color:#64007e}.sui-2-6-0 .sui-wrap .sui-button.sui-button-purple.disabled,.sui-2-6-0 .sui-wrap .sui-button.sui-button-purple:disabled,.sui-2-6-0 .sui-wrap .sui-button.sui-button-purple[disabled],.sui-2-6-0 .sui-wrap .sui-button.sui-button-purple.sui-button-onload,.sui-2-6-0 .sui-wrap .sui-button.sui-button-purple.sui-button-onload-text,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-purple.disabled,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-purple:disabled,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-purple[disabled],.sui-2-6-0 .sui-wrap a.sui-button.sui-button-purple.sui-button-onload,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-purple.sui-button-onload-text,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-purple.disabled,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-purple:disabled,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-purple[disabled],.sui-2-6-0 .sui-wrap button.sui-button.sui-button-purple.sui-button-onload,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-purple.sui-button-onload-text{background-color:#E6E6E6;color:#aaa}.sui-2-6-0 .sui-wrap .sui-button.sui-button-upsell,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-upsell,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-upsell{width:auto;height:26px;padding:4px 14px;border-color:#D1F1EA;border-radius:14px;background-color:transparent;color:#1ABC9C;line-height:14px;text-transform:none}.sui-2-6-0 .sui-wrap .sui-button.sui-button-upsell:hover,.sui-2-6-0 .sui-wrap .sui-button.sui-button-upsell:active,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-upsell:hover,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-upsell:active,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-upsell:hover,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-upsell:active{opacity:1;border-color:#1ABC9C;background-color:#1ABC9C;color:#fff}.sui-2-6-0 .sui-wrap .sui-button.sui-button-dashed,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-dashed,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-dashed{width:100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-width:1px;border-style:dashed;border-color:#aaa;background-color:rgba(0,0,0,0);color:#888;line-height:18px}.sui-2-6-0 .sui-wrap .sui-button.sui-button-dashed.sui-lg,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-dashed.sui-lg,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-dashed.sui-lg{height:70px}@media (max-width: 782px){.sui-2-6-0 .sui-wrap .sui-button.sui-button-dashed.sui-lg,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-dashed.sui-lg,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-dashed.sui-lg{height:50px}}@media (max-width: 782px){.sui-2-6-0 .sui-wrap .sui-button.sui-button-dashed,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-dashed,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-dashed{height:50px}}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-button.sui-button-dashed,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-dashed,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-dashed{height:60px}}.sui-2-6-0 .sui-wrap .sui-button.sui-button-ghost,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-ghost,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-ghost{border-color:#ddd;background-color:transparent;color:#888}.sui-2-6-0 .sui-wrap .sui-button.sui-button-ghost:hover,.sui-2-6-0 .sui-wrap .sui-button.sui-button-ghost:active,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-ghost:hover,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-ghost:active,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-ghost:hover,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-ghost:active{border-color:#888;background-color:#888;color:#fff}.sui-2-6-0 .sui-wrap .sui-button.sui-button-ghost.disabled,.sui-2-6-0 .sui-wrap .sui-button.sui-button-ghost:disabled,.sui-2-6-0 .sui-wrap .sui-button.sui-button-ghost[disabled],.sui-2-6-0 .sui-wrap .sui-button.sui-button-ghost.sui-button-onload,.sui-2-6-0 .sui-wrap .sui-button.sui-button-ghost.sui-button-onload-text,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-ghost.disabled,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-ghost:disabled,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-ghost[disabled],.sui-2-6-0 .sui-wrap a.sui-button.sui-button-ghost.sui-button-onload,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-ghost.sui-button-onload-text,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-ghost.disabled,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-ghost:disabled,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-ghost[disabled],.sui-2-6-0 .sui-wrap button.sui-button.sui-button-ghost.sui-button-onload,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-ghost.sui-button-onload-text{border-color:#E6E6E6;background-color:#E6E6E6;color:#aaa}.sui-2-6-0 .sui-wrap .sui-button.sui-button-ghost.sui-button-blue,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-ghost.sui-button-blue,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-ghost.sui-button-blue{border-color:#E1F6FF;color:#17A8E3}.sui-2-6-0 .sui-wrap .sui-button.sui-button-ghost.sui-button-blue:hover,.sui-2-6-0 .sui-wrap .sui-button.sui-button-ghost.sui-button-blue:active,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-ghost.sui-button-blue:hover,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-ghost.sui-button-blue:active,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-ghost.sui-button-blue:hover,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-ghost.sui-button-blue:active{border-color:#17A8E3;background-color:#17A8E3;color:#fff}.sui-2-6-0 .sui-wrap .sui-button.sui-button-ghost.sui-button-blue.disabled,.sui-2-6-0 .sui-wrap .sui-button.sui-button-ghost.sui-button-blue:disabled,.sui-2-6-0 .sui-wrap .sui-button.sui-button-ghost.sui-button-blue[disabled],.sui-2-6-0 .sui-wrap .sui-button.sui-button-ghost.sui-button-blue.sui-button-onload,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-ghost.sui-button-blue.disabled,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-ghost.sui-button-blue:disabled,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-ghost.sui-button-blue[disabled],.sui-2-6-0 .sui-wrap a.sui-button.sui-button-ghost.sui-button-blue.sui-button-onload,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-ghost.sui-button-blue.disabled,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-ghost.sui-button-blue:disabled,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-ghost.sui-button-blue[disabled],.sui-2-6-0 .sui-wrap button.sui-button.sui-button-ghost.sui-button-blue.sui-button-onload{border-color:#E6E6E6;background-color:#E6E6E6;color:#aaa}.sui-2-6-0 .sui-wrap .sui-button.sui-button-ghost.sui-button-green,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-ghost.sui-button-green,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-ghost.sui-button-green{border-color:#D1F1EA;color:#1ABC9C}.sui-2-6-0 .sui-wrap .sui-button.sui-button-ghost.sui-button-green:hover,.sui-2-6-0 .sui-wrap .sui-button.sui-button-ghost.sui-button-green:active,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-ghost.sui-button-green:hover,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-ghost.sui-button-green:active,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-ghost.sui-button-green:hover,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-ghost.sui-button-green:active{border-color:#1ABC9C;background-color:#1ABC9C;color:#fff}.sui-2-6-0 .sui-wrap .sui-button.sui-button-ghost.sui-button-green.disabled,.sui-2-6-0 .sui-wrap .sui-button.sui-button-ghost.sui-button-green:disabled,.sui-2-6-0 .sui-wrap .sui-button.sui-button-ghost.sui-button-green[disabled],.sui-2-6-0 .sui-wrap .sui-button.sui-button-ghost.sui-button-green.sui-button-onload,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-ghost.sui-button-green.disabled,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-ghost.sui-button-green:disabled,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-ghost.sui-button-green[disabled],.sui-2-6-0 .sui-wrap a.sui-button.sui-button-ghost.sui-button-green.sui-button-onload,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-ghost.sui-button-green.disabled,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-ghost.sui-button-green:disabled,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-ghost.sui-button-green[disabled],.sui-2-6-0 .sui-wrap button.sui-button.sui-button-ghost.sui-button-green.sui-button-onload{border-color:#E6E6E6;background-color:#E6E6E6;color:#aaa}.sui-2-6-0 .sui-wrap .sui-button.sui-button-ghost.sui-button-red,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-ghost.sui-button-red,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-ghost.sui-button-red{border-color:#FFE5E9;color:#FF6D6D}.sui-2-6-0 .sui-wrap .sui-button.sui-button-ghost.sui-button-red:hover,.sui-2-6-0 .sui-wrap .sui-button.sui-button-ghost.sui-button-red:active,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-ghost.sui-button-red:hover,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-ghost.sui-button-red:active,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-ghost.sui-button-red:hover,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-ghost.sui-button-red:active{border-color:#FF6D6D;background-color:#FF6D6D;color:#fff}.sui-2-6-0 .sui-wrap .sui-button.sui-button-ghost.sui-button-red.disabled,.sui-2-6-0 .sui-wrap .sui-button.sui-button-ghost.sui-button-red:disabled,.sui-2-6-0 .sui-wrap .sui-button.sui-button-ghost.sui-button-red[disabled],.sui-2-6-0 .sui-wrap .sui-button.sui-button-ghost.sui-button-red.sui-button-onload,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-ghost.sui-button-red.disabled,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-ghost.sui-button-red:disabled,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-ghost.sui-button-red[disabled],.sui-2-6-0 .sui-wrap a.sui-button.sui-button-ghost.sui-button-red.sui-button-onload,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-ghost.sui-button-red.disabled,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-ghost.sui-button-red:disabled,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-ghost.sui-button-red[disabled],.sui-2-6-0 .sui-wrap button.sui-button.sui-button-ghost.sui-button-red.sui-button-onload{border-color:#E6E6E6;background-color:#E6E6E6;color:#aaa}.sui-2-6-0 .sui-wrap .sui-button.sui-button-ghost.sui-button-orange,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-ghost.sui-button-orange,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-ghost.sui-button-orange{border-color:#FFE5D9;color:#FF7E41}.sui-2-6-0 .sui-wrap .sui-button.sui-button-ghost.sui-button-orange:hover,.sui-2-6-0 .sui-wrap .sui-button.sui-button-ghost.sui-button-orange:active,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-ghost.sui-button-orange:hover,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-ghost.sui-button-orange:active,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-ghost.sui-button-orange:hover,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-ghost.sui-button-orange:active{border-color:#FF7E41;background-color:#FF7E41;color:#fff}.sui-2-6-0 .sui-wrap .sui-button.sui-button-ghost.sui-button-orange.disabled,.sui-2-6-0 .sui-wrap .sui-button.sui-button-ghost.sui-button-orange:disabled,.sui-2-6-0 .sui-wrap .sui-button.sui-button-ghost.sui-button-orange[disabled],.sui-2-6-0 .sui-wrap .sui-button.sui-button-ghost.sui-button-orange.sui-button-onload,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-ghost.sui-button-orange.disabled,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-ghost.sui-button-orange:disabled,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-ghost.sui-button-orange[disabled],.sui-2-6-0 .sui-wrap a.sui-button.sui-button-ghost.sui-button-orange.sui-button-onload,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-ghost.sui-button-orange.disabled,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-ghost.sui-button-orange:disabled,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-ghost.sui-button-orange[disabled],.sui-2-6-0 .sui-wrap button.sui-button.sui-button-ghost.sui-button-orange.sui-button-onload{border-color:#E6E6E6;background-color:#E6E6E6;color:#aaa}.sui-2-6-0 .sui-wrap .sui-button.sui-button-ghost.sui-button-yellow,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-ghost.sui-button-yellow,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-ghost.sui-button-yellow{border-color:#FFF5D5;color:#FECF2F}.sui-2-6-0 .sui-wrap .sui-button.sui-button-ghost.sui-button-yellow:hover,.sui-2-6-0 .sui-wrap .sui-button.sui-button-ghost.sui-button-yellow:active,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-ghost.sui-button-yellow:hover,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-ghost.sui-button-yellow:active,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-ghost.sui-button-yellow:hover,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-ghost.sui-button-yellow:active{border-color:#FECF2F;background-color:#FECF2F;color:#333}.sui-2-6-0 .sui-wrap .sui-button.sui-button-ghost.sui-button-yellow.disabled,.sui-2-6-0 .sui-wrap .sui-button.sui-button-ghost.sui-button-yellow:disabled,.sui-2-6-0 .sui-wrap .sui-button.sui-button-ghost.sui-button-yellow[disabled],.sui-2-6-0 .sui-wrap .sui-button.sui-button-ghost.sui-button-yellow.sui-button-onload,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-ghost.sui-button-yellow.disabled,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-ghost.sui-button-yellow:disabled,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-ghost.sui-button-yellow[disabled],.sui-2-6-0 .sui-wrap a.sui-button.sui-button-ghost.sui-button-yellow.sui-button-onload,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-ghost.sui-button-yellow.disabled,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-ghost.sui-button-yellow:disabled,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-ghost.sui-button-yellow[disabled],.sui-2-6-0 .sui-wrap button.sui-button.sui-button-ghost.sui-button-yellow.sui-button-onload{border-color:#E6E6E6;background-color:#E6E6E6;color:#aaa}.sui-2-6-0 .sui-wrap .sui-button.sui-button-ghost.sui-button-purple,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-ghost.sui-button-purple,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-ghost.sui-button-purple{border-color:#F9E1FF;color:#8D00B1}.sui-2-6-0 .sui-wrap .sui-button.sui-button-ghost.sui-button-purple:hover,.sui-2-6-0 .sui-wrap .sui-button.sui-button-ghost.sui-button-purple:active,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-ghost.sui-button-purple:hover,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-ghost.sui-button-purple:active,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-ghost.sui-button-purple:hover,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-ghost.sui-button-purple:active{border-color:#8D00B1;background-color:#8D00B1;color:#fff}.sui-2-6-0 .sui-wrap .sui-button.sui-button-ghost.sui-button-purple.disabled,.sui-2-6-0 .sui-wrap .sui-button.sui-button-ghost.sui-button-purple:disabled,.sui-2-6-0 .sui-wrap .sui-button.sui-button-ghost.sui-button-purple[disabled],.sui-2-6-0 .sui-wrap .sui-button.sui-button-ghost.sui-button-purple.sui-button-onload,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-ghost.sui-button-purple.disabled,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-ghost.sui-button-purple:disabled,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-ghost.sui-button-purple[disabled],.sui-2-6-0 .sui-wrap a.sui-button.sui-button-ghost.sui-button-purple.sui-button-onload,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-ghost.sui-button-purple.disabled,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-ghost.sui-button-purple:disabled,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-ghost.sui-button-purple[disabled],.sui-2-6-0 .sui-wrap button.sui-button.sui-button-ghost.sui-button-purple.sui-button-onload{border-color:#E6E6E6;background-color:#E6E6E6;color:#aaa}@media (max-width: 782px){.sui-2-6-0 .sui-wrap .sui-button.sui-button-compound .sui-compound-desktop,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-compound .sui-compound-desktop,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-compound .sui-compound-desktop{display:none}}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-button.sui-button-compound .sui-compound-desktop,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-compound .sui-compound-desktop,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-compound .sui-compound-desktop{display:block}}@media (max-width: 782px){.sui-2-6-0 .sui-wrap .sui-button.sui-button-compound .sui-compound-mobile [class*="sui-icon-"],.sui-2-6-0 .sui-wrap a.sui-button.sui-button-compound .sui-compound-mobile [class*="sui-icon-"],.sui-2-6-0 .sui-wrap button.sui-button.sui-button-compound .sui-compound-mobile [class*="sui-icon-"]{margin-right:0;margin-left:0}}@media (max-width: 782px){.sui-2-6-0 .sui-wrap .sui-button.sui-button-compound .sui-compound-mobile,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-compound .sui-compound-mobile,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-compound .sui-compound-mobile{display:block}}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-button.sui-button-compound .sui-compound-mobile,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-compound .sui-compound-mobile,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-compound .sui-compound-mobile{display:none}}@media (max-width: 782px){.sui-2-6-0 .sui-wrap .sui-button.sui-button-compound,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-compound,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-compound{min-width:44px;padding-right:5px;padding-left:5px}}.sui-2-6-0 .sui-wrap .sui-button.sui-button-lg,.sui-2-6-0 .sui-wrap a.sui-button.sui-button-lg,.sui-2-6-0 .sui-wrap button.sui-button.sui-button-lg{padding:8px 20px;font-size:15px;line-height:20px}.sui-2-6-0 .sui-wrap .sui-button.sui-button-lg [class*="sui-icon-"],.sui-2-6-0 .sui-wrap a.sui-button.sui-button-lg [class*="sui-icon-"],.sui-2-6-0 .sui-wrap button.sui-button.sui-button-lg [class*="sui-icon-"]{font-size:16px}.sui-2-6-0 .sui-wrap .sui-button-icon,.sui-2-6-0 .sui-wrap a.sui-button-icon,.sui-2-6-0 .sui-wrap button.sui-button-icon{width:30px;height:30px;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:0 4px;border-width:1px;background-color:transparent;color:#888;text-align:center;white-space:nowrap}.sui-2-6-0 .sui-wrap .sui-button-icon [class*="sui-icon-"]:not(.sui-loading),.sui-2-6-0 .sui-wrap a.sui-button-icon [class*="sui-icon-"]:not(.sui-loading),.sui-2-6-0 .sui-wrap button.sui-button-icon [class*="sui-icon-"]:not(.sui-loading){display:block}.sui-2-6-0 .sui-wrap .sui-button-icon:hover,.sui-2-6-0 .sui-wrap .sui-button-icon:active,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-active,.sui-2-6-0 .sui-wrap a.sui-button-icon:hover,.sui-2-6-0 .sui-wrap a.sui-button-icon:active,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-active,.sui-2-6-0 .sui-wrap button.sui-button-icon:hover,.sui-2-6-0 .sui-wrap button.sui-button-icon:active,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-active{background-color:#F2F2F2;color:#333}.sui-2-6-0 .sui-wrap .sui-button-icon.disabled,.sui-2-6-0 .sui-wrap .sui-button-icon:disabled,.sui-2-6-0 .sui-wrap .sui-button-icon[disabled],.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-onload,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-onload-text,.sui-2-6-0 .sui-wrap a.sui-button-icon.disabled,.sui-2-6-0 .sui-wrap a.sui-button-icon:disabled,.sui-2-6-0 .sui-wrap a.sui-button-icon[disabled],.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-onload,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-onload-text,.sui-2-6-0 .sui-wrap button.sui-button-icon.disabled,.sui-2-6-0 .sui-wrap button.sui-button-icon:disabled,.sui-2-6-0 .sui-wrap button.sui-button-icon[disabled],.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-onload,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-onload-text{color:#aaa;background-color:#E6E6E6}.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-blue,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-blue,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-blue{color:#17A8E3}.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-blue:hover,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-blue:active,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-blue.sui-active,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-blue:hover,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-blue:active,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-blue.sui-active,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-blue:hover,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-blue:active,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-blue.sui-active{background-color:#E1F6FF;color:#17A8E3}.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-blue.disabled,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-blue:disabled,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-blue[disabled],.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-blue.sui-button-onload,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-blue.sui-button-onload-text,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-blue.disabled,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-blue:disabled,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-blue[disabled],.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-blue.sui-button-onload,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-blue.sui-button-onload-text,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-blue.disabled,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-blue:disabled,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-blue[disabled],.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-blue.sui-button-onload,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-blue.sui-button-onload-text{color:#aaa;background-color:#E6E6E6}.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-green,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-green,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-green{color:#1ABC9C}.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-green:hover,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-green:active,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-green.sui-active,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-green:hover,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-green:active,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-green.sui-active,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-green:hover,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-green:active,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-green.sui-active{background-color:#D1F1EA;color:#1ABC9C}.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-green.disabled,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-green:disabled,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-green[disabled],.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-green.sui-button-onload,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-green.sui-button-onload-text,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-green.disabled,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-green:disabled,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-green[disabled],.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-green.sui-button-onload,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-green.sui-button-onload-text,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-green.disabled,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-green:disabled,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-green[disabled],.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-green.sui-button-onload,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-green.sui-button-onload-text{color:#aaa;background-color:#E6E6E6}.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-red,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-red,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-red{color:#FF6D6D}.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-red:hover,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-red:active,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-red.sui-active,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-red:hover,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-red:active,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-red.sui-active,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-red:hover,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-red:active,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-red.sui-active{background-color:#FFE5E9;color:#FF6D6D}.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-red.disabled,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-red:disabled,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-red[disabled],.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-red.sui-button-onload,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-red.sui-button-onload-text,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-red.disabled,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-red:disabled,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-red[disabled],.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-red.sui-button-onload,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-red.sui-button-onload-text,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-red.disabled,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-red:disabled,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-red[disabled],.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-red.sui-button-onload,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-red.sui-button-onload-text{color:#aaa;background-color:#E6E6E6}.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-orange,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-orange,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-orange{color:#FF7E41}.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-orange:hover,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-orange:active,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-orange.sui-active,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-orange:hover,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-orange:active,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-orange.sui-active,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-orange:hover,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-orange:active,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-orange.sui-active{background-color:#FFE5D9;color:#FF7E41}.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-orange.disabled,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-orange:disabled,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-orange[disabled],.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-orange.sui-button-onload,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-orange.sui-button-onload-text,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-orange.disabled,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-orange:disabled,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-orange[disabled],.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-orange.sui-button-onload,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-orange.sui-button-onload-text,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-orange.disabled,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-orange:disabled,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-orange[disabled],.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-orange.sui-button-onload,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-orange.sui-button-onload-text{color:#aaa;background-color:#E6E6E6}.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-yellow,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-yellow,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-yellow{color:#FECF2F}.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-yellow:hover,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-yellow:active,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-yellow.sui-active,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-yellow:hover,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-yellow:active,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-yellow.sui-active,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-yellow:hover,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-yellow:active,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-yellow.sui-active{background-color:#FFF5D5;color:#FECF2F}.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-yellow.disabled,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-yellow:disabled,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-yellow[disabled],.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-yellow.sui-button-onload,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-yellow.sui-button-onload-text,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-yellow.disabled,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-yellow:disabled,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-yellow[disabled],.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-yellow.sui-button-onload,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-yellow.sui-button-onload-text,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-yellow.disabled,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-yellow:disabled,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-yellow[disabled],.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-yellow.sui-button-onload,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-yellow.sui-button-onload-text{color:#aaa;background-color:#E6E6E6}.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-purple,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-purple,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-purple{color:#8D00B1}.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-purple:hover,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-purple:active,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-purple.sui-active,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-purple:hover,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-purple:active,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-purple.sui-active,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-purple:hover,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-purple:active,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-purple.sui-active{background-color:#F9E1FF;color:#8D00B1}.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-purple.disabled,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-purple:disabled,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-purple[disabled],.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-purple.sui-button-onload,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-purple.sui-button-onload-text,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-purple.disabled,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-purple:disabled,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-purple[disabled],.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-purple.sui-button-onload,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-purple.sui-button-onload-text,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-purple.disabled,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-purple:disabled,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-purple[disabled],.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-purple.sui-button-onload,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-purple.sui-button-onload-text{color:#aaa;background-color:#E6E6E6}.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-outlined,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-outlined,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-outlined{width:44px;border-color:#ddd}.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-outlined:hover,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-outlined:active,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-active,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-outlined:hover,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-outlined:active,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-active,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-outlined:hover,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-outlined:active,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-active{border-color:#888;background-color:#888;color:#fff}.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-outlined.disabled,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-outlined:disabled,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-outlined[disabled],.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-onload,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-onload-text,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-outlined.disabled,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-outlined:disabled,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-outlined[disabled],.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-onload,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-onload-text,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-outlined.disabled,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-outlined:disabled,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-outlined[disabled],.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-onload,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-onload-text{border-color:#E6E6E6}.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-blue,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-blue,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-blue{border-color:#E1F6FF}.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-blue:hover,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-blue:active,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-blue.sui-active,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-blue:hover,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-blue:active,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-blue.sui-active,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-blue:hover,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-blue:active,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-blue.sui-active{border-color:#17A8E3;background-color:#17A8E3;color:#fff}.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-blue.disabled,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-blue:disabled,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-blue[disabled],.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-blue.sui-button-onload,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-blue.sui-button-onload-text,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-blue.disabled,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-blue:disabled,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-blue[disabled],.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-blue.sui-button-onload,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-blue.sui-button-onload-text,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-blue.disabled,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-blue:disabled,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-blue[disabled],.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-blue.sui-button-onload,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-blue.sui-button-onload-text{border-color:#E6E6E6}.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-green,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-green,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-green{border-color:#D1F1EA}.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-green:hover,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-green:active,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-green.sui-active,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-green:hover,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-green:active,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-green.sui-active,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-green:hover,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-green:active,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-green.sui-active{border-color:#1ABC9C;background-color:#1ABC9C;color:#fff}.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-green.disabled,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-green:disabled,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-green[disabled],.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-green.sui-button-onload,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-green.sui-button-onload-text,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-green.disabled,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-green:disabled,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-green[disabled],.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-green.sui-button-onload,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-green.sui-button-onload-text,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-green.disabled,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-green:disabled,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-green[disabled],.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-green.sui-button-onload,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-green.sui-button-onload-text{border-color:#E6E6E6}.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-red,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-red,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-red{border-color:#FFE5E9}.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-red:hover,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-red:active,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-red.sui-active,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-red:hover,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-red:active,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-red.sui-active,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-red:hover,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-red:active,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-red.sui-active{border-color:#FF6D6D;background-color:#FF6D6D;color:#fff}.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-red.disabled,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-red:disabled,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-red[disabled],.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-red.sui-button-onload,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-red.sui-button-onload-text,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-red.disabled,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-red:disabled,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-red[disabled],.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-red.sui-button-onload,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-red.sui-button-onload-text,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-red.disabled,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-red:disabled,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-red[disabled],.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-red.sui-button-onload,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-red.sui-button-onload-text{border-color:#E6E6E6}.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-orange,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-orange,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-orange{border-color:#FFE5D9}.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-orange:hover,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-orange:active,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-orange.sui-active,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-orange:hover,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-orange:active,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-orange.sui-active,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-orange:hover,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-orange:active,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-orange.sui-active{border-color:#FF7E41;background-color:#FF7E41;color:#fff}.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-orange.disabled,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-orange:disabled,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-orange[disabled],.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-orange.sui-button-onload,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-orange.sui-button-onload-text,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-orange.disabled,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-orange:disabled,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-orange[disabled],.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-orange.sui-button-onload,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-orange.sui-button-onload-text,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-orange.disabled,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-orange:disabled,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-orange[disabled],.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-orange.sui-button-onload,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-orange.sui-button-onload-text{border-color:#E6E6E6}.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-yellow,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-yellow,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-yellow{border-color:#FFF5D5}.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-yellow:hover,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-yellow:active,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-yellow.sui-active,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-yellow:hover,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-yellow:active,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-yellow.sui-active,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-yellow:hover,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-yellow:active,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-yellow.sui-active{border-color:#FECF2F;background-color:#FECF2F;color:#333}.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-yellow.disabled,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-yellow:disabled,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-yellow[disabled],.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-yellow.sui-button-onload,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-yellow.sui-button-onload-text,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-yellow.disabled,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-yellow:disabled,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-yellow[disabled],.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-yellow.sui-button-onload,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-yellow.sui-button-onload-text,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-yellow.disabled,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-yellow:disabled,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-yellow[disabled],.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-yellow.sui-button-onload,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-yellow.sui-button-onload-text{border-color:#E6E6E6}.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-purple,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-purple,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-purple{border-color:#F9E1FF}.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-purple:hover,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-purple:active,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-purple.sui-active,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-purple:hover,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-purple:active,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-purple.sui-active,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-purple:hover,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-purple:active,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-purple.sui-active{border-color:#8D00B1;background-color:#8D00B1;color:#fff}.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-purple.disabled,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-purple:disabled,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-purple[disabled],.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-purple.sui-button-onload,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-purple.sui-button-onload-text,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-purple.disabled,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-purple:disabled,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-purple[disabled],.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-purple.sui-button-onload,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-purple.sui-button-onload-text,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-purple.disabled,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-purple:disabled,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-purple[disabled],.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-purple.sui-button-onload,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-purple.sui-button-onload-text{border-color:#E6E6E6}.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-filled,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-filled,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-filled{background-color:#E6E6E6;color:#aaa}.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-filled:hover,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-filled:active,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-active,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-filled:hover,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-filled:active,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-active,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-filled:hover,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-filled:active,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-active{background-color:#d2d2d2}.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-filled.disabled,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-filled:disabled,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-filled[disabled],.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-onload,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-onload-text,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-filled.disabled,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-filled:disabled,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-filled[disabled],.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-onload,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-onload-text,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-filled.disabled,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-filled:disabled,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-filled[disabled],.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-onload,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-onload-text{background-color:#E6E6E6;color:#aaa}.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-blue,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-blue,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-blue{background-color:#17A8E3;color:#fff}.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-blue:hover,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-blue:active,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-blue.sui-active,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-blue:hover,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-blue:active,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-blue.sui-active,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-blue:hover,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-blue:active,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-blue.sui-active{background-color:#1286b5}.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-blue.disabled,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-blue:disabled,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-blue[disabled],.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-blue.sui-button-onload,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-blue.sui-button-onload-text,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-blue.disabled,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-blue:disabled,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-blue[disabled],.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-blue.sui-button-onload,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-blue.sui-button-onload-text,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-blue.disabled,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-blue:disabled,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-blue[disabled],.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-blue.sui-button-onload,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-blue.sui-button-onload-text{background-color:#E6E6E6;color:#aaa}.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-green,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-green,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-green{background-color:#1ABC9C;color:#fff}.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-green:hover,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-green:active,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-green.sui-active,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-green:hover,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-green:active,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-green.sui-active,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-green:hover,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-green:active,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-green.sui-active{background-color:#148f77}.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-green.disabled,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-green:disabled,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-green[disabled],.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-green.sui-button-onload,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-green.sui-button-onload-text,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-green.disabled,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-green:disabled,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-green[disabled],.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-green.sui-button-onload,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-green.sui-button-onload-text,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-green.disabled,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-green:disabled,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-green[disabled],.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-green.sui-button-onload,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-green.sui-button-onload-text{background-color:#E6E6E6;color:#aaa}.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-red,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-red,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-red{background-color:#FF6D6D;color:#fff}.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-red:hover,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-red:active,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-red.sui-active,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-red:hover,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-red:active,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-red.sui-active,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-red:hover,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-red:active,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-red.sui-active{background-color:#ff3a3a}.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-red.disabled,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-red:disabled,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-red[disabled],.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-red.sui-button-onload,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-red.sui-button-onload-text,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-red.disabled,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-red:disabled,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-red[disabled],.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-red.sui-button-onload,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-red.sui-button-onload-text,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-red.disabled,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-red:disabled,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-red[disabled],.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-red.sui-button-onload,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-red.sui-button-onload-text{background-color:#E6E6E6;color:#aaa}.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-orange,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-orange,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-orange{background-color:#FF7E41;color:#fff}.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-orange:hover,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-orange:active,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-orange.sui-active,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-orange:hover,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-orange:active,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-orange.sui-active,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-orange:hover,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-orange:active,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-orange.sui-active{background-color:#ff5b0e}.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-orange.disabled,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-orange:disabled,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-orange[disabled],.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-orange.sui-button-onload,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-orange.sui-button-onload-text,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-orange.disabled,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-orange:disabled,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-orange[disabled],.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-orange.sui-button-onload,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-orange.sui-button-onload-text,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-orange.disabled,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-orange:disabled,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-orange[disabled],.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-orange.sui-button-onload,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-orange.sui-button-onload-text{background-color:#E6E6E6;color:#aaa}.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-yellow,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-yellow,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-yellow{background-color:#FECF2F;color:#333}.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-yellow:hover,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-yellow:active,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-yellow.sui-active,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-yellow:hover,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-yellow:active,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-yellow.sui-active,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-yellow:hover,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-yellow:active,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-yellow.sui-active{background-color:#f9c101}.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-yellow.disabled,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-yellow:disabled,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-yellow[disabled],.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-yellow.sui-button-onload,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-yellow.sui-button-onload-text,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-yellow.disabled,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-yellow:disabled,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-yellow[disabled],.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-yellow.sui-button-onload,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-yellow.sui-button-onload-text,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-yellow.disabled,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-yellow:disabled,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-yellow[disabled],.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-yellow.sui-button-onload,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-yellow.sui-button-onload-text{background-color:#E6E6E6;color:#aaa}.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-purple,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-purple,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-purple{background-color:#8D00B1;color:#fff}.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-purple:hover,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-purple:active,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-purple.sui-active,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-purple:hover,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-purple:active,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-purple.sui-active,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-purple:hover,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-purple:active,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-purple.sui-active{background-color:#64007e}.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-purple.disabled,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-purple:disabled,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-purple[disabled],.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-purple.sui-button-onload,.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-purple.sui-button-onload-text,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-purple.disabled,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-purple:disabled,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-purple[disabled],.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-purple.sui-button-onload,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-purple.sui-button-onload-text,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-purple.disabled,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-purple:disabled,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-purple[disabled],.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-purple.sui-button-onload,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-purple.sui-button-onload-text{background-color:#E6E6E6;color:#aaa}.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-lg,.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-lg,.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-lg{width:50px;height:40px}.sui-2-6-0 .sui-wrap .sui-button-icon.sui-button-lg [class*="sui-icon-"],.sui-2-6-0 .sui-wrap a.sui-button-icon.sui-button-lg [class*="sui-icon-"],.sui-2-6-0 .sui-wrap button.sui-button-icon.sui-button-lg [class*="sui-icon-"]{font-size:13px}.sui-2-6-0 .sui-wrap .sui-dropdown .sui-button:not(:last-child),.sui-2-6-0 .sui-wrap .sui-dropdown .sui-button-icon:not(:last-child),.sui-2-6-0 .sui-wrap .sui-dropdown a.sui-button:not(:last-child),.sui-2-6-0 .sui-wrap .sui-dropdown a.sui-button-icon:not(:last-child),.sui-2-6-0 .sui-wrap .sui-dropdown button.sui-button:not(:last-child),.sui-2-6-0 .sui-wrap .sui-dropdown button.sui-button-icon:not(:last-child){margin-right:0}.sui-2-6-0 .sui-wrap .sui-toggle{display:block}.sui-2-6-0 .sui-wrap .sui-toggle input:focus ~ .sui-toggle-slider{box-shadow:0 0 0 5px #F2F2F2}.sui-2-6-0 .sui-wrap .sui-toggle input:checked ~ .sui-toggle-slider{background-color:#17A8E3}.sui-2-6-0 .sui-wrap .sui-toggle input:checked ~ .sui-toggle-slider:before{transform:translateX(18px)}.sui-2-6-0 .sui-wrap .sui-toggle input:checked ~ .sui-toggle-slider:hover{box-shadow:0 0 0 5px #E1F6FF}.sui-2-6-0 .sui-wrap .sui-toggle input:checked:focus ~ .sui-toggle-slider{box-shadow:0 0 0 5px #E1F6FF}.sui-2-6-0 .sui-wrap .sui-toggle .sui-toggle-slider{width:34px;height:16px;float:left;display:block;position:relative;margin:3px 0;padding:0;border:0;border-radius:8px;background-color:#aaa;transition:all 0.3s ease}.sui-2-6-0 .sui-wrap .sui-toggle .sui-toggle-slider:before{content:" ";width:14px;height:14px;position:absolute;top:1px;left:1px;border-radius:16px;background-color:#fff;transition:0.2s linear}.sui-2-6-0 .sui-wrap .sui-toggle .sui-toggle-slider:hover{box-shadow:0 0 0 5px #F2F2F2}.sui-2-6-0 .sui-wrap .sui-toggle .sui-toggle-slider ~ .sui-toggle-label,.sui-2-6-0 .sui-wrap .sui-toggle .sui-toggle-slider ~ .sui-description{margin-left:44px}.sui-2-6-0 .sui-wrap .sui-toggle .sui-toggle-label{display:block;font:500 15px/22px "Roboto",Arial,sans-serif;letter-spacing:-.25px}.sui-2-6-0 .sui-wrap .sui-toggle .sui-description{display:block}.sui-2-6-0 .sui-wrap .sui-toggle+label,.sui-2-6-0 .sui-wrap .sui-toggle+.sui-toggle-label{position:relative;top:-3px;margin-left:10px;font-weight:500}.sui-2-6-0 .sui-wrap .sui-toggle-content,.sui-2-6-0 .sui-wrap .sui-toggle-content.sui-border-frame{margin-left:44px}.sui-2-6-0 .sui-wrap *{box-sizing:border-box}.sui-2-6-0 .sui-wrap *:before,.sui-2-6-0 .sui-wrap *:after{box-sizing:border-box}.sui-2-6-0 .sui-wrap .sui-box{min-height:20px;position:relative;border-radius:4px;background-color:#fff;box-shadow:0 2px 0 #E6E6E6}.sui-2-6-0 .sui-wrap .sui-box .sui-box-header{border-bottom:1px solid #E6E6E6;padding:15px 30px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}@media (max-width: 782px){.sui-2-6-0 .sui-wrap .sui-box .sui-box-header{padding:15px 20px}}.sui-2-6-0 .sui-wrap .sui-box .sui-box-header>h3>i{line-height:30px}@media (max-width: 782px){.sui-2-6-0 .sui-wrap .sui-box .sui-box-body{padding:20px}}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-box .sui-box-body{padding:30px}}.sui-2-6-0 .sui-wrap .sui-box .sui-box-footer{border-top:1px solid #E6E6E6;padding:30px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.sui-2-6-0 .sui-wrap .sui-box .sui-box-footer.sui-pull-up{margin-top:-15px}@media (max-width: 782px){.sui-2-6-0 .sui-wrap .sui-box .sui-box-footer{padding:20px}}.sui-2-6-0 .sui-wrap .sui-box .sui-box-status{padding:15px 20px 20px}.sui-2-6-0 .sui-wrap .sui-box .sui-box-status .sui-status{display:-ms-flexbox;display:flex}.sui-2-6-0 .sui-wrap .sui-box .sui-box-status .sui-status [class*="sui-status-"]{font-size:12px;line-height:30px;font-family:"Roboto",Arial,sans-serif;letter-spacing:-.25px}.sui-2-6-0 .sui-wrap .sui-box .sui-box-status .sui-status [class*="sui-status-"] .sui-tag{margin-left:8px}.sui-2-6-0 .sui-wrap .sui-box .sui-box-status .sui-status [class*="sui-status-"] [class*="sui-icon-"]{margin-right:4px;font-size:12px}.sui-2-6-0 .sui-wrap .sui-box .sui-box-status .sui-status [class*="sui-status-"] [class*="sui-icon-"]:before{display:block}.sui-2-6-0 .sui-wrap .sui-box .sui-box-status .sui-status [class*="sui-status-"]:not(:last-child){margin-right:20px}.sui-2-6-0 .sui-wrap .sui-box .sui-box-status .sui-status [class*="sui-status-"]:not(:first-child){padding-left:20px;border-left:1px solid #E6E6E6}.sui-2-6-0 .sui-wrap .sui-box .sui-box-status .sui-status .sui-status-module{color:#888;font-weight:bold}.sui-2-6-0 .sui-wrap .sui-box .sui-box-status .sui-status .sui-status-changes{color:#aaa;font-weight:500;letter-spacing:-.25px}.sui-2-6-0 .sui-wrap .sui-box .sui-box-status .sui-status .sui-status-changes .sui-icon-check-tick:before{color:#1ABC9C}.sui-2-6-0 .sui-wrap .sui-box .sui-box-status .sui-status .sui-status-changes .sui-icon-update:before{color:#888}@media (max-width: 782px){.sui-2-6-0 .sui-wrap .sui-box .sui-box-status .sui-status+.sui-actions{margin-top:15px}}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-box .sui-box-status .sui-status+.sui-actions{margin-left:15px}}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-box .sui-box-status .sui-status{-ms-flex:1;flex:1}}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-box .sui-box-status .sui-actions{-ms-flex:0 0 auto;flex:0 0 auto}}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-box .sui-box-status{display:-ms-flexbox;display:flex;padding:15px 30px}}.sui-2-6-0 .sui-wrap .sui-box .sui-box-search>*{max-width:100%;-ms-flex:0 1 auto;flex:0 1 auto}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-box .sui-box-search>.sui-search-left:not(:last-child){margin-right:15px}}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-box .sui-box-search>.sui-search-left{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1}}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-box .sui-box-search>.sui-search-right:only-child{-ms-flex:1;flex:1}}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-box .sui-box-search>.sui-search-right:not(:only-child):not(:last-child){margin-right:15px}}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-box .sui-box-search>.sui-search-right:not(:only-child){-ms-flex:0 0 auto;flex:0 0 auto}}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-box .sui-box-search{display:-ms-flexbox;display:flex}}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-box.sui-box-sticky{position:-webkit-sticky !important;position:sticky !important;top:32px;z-index:12}}.sui-2-6-0 .sui-wrap .sui-box.sui-box-sticky.sui-is-sticky{box-shadow:0 5px 25px rgba(0,0,0,0.15)}.sui-2-6-0 .sui-wrap .sui-box>.sui-box-search{padding-top:15px;padding-bottom:15px}@media (max-width: 782px){.sui-2-6-0 .sui-wrap .sui-box>.sui-box-search{padding-right:20px;padding-left:20px}}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-box>.sui-box-search{padding-right:30px;padding-left:30px}}@media (max-width: 782px){.sui-2-6-0 .sui-wrap .sui-box:last-child{margin-bottom:0}}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-box:last-child{margin-bottom:0}}@media (max-width: 782px){.sui-2-6-0 .sui-wrap .sui-box{margin-bottom:20px}}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-box{margin-bottom:30px}}.sui-2-6-0 .sui-wrap .sui-message{display:block;text-align:center}.sui-2-6-0 .sui-wrap .sui-message .sui-message-content{max-width:600px;margin-right:auto;margin-left:auto}.sui-2-6-0 .sui-wrap .sui-message .sui-message-content h1,.sui-2-6-0 .sui-wrap .sui-message .sui-message-content h2,.sui-2-6-0 .sui-wrap .sui-message .sui-message-content h3,.sui-2-6-0 .sui-wrap .sui-message .sui-message-content h4,.sui-2-6-0 .sui-wrap .sui-message .sui-message-content h5,.sui-2-6-0 .sui-wrap .sui-message .sui-message-content h6{margin:0 0 20px}.sui-2-6-0 .sui-wrap .sui-message .sui-message-content h1:last-child,.sui-2-6-0 .sui-wrap .sui-message .sui-message-content h2:last-child,.sui-2-6-0 .sui-wrap .sui-message .sui-message-content h3:last-child,.sui-2-6-0 .sui-wrap .sui-message .sui-message-content h4:last-child,.sui-2-6-0 .sui-wrap .sui-message .sui-message-content h5:last-child,.sui-2-6-0 .sui-wrap .sui-message .sui-message-content h6:last-child{margin-bottom:0}.sui-2-6-0 .sui-wrap .sui-message .sui-message-content p{margin:0 0 30px;letter-spacing:-0.25px}.sui-2-6-0 .sui-wrap .sui-message .sui-message-content p:last-child{margin-bottom:0}@media (max-width: 782px){.sui-2-6-0 .sui-wrap .sui-message .sui-message-content{margin-top:20px;margin-bottom:20px}}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-message .sui-message-content{margin-top:30px;margin-bottom:30px}}.sui-2-6-0 .sui-wrap .sui-message:not(.sui-message-lg) .sui-image{margin:10px auto}.sui-2-6-0 .sui-wrap .sui-message:not(.sui-message-lg) .sui-message-content:first-child{margin-top:0}.sui-2-6-0 .sui-wrap .sui-message:not(.sui-message-lg) .sui-message-content:last-child{margin-bottom:0}.sui-2-6-0 .sui-wrap .sui-message.sui-message-lg .sui-image{margin:30px auto}.sui-2-6-0 .sui-wrap .sui-message:first-child{margin-top:0}.sui-2-6-0 .sui-wrap .sui-message:last-child{margin-bottom:0}@media (max-width: 782px){.sui-2-6-0 .sui-wrap .sui-message{padding:20px}}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-message{padding:30px}}.sui-2-6-0 .sui-wrap .sui-box .sui-box-title{display:block;margin:0;padding:0;border:0;color:#333;font:700 15px/30px "Roboto",Arial,sans-serif;text-transform:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sui-2-6-0 .sui-wrap .sui-box .sui-box-title *{vertical-align:middle}.sui-2-6-0 .sui-wrap .sui-box .sui-box-title [class*="sui-icon-"]{float:left;display:block;margin-right:10px}.sui-2-6-0 .sui-wrap .sui-box .sui-box-title [class*="sui-icon-"]:before{color:inherit;font-size:20px;vertical-align:text-bottom}.sui-2-6-0 .sui-wrap .sui-box-body .sui-upsell-row{position:relative}.sui-2-6-0 .sui-wrap .sui-box-body .sui-upsell-row .sui-upsell-image{width:100px;position:absolute;bottom:0}@media (max-width: 782px){.sui-2-6-0 .sui-wrap .sui-box-body .sui-upsell-row .sui-upsell-image{display:none}}.sui-2-6-0 .sui-wrap .sui-box-body .sui-upsell-row .sui-upsell-notice p{position:relative;padding:15px 20px 15px 43px;border-radius:4px;color:#333;font-size:13px;line-height:22px;border-top:1px solid #e6e6e6;border-right:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;border-left:2px solid #8D00B1}.sui-2-6-0 .sui-wrap .sui-box-body .sui-upsell-row .sui-upsell-notice p a{color:#333;font-weight:500}.sui-2-6-0 .sui-wrap .sui-box-body .sui-upsell-row .sui-upsell-notice p:first-of-type:before{content:"I"}.sui-2-6-0 .sui-wrap .sui-box-body .sui-upsell-row .sui-upsell-notice p:first-of-type:before{color:#8D00B1;margin-left:-23px;margin-right:10px}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-box-body .sui-upsell-row .sui-upsell-notice{padding-left:130px}}.sui-2-6-0 .sui-wrap .sui-box-body.sui-upsell-items{padding:0}.sui-2-6-0 .sui-wrap .sui-box-body .sui-settings-box{padding:20px;border:1px solid #E6E6E6;border-radius:4px}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-box-body .sui-settings-box{padding:30px}}.sui-2-6-0 .sui-wrap .sui-with-bottom-border{margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid #E6E6E6}@media (max-width: 782px){.sui-2-6-0 .sui-wrap .sui-with-bottom-border{margin-bottom:20px;padding-bottom:20px}}.sui-2-6-0 .sui-wrap .sui-border-frame{margin:10px 0 0;border:1px solid #E6E6E6;border-radius:4px}@media (max-width: 782px){.sui-2-6-0 .sui-wrap .sui-border-frame:not(:last-child){margin-bottom:20px}}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-border-frame:not(:last-child){margin-bottom:30px}}@media (max-width: 782px){.sui-2-6-0 .sui-wrap .sui-border-frame{padding:20px}}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-border-frame{padding:30px}}.sui-2-6-0 .sui-wrap .sui-box-body .sui-box-settings-row{position:relative;margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid #E6E6E6}@media (max-width: 782px){.sui-2-6-0 .sui-wrap .sui-box-body .sui-box-settings-row [class*="sui-box-settings-col-"]+div{padding-top:20px}}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-box-body .sui-box-settings-row [class*="sui-box-settings-col-"]+div{margin-left:30px}}.sui-2-6-0 .sui-wrap .sui-box-body .sui-box-settings-row:last-child{margin-bottom:0;padding-bottom:0;border-bottom-width:0}.sui-2-6-0 .sui-wrap .sui-box-body .sui-box-settings-row.sui-disabled{opacity:0.5;pointer-events:none;background-color:rgba(242,242,242,0.5)}.sui-2-6-0 .sui-wrap .sui-box-body .sui-box-settings-row.sui-flushed{margin-right:-20px;margin-left:-20px;padding-right:20px;padding-left:20px}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-box-body .sui-box-settings-row.sui-flushed{margin-right:-30px;margin-left:-30px;padding-right:30px;padding-left:30px}}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-box-body .sui-box-settings-row{display:-ms-flexbox;display:flex}}.sui-2-6-0 .sui-wrap .sui-box-body .sui-box-settings-slim-row{position:relative;margin-bottom:20px}@media (max-width: 782px){.sui-2-6-0 .sui-wrap .sui-box-body .sui-box-settings-slim-row [class*="sui-box-settings-col-"]+div{padding-top:20px}}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-box-body .sui-box-settings-slim-row [class*="sui-box-settings-col-"]+div{margin-left:30px}}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-box-body .sui-box-settings-slim-row .sui-settings-label:only-child,.sui-2-6-0 .sui-wrap .sui-box-body .sui-box-settings-slim-row .sui-settings-label-with-tag:only-child{margin:5px 0;line-height:30px}}.sui-2-6-0 .sui-wrap .sui-box-body .sui-box-settings-slim-row:last-child{margin-bottom:0}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-box-body .sui-box-settings-slim-row{display:-ms-flexbox;display:flex}}.sui-2-6-0 .sui-wrap .sui-box-body .sui-box-settings-col-1{max-width:200px;-ms-flex:0 1 200px;flex:0 1 200px}.sui-2-6-0 .sui-wrap .sui-box-body .sui-box-settings-col-1 .sui-settings-label,.sui-2-6-0 .sui-wrap .sui-box-body .sui-box-settings-col-1 .sui-settings-label-with-tag{color:#333}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-box-body .sui-box-settings-col-2{min-width:0;-ms-flex:1;flex:1}}.sui-2-6-0 .sui-wrap .sui-box-body .sui-settings-label,.sui-2-6-0 .sui-wrap .sui-box-body .sui-settings-label-with-tag{display:block;margin:0 0 5px;padding:0;border:0;color:#666;font:500 15px/22px "Roboto",Arial,sans-serif;letter-spacing:-.25px}.sui-2-6-0 .sui-wrap .sui-box-body .sui-settings-label:last-child,.sui-2-6-0 .sui-wrap .sui-box-body .sui-settings-label-with-tag:last-child{margin:0}.sui-2-6-0 .sui-wrap .sui-box-body .sui-settings-label.sui-dark,.sui-2-6-0 .sui-wrap .sui-box-body .sui-dark.sui-settings-label-with-tag{color:#333}.sui-2-6-0 .sui-wrap .sui-box-body .sui-settings-label-with-tag{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.sui-2-6-0 .sui-wrap .sui-box-body .sui-settings-label-with-tag .sui-tag{margin-top:-2px;margin-left:10px}.sui-2-6-0 .sui-wrap .sui-box-body .sui-settings-label-with-tag .sui-tag.sui-tag-sm{margin-top:4px}.sui-2-6-0 .sui-wrap .sui-box-body .sui-settings-label-with-tag .sui-tag.sui-tag-pro,.sui-2-6-0 .sui-wrap .sui-box-body .sui-settings-label-with-tag .sui-tag.sui-tag-beta{margin-top:5px}.sui-2-6-0 .sui-wrap .sui-box-body .sui-description{line-height:22px}.sui-2-6-0 .sui-wrap .sui-box-body .sui-description+.sui-settings-box{margin-top:10px}.sui-2-6-0 .sui-wrap .sui-box-body.sui-upsell-items .sui-box-settings-row{margin:0;padding-top:21px;padding-right:20px;padding-left:20px;border-bottom:none}.sui-2-6-0 .sui-wrap .sui-box-body.sui-upsell-items .sui-box-settings-row:after{content:'';height:1px;clear:both;display:block;position:absolute;right:0;bottom:0;left:0;background-color:#E6E6E6}.sui-2-6-0 .sui-wrap .sui-box-body.sui-upsell-items .sui-box-settings-row:last-child,.sui-2-6-0 .sui-wrap .sui-box-body.sui-upsell-items .sui-box-settings-row:last-of-type{padding-bottom:30px}.sui-2-6-0 .sui-wrap .sui-box-body.sui-upsell-items .sui-box-settings-row:last-child:after,.sui-2-6-0 .sui-wrap .sui-box-body.sui-upsell-items .sui-box-settings-row:last-of-type:after{content:unset}@media (max-width: 782px){.sui-2-6-0 .sui-wrap .sui-box-body.sui-upsell-items .sui-box-settings-row:last-child,.sui-2-6-0 .sui-wrap .sui-box-body.sui-upsell-items .sui-box-settings-row:last-of-type{padding-top:20px}}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-box-body.sui-upsell-items .sui-box-settings-row{padding-top:31px;padding-right:30px;padding-left:30px}}.sui-2-6-0 .sui-wrap .sui-col,.sui-2-6-0 .sui-wrap [class*="sui-col-"]{min-height:1px;padding-left:15px;padding-right:15px;position:relative}@media (max-width: 782px){.sui-2-6-0 .sui-wrap .sui-col,.sui-2-6-0 .sui-wrap [class*="sui-col-"]{padding-left:10px;padding-right:10px}}.sui-2-6-0 .sui-wrap .sui-row{display:-ms-flexbox;display:flex;-ms-flex-flow:wrap;flex-flow:wrap;margin-right:-15px;margin-bottom:30px;margin-left:-15px}.sui-2-6-0 .sui-wrap .sui-row:last-child{margin-bottom:0}@media (max-width: 782px){.sui-2-6-0 .sui-wrap .sui-row:last-child{margin-bottom:0}}@media (max-width: 782px){.sui-2-6-0 .sui-wrap .sui-row{margin-right:-10px;margin-bottom:20px;margin-left:-10px}}.sui-2-6-0 .sui-wrap .sui-reverse{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.sui-2-6-0 .sui-wrap .sui-col{-ms-flex:1;flex:1}.sui-2-6-0 .sui-wrap [class*="sui-col-"]{-ms-flex:0 0 auto;flex:0 0 auto;width:100%;max-width:100%;-ms-flex-preferred-size:100%;flex-basis:100%}.sui-2-6-0 .sui-wrap .sui-col-xs-12{width:100%;max-width:100%;-ms-flex-preferred-size:100%;flex-basis:100%}.sui-2-6-0 .sui-wrap .sui-col-xs-offset-12{margin-left:100%}.sui-2-6-0 .sui-wrap .sui-col-xs-11{width:91.66667%;max-width:91.66667%;-ms-flex-preferred-size:91.66667%;flex-basis:91.66667%}.sui-2-6-0 .sui-wrap .sui-col-xs-offset-11{margin-left:91.66667%}.sui-2-6-0 .sui-wrap .sui-col-xs-10{width:83.33333%;max-width:83.33333%;-ms-flex-preferred-size:83.33333%;flex-basis:83.33333%}.sui-2-6-0 .sui-wrap .sui-col-xs-offset-10{margin-left:83.33333%}.sui-2-6-0 .sui-wrap .sui-col-xs-9{width:75%;max-width:75%;-ms-flex-preferred-size:75%;flex-basis:75%}.sui-2-6-0 .sui-wrap .sui-col-xs-offset-9{margin-left:75%}.sui-2-6-0 .sui-wrap .sui-col-xs-8{width:66.66667%;max-width:66.66667%;-ms-flex-preferred-size:66.66667%;flex-basis:66.66667%}.sui-2-6-0 .sui-wrap .sui-col-xs-offset-8{margin-left:66.66667%}.sui-2-6-0 .sui-wrap .sui-col-xs-7{width:58.33333%;max-width:58.33333%;-ms-flex-preferred-size:58.33333%;flex-basis:58.33333%}.sui-2-6-0 .sui-wrap .sui-col-xs-offset-7{margin-left:58.33333%}.sui-2-6-0 .sui-wrap .sui-col-xs-6{width:50%;max-width:50%;-ms-flex-preferred-size:50%;flex-basis:50%}.sui-2-6-0 .sui-wrap .sui-col-xs-offset-6{margin-left:50%}.sui-2-6-0 .sui-wrap .sui-col-xs-5{width:41.66667%;max-width:41.66667%;-ms-flex-preferred-size:41.66667%;flex-basis:41.66667%}.sui-2-6-0 .sui-wrap .sui-col-xs-offset-5{margin-left:41.66667%}.sui-2-6-0 .sui-wrap .sui-col-xs-4{width:33.33333%;max-width:33.33333%;-ms-flex-preferred-size:33.33333%;flex-basis:33.33333%}.sui-2-6-0 .sui-wrap .sui-col-xs-offset-4{margin-left:33.33333%}.sui-2-6-0 .sui-wrap .sui-col-xs-3{width:25%;max-width:25%;-ms-flex-preferred-size:25%;flex-basis:25%}.sui-2-6-0 .sui-wrap .sui-col-xs-offset-3{margin-left:25%}.sui-2-6-0 .sui-wrap .sui-col-xs-2{width:16.66667%;max-width:16.66667%;-ms-flex-preferred-size:16.66667%;flex-basis:16.66667%}.sui-2-6-0 .sui-wrap .sui-col-xs-offset-2{margin-left:16.66667%}.sui-2-6-0 .sui-wrap .sui-col-xs-1{width:8.33333%;max-width:8.33333%;-ms-flex-preferred-size:8.33333%;flex-basis:8.33333%}.sui-2-6-0 .sui-wrap .sui-col-xs-offset-1{margin-left:8.33333%}@media (min-width: 0px){.sui-2-6-0 .sui-wrap .sui-col-xs-12{width:100%;max-width:100%;-ms-flex-preferred-size:100%;flex-basis:100%}.sui-2-6-0 .sui-wrap .sui-col-xs-offset-12{margin-left:100%}.sui-2-6-0 .sui-wrap .sui-col-xs-11{width:91.66667%;max-width:91.66667%;-ms-flex-preferred-size:91.66667%;flex-basis:91.66667%}.sui-2-6-0 .sui-wrap .sui-col-xs-offset-11{margin-left:91.66667%}.sui-2-6-0 .sui-wrap .sui-col-xs-10{width:83.33333%;max-width:83.33333%;-ms-flex-preferred-size:83.33333%;flex-basis:83.33333%}.sui-2-6-0 .sui-wrap .sui-col-xs-offset-10{margin-left:83.33333%}.sui-2-6-0 .sui-wrap .sui-col-xs-9{width:75%;max-width:75%;-ms-flex-preferred-size:75%;flex-basis:75%}.sui-2-6-0 .sui-wrap .sui-col-xs-offset-9{margin-left:75%}.sui-2-6-0 .sui-wrap .sui-col-xs-8{width:66.66667%;max-width:66.66667%;-ms-flex-preferred-size:66.66667%;flex-basis:66.66667%}.sui-2-6-0 .sui-wrap .sui-col-xs-offset-8{margin-left:66.66667%}.sui-2-6-0 .sui-wrap .sui-col-xs-7{width:58.33333%;max-width:58.33333%;-ms-flex-preferred-size:58.33333%;flex-basis:58.33333%}.sui-2-6-0 .sui-wrap .sui-col-xs-offset-7{margin-left:58.33333%}.sui-2-6-0 .sui-wrap .sui-col-xs-6{width:50%;max-width:50%;-ms-flex-preferred-size:50%;flex-basis:50%}.sui-2-6-0 .sui-wrap .sui-col-xs-offset-6{margin-left:50%}.sui-2-6-0 .sui-wrap .sui-col-xs-5{width:41.66667%;max-width:41.66667%;-ms-flex-preferred-size:41.66667%;flex-basis:41.66667%}.sui-2-6-0 .sui-wrap .sui-col-xs-offset-5{margin-left:41.66667%}.sui-2-6-0 .sui-wrap .sui-col-xs-4{width:33.33333%;max-width:33.33333%;-ms-flex-preferred-size:33.33333%;flex-basis:33.33333%}.sui-2-6-0 .sui-wrap .sui-col-xs-offset-4{margin-left:33.33333%}.sui-2-6-0 .sui-wrap .sui-col-xs-3{width:25%;max-width:25%;-ms-flex-preferred-size:25%;flex-basis:25%}.sui-2-6-0 .sui-wrap .sui-col-xs-offset-3{margin-left:25%}.sui-2-6-0 .sui-wrap .sui-col-xs-2{width:16.66667%;max-width:16.66667%;-ms-flex-preferred-size:16.66667%;flex-basis:16.66667%}.sui-2-6-0 .sui-wrap .sui-col-xs-offset-2{margin-left:16.66667%}.sui-2-6-0 .sui-wrap .sui-col-xs-1{width:8.33333%;max-width:8.33333%;-ms-flex-preferred-size:8.33333%;flex-basis:8.33333%}.sui-2-6-0 .sui-wrap .sui-col-xs-offset-1{margin-left:8.33333%}}@media (min-width: 480px){.sui-2-6-0 .sui-wrap .sui-col-sm-12{width:100%;max-width:100%;-ms-flex-preferred-size:100%;flex-basis:100%}.sui-2-6-0 .sui-wrap .sui-col-sm-offset-12{margin-left:100%}.sui-2-6-0 .sui-wrap .sui-col-sm-11{width:91.66667%;max-width:91.66667%;-ms-flex-preferred-size:91.66667%;flex-basis:91.66667%}.sui-2-6-0 .sui-wrap .sui-col-sm-offset-11{margin-left:91.66667%}.sui-2-6-0 .sui-wrap .sui-col-sm-10{width:83.33333%;max-width:83.33333%;-ms-flex-preferred-size:83.33333%;flex-basis:83.33333%}.sui-2-6-0 .sui-wrap .sui-col-sm-offset-10{margin-left:83.33333%}.sui-2-6-0 .sui-wrap .sui-col-sm-9{width:75%;max-width:75%;-ms-flex-preferred-size:75%;flex-basis:75%}.sui-2-6-0 .sui-wrap .sui-col-sm-offset-9{margin-left:75%}.sui-2-6-0 .sui-wrap .sui-col-sm-8{width:66.66667%;max-width:66.66667%;-ms-flex-preferred-size:66.66667%;flex-basis:66.66667%}.sui-2-6-0 .sui-wrap .sui-col-sm-offset-8{margin-left:66.66667%}.sui-2-6-0 .sui-wrap .sui-col-sm-7{width:58.33333%;max-width:58.33333%;-ms-flex-preferred-size:58.33333%;flex-basis:58.33333%}.sui-2-6-0 .sui-wrap .sui-col-sm-offset-7{margin-left:58.33333%}.sui-2-6-0 .sui-wrap .sui-col-sm-6{width:50%;max-width:50%;-ms-flex-preferred-size:50%;flex-basis:50%}.sui-2-6-0 .sui-wrap .sui-col-sm-offset-6{margin-left:50%}.sui-2-6-0 .sui-wrap .sui-col-sm-5{width:41.66667%;max-width:41.66667%;-ms-flex-preferred-size:41.66667%;flex-basis:41.66667%}.sui-2-6-0 .sui-wrap .sui-col-sm-offset-5{margin-left:41.66667%}.sui-2-6-0 .sui-wrap .sui-col-sm-4{width:33.33333%;max-width:33.33333%;-ms-flex-preferred-size:33.33333%;flex-basis:33.33333%}.sui-2-6-0 .sui-wrap .sui-col-sm-offset-4{margin-left:33.33333%}.sui-2-6-0 .sui-wrap .sui-col-sm-3{width:25%;max-width:25%;-ms-flex-preferred-size:25%;flex-basis:25%}.sui-2-6-0 .sui-wrap .sui-col-sm-offset-3{margin-left:25%}.sui-2-6-0 .sui-wrap .sui-col-sm-2{width:16.66667%;max-width:16.66667%;-ms-flex-preferred-size:16.66667%;flex-basis:16.66667%}.sui-2-6-0 .sui-wrap .sui-col-sm-offset-2{margin-left:16.66667%}.sui-2-6-0 .sui-wrap .sui-col-sm-1{width:8.33333%;max-width:8.33333%;-ms-flex-preferred-size:8.33333%;flex-basis:8.33333%}.sui-2-6-0 .sui-wrap .sui-col-sm-offset-1{margin-left:8.33333%}}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-col-md-12{width:100%;max-width:100%;-ms-flex-preferred-size:100%;flex-basis:100%}.sui-2-6-0 .sui-wrap .sui-col-md-offset-12{margin-left:100%}.sui-2-6-0 .sui-wrap .sui-col-md-11{width:91.66667%;max-width:91.66667%;-ms-flex-preferred-size:91.66667%;flex-basis:91.66667%}.sui-2-6-0 .sui-wrap .sui-col-md-offset-11{margin-left:91.66667%}.sui-2-6-0 .sui-wrap .sui-col-md-10{width:83.33333%;max-width:83.33333%;-ms-flex-preferred-size:83.33333%;flex-basis:83.33333%}.sui-2-6-0 .sui-wrap .sui-col-md-offset-10{margin-left:83.33333%}.sui-2-6-0 .sui-wrap .sui-col-md-9{width:75%;max-width:75%;-ms-flex-preferred-size:75%;flex-basis:75%}.sui-2-6-0 .sui-wrap .sui-col-md-offset-9{margin-left:75%}.sui-2-6-0 .sui-wrap .sui-col-md-8{width:66.66667%;max-width:66.66667%;-ms-flex-preferred-size:66.66667%;flex-basis:66.66667%}.sui-2-6-0 .sui-wrap .sui-col-md-offset-8{margin-left:66.66667%}.sui-2-6-0 .sui-wrap .sui-col-md-7{width:58.33333%;max-width:58.33333%;-ms-flex-preferred-size:58.33333%;flex-basis:58.33333%}.sui-2-6-0 .sui-wrap .sui-col-md-offset-7{margin-left:58.33333%}.sui-2-6-0 .sui-wrap .sui-col-md-6{width:50%;max-width:50%;-ms-flex-preferred-size:50%;flex-basis:50%}.sui-2-6-0 .sui-wrap .sui-col-md-offset-6{margin-left:50%}.sui-2-6-0 .sui-wrap .sui-col-md-5{width:41.66667%;max-width:41.66667%;-ms-flex-preferred-size:41.66667%;flex-basis:41.66667%}.sui-2-6-0 .sui-wrap .sui-col-md-offset-5{margin-left:41.66667%}.sui-2-6-0 .sui-wrap .sui-col-md-4{width:33.33333%;max-width:33.33333%;-ms-flex-preferred-size:33.33333%;flex-basis:33.33333%}.sui-2-6-0 .sui-wrap .sui-col-md-offset-4{margin-left:33.33333%}.sui-2-6-0 .sui-wrap .sui-col-md-3{width:25%;max-width:25%;-ms-flex-preferred-size:25%;flex-basis:25%}.sui-2-6-0 .sui-wrap .sui-col-md-offset-3{margin-left:25%}.sui-2-6-0 .sui-wrap .sui-col-md-2{width:16.66667%;max-width:16.66667%;-ms-flex-preferred-size:16.66667%;flex-basis:16.66667%}.sui-2-6-0 .sui-wrap .sui-col-md-offset-2{margin-left:16.66667%}.sui-2-6-0 .sui-wrap .sui-col-md-1{width:8.33333%;max-width:8.33333%;-ms-flex-preferred-size:8.33333%;flex-basis:8.33333%}.sui-2-6-0 .sui-wrap .sui-col-md-offset-1{margin-left:8.33333%}}@media (min-width: 1200px){.sui-2-6-0 .sui-wrap .sui-col-lg-12{width:100%;max-width:100%;-ms-flex-preferred-size:100%;flex-basis:100%}.sui-2-6-0 .sui-wrap .sui-col-lg-offset-12{margin-left:100%}.sui-2-6-0 .sui-wrap .sui-col-lg-11{width:91.66667%;max-width:91.66667%;-ms-flex-preferred-size:91.66667%;flex-basis:91.66667%}.sui-2-6-0 .sui-wrap .sui-col-lg-offset-11{margin-left:91.66667%}.sui-2-6-0 .sui-wrap .sui-col-lg-10{width:83.33333%;max-width:83.33333%;-ms-flex-preferred-size:83.33333%;flex-basis:83.33333%}.sui-2-6-0 .sui-wrap .sui-col-lg-offset-10{margin-left:83.33333%}.sui-2-6-0 .sui-wrap .sui-col-lg-9{width:75%;max-width:75%;-ms-flex-preferred-size:75%;flex-basis:75%}.sui-2-6-0 .sui-wrap .sui-col-lg-offset-9{margin-left:75%}.sui-2-6-0 .sui-wrap .sui-col-lg-8{width:66.66667%;max-width:66.66667%;-ms-flex-preferred-size:66.66667%;flex-basis:66.66667%}.sui-2-6-0 .sui-wrap .sui-col-lg-offset-8{margin-left:66.66667%}.sui-2-6-0 .sui-wrap .sui-col-lg-7{width:58.33333%;max-width:58.33333%;-ms-flex-preferred-size:58.33333%;flex-basis:58.33333%}.sui-2-6-0 .sui-wrap .sui-col-lg-offset-7{margin-left:58.33333%}.sui-2-6-0 .sui-wrap .sui-col-lg-6{width:50%;max-width:50%;-ms-flex-preferred-size:50%;flex-basis:50%}.sui-2-6-0 .sui-wrap .sui-col-lg-offset-6{margin-left:50%}.sui-2-6-0 .sui-wrap .sui-col-lg-5{width:41.66667%;max-width:41.66667%;-ms-flex-preferred-size:41.66667%;flex-basis:41.66667%}.sui-2-6-0 .sui-wrap .sui-col-lg-offset-5{margin-left:41.66667%}.sui-2-6-0 .sui-wrap .sui-col-lg-4{width:33.33333%;max-width:33.33333%;-ms-flex-preferred-size:33.33333%;flex-basis:33.33333%}.sui-2-6-0 .sui-wrap .sui-col-lg-offset-4{margin-left:33.33333%}.sui-2-6-0 .sui-wrap .sui-col-lg-3{width:25%;max-width:25%;-ms-flex-preferred-size:25%;flex-basis:25%}.sui-2-6-0 .sui-wrap .sui-col-lg-offset-3{margin-left:25%}.sui-2-6-0 .sui-wrap .sui-col-lg-2{width:16.66667%;max-width:16.66667%;-ms-flex-preferred-size:16.66667%;flex-basis:16.66667%}.sui-2-6-0 .sui-wrap .sui-col-lg-offset-2{margin-left:16.66667%}.sui-2-6-0 .sui-wrap .sui-col-lg-1{width:8.33333%;max-width:8.33333%;-ms-flex-preferred-size:8.33333%;flex-basis:8.33333%}.sui-2-6-0 .sui-wrap .sui-col-lg-offset-1{margin-left:8.33333%}}@media (max-width: 1200px){.sui-2-6-0 .sui-wrap [class*="sui-col-lg-"]:last-child{margin-bottom:0}}@media (max-width: 1200px){.sui-2-6-0 .sui-wrap [class*="sui-col-lg-"]{margin-bottom:30px}}@media (max-width: 783px){.sui-2-6-0 .sui-wrap [class*="sui-col-lg-"]{margin-bottom:20px}}@media (max-width: 783px){.sui-2-6-0 .sui-wrap [class*="sui-col-md-"]:last-child{margin-bottom:0}}@media (max-width: 783px){.sui-2-6-0 .sui-wrap [class*="sui-col-md-"]{margin-bottom:20px}}@media (max-width: 480px){.sui-2-6-0 .sui-wrap [class*="sui-col-sm-"]:last-child{margin-bottom:0}}@media (max-width: 480px){.sui-2-6-0 .sui-wrap [class*="sui-col-sm-"]{margin-bottom:20px}}@media (max-width: 0px){.sui-2-6-0 .sui-wrap [class*="sui-col-xs-"]:last-child{margin-bottom:0}}@media (max-width: 0px){.sui-2-6-0 .sui-wrap [class*="sui-col-xs-"]{margin-bottom:20px}}.sui-2-6-0 .sui-wrap .sui-notice p:first-of-type:before,.sui-2-6-0 .sui-wrap .sui-notice-top p:first-of-type:before,.sui-2-6-0 .sui-wrap .sui-notice-floating p:first-of-type:before{content:"I"}.sui-2-6-0 .sui-wrap .sui-notice p:first-of-type:before,.sui-2-6-0 .sui-wrap .sui-notice-top p:first-of-type:before,.sui-2-6-0 .sui-wrap .sui-notice-floating p:first-of-type:before{position:absolute;color:#888;font-size:16px}.sui-2-6-0 .sui-wrap .sui-notice.sui-notice-info,.sui-2-6-0 .sui-wrap .sui-notice-top.sui-notice-info,.sui-2-6-0 .sui-wrap .sui-notice-info.sui-notice-floating{border-left:2px solid #17A8E3}.sui-2-6-0 .sui-wrap .sui-notice.sui-notice-info p:first-of-type:before,.sui-2-6-0 .sui-wrap .sui-notice-top.sui-notice-info p:first-of-type:before,.sui-2-6-0 .sui-wrap .sui-notice-info.sui-notice-floating p:first-of-type:before{color:#17A8E3}.sui-2-6-0 .sui-wrap .sui-notice.sui-notice-success,.sui-2-6-0 .sui-wrap .sui-notice-top.sui-notice-success,.sui-2-6-0 .sui-wrap .sui-notice-success.sui-notice-floating{border-left:2px solid #1ABC9C}.sui-2-6-0 .sui-wrap .sui-notice.sui-notice-success p:first-of-type:before,.sui-2-6-0 .sui-wrap .sui-notice-top.sui-notice-success p:first-of-type:before,.sui-2-6-0 .sui-wrap .sui-notice-success.sui-notice-floating p:first-of-type:before{content:"_"}.sui-2-6-0 .sui-wrap .sui-notice.sui-notice-success p:first-of-type:before,.sui-2-6-0 .sui-wrap .sui-notice-top.sui-notice-success p:first-of-type:before,.sui-2-6-0 .sui-wrap .sui-notice-success.sui-notice-floating p:first-of-type:before{color:#1ABC9C}.sui-2-6-0 .sui-wrap .sui-notice.sui-notice-warning,.sui-2-6-0 .sui-wrap .sui-notice-top.sui-notice-warning,.sui-2-6-0 .sui-wrap .sui-notice-warning.sui-notice-floating{border-left:2px solid #FECF2F}.sui-2-6-0 .sui-wrap .sui-notice.sui-notice-warning p:first-of-type:before,.sui-2-6-0 .sui-wrap .sui-notice-top.sui-notice-warning p:first-of-type:before,.sui-2-6-0 .sui-wrap .sui-notice-warning.sui-notice-floating p:first-of-type:before{content:"!"}.sui-2-6-0 .sui-wrap .sui-notice.sui-notice-warning p:first-of-type:before,.sui-2-6-0 .sui-wrap .sui-notice-top.sui-notice-warning p:first-of-type:before,.sui-2-6-0 .sui-wrap .sui-notice-warning.sui-notice-floating p:first-of-type:before{color:#FECF2F}.sui-2-6-0 .sui-wrap .sui-notice.sui-notice-error,.sui-2-6-0 .sui-wrap .sui-notice-top.sui-notice-error,.sui-2-6-0 .sui-wrap .sui-notice-error.sui-notice-floating{border-left:2px solid #FF6D6D}.sui-2-6-0 .sui-wrap .sui-notice.sui-notice-error p:first-of-type:before,.sui-2-6-0 .sui-wrap .sui-notice-top.sui-notice-error p:first-of-type:before,.sui-2-6-0 .sui-wrap .sui-notice-error.sui-notice-floating p:first-of-type:before{content:"!"}.sui-2-6-0 .sui-wrap .sui-notice.sui-notice-error p:first-of-type:before,.sui-2-6-0 .sui-wrap .sui-notice-top.sui-notice-error p:first-of-type:before,.sui-2-6-0 .sui-wrap .sui-notice-error.sui-notice-floating p:first-of-type:before{color:#FF6D6D}.sui-2-6-0 .sui-wrap .sui-notice.sui-notice-purple,.sui-2-6-0 .sui-wrap .sui-notice-top.sui-notice-purple,.sui-2-6-0 .sui-wrap .sui-notice-purple.sui-notice-floating{border-left:2px solid #8D00B1}.sui-2-6-0 .sui-wrap .sui-notice.sui-notice-purple p:first-of-type:before,.sui-2-6-0 .sui-wrap .sui-notice-top.sui-notice-purple p:first-of-type:before,.sui-2-6-0 .sui-wrap .sui-notice-purple.sui-notice-floating p:first-of-type:before{color:#8D00B1}.sui-2-6-0 .sui-wrap .sui-notice.sui-notice-orange,.sui-2-6-0 .sui-wrap .sui-notice-top.sui-notice-orange,.sui-2-6-0 .sui-wrap .sui-notice-orange.sui-notice-floating{border-left:2px solid #FF7E41}.sui-2-6-0 .sui-wrap .sui-notice.sui-notice-orange p:first-of-type:before,.sui-2-6-0 .sui-wrap .sui-notice-top.sui-notice-orange p:first-of-type:before,.sui-2-6-0 .sui-wrap .sui-notice-orange.sui-notice-floating p:first-of-type:before{color:#FF7E41}.sui-2-6-0 .sui-wrap .sui-notice.sui-notice-loading,.sui-2-6-0 .sui-wrap .sui-notice-top.sui-notice-loading,.sui-2-6-0 .sui-wrap .sui-notice-loading.sui-notice-floating{border-width:0;background-color:#F2F2F2}.sui-2-6-0 .sui-wrap .sui-notice.sui-notice-loading p:first-of-type:before,.sui-2-6-0 .sui-wrap .sui-notice-top.sui-notice-loading p:first-of-type:before,.sui-2-6-0 .sui-wrap .sui-notice-loading.sui-notice-floating p:first-of-type:before{content:"N"}.sui-2-6-0 .sui-wrap .sui-notice.sui-notice-loading p:first-of-type:before,.sui-2-6-0 .sui-wrap .sui-notice-top.sui-notice-loading p:first-of-type:before,.sui-2-6-0 .sui-wrap .sui-notice-loading.sui-notice-floating p:first-of-type:before{animation:spin 1.3s linear infinite}.sui-2-6-0 .sui-wrap .sui-notice{position:relative;display:block;margin:30px 0;border:1px solid #E6E6E6;border-left:2px solid #888;border-radius:4px;padding:15px 20px 15px 50px;background-color:#fff}.sui-2-6-0 .sui-wrap .sui-notice p{margin:15px 0;font:400 13px/22px "Roboto",Arial,sans-serif;letter-spacing:-0.25px}.sui-2-6-0 .sui-wrap .sui-notice p:first-child,.sui-2-6-0 .sui-wrap .sui-notice p:first-of-type{margin-top:0}.sui-2-6-0 .sui-wrap .sui-notice p:last-child,.sui-2-6-0 .sui-wrap .sui-notice p:last-of-type{margin-bottom:0}.sui-2-6-0 .sui-wrap .sui-notice p:first-of-type:before{top:18px;left:22px}.sui-2-6-0 .sui-wrap .sui-notice,.sui-2-6-0 .sui-wrap .sui-notice p{color:#333}.sui-2-6-0 .sui-wrap .sui-notice strong,.sui-2-6-0 .sui-wrap .sui-notice p strong{font-weight:500}.sui-2-6-0 .sui-wrap .sui-notice .sui-notice-dismiss{display:block;margin:6px 0 -5px}.sui-2-6-0 .sui-wrap .sui-notice .sui-notice-dismiss a{margin-left:-10px;padding:5px 10px;color:#888;font-size:12px;font-weight:500;text-transform:uppercase;text-decoration:none}.sui-2-6-0 .sui-wrap .sui-notice .sui-notice-dismiss a:hover,.sui-2-6-0 .sui-wrap .sui-notice .sui-notice-dismiss a:active{color:#333}.sui-2-6-0 .sui-wrap .sui-notice:first-child{margin-top:0}.sui-2-6-0 .sui-wrap .sui-notice:last-child{margin-bottom:0}.sui-2-6-0 .sui-wrap .sui-notice.sui-notice-icon-tick p:first-of-type:before{content:"_"}.sui-2-6-0 .sui-wrap .sui-notice .sui-notice-buttons{margin-top:5px}.sui-2-6-0 .sui-wrap .sui-notice.sui-no-notice-icon{padding:15px 20px}.sui-2-6-0 .sui-wrap .sui-notice.sui-no-notice-icon p:first-of-type:before{content:none;margin:0;padding:0}.sui-2-6-0 .sui-wrap .sui-notice.sui-no-notice-icon .sui-notice-buttons{margin-left:0}.sui-2-6-0 .sui-wrap .sui-notice-top,.sui-2-6-0 .sui-wrap .sui-notice-floating{width:100%;max-width:600px;display:block;position:fixed;z-index:99999;top:17px;left:50%;margin:0;margin-left:80px;border-radius:4px;border-left:2px solid #888;padding:15px 20px 15px 50px;background-color:#fff;box-shadow:rgba(0,0,0,0.15) 0 5px 25px 0;transform:translateX(-50%)}.sui-2-6-0 .sui-wrap .sui-notice-top .sui-notice-content,.sui-2-6-0 .sui-wrap .sui-notice-floating .sui-notice-content{position:relative}.sui-2-6-0 .sui-wrap .sui-notice-top p,.sui-2-6-0 .sui-wrap .sui-notice-floating p{position:relative;margin:15px 10px 15px 0;color:#666;font:400 13px/22px "Roboto",Arial,sans-serif;letter-spacing:-0.19px}.sui-2-6-0 .sui-wrap .sui-notice-top p:first-of-type:before,.sui-2-6-0 .sui-wrap .sui-notice-floating p:first-of-type:before{top:2px;left:-28px}.sui-2-6-0 .sui-wrap .sui-notice-top p strong,.sui-2-6-0 .sui-wrap .sui-notice-floating p strong{color:#333;font-weight:500}.sui-2-6-0 .sui-wrap .sui-notice-top p:first-child,.sui-2-6-0 .sui-wrap .sui-notice-floating p:first-child,.sui-2-6-0 .sui-wrap .sui-notice-top p:first-of-type,.sui-2-6-0 .sui-wrap .sui-notice-floating p:first-of-type{margin-top:0}.sui-2-6-0 .sui-wrap .sui-notice-top p:last-child,.sui-2-6-0 .sui-wrap .sui-notice-floating p:last-child,.sui-2-6-0 .sui-wrap .sui-notice-top p:last-of-type,.sui-2-6-0 .sui-wrap .sui-notice-floating p:last-of-type{margin-bottom:0}.sui-2-6-0 .sui-wrap .sui-notice-top.sui-can-dismiss,.sui-2-6-0 .sui-wrap .sui-can-dismiss.sui-notice-floating{display:-ms-flexbox;display:flex}.sui-2-6-0 .sui-wrap .sui-notice-top.sui-can-dismiss .sui-notice-content,.sui-2-6-0 .sui-wrap .sui-can-dismiss.sui-notice-floating .sui-notice-content{-ms-flex:1;flex:1;-ms-flex-item-align:center;align-self:center}.sui-2-6-0 .sui-wrap .sui-notice-top.sui-can-dismiss .sui-notice-dismiss,.sui-2-6-0 .sui-wrap .sui-can-dismiss.sui-notice-floating .sui-notice-dismiss{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex:0 0 60px;flex:0 0 60px;margin:-15px -20px -15px 0}.sui-2-6-0 .sui-wrap .sui-notice-top.sui-can-dismiss .sui-notice-dismiss a,.sui-2-6-0 .sui-wrap .sui-can-dismiss.sui-notice-floating .sui-notice-dismiss a{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex:1 1 auto;flex:1 1 auto;border-radius:0 4px 4px 0;background-color:#F8F8F8;color:#888;font:500 11px/13px "Roboto",Arial,sans-serif;text-transform:uppercase;text-align:center;transition:0.3s ease}.sui-2-6-0 .sui-wrap .sui-notice-top.sui-can-dismiss .sui-notice-dismiss a:before,.sui-2-6-0 .sui-wrap .sui-can-dismiss.sui-notice-floating .sui-notice-dismiss a:before{color:#888;font-size:13px}.sui-2-6-0 .sui-wrap .sui-notice-top.sui-can-dismiss .sui-notice-dismiss a:hover,.sui-2-6-0 .sui-wrap .sui-can-dismiss.sui-notice-floating .sui-notice-dismiss a:hover,.sui-2-6-0 .sui-wrap .sui-notice-top.sui-can-dismiss .sui-notice-dismiss a:active,.sui-2-6-0 .sui-wrap .sui-can-dismiss.sui-notice-floating .sui-notice-dismiss a:active{background-color:#E6E6E6}@media (max-width: 782px){.sui-2-6-0 .sui-wrap .sui-notice-top,.sui-2-6-0 .sui-wrap .sui-notice-floating{width:90%;top:23px;margin-left:0}}.sui-2-6-0 .sui-wrap .sui-notice-floating{width:auto;display:-ms-flexbox;display:flex;padding:11px 20px 12px 50px}.sui-2-6-0 .sui-wrap .sui-notice-floating p{margin:15px 20px 15px 0}.sui-2-6-0 .sui-wrap .sui-notice-floating .sui-notice-content{-ms-flex:1;flex:1;-ms-flex-item-align:center;align-self:center}.sui-2-6-0 .sui-wrap .sui-notice-floating .sui-notice-buttons{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.sui-2-6-0.wp-admin.folded .sui-notice-top,.sui-2-6-0.wp-admin.folded .sui-wrap .sui-notice-floating{margin-left:18px}@media (max-width: 782px){.sui-2-6-0.wp-admin.folded .sui-notice-top,.sui-2-6-0.wp-admin.folded .sui-wrap .sui-notice-floating{margin-left:0}}.sui-2-6-0 .sui-wrap .sui-header{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;position:relative;margin-bottom:30px;line-height:1}@media (max-width: 782px){.sui-2-6-0 .sui-wrap .sui-header h1{-ms-flex:0 0 100%;flex:0 0 100%}}@media (max-width: 782px){.sui-2-6-0 .sui-wrap .sui-header .sui-actions-right{margin-top:10px;margin-right:auto;margin-left:0}}@media (max-width: 782px){.sui-2-6-0 .sui-wrap .sui-header .sui-actions-left{margin-top:10px;margin-right:0;margin-left:0}}@media (max-width: 782px){.sui-2-6-0 .sui-wrap .sui-header.sui-header-inline h1+*{margin-left:10px}}@media (max-width: 782px){.sui-2-6-0 .sui-wrap .sui-header.sui-header-inline h1{-ms-flex:1;flex:1}}@media (max-width: 782px){.sui-2-6-0 .sui-wrap .sui-header.sui-header-inline .sui-actions-right,.sui-2-6-0 .sui-wrap .sui-header.sui-header-inline .sui-actions-left{-ms-flex:0 0 auto;flex:0 0 auto;margin-top:0;margin-right:0}}@media (min-width: 1200px){.sui-2-6-0 .sui-wrap .sui-header.sui-with-floating-input h1{padding-right:260px}}@media (max-width: 782px){.sui-2-6-0 .sui-wrap .sui-header.sui-with-floating-input{margin-bottom:15px}}@media (max-width: 782px){.sui-2-6-0 .sui-wrap .sui-header{margin-bottom:20px}}.sui-2-6-0 .sui-wrap .sui-header-title{color:#333;margin:0;text-align:left;font-weight:bold;max-width:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sui-2-6-0 .sui-wrap .sui-summary{padding:10px 20px}.sui-2-6-0 .sui-wrap .sui-summary .sui-summary-image-space,.sui-2-6-0 .sui-wrap .sui-summary .sui-summary-segment{padding:10px 0}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-summary .sui-summary-image-space,.sui-2-6-0 .sui-wrap .sui-summary .sui-summary-segment{padding:0 15px}}.sui-2-6-0 .sui-wrap .sui-summary .sui-summary-image-space{display:none}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-summary .sui-summary-image-space{min-width:222px;min-height:212px;-ms-flex:0 0 222px;flex:0 0 222px}}.sui-2-6-0 .sui-wrap .sui-summary .sui-summary-segment{display:block}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-summary .sui-summary-segment .sui-list{padding-right:15px;padding-left:15px}}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-summary .sui-summary-segment .sui-summary-details{padding-right:30px;padding-left:30px}}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-summary .sui-summary-segment:first-child .sui-list,.sui-2-6-0 .sui-wrap .sui-summary .sui-summary-segment:first-child .sui-summary-details{padding-left:0}}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-summary .sui-summary-segment:last-child .sui-list,.sui-2-6-0 .sui-wrap .sui-summary .sui-summary-segment:last-child .sui-summary-details{padding-right:0}}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-summary .sui-summary-segment{overflow:hidden;-ms-flex:1;flex:1;text-overflow:ellipsis;white-space:nowrap}}.sui-2-6-0 .sui-wrap .sui-summary .sui-summary-details{color:#333;font-size:13px;line-height:22px;font-family:"Roboto",Arial,sans-serif;letter-spacing:-.25px;text-align:center}.sui-2-6-0 .sui-wrap .sui-summary .sui-summary-details span{display:inline-block}.sui-2-6-0 .sui-wrap .sui-summary .sui-summary-details .sui-summary-sub{display:block;margin-top:0;margin-bottom:5px;color:#888}.sui-2-6-0 .sui-wrap .sui-summary .sui-summary-details .sui-summary-sub:last-child{margin-bottom:0}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-summary .sui-summary-details .sui-summary-sub:last-child{margin-bottom:0}}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-summary .sui-summary-details .sui-summary-sub{margin-bottom:24px;white-space:normal}}.sui-2-6-0 .sui-wrap .sui-summary .sui-summary-details .sui-summary-percent{margin-left:-5px}.sui-2-6-0 .sui-wrap .sui-summary .sui-summary-details .sui-summary-large{font-size:50px;line-height:55px}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-summary .sui-summary-details .sui-summary-large+.sui-summary-sub{margin-top:-1px}}.sui-2-6-0 .sui-wrap .sui-summary .sui-summary-details .sui-summary-detail{display:block;font-size:15px;font-weight:500}.sui-2-6-0 .sui-wrap .sui-summary .sui-summary-details .sui-summary-detail img{position:relative;vertical-align:middle;top:-1px;margin-right:6px}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-summary .sui-summary-details .sui-summary-detail img{float:left;vertical-align:unset;top:1px}}.sui-2-6-0 .sui-wrap .sui-summary .sui-summary-details .sui-summary-detail+.sui-summary-sub{margin-top:5px}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-summary .sui-summary-details .sui-summary-detail{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.sui-2-6-0 .sui-wrap .sui-summary .sui-summary-details [class*="sui-icon-"]{position:relative;top:-22px;left:5px;font-size:16px}.sui-2-6-0 .sui-wrap .sui-summary .sui-summary-details [class*="sui-icon-"]+.sui-summary-percent{margin-left:-20px}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-summary .sui-summary-details{padding-top:30px;padding-bottom:30px;text-align:left}}.sui-2-6-0 .sui-wrap .sui-summary .sui-list li span{white-space:normal}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-summary .sui-list{padding-top:30px;padding-bottom:30px}}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-summary.sui-summary-sm .sui-summary-image-space{min-width:222px;min-height:151px;-ms-flex:0 0 222px;flex:0 0 222px}}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-summary:not(.sui-unbranded):not(.sui-summary-sm) .sui-summary-image-space{display:block}}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-summary:not(.sui-unbranded):not(.sui-summary-sm){background-image:url(../fonts/smush-graphic-dashboard-summary.svg);background-size:192px 182px;background-position:30px bottom;background-repeat:no-repeat}}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-summary:not(.sui-unbranded).sui-summary-sm .sui-summary-image-space:first-child+.sui-summary-segment .sui-list,.sui-2-6-0 .sui-wrap .sui-summary:not(.sui-unbranded).sui-summary-sm .sui-summary-image-space:first-child+.sui-summary-segment .sui-summary-details{padding-left:0}}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-summary.sui-unbranded .sui-summary-image-space:first-child+.sui-summary-segment .sui-list,.sui-2-6-0 .sui-wrap .sui-summary.sui-unbranded .sui-summary-image-space:first-child+.sui-summary-segment .sui-summary-details{padding-left:0}}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-summary.sui-unbranded .sui-summary-image-space{display:none}}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-summary.sui-rebranded:not(.sui-summary-sm) .sui-summary-image-space{background-size:contain;background-position:center;background-repeat:no-repeat}}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-summary{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:0 15px}}.sui-2-6-0 .sui-wrap .sui-list{margin:20px 0;padding:0;border:0}.sui-2-6-0 .sui-wrap .sui-list,.sui-2-6-0 .sui-wrap .sui-list li{list-style:none}.sui-2-6-0 .sui-wrap .sui-list li{display:-ms-flexbox;display:flex;margin:0;padding:9px 0;border:0;border-bottom:1px solid #E6E6E6;color:#888;font-size:13px;line-height:22px;font-family:"Roboto",Arial,sans-serif;font-weight:500;letter-spacing:-.25px}.sui-2-6-0 .sui-wrap .sui-list li [class*="sui-list-"]{padding:0 10px}.sui-2-6-0 .sui-wrap .sui-list li [class*="sui-list-"]:first-child{padding-left:0}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-list li [class*="sui-list-"]:first-child{padding-left:0}}.sui-2-6-0 .sui-wrap .sui-list li [class*="sui-list-"]:last-child{padding-right:0}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-list li [class*="sui-list-"]:last-child{padding-right:0}}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-list li [class*="sui-list-"]{padding:0 15px}}.sui-2-6-0 .sui-wrap .sui-list li .sui-list-label{-ms-flex:1;flex:1;color:#333}.sui-2-6-0 .sui-wrap .sui-list li .sui-list-detail{-ms-flex:0 0 auto;flex:0 0 auto;text-align:right}.sui-2-6-0 .sui-wrap .sui-list li:first-child{padding-top:0}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-list li:first-child{padding-top:0}}.sui-2-6-0 .sui-wrap .sui-list li:last-child{padding-bottom:0;border-bottom:0}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-list li:last-child{padding-bottom:0}}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-list li{padding:19px 0}}.sui-2-6-0 .sui-wrap .sui-list:first-child{margin-top:0}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-list:first-child{margin-top:0}}.sui-2-6-0 .sui-wrap .sui-list:last-child{margin-bottom:0}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-list:last-child{margin-bottom:0}}.sui-2-6-0 .sui-wrap .sui-list ul,.sui-2-6-0 .sui-wrap .sui-list ol{display:none}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-list{margin:30px 0}}.sui-2-6-0 .sui-wrap .sui-tooltip{position:relative}.sui-2-6-0 .sui-wrap .sui-tooltip:before,.sui-2-6-0 .sui-wrap .sui-tooltip:after{content:" ";opacity:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;pointer-events:none;position:absolute;z-index:1;transition:0.2s}.sui-2-6-0 .sui-wrap .sui-tooltip:before{left:50%;bottom:100%;border:5px solid transparent;border-top-color:#333;transform:translateX(-50%)}.sui-2-6-0 .sui-wrap .sui-tooltip:after{content:attr(data-tooltip);min-width:var(--tooltip-width, 40px);left:50%;bottom:100%;margin-bottom:10px;padding:12px;border-radius:4px;background-color:#333;box-sizing:border-box;transform:translateX(-50%);color:#fff;font:500 12px/18px "Roboto",Arial,sans-serif;letter-spacing:-.25px;text-transform:none;text-align:var(--tooltip-text-align, center)}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-tooltip:after{white-space:nowrap}}.sui-2-6-0 .sui-wrap .sui-tooltip.sui-tooltip-constrained:after{min-width:var(--tooltip-width, 240px);white-space:normal}.sui-2-6-0 .sui-wrap .sui-tooltip.sui-tooltip-top-left:after{left:0;transform:translateX(0)}.sui-2-6-0 .sui-wrap .sui-tooltip.sui-tooltip-top-right:after{right:0;left:unset;transform:translateX(0)}.sui-2-6-0 .sui-wrap .sui-tooltip.sui-tooltip-bottom:before,.sui-2-6-0 .sui-wrap .sui-tooltip.sui-tooltip-bottom-left:before,.sui-2-6-0 .sui-wrap .sui-tooltip.sui-tooltip-bottom-right:before{top:100%;bottom:unset;border-top-color:transparent;border-bottom-color:#333}.sui-2-6-0 .sui-wrap .sui-tooltip.sui-tooltip-bottom:after,.sui-2-6-0 .sui-wrap .sui-tooltip.sui-tooltip-bottom-left:after,.sui-2-6-0 .sui-wrap .sui-tooltip.sui-tooltip-bottom-right:after{top:100%;bottom:unset;margin-top:10px;margin-bottom:0}.sui-2-6-0 .sui-wrap .sui-tooltip.sui-tooltip-bottom-left:after{left:0;transform:translate(0)}.sui-2-6-0 .sui-wrap .sui-tooltip.sui-tooltip-bottom-right:after{left:unset;right:0;transform:translate(0)}.sui-2-6-0 .sui-wrap .sui-tooltip.sui-tooltip-left:before{top:50%;right:100%;bottom:unset;left:unset;border-top-color:transparent;border-left-color:#333;transform:translateY(-50%)}.sui-2-6-0 .sui-wrap .sui-tooltip.sui-tooltip-left:after{top:50%;right:100%;bottom:unset;left:unset;margin-right:10px;margin-bottom:0;transform:translateY(-50%)}.sui-2-6-0 .sui-wrap .sui-tooltip.sui-tooltip-right:before{top:50%;bottom:unset;left:100%;border-top-color:transparent;border-right-color:#333;transform:translateY(-50%)}.sui-2-6-0 .sui-wrap .sui-tooltip.sui-tooltip-right:after{top:50%;bottom:unset;left:100%;margin-left:10px;margin-bottom:0;transform:translateY(-50%)}@media (max-width: 782px){.sui-2-6-0 .sui-wrap .sui-tooltip.sui-tooltip-mobile:after{min-width:var(--tooltip-width-mobile, 120px);white-space:normal}}@media (max-width: 782px){.sui-2-6-0 .sui-wrap .sui-tooltip.sui-tooltip-top-mobile:before,.sui-2-6-0 .sui-wrap .sui-tooltip.sui-tooltip-top-left-mobile:before,.sui-2-6-0 .sui-wrap .sui-tooltip.sui-tooltip-top-right-mobile:before{top:unset;bottom:100%;left:50%;right:unset;border-top-color:#333;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent;transform:translateX(-50%)}}@media (max-width: 782px){.sui-2-6-0 .sui-wrap .sui-tooltip.sui-tooltip-top-mobile:after,.sui-2-6-0 .sui-wrap .sui-tooltip.sui-tooltip-top-left-mobile:after,.sui-2-6-0 .sui-wrap .sui-tooltip.sui-tooltip-top-right-mobile:after{min-width:var(--tooltip-width-mobile, 120px);top:unset;bottom:100%;margin-top:0;margin-right:0;margin-bottom:10px;margin-left:0;white-space:normal}}@media (max-width: 782px){.sui-2-6-0 .sui-wrap .sui-tooltip.sui-tooltip-top-mobile:after{right:unset;left:50%;transform:translateX(-50%)}}@media (max-width: 782px){.sui-2-6-0 .sui-wrap .sui-tooltip.sui-tooltip-top-left-mobile:after{right:unset;left:0;transform:translateX(0)}}@media (max-width: 782px){.sui-2-6-0 .sui-wrap .sui-tooltip.sui-tooltip-top-right-mobile:after{right:0;left:unset;transform:translateX(0)}}@media (max-width: 782px){.sui-2-6-0 .sui-wrap .sui-tooltip.sui-tooltip-bottom-mobile:before,.sui-2-6-0 .sui-wrap .sui-tooltip.sui-tooltip-bottom-left-mobile:before,.sui-2-6-0 .sui-wrap .sui-tooltip.sui-tooltip-bottom-right-mobile:before{top:100%;bottom:unset;left:50%;right:unset;border-top-color:transparent;border-right-color:transparent;border-bottom-color:#333;border-left-color:transparent;transform:translateX(-50%)}}@media (max-width: 782px){.sui-2-6-0 .sui-wrap .sui-tooltip.sui-tooltip-bottom-mobile:after,.sui-2-6-0 .sui-wrap .sui-tooltip.sui-tooltip-bottom-left-mobile:after,.sui-2-6-0 .sui-wrap .sui-tooltip.sui-tooltip-bottom-right-mobile:after{min-width:var(--tooltip-width-mobile, 120px);top:100%;bottom:unset;margin-top:10px;margin-right:0;margin-bottom:0;margin-left:0;white-space:normal}}@media (max-width: 782px){.sui-2-6-0 .sui-wrap .sui-tooltip.sui-tooltip-bottom-mobile:after{right:unset;left:50%;transform:translateX(-50%)}}@media (max-width: 782px){.sui-2-6-0 .sui-wrap .sui-tooltip.sui-tooltip-bottom-left-mobile:after{right:unset;left:0;transform:translateX(0)}}@media (max-width: 782px){.sui-2-6-0 .sui-wrap .sui-tooltip.sui-tooltip-bottom-right-mobile:after{right:0;left:unset;transform:translateX(0)}}@media (max-width: 782px){.sui-2-6-0 .sui-wrap .sui-tooltip.sui-tooltip-left-mobile:before{top:50%;right:100%;bottom:unset;left:unset;border-top-color:transparent;border-right-color:transparent;border-bottom-color:transparent;border-left-color:#333;transform:translateY(-50%)}}@media (max-width: 782px){.sui-2-6-0 .sui-wrap .sui-tooltip.sui-tooltip-left-mobile:after{min-width:var(--tooltip-width-mobile, 120px);top:50%;right:100%;bottom:unset;left:unset;margin-top:0;margin-right:10px;margin-bottom:0;margin-left:0;transform:translateY(-50%);white-space:normal}}@media (max-width: 782px){.sui-2-6-0 .sui-wrap .sui-tooltip.sui-tooltip-right-mobile:before{top:50%;right:unset;bottom:unset;left:100%;border-top-color:transparent;border-right-color:#333;border-bottom-color:transparent;border-left-color:transparent;transform:translateY(-50%)}}@media (max-width: 782px){.sui-2-6-0 .sui-wrap .sui-tooltip.sui-tooltip-right-mobile:after{min-width:var(--tooltip-width-mobile, 120px);top:50%;right:unset;bottom:unset;left:100%;margin-top:0;margin-right:0;margin-bottom:0;margin-left:10px;transform:translateY(-50%);white-space:normal}}.sui-2-6-0 .sui-wrap .sui-tooltip:hover:before,.sui-2-6-0 .sui-wrap .sui-tooltip:hover:after{opacity:1;-webkit-backface-visibility:visible;backface-visibility:visible}.sui-2-6-0 .select-container{cursor:pointer;display:block;position:relative;z-index:1;border:1px solid #ddd;border-radius:4px;background-color:#FAFAFA;text-align:left;transition-property:background;transition-duration:0.3s}.sui-2-6-0 .select-container select{display:none}.sui-2-6-0 .select-container .dropdown-handle{width:39px;display:block;position:absolute;z-index:1011;top:0;right:0;padding:0;line-height:38px;text-align:center;transition-property:color, border-color;transition-duration:0.3s}.sui-2-6-0 .select-container .dropdown-handle [class*="sui-icon-"]{height:38px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin:0 !important;font-size:12px !important;transition:transform 0.2s linear}.sui-2-6-0 .select-container .dropdown-handle [class*="sui-icon-"]:before{display:block;-ms-flex:0 0 auto;flex:0 0 auto}.sui-2-6-0 .select-container .select-list-container{zoom:1;display:block;position:relative;padding-right:39px}.sui-2-6-0 .select-container .select-list-container .list-value{width:100%;height:auto;cursor:pointer;overflow:hidden;display:block;position:relative;padding:8px 8px 8px 14px;border:0;border-radius:0;background-color:transparent;background-clip:padding-box;color:#333;font:500 15px/22px "Roboto",Arial,sans-serif;letter-spacing:-.25px;text-align:left;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;transition-property:color;transition-duration:0.3s}.sui-2-6-0 .select-container .select-list-container .list-value:focus,.sui-2-6-0 .select-container .select-list-container .list-value:hover,.sui-2-6-0 .select-container .select-list-container .list-value:active{outline:none;box-shadow:none}.sui-2-6-0 .select-container .select-list-container ul.list-results{width:0;max-height:200px;overflow-y:auto;display:none;position:absolute;z-index:1010;top:38px;right:-9999px;left:-9999px;margin:0 -1px;padding:10px 0;border:1px solid #ddd;border-radius:4px;background-color:#fff;box-shadow:0 3px 7px 0 rgba(0,0,0,0.07);transition-property:opacity, border-color;transition-duration:0.3s}.sui-2-6-0 .select-container .select-list-container ul.list-results,.sui-2-6-0 .select-container .select-list-container ul.list-results ul,.sui-2-6-0 .select-container .select-list-container ul.list-results li{-webkit-padding-start:0;padding-inline-start:0;list-style:none}.sui-2-6-0 .select-container .select-list-container ul.list-results li{cursor:pointer;margin:0;padding:5px 14px;color:#888;font:500 15px/25px "Roboto",Arial,sans-serif;letter-spacing:-.25px;word-wrap:break-word;transition:0.3s ease}.sui-2-6-0 .select-container .select-list-container ul.list-results li [class*="sui-icon-"]{margin-right:7px;text-align:center}.sui-2-6-0 .select-container .select-list-container ul.list-results li [class*="sui-icon-"]:before{color:inherit}.sui-2-6-0 .select-container .select-list-container ul.list-results li.current{background-color:#888;color:#fff}.sui-2-6-0 .select-container .select-list-container ul.list-results li:not(.current):hover{background-color:rgba(51,51,51,0.05);color:#666}.sui-2-6-0 .select-container .select-list-container ul.list-results li.sui-disabled{cursor:not-allowed;opacity:0.5;pointer-events:none}.sui-2-6-0 .select-container .select-list-container ul.list-results .optgroup{cursor:default}.sui-2-6-0 .select-container .select-list-container ul.list-results .optgroup li.optgroup-label{cursor:default;pointer-events:none;color:#aaa;font-size:12px;font-weight:500}.sui-2-6-0 .select-container .select-list-container ul.list-results .optgroup li.optgroup-label:hover{background-color:transparent}.sui-2-6-0 .select-container .select-list-container ul.list-results .optgroup li:not(.optgroup-label){cursor:pointer;padding-left:28px}.sui-2-6-0 .select-container .select-list-container ul.list-results:focus,.sui-2-6-0 .select-container .select-list-container ul.list-results:hover,.sui-2-6-0 .select-container .select-list-container ul.list-results:active{outline:none;box-shadow:none}.sui-2-6-0 .select-container:hover{background-color:#fff}.sui-2-6-0 .select-container.active{z-index:13;background-color:#fff}.sui-2-6-0 .select-container.active .dropdown-handle [class*="sui-icon-"]{transform:rotate(180deg)}.sui-2-6-0 .select-container.active .select-list-container .list-results{width:auto;display:block;left:0;right:0;transition-duration:0ms}.sui-2-6-0 .select-container.sui-mobile-nav{margin-bottom:30px;background-color:#fff}.sui-2-6-0 .select-container.sui-mobile-nav .dropdown-handle{background-color:#fff;font-size:13px}.sui-2-6-0 .select-container.sui-mobile-nav.active .dropdown-handle{background-color:transparent;font-size:13px}@media (max-width: 782px){.sui-2-6-0 .select-container.sui-mobile-nav{margin-bottom:20px}}.sui-2-6-0 .select-container.sui-select-sm .dropdown-handle{width:29px;line-height:28px}.sui-2-6-0 .select-container.sui-select-sm .dropdown-handle [class*="sui-icon-"]{height:28px}.sui-2-6-0 .select-container.sui-select-sm .select-list-container{padding-right:29px}.sui-2-6-0 .select-container.sui-select-sm .select-list-container .list-value{padding:6px 7px 6px 11px;font-size:13px;line-height:16px}.sui-2-6-0 .select-container.sui-select-sm .select-list-container .list-results{top:28px;padding:7px 0}.sui-2-6-0 .select-container.sui-select-sm .select-list-container .list-results li{font-size:13px;line-height:20px}.sui-2-6-0 .select-container.sui-select-inline{width:auto;max-width:100%;min-width:120px;display:-ms-inline-flexbox;display:inline-flex;margin-right:10px}.sui-2-6-0 .select-container.sui-select-inline .select-list-container{-ms-flex:0 0 100%;flex:0 0 100%}.sui-2-6-0 .select-container.sui-select-inline:last-child{margin-right:0}.sui-2-6-0 .select-container.sui-select-colors .select-list-container .list-value{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-top:5px;padding-left:5px;padding-bottom:5px}.sui-2-6-0 .select-container.sui-select-colors .select-list-container .list-value span{width:30px;height:30px;display:block;margin-right:10px;border:1px solid transparent;border-radius:2px}.sui-2-6-0 .select-container.sui-select-colors .select-list-container .list-value span[data-color="#FFF"],.sui-2-6-0 .select-container.sui-select-colors .select-list-container .list-value span[data-color="white"],.sui-2-6-0 .select-container.sui-select-colors .select-list-container .list-value span[data-color="#FFFFFF"]{border-color:#2C2E2F}.sui-2-6-0 .select-container.sui-select-colors .select-list-container .list-results li{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-left:9px;padding-right:9px;font-size:13px;line-height:20px}.sui-2-6-0 .select-container.sui-select-colors .select-list-container .list-results li span{width:20px;height:20px;display:block;margin-right:10px;border:1px solid transparent;border-radius:2px}.sui-2-6-0 .select-container.sui-select-colors .select-list-container .list-results li span[data-color="#FFF"],.sui-2-6-0 .select-container.sui-select-colors .select-list-container .list-results li span[data-color="white"],.sui-2-6-0 .select-container.sui-select-colors .select-list-container .list-results li span[data-color="#FFFFFF"]{border-color:#2C2E2F}.sui-2-6-0 .list-table>thead>.select-open th,.sui-2-6-0 .list-table>thead>.select-open td,.sui-2-6-0 .list-table>tbody>.select-open th,.sui-2-6-0 .list-table>tbody>.select-open td,.sui-2-6-0 .list-table>tfoot>.select-open th,.sui-2-6-0 .list-table>tfoot>.select-open td{z-index:9}.sui-2-6-0 .sui-wrap .sui-tag{height:auto;min-height:26px;cursor:default;display:inline-block;margin:0 3px;padding:0 16px;border:2px solid transparent;border-radius:13px;background-color:#F2F2F2;color:#333;font:500 12px/22px "Roboto",Arial,sans-serif;letter-spacing:-.25px;text-align:center}.sui-2-6-0 .sui-wrap .sui-tag.sui-tag-truncated{max-width:100%}.sui-2-6-0 .sui-wrap .sui-tag.sui-tag-truncated span{max-width:100%;overflow:hidden;display:block;text-overflow:ellipsis;white-space:nowrap}.sui-2-6-0 .sui-wrap .sui-tag.sui-tag-red,.sui-2-6-0 .sui-wrap .sui-tag.sui-tag-error{background-color:#FF6D6D;color:#fff}.sui-2-6-0 .sui-wrap .sui-tag.sui-tag-yellow,.sui-2-6-0 .sui-wrap .sui-tag.sui-tag-warning{background-color:#FECF2F;color:#333}.sui-2-6-0 .sui-wrap .sui-tag.sui-tag-green,.sui-2-6-0 .sui-wrap .sui-tag.sui-tag-upsell,.sui-2-6-0 .sui-wrap .sui-tag.sui-tag-success,.sui-2-6-0 .sui-wrap .sui-tag.sui-tag-upgrade{background-color:#1ABC9C;color:#fff}.sui-2-6-0 .sui-wrap .sui-tag.sui-tag-blue,.sui-2-6-0 .sui-wrap .sui-tag.sui-tag-branded{background-color:#17A8E3;color:#fff}.sui-2-6-0 .sui-wrap .sui-tag.sui-tag-purple{background-color:#8D00B1;color:#fff}.sui-2-6-0 .sui-wrap .sui-tag.sui-tag-disabled,.sui-2-6-0 .sui-wrap .sui-tag.sui-tag-inactive{background-color:#F2F2F2;color:#aaa}.sui-2-6-0 .sui-wrap .sui-tag.sui-tag-uppercase{text-transform:uppercase}.sui-2-6-0 .sui-wrap .sui-tag.sui-tag-pro,.sui-2-6-0 .sui-wrap .sui-tag.sui-tag-beta{min-height:12px;padding:2px 8px 1px;border:0;border-radius:6px;font-size:8px;line-height:9px;text-align:center;text-transform:uppercase}.sui-2-6-0 .sui-wrap .sui-tag.sui-tag-pro{background-color:#8D00B1;color:#fff}.sui-2-6-0 .sui-wrap .sui-tag.sui-tag-beta{background-color:#FF7E41;color:#fff}.sui-2-6-0 .sui-wrap .sui-tag.sui-tag-sm{min-height:18px;padding:2px 10px;font-size:10px;line-height:12px;font-weight:bold}.sui-2-6-0 .sui-wrap .sui-tag.sui-tag-ghost.sui-tag-red,.sui-2-6-0 .sui-wrap .sui-tag.sui-tag-ghost.sui-tag-error{border-color:#FFE5E9;background-color:transparent;color:#FF6D6D}.sui-2-6-0 .sui-wrap .sui-tag.sui-tag-ghost.sui-tag-yellow,.sui-2-6-0 .sui-wrap .sui-tag.sui-tag-ghost.sui-tag-warning{border-color:#FFF5D5;background-color:transparent;color:#FECF2F}.sui-2-6-0 .sui-wrap .sui-tag.sui-tag-ghost.sui-tag-green,.sui-2-6-0 .sui-wrap .sui-tag.sui-tag-ghost.sui-tag-upsell,.sui-2-6-0 .sui-wrap .sui-tag.sui-tag-ghost.sui-tag-success,.sui-2-6-0 .sui-wrap .sui-tag.sui-tag-ghost.sui-tag-upgrade{border-color:#D1F1EA;background-color:transparent;color:#1ABC9C}.sui-2-6-0 .sui-wrap .sui-tag.sui-tag-ghost.sui-tag-blue,.sui-2-6-0 .sui-wrap .sui-tag.sui-tag-ghost.sui-tag-branded{border-color:#E1F6FF;background-color:transparent;color:#17A8E3}.sui-2-6-0 .sui-wrap .sui-tag.sui-tag-ghost.sui-tag-purple{border-color:#F9E1FF;background-color:transparent;color:#8D00B1}.sui-2-6-0 .sui-wrap .sui-tag:first-child{margin-left:0}.sui-2-6-0 .sui-wrap .sui-tag:last-child{margin-right:0}.sui-2-6-0 .sui-wrap .sui-label,.sui-2-6-0 .sui-wrap .sui-label-inline{display:-ms-inline-flexbox;display:inline-flex;padding:0;border:0;color:#888;font:500 12px/16px "Roboto",Arial,sans-serif}.sui-2-6-0 .sui-wrap .sui-form-control,.sui-2-6-0 .sui-wrap .sui-multi-checkbox{width:100%;height:40px;margin:0;padding:9px 14px;border:1px solid #ddd;border-radius:4px;background-color:#FAFAFA;background-image:none;color:#333;font:500 15px/20px "Roboto",Arial,sans-serif;letter-spacing:-.25px;transition:0.3s ease-in-out}.sui-2-6-0 .sui-wrap .sui-form-control,.sui-2-6-0 .sui-wrap .sui-multi-checkbox,.sui-2-6-0 .sui-wrap .sui-form-control:hover,.sui-2-6-0 .sui-wrap .sui-multi-checkbox:hover,.sui-2-6-0 .sui-wrap .sui-form-control:focus,.sui-2-6-0 .sui-wrap .sui-multi-checkbox:focus,.sui-2-6-0 .sui-wrap .sui-form-control:active,.sui-2-6-0 .sui-wrap .sui-multi-checkbox:active{outline:none;box-shadow:none}.sui-2-6-0 .sui-wrap .sui-form-control:hover,.sui-2-6-0 .sui-wrap .sui-multi-checkbox:hover,.sui-2-6-0 .sui-wrap .sui-form-control:focus,.sui-2-6-0 .sui-wrap .sui-multi-checkbox:focus{border-color:#ddd;background-color:#fff}.sui-2-6-0 .sui-wrap .sui-form-control:focus,.sui-2-6-0 .sui-wrap .sui-multi-checkbox:focus{background-color:#fff;color:#333}.sui-2-6-0 .sui-wrap .sui-form-control:-ms-input-placeholder, .sui-2-6-0 .sui-wrap .sui-multi-checkbox:-ms-input-placeholder{color:#aaa}.sui-2-6-0 .sui-wrap .sui-form-control::-ms-input-placeholder, .sui-2-6-0 .sui-wrap .sui-multi-checkbox::-ms-input-placeholder{color:#aaa}.sui-2-6-0 .sui-wrap .sui-form-control::placeholder,.sui-2-6-0 .sui-wrap .sui-multi-checkbox::placeholder{color:#aaa}.sui-2-6-0 .sui-wrap .sui-form-control[disabled],.sui-2-6-0 .sui-wrap .sui-multi-checkbox[disabled],.sui-2-6-0 .sui-wrap .sui-disabled.sui-form-control,.sui-2-6-0 .sui-wrap .sui-disabled.sui-multi-checkbox,fieldset[disabled] .sui-2-6-0 .sui-wrap .sui-form-control,fieldset[disabled] .sui-2-6-0 .sui-wrap .sui-multi-checkbox{cursor:not-allowed}.sui-2-6-0 .sui-wrap .sui-form-control[disabled],.sui-2-6-0 .sui-wrap .sui-multi-checkbox[disabled],.sui-2-6-0 .sui-wrap .sui-form-control[disabled]:focus,.sui-2-6-0 .sui-wrap .sui-multi-checkbox[disabled]:focus,.sui-2-6-0 .sui-wrap .sui-form-control[disabled]:hover,.sui-2-6-0 .sui-wrap .sui-multi-checkbox[disabled]:hover,.sui-2-6-0 .sui-wrap .sui-disabled.sui-form-control,.sui-2-6-0 .sui-wrap .sui-disabled.sui-multi-checkbox,.sui-2-6-0 .sui-wrap .sui-disabled.sui-form-control:focus,.sui-2-6-0 .sui-wrap .sui-disabled.sui-multi-checkbox:focus,.sui-2-6-0 .sui-wrap .sui-disabled.sui-form-control:hover,.sui-2-6-0 .sui-wrap .sui-disabled.sui-multi-checkbox:hover,fieldset[disabled] .sui-2-6-0 .sui-wrap .sui-form-control,fieldset[disabled] .sui-2-6-0 .sui-wrap .sui-multi-checkbox,fieldset[disabled] .sui-2-6-0 .sui-wrap .sui-form-control:focus,fieldset[disabled] .sui-2-6-0 .sui-wrap .sui-multi-checkbox:focus,fieldset[disabled] .sui-2-6-0 .sui-wrap .sui-form-control:hover,fieldset[disabled] .sui-2-6-0 .sui-wrap .sui-multi-checkbox:hover{border-color:#F2F2F2;background-color:#F2F2F2;color:#aaa}.sui-2-6-0 .sui-wrap .sui-form-control::-ms-expand,.sui-2-6-0 .sui-wrap .sui-multi-checkbox::-ms-expand{border:0;background-color:transparent}.sui-2-6-0 .sui-wrap label{cursor:default}.sui-2-6-0 .sui-wrap label[for]{cursor:pointer}.sui-2-6-0 .sui-wrap .sui-label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin:0 0 5px}.sui-2-6-0 .sui-wrap .sui-label .sui-tag{margin-left:5px}.sui-2-6-0 .sui-wrap .sui-label .sui-tag.sui-left{margin-right:5px;margin-left:0}.sui-2-6-0 .sui-wrap .sui-label:last-child{margin:0}.sui-2-6-0 .sui-wrap .sui-label-link{margin-right:0;margin-left:auto;color:#888;font-weight:400}.sui-2-6-0 .sui-wrap .sui-label-inline{margin:0}.sui-2-6-0 .sui-wrap .sui-label-note{margin-right:0;margin-left:auto}.sui-2-6-0 .sui-wrap .sui-form-control,.sui-2-6-0 .sui-wrap .sui-multi-checkbox{display:block}.sui-2-6-0 .sui-wrap .sui-form-control.sui-input-sm,.sui-2-6-0 .sui-wrap .sui-input-sm.sui-multi-checkbox{max-width:80px}.sui-2-6-0 .sui-wrap .sui-form-control.sui-input-md,.sui-2-6-0 .sui-wrap .sui-input-md.sui-multi-checkbox{max-width:240px}.sui-2-6-0 .sui-wrap .sui-form-control.sui-field-has-prefix,.sui-2-6-0 .sui-wrap .sui-field-has-prefix.sui-multi-checkbox,.sui-2-6-0 .sui-wrap .sui-form-control.sui-field-has-suffix,.sui-2-6-0 .sui-wrap .sui-field-has-suffix.sui-multi-checkbox{width:auto;display:inline-block}.sui-2-6-0 .sui-wrap .sui-multi-checkbox{height:auto;max-height:114px;overflow-y:auto;padding:1px}.sui-2-6-0 .sui-wrap .sui-multi-checkbox label{margin:1px 0}.sui-2-6-0 .sui-wrap .sui-multi-checkbox label input:checked+span{background-color:#17A8E3;color:#fff}.sui-2-6-0 .sui-wrap .sui-multi-checkbox label span{display:block;padding:10px}.sui-2-6-0 .sui-wrap .sui-multi-checkbox label:first-child{margin-top:0}.sui-2-6-0 .sui-wrap .sui-multi-checkbox label:first-child span{border-radius:3px 3px 0 0}.sui-2-6-0 .sui-wrap .sui-multi-checkbox label:last-child{margin-bottom:0}.sui-2-6-0 .sui-wrap .sui-multi-checkbox label:last-child span{border-radius:0 0 3px 3px}.sui-2-6-0 .sui-wrap .sui-description,.sui-2-6-0 .sui-wrap .sui-multi-checkbox label{display:block;margin-top:5px;color:#888;font-size:13px;line-height:22px;font-weight:400;letter-spacing:-.25px}.sui-2-6-0 .sui-wrap .sui-description.sui-toggle-description,.sui-2-6-0 .sui-wrap .sui-multi-checkbox label.sui-toggle-description{margin-left:48px}.sui-2-6-0 .sui-wrap .sui-description.sui-checkbox-description,.sui-2-6-0 .sui-wrap .sui-description.sui-radio-description,.sui-2-6-0 .sui-wrap .sui-multi-checkbox label.sui-checkbox-description,.sui-2-6-0 .sui-wrap .sui-multi-checkbox label.sui-radio-description{margin:0 27px 5px}.sui-2-6-0 .sui-wrap .sui-description+.sui-form-field,.sui-2-6-0 .sui-wrap .sui-description+.sui-form-field-inline,.sui-2-6-0 .sui-wrap .sui-multi-checkbox label+.sui-form-field,.sui-2-6-0 .sui-wrap .sui-multi-checkbox label+.sui-form-field-inline{margin-top:20px}.sui-2-6-0 .sui-wrap .sui-error-message{display:block;margin-top:8px;color:#FF6D6D;font-size:12px;line-height:16px;font-weight:500}.sui-2-6-0 .sui-wrap .sui-form-field.sui-input-sm{max-width:80px}.sui-2-6-0 .sui-wrap .sui-form-field.sui-input-md{max-width:240px}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-form-field>.sui-row [class^="sui-col"]{padding-right:5px;padding-left:5px}}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-form-field>.sui-row:first-child{margin-top:0}}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-form-field>.sui-row{margin-top:10px;margin-right:-5px;margin-bottom:0;margin-left:-5px}}.sui-2-6-0 .sui-wrap .sui-form-field:last-child{margin-bottom:0}@media (max-width: 782px){.sui-2-6-0 .sui-wrap .sui-form-field:last-child{margin-bottom:0}}.sui-2-6-0 .sui-wrap .sui-form-field.sui-has_error .sui-form-control,.sui-2-6-0 .sui-wrap .sui-form-field.sui-has_error .sui-multi-checkbox,.sui-2-6-0 .sui-wrap .sui-form-field.sui-form-field-error .sui-form-control,.sui-2-6-0 .sui-wrap .sui-form-field.sui-form-field-error .sui-multi-checkbox{border-bottom:2px solid #FF6D6D}.sui-2-6-0 .sui-wrap .sui-form-field.sui-has_error .sui-control-with-icon [class*="sui-icon-"]:before,.sui-2-6-0 .sui-wrap .sui-form-field.sui-form-field-error .sui-control-with-icon [class*="sui-icon-"]:before{color:#FF6D6D}@media (max-width: 782px){.sui-2-6-0 .sui-wrap .sui-form-field{margin-bottom:20px}}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-form-field{margin-bottom:30px}}.sui-2-6-0 .sui-wrap .sui-field-suffix,.sui-2-6-0 .sui-wrap .sui-field-prefix{display:inline-block;color:#888888;font-size:13px;line-height:22px}.sui-2-6-0 .sui-wrap .sui-field-prefix{margin-right:10px}.sui-2-6-0 .sui-wrap .sui-field-suffix{margin-left:10px}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-form-field-inline>.sui-form-field:first-child,.sui-2-6-0 .sui-wrap .sui-form-field-inline>.select-container:first-child{margin-left:0}}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-form-field-inline>.sui-form-field:last-child,.sui-2-6-0 .sui-wrap .sui-form-field-inline>.select-container:last-child{margin-right:0}}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-form-field-inline>.sui-form-field,.sui-2-6-0 .sui-wrap .sui-form-field-inline>.select-container{-ms-flex:0 0 auto;flex:0 0 auto;margin-top:0;margin-bottom:0;margin-right:10px;margin-left:10px}}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-form-field-inline>.sui-form-field{-ms-flex:0 0 auto;flex:0 0 auto;margin-bottom:0}}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-form-field-inline>p,.sui-2-6-0 .sui-wrap .sui-form-field-inline>span,.sui-2-6-0 .sui-wrap .sui-form-field-inline>.sui-label{-ms-flex:0 0 auto;flex:0 0 auto;margin:0}}@media (max-width: 782px){.sui-2-6-0 .sui-wrap .sui-form-field-inline:last-child{margin-bottom:0}}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-form-field-inline:last-child{margin-bottom:0}}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-form-field-inline{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-bottom:30px}}@media (max-width: 782px){.sui-2-6-0 .sui-wrap .sui-form-field-inline{margin-bottom:20px}}.sui-2-6-0 .sui-wrap .sui-control-with-icon{position:relative}.sui-2-6-0 .sui-wrap .sui-control-with-icon .sui-form-control,.sui-2-6-0 .sui-wrap .sui-control-with-icon .sui-multi-checkbox{padding-left:40px}.sui-2-6-0 .sui-wrap .sui-control-with-icon select.sui-select+.select2-container .select2-selection__rendered{padding-left:40px}.sui-2-6-0 .sui-wrap .sui-control-with-icon [class*="sui-icon-"]{width:16px;height:16px;pointer-events:none;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;position:absolute;top:11px;left:14px}.sui-2-6-0 .sui-wrap .sui-control-with-icon [class*="sui-icon-"]:before{color:#aaa;display:block}.sui-2-6-0 .sui-wrap .sui-control-with-icon.sui-right-icon .sui-form-control,.sui-2-6-0 .sui-wrap .sui-control-with-icon.sui-right-icon .sui-multi-checkbox{padding-right:40px;padding-left:14px}.sui-2-6-0 .sui-wrap .sui-control-with-icon.sui-right-icon [class*="sui-icon-"]{right:14px;left:auto;color:#888}.sui-2-6-0 .sui-wrap .sui-with-button{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.sui-2-6-0 .sui-wrap .sui-with-button .sui-button{-ms-flex:0 0 auto;flex:0 0 auto}.sui-2-6-0 .sui-wrap .sui-with-button .sui-form-control,.sui-2-6-0 .sui-wrap .sui-with-button .sui-multi-checkbox{-ms-flex:1;flex:1;margin:0 5px}.sui-2-6-0 .sui-wrap .sui-with-button .sui-form-control:first-child,.sui-2-6-0 .sui-wrap .sui-with-button .sui-multi-checkbox:first-child{margin-left:0}.sui-2-6-0 .sui-wrap .sui-with-button .sui-form-control:last-child,.sui-2-6-0 .sui-wrap .sui-with-button .sui-multi-checkbox:last-child{margin-right:0}.sui-2-6-0 .sui-wrap .sui-with-button.sui-inside,.sui-2-6-0 .sui-wrap .sui-with-button.sui-with-button-inside{display:block;position:relative}.sui-2-6-0 .sui-wrap .sui-with-button.sui-inside .sui-button,.sui-2-6-0 .sui-wrap .sui-with-button.sui-inside .sui-button-icon,.sui-2-6-0 .sui-wrap .sui-with-button.sui-with-button-inside .sui-button,.sui-2-6-0 .sui-wrap .sui-with-button.sui-with-button-inside .sui-button-icon{position:absolute;top:5px;right:5px}.sui-2-6-0 .sui-wrap .sui-with-button.sui-inside .sui-button-lg,.sui-2-6-0 .sui-wrap .sui-with-button.sui-with-button-inside .sui-button-lg{top:0;right:0;border-top-left-radius:0;border-bottom-left-radius:0}.sui-2-6-0 .sui-wrap .sui-with-button.sui-inside .sui-form-control,.sui-2-6-0 .sui-wrap .sui-with-button.sui-inside .sui-multi-checkbox,.sui-2-6-0 .sui-wrap .sui-with-button.sui-with-button-inside .sui-form-control,.sui-2-6-0 .sui-wrap .sui-with-button.sui-with-button-inside .sui-multi-checkbox{margin:0;padding-right:90px}.sui-2-6-0 .sui-wrap .sui-with-button.sui-with-button-icon{display:block;position:relative}.sui-2-6-0 .sui-wrap .sui-with-button.sui-with-button-icon .sui-button,.sui-2-6-0 .sui-wrap .sui-with-button.sui-with-button-icon .sui-button-icon{position:absolute;top:5px;right:5px}.sui-2-6-0 .sui-wrap .sui-with-button.sui-with-button-icon .sui-button-lg{top:0;right:0}.sui-2-6-0 .sui-wrap .sui-with-button.sui-with-button-icon .sui-form-control,.sui-2-6-0 .sui-wrap .sui-with-button.sui-with-button-icon .sui-multi-checkbox{margin:0;padding-right:40px}.sui-2-6-0 .sui-wrap .sui-input-group{width:100%;display:-ms-flexbox;display:flex;-ms-flex-align:stretch;align-items:stretch;position:relative}.sui-2-6-0 .sui-wrap .sui-password-group{position:relative}.sui-2-6-0 .sui-wrap .sui-password-group .sui-password-toggle{width:30px;height:30px;cursor:pointer;position:absolute;top:50%;right:7px;padding:0;border:0;border-radius:4px;background:transparent;color:#888;font-size:15px;line-height:1em;transform:translateY(-50%)}.sui-2-6-0 .sui-wrap .sui-password-group .sui-password-toggle:hover,.sui-2-6-0 .sui-wrap .sui-password-group .sui-password-toggle:focus,.sui-2-6-0 .sui-wrap .sui-password-group .sui-password-toggle:active{outline:0}.sui-2-6-0 .sui-wrap .sui-password-group .sui-password-toggle:hover{background-color:rgba(0,0,0,0.03)}.sui-2-6-0 .sui-wrap .sui-password-group .sui-password-toggle:hover [class*="sui-icon-"]:before{color:#666}.sui-2-6-0 .sui-wrap .sui-date{position:relative}.sui-2-6-0 .sui-wrap .sui-date .sui-form-control:first-child,.sui-2-6-0 .sui-wrap .sui-date .sui-multi-checkbox:first-child{padding-right:40px}.sui-2-6-0 .sui-wrap .sui-date .sui-form-control:last-child,.sui-2-6-0 .sui-wrap .sui-date .sui-multi-checkbox:last-child{padding-left:40px}.sui-2-6-0 .sui-wrap .sui-date [class*="sui-icon-"]{width:30px;height:30px;pointer-events:none;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;position:absolute;top:5px}.sui-2-6-0 .sui-wrap .sui-date [class*="sui-icon-"]:before{display:block}.sui-2-6-0 .sui-wrap .sui-date [class*="sui-icon-"]:first-child{left:5px}.sui-2-6-0 .sui-wrap .sui-date [class*="sui-icon-"]:last-child{right:5px}.sui-2-6-0 .sui-wrap .sui-multi-date{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.sui-2-6-0 .sui-wrap .sui-multi-date .sui-form-field{-ms-flex:1;flex:1}.sui-2-6-0 .sui-wrap .sui-multi-date .sui-form-field+button{-ms-flex:0 0 auto;flex:0 0 auto;margin-left:10px}@media (max-width: 782px){.sui-2-6-0 .sui-wrap .sui-multi-date .sui-form-field{margin-bottom:0}}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-multi-date .sui-form-field{margin-bottom:0}}.sui-2-6-0 .sui-wrap .sui-multi-date:not(:last-child){margin-bottom:10px}.sui-2-6-0 .sui-wrap .sui-insert-variables{position:relative}.sui-2-6-0 .sui-wrap .sui-insert-variables .sui-form-control,.sui-2-6-0 .sui-wrap .sui-insert-variables .sui-multi-checkbox{padding-right:53px}.sui-2-6-0 .sui-wrap .sui-insert-variables .select-container{position:absolute;top:0;right:0;border:0;background-color:transparent;pointer-events:none}.sui-2-6-0 .sui-wrap .sui-insert-variables .select-container .dropdown-handle{display:none}.sui-2-6-0 .sui-wrap .sui-insert-variables .select-container .select-list-container{padding-right:0;pointer-events:initial}.sui-2-6-0 .sui-wrap .sui-insert-variables .select-container .select-list-container .list-value{width:40px;height:40px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;position:relative;padding:0;border:1px solid #ddd;border-left-color:transparent;border-radius:0 4px 4px 0;color:transparent;font-size:16px;transition:0.2s ease}.sui-2-6-0 .sui-wrap .sui-insert-variables .select-container .select-list-container .list-value:hover{border-left-color:#ddd;background-color:#F2F2F2}.sui-2-6-0 .sui-wrap .sui-insert-variables .select-container .select-list-container .list-value:hover:before{color:#666}.sui-2-6-0 .sui-wrap .sui-insert-variables .select-container .select-list-container .list-value:before{content:"@";width:16px;height:16px;display:block;position:absolute}.sui-2-6-0 .sui-wrap .sui-insert-variables .select-container .select-list-container .list-results{width:320px;left:auto;margin-right:0;border-color:#ddd;background-color:#fff}.sui-2-6-0 .sui-wrap .sui-insert-variables .select-container .select-list-container .list-results li.sui-element-flex{display:-ms-flexbox;display:flex}.sui-2-6-0 .sui-wrap .sui-insert-variables .select-container .select-list-container .list-results li.sui-element-flex span{pointer-events:none;overflow:hidden;display:block;text-overflow:ellipsis;white-space:nowrap}.sui-2-6-0 .sui-wrap .sui-insert-variables .select-container .select-list-container .list-results li.sui-element-flex span{-ms-flex:1;flex:1}.sui-2-6-0 .sui-wrap .sui-insert-variables .select-container .select-list-container .list-results li.sui-element-flex span+span{-ms-flex:0 0 auto;flex:0 0 auto;margin-left:5px;color:#AAA;font-size:12px}.sui-2-6-0 .sui-wrap .sui-insert-variables .select-container .select-list-container .list-results .current{background-color:transparent;color:#888}.sui-2-6-0 .sui-wrap .sui-insert-variables .select-container .select-list-container .list-results .current:hover{background-color:#F8F8F8;color:#333}.sui-2-6-0 .sui-wrap .sui-insert-variables .select-container.active .select-list-container .list-value{z-index:1011;border-bottom-color:#fff;border-left-color:#ddd;background-color:#fff;border-bottom-right-radius:0}.sui-2-6-0 .sui-wrap .sui-insert-variables .select-container.active .select-list-container .list-value:before{color:#333}.sui-2-6-0 .sui-wrap .sui-insert-variables .select-container.active .select-list-container .list-results{top:38px;border-top-right-radius:0}.sui-2-6-0 .sui-wrap .sui-insert-variables .sui-variables+.select2{width:auto !important;height:auto !important;display:block;position:absolute;top:0;right:0}.sui-2-6-0 .sui-wrap .sui-insert-variables .sui-variables+.select2 *{display:block;outline:none}.sui-2-6-0 .sui-wrap .sui-insert-variables .sui-variables+.select2 .select2-selection--single{height:auto;border:1px solid #ddd;border-left-color:transparent;border-radius:0 4px 4px 0;background-color:transparent;transition:0.2s ease}.sui-2-6-0 .sui-wrap .sui-insert-variables .sui-variables+.select2 .select2-selection--single .select2-selection__arrow{width:38px;height:38px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;position:relative;top:auto;right:auto}.sui-2-6-0 .sui-wrap .sui-insert-variables .sui-variables+.select2 .select2-selection--single .select2-selection__arrow:before{content:"@";display:block;margin:0 auto;color:#888;font-size:16px}.sui-2-6-0 .sui-wrap .sui-insert-variables .sui-variables+.select2 .select2-selection--single .select2-selection__arrow b{display:none}.sui-2-6-0 .sui-wrap .sui-insert-variables .sui-variables+.select2 .select2-selection--single:hover{border-left-color:#ddd;background-color:#F2F2F2}.sui-2-6-0 .sui-wrap .sui-insert-variables .sui-variables+.select2 .select2-selection--single:hover .select2-selection__arrow:before{color:#666}.sui-2-6-0 .sui-wrap .sui-insert-variables .sui-variables+.select2.select2-container--open .select2-selection--single{border-left-color:#ddd;background-color:#fff;border-bottom-right-radius:0}.sui-2-6-0 .sui-wrap .sui-insert-variables .sui-variables+.select2.select2-container--open .select2-selection--single .select2-selection__arrow:before{color:#333}.sui-2-6-0 .sui-wrap .sui-insert-variables textarea.sui-form-control+.select-container .select-list-container .list-value,.sui-2-6-0 .sui-wrap .sui-insert-variables textarea.sui-multi-checkbox+.select-container .select-list-container .list-value{border-color:transparent}.sui-2-6-0 .sui-wrap .sui-insert-variables textarea.sui-form-control+.select-container .select-list-container .list-value:hover,.sui-2-6-0 .sui-wrap .sui-insert-variables textarea.sui-multi-checkbox+.select-container .select-list-container .list-value:hover{border-left-color:transparent;background-color:transparent}.sui-2-6-0 .sui-wrap .sui-insert-variables textarea.sui-form-control+.select-container.active .select-list-container .list-value,.sui-2-6-0 .sui-wrap .sui-insert-variables textarea.sui-multi-checkbox+.select-container.active .select-list-container .list-value{border-left-color:transparent;background-color:transparent}.sui-2-6-0 .sui-wrap textarea.sui-form-control,.sui-2-6-0 .sui-wrap textarea.sui-multi-checkbox{max-width:100%;height:auto;resize:vertical;line-height:20px}.sui-2-6-0 .sui-wrap select.sui-form-control,.sui-2-6-0 .sui-wrap select.sui-multi-checkbox{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAs0lEQVQ4T6WS2w0CIRBF59KA2oklaAdbgpbgB48SIBThduKWYClrA2CGgEEXNWH5moR7Zu48QJ0PnRytA6WUe67svb//clDrUkWt9UxEMYRw/AYzJIS4sd45t0ugMeZERNcY49yCCwRgS0Rna+346rGGAVz4s06aW0gQx2/DUUoNAEYAG86cxezkAWCw1k5lBoupZltThomhEMLhs/fmOgrM2VvQwmq9in8rWncAPWfXXfEJ6RpWD7sJ1JwAAAAASUVORK5CYII=);background-repeat:no-repeat;background-position:center right 10px;line-height:1}.sui-2-6-0 .sui-wrap .sui-radio,.sui-2-6-0 .sui-wrap .sui-checkbox{-webkit-user-select:none;-ms-user-select:none;user-select:none;-ms-flex-align:start;align-items:flex-start}.sui-2-6-0 .sui-wrap .sui-radio input+span,.sui-2-6-0 .sui-wrap .sui-checkbox input+span{width:16px;height:16px;cursor:pointer;display:block;-ms-flex-negative:0;flex-shrink:0;position:relative;margin:3px 0;border:1px solid #ddd;border-radius:4px;background-color:#FAFAFA;transition:0.3s ease}.sui-2-6-0 .sui-wrap .sui-radio input+span:before,.sui-2-6-0 .sui-wrap .sui-checkbox input+span:before{opacity:0;transition:0.3s ease}.sui-2-6-0 .sui-wrap .sui-radio input+span+span,.sui-2-6-0 .sui-wrap .sui-checkbox input+span+span,.sui-2-6-0 .sui-wrap .sui-radio input+span+.sui-description,.sui-2-6-0 .sui-wrap .sui-checkbox input+span+.sui-description{cursor:pointer;margin:0 0 0 10px;color:#666;font-size:15px;line-height:22px;font-weight:500}.sui-2-6-0 .sui-wrap .sui-radio input+span+span.sui-description-sm,.sui-2-6-0 .sui-wrap .sui-checkbox input+span+span.sui-description-sm,.sui-2-6-0 .sui-wrap .sui-radio input+span+.sui-description.sui-description-sm,.sui-2-6-0 .sui-wrap .sui-checkbox input+span+.sui-description.sui-description-sm{font-size:13px}.sui-2-6-0 .sui-wrap .sui-radio input+span ~ .sui-tag,.sui-2-6-0 .sui-wrap .sui-checkbox input+span ~ .sui-tag{margin-top:auto;margin-bottom:auto;margin-left:10px}.sui-2-6-0 .sui-wrap .sui-radio input:checked+span,.sui-2-6-0 .sui-wrap .sui-checkbox input:checked+span{border-color:#17A8E3;background-color:#17A8E3}.sui-2-6-0 .sui-wrap .sui-radio input:checked+span:before,.sui-2-6-0 .sui-wrap .sui-checkbox input:checked+span:before{opacity:1}.sui-2-6-0 .sui-wrap .sui-radio input:disabled+span,.sui-2-6-0 .sui-wrap .sui-checkbox input:disabled+span,.sui-2-6-0 .sui-wrap .sui-radio input[disabled]+span,.sui-2-6-0 .sui-wrap .sui-checkbox input[disabled]+span,.sui-2-6-0 .sui-wrap .sui-radio input.sui-disabled+span,.sui-2-6-0 .sui-wrap .sui-checkbox input.sui-disabled+span{cursor:not-allowed;border-color:#F2F2F2;background-color:#F2F2F2}.sui-2-6-0 .sui-wrap .sui-radio input:disabled+span+span,.sui-2-6-0 .sui-wrap .sui-checkbox input:disabled+span+span,.sui-2-6-0 .sui-wrap .sui-radio input:disabled+span+.sui-description,.sui-2-6-0 .sui-wrap .sui-checkbox input:disabled+span+.sui-description,.sui-2-6-0 .sui-wrap .sui-radio input[disabled]+span+span,.sui-2-6-0 .sui-wrap .sui-checkbox input[disabled]+span+span,.sui-2-6-0 .sui-wrap .sui-radio input[disabled]+span+.sui-description,.sui-2-6-0 .sui-wrap .sui-checkbox input[disabled]+span+.sui-description,.sui-2-6-0 .sui-wrap .sui-radio input.sui-disabled+span+span,.sui-2-6-0 .sui-wrap .sui-checkbox input.sui-disabled+span+span,.sui-2-6-0 .sui-wrap .sui-radio input.sui-disabled+span+.sui-description,.sui-2-6-0 .sui-wrap .sui-checkbox input.sui-disabled+span+.sui-description{cursor:not-allowed}@media (max-width: 782px){.sui-2-6-0 .sui-wrap .sui-radio:last-child,.sui-2-6-0 .sui-wrap .sui-checkbox:last-child{margin-bottom:0}}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-radio:last-child,.sui-2-6-0 .sui-wrap .sui-checkbox:last-child{margin-right:0}}@media (max-width: 782px){.sui-2-6-0 .sui-wrap .sui-radio,.sui-2-6-0 .sui-wrap .sui-checkbox{display:-ms-flexbox;display:flex;margin:0 0 10px}}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-radio,.sui-2-6-0 .sui-wrap .sui-checkbox{display:-ms-inline-flexbox;display:inline-flex;margin:0 15px 0 0}}.sui-2-6-0 .sui-wrap .sui-radio input+span{position:relative;border-radius:50%}.sui-2-6-0 .sui-wrap .sui-radio input+span:before{content:" ";width:6px;height:6px;display:block;position:absolute;top:4px;left:4px;border-radius:16px;background-color:#fff}.sui-2-6-0 .sui-wrap .sui-radio input:disabled+span:before,.sui-2-6-0 .sui-wrap .sui-radio input[disabled]+span:before,.sui-2-6-0 .sui-wrap .sui-radio input.sui-disabled+span:before{background-color:#aaa}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-radio.sui-radio-stacked:last-child{margin:0}}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-radio.sui-radio-stacked{display:-ms-flexbox;display:flex;margin:0 0 10px}}.sui-2-6-0 .sui-wrap .sui-radio.sui-radio-sm input+span+span,.sui-2-6-0 .sui-wrap .sui-radio.sui-radio-sm input+span+.sui-description{font-size:13px}.sui-2-6-0 .sui-wrap .sui-radio-image{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.sui-2-6-0 .sui-wrap .sui-radio-image img{display:block;margin:0;padding:0;border:0}.sui-2-6-0 .sui-wrap .sui-radio-image img+.sui-radio{margin-top:15px}@media (max-width: 782px){.sui-2-6-0 .sui-wrap .sui-radio-image+*{margin-top:20px}}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-radio-image+*{margin-left:20px}}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-radio-image.sui-radio-stacked+*{margin-top:30px;margin-left:0}}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-radio-image.sui-radio-stacked{display:-ms-inline-flexbox;display:inline-flex}}@media (max-width: 782px){.sui-2-6-0 .sui-wrap .sui-radio-image{display:-ms-flexbox;display:flex}}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-radio-image{display:-ms-inline-flexbox;display:inline-flex}}.sui-2-6-0 .sui-wrap .sui-checkbox input+span:before{content:"(";width:14px;height:14px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;color:#fff;font-size:10px;text-align:center}.sui-2-6-0 .sui-wrap .sui-checkbox input:disabled+span:before,.sui-2-6-0 .sui-wrap .sui-checkbox input[disabled]+span:before,.sui-2-6-0 .sui-wrap .sui-checkbox input.sui-disabled+span:before{color:#aaa}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-checkbox.sui-checkbox-stacked:last-child{margin:0}}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-checkbox.sui-checkbox-stacked{display:-ms-flexbox;display:flex;margin:0 0 10px}}.sui-2-6-0 .sui-wrap .sui-checkbox.sui-checkbox-sm input+span+span,.sui-2-6-0 .sui-wrap .sui-checkbox.sui-checkbox-sm input+span+.sui-description{font-size:13px}.sui-2-6-0 .sui-wrap .sui-checkbox-image{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.sui-2-6-0 .sui-wrap .sui-checkbox-image img{display:block;margin:0;padding:0;border:0}.sui-2-6-0 .sui-wrap .sui-checkbox-image img+.sui-checkbox{margin-top:15px}@media (max-width: 782px){.sui-2-6-0 .sui-wrap .sui-checkbox-image+*{margin-top:20px}}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-checkbox-image+*{margin-left:20px}}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-checkbox-image.sui-checkbox-stacked+*{margin-top:30px;margin-left:0}}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-checkbox-image.sui-checkbox-stacked{display:-ms-inline-flexbox;display:inline-flex}}@media (max-width: 782px){.sui-2-6-0 .sui-wrap .sui-checkbox-image{display:-ms-flexbox;display:flex}}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-checkbox-image{display:-ms-inline-flexbox;display:inline-flex}}.sui-2-6-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs],.sui-2-6-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu{display:-ms-flexbox;display:flex;margin:0;padding:0;border-top:1px solid #E6E6E6;list-style:none}.sui-2-6-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs]>*,.sui-2-6-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs] .sui-tab-item,.sui-2-6-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu>*,.sui-2-6-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu .sui-tab-item{cursor:pointer;margin:0 10px;padding:14px 0 12px;border:0;background-color:transparent;font:500 13px/22px "Roboto",Arial,sans-serif;letter-spacing:-.25px;text-transform:uppercase;text-decoration:none}.sui-2-6-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs]>*,.sui-2-6-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs]>*:focus,.sui-2-6-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs]>*:hover,.sui-2-6-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs]>*:active,.sui-2-6-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs]>*:visited,.sui-2-6-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs] .sui-tab-item,.sui-2-6-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs] .sui-tab-item:focus,.sui-2-6-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs] .sui-tab-item:hover,.sui-2-6-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs] .sui-tab-item:active,.sui-2-6-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs] .sui-tab-item:visited,.sui-2-6-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu>*,.sui-2-6-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu>*:focus,.sui-2-6-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu>*:hover,.sui-2-6-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu>*:active,.sui-2-6-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu>*:visited,.sui-2-6-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu .sui-tab-item,.sui-2-6-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu .sui-tab-item:focus,.sui-2-6-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu .sui-tab-item:hover,.sui-2-6-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu .sui-tab-item:active,.sui-2-6-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu .sui-tab-item:visited{outline:none;border-bottom:2px solid transparent}.sui-2-6-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs]>*,.sui-2-6-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs]>*:visited,.sui-2-6-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs] .sui-tab-item,.sui-2-6-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs] .sui-tab-item:visited,.sui-2-6-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu>*,.sui-2-6-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu>*:visited,.sui-2-6-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu .sui-tab-item,.sui-2-6-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu .sui-tab-item:visited{color:#888}.sui-2-6-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs]>*:focus,.sui-2-6-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs]>*:hover,.sui-2-6-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs]>*:active,.sui-2-6-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs] .sui-tab-item:focus,.sui-2-6-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs] .sui-tab-item:hover,.sui-2-6-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs] .sui-tab-item:active,.sui-2-6-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu>*:focus,.sui-2-6-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu>*:hover,.sui-2-6-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu>*:active,.sui-2-6-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu .sui-tab-item:focus,.sui-2-6-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu .sui-tab-item:hover,.sui-2-6-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu .sui-tab-item:active{color:#333}.sui-2-6-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs]>*:first-child,.sui-2-6-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs] .sui-tab-item:first-child,.sui-2-6-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu>*:first-child,.sui-2-6-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu .sui-tab-item:first-child{margin-left:0}.sui-2-6-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs]>*:last-child,.sui-2-6-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs] .sui-tab-item:last-child,.sui-2-6-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu>*:last-child,.sui-2-6-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu .sui-tab-item:last-child{margin-right:0}.sui-2-6-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs]>*.active,.sui-2-6-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs] .sui-tab-item.active,.sui-2-6-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu>*.active,.sui-2-6-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu .sui-tab-item.active{color:#333;border-bottom-color:#333}.sui-2-6-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-panes]>*,.sui-2-6-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-panes]>.sui-tab-content,.sui-2-6-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-content>*,.sui-2-6-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-content>.sui-tab-content{display:none;margin-top:-1px;padding:20px 0 0;border-top:1px solid #E6E6E6}.sui-2-6-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-panes]>*.active,.sui-2-6-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-panes]>.sui-tab-content.active,.sui-2-6-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-content>*.active,.sui-2-6-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-content>.sui-tab-content.active{display:block}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-panes]>*,.sui-2-6-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-panes]>.sui-tab-content,.sui-2-6-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-content>*,.sui-2-6-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-content>.sui-tab-content{padding:30px 0 0}}.sui-2-6-0 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-flushed>[data-tabs],.sui-2-6-0 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-flushed>.sui-tabs-menu{border-top-width:0}.sui-2-6-0 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-overflow{border:1px solid #E6E6E6;border-radius:4px;position:relative}.sui-2-6-0 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-overflow>[data-tabs],.sui-2-6-0 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-overflow>.sui-tabs-menu{overflow:auto;margin-right:20px;margin-left:20px;border-top-width:0;scrollbar-width:none;scrollbar-height:none}.sui-2-6-0 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-overflow>[data-tabs]::-webkit-scrollbar,.sui-2-6-0 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-overflow>.sui-tabs-menu::-webkit-scrollbar{width:0;height:0;background:transparent}.sui-2-6-0 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-overflow>[data-tabs]>*,.sui-2-6-0 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-overflow>[data-tabs] .sui-tab-item,.sui-2-6-0 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-overflow>.sui-tabs-menu>*,.sui-2-6-0 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-overflow>.sui-tabs-menu .sui-tab-item{-ms-flex:0 0 auto;flex:0 0 auto}.sui-2-6-0 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-overflow>[data-panes]>*,.sui-2-6-0 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-overflow>[data-panes]>.sui-tab-content,.sui-2-6-0 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-overflow>.sui-tabs-content>*,.sui-2-6-0 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-overflow>.sui-tabs-content>.sui-tab-content{padding-right:20px;padding-bottom:20px;padding-left:20px}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-overflow>[data-panes]>*,.sui-2-6-0 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-overflow>[data-panes]>.sui-tab-content,.sui-2-6-0 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-overflow>.sui-tabs-content>*,.sui-2-6-0 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-overflow>.sui-tabs-content>.sui-tab-content{padding-right:30px;padding-bottom:30px;padding-left:30px}}.sui-2-6-0 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-overflow .sui-tabs-navigation{position:absolute;width:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;height:50px;-ms-flex-align:center;align-items:center;top:1px;pointer-events:none;opacity:1}.sui-2-6-0 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-overflow .sui-tabs-navigation--left,.sui-2-6-0 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-overflow .sui-tabs-navigation--right{background:rgba(255,255,255,0.8);pointer-events:all;transition:all .2s}.sui-2-6-0 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-overflow .sui-tabs-navigation--hidden{visibility:hidden;opacity:0}.sui-2-6-0 .sui-wrap .sui-side-tabs{margin:0 0 20px}.sui-2-6-0 .sui-wrap .sui-side-tabs>[data-tabs],.sui-2-6-0 .sui-wrap .sui-side-tabs>.sui-tabs-menu{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0;padding:0;list-style:none}.sui-2-6-0 .sui-wrap .sui-side-tabs>[data-tabs]>*,.sui-2-6-0 .sui-wrap .sui-side-tabs>[data-tabs] .sui-tab-item,.sui-2-6-0 .sui-wrap .sui-side-tabs>.sui-tabs-menu>*,.sui-2-6-0 .sui-wrap .sui-side-tabs>.sui-tabs-menu .sui-tab-item{cursor:pointer;-ms-flex:0 0 auto;flex:0 0 auto;margin:0 1px 0 0;padding:9px 20px;border:0;font:500 13px/22px "Roboto",Arial,sans-serif;letter-spacing:-.25px;text-decoration:none}.sui-2-6-0 .sui-wrap .sui-side-tabs>[data-tabs]>*,.sui-2-6-0 .sui-wrap .sui-side-tabs>[data-tabs]>*:focus,.sui-2-6-0 .sui-wrap .sui-side-tabs>[data-tabs]>*:hover,.sui-2-6-0 .sui-wrap .sui-side-tabs>[data-tabs]>*:active,.sui-2-6-0 .sui-wrap .sui-side-tabs>[data-tabs]>*:visited,.sui-2-6-0 .sui-wrap .sui-side-tabs>[data-tabs] .sui-tab-item,.sui-2-6-0 .sui-wrap .sui-side-tabs>[data-tabs] .sui-tab-item:focus,.sui-2-6-0 .sui-wrap .sui-side-tabs>[data-tabs] .sui-tab-item:hover,.sui-2-6-0 .sui-wrap .sui-side-tabs>[data-tabs] .sui-tab-item:active,.sui-2-6-0 .sui-wrap .sui-side-tabs>[data-tabs] .sui-tab-item:visited,.sui-2-6-0 .sui-wrap .sui-side-tabs>.sui-tabs-menu>*,.sui-2-6-0 .sui-wrap .sui-side-tabs>.sui-tabs-menu>*:focus,.sui-2-6-0 .sui-wrap .sui-side-tabs>.sui-tabs-menu>*:hover,.sui-2-6-0 .sui-wrap .sui-side-tabs>.sui-tabs-menu>*:active,.sui-2-6-0 .sui-wrap .sui-side-tabs>.sui-tabs-menu>*:visited,.sui-2-6-0 .sui-wrap .sui-side-tabs>.sui-tabs-menu .sui-tab-item,.sui-2-6-0 .sui-wrap .sui-side-tabs>.sui-tabs-menu .sui-tab-item:focus,.sui-2-6-0 .sui-wrap .sui-side-tabs>.sui-tabs-menu .sui-tab-item:hover,.sui-2-6-0 .sui-wrap .sui-side-tabs>.sui-tabs-menu .sui-tab-item:active,.sui-2-6-0 .sui-wrap .sui-side-tabs>.sui-tabs-menu .sui-tab-item:visited{outline:none;background-color:#F8F8F8;color:#666}.sui-2-6-0 .sui-wrap .sui-side-tabs>[data-tabs]>*:first-child,.sui-2-6-0 .sui-wrap .sui-side-tabs>[data-tabs] .sui-tab-item:first-child,.sui-2-6-0 .sui-wrap .sui-side-tabs>.sui-tabs-menu>*:first-child,.sui-2-6-0 .sui-wrap .sui-side-tabs>.sui-tabs-menu .sui-tab-item:first-child{border-radius:4px 0 0 4px}.sui-2-6-0 .sui-wrap .sui-side-tabs>[data-tabs]>*:last-child,.sui-2-6-0 .sui-wrap .sui-side-tabs>[data-tabs] .sui-tab-item:last-child,.sui-2-6-0 .sui-wrap .sui-side-tabs>.sui-tabs-menu>*:last-child,.sui-2-6-0 .sui-wrap .sui-side-tabs>.sui-tabs-menu .sui-tab-item:last-child{margin:0;border-radius:0 4px 4px 0}.sui-2-6-0 .sui-wrap .sui-side-tabs>[data-tabs]>*.active,.sui-2-6-0 .sui-wrap .sui-side-tabs>[data-tabs] .sui-tab-item.active,.sui-2-6-0 .sui-wrap .sui-side-tabs>.sui-tabs-menu>*.active,.sui-2-6-0 .sui-wrap .sui-side-tabs>.sui-tabs-menu .sui-tab-item.active{background-color:#E1F6FF;color:#17A8E3}.sui-2-6-0 .sui-wrap .sui-side-tabs>[data-panes]>*,.sui-2-6-0 .sui-wrap .sui-side-tabs>[data-panes]>.sui-tab-content,.sui-2-6-0 .sui-wrap .sui-side-tabs>.sui-tabs-content>*,.sui-2-6-0 .sui-wrap .sui-side-tabs>.sui-tabs-content>.sui-tab-content{display:none;margin:10px 0 0}.sui-2-6-0 .sui-wrap .sui-side-tabs>[data-panes]>*.sui-tab-boxed,.sui-2-6-0 .sui-wrap .sui-side-tabs>[data-panes]>.sui-tab-content.sui-tab-boxed,.sui-2-6-0 .sui-wrap .sui-side-tabs>.sui-tabs-content>*.sui-tab-boxed,.sui-2-6-0 .sui-wrap .sui-side-tabs>.sui-tabs-content>.sui-tab-content.sui-tab-boxed{padding:20px;border:1px solid #E6E6E6;border-radius:4px}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-side-tabs>[data-panes]>*.sui-tab-boxed,.sui-2-6-0 .sui-wrap .sui-side-tabs>[data-panes]>.sui-tab-content.sui-tab-boxed,.sui-2-6-0 .sui-wrap .sui-side-tabs>.sui-tabs-content>*.sui-tab-boxed,.sui-2-6-0 .sui-wrap .sui-side-tabs>.sui-tabs-content>.sui-tab-content.sui-tab-boxed{padding:30px}}.sui-2-6-0 .sui-wrap .sui-side-tabs>[data-panes]>*.active,.sui-2-6-0 .sui-wrap .sui-side-tabs>[data-panes]>.sui-tab-content.active,.sui-2-6-0 .sui-wrap .sui-side-tabs>.sui-tabs-content>*.active,.sui-2-6-0 .sui-wrap .sui-side-tabs>.sui-tabs-content>.sui-tab-content.active{display:block}.sui-2-6-0 .sui-wrap .sui-side-tabs>[data-panes].sui-tabs-content-lg>*,.sui-2-6-0 .sui-wrap .sui-side-tabs>[data-panes].sui-tabs-content-lg>.sui-tab-content,.sui-2-6-0 .sui-wrap .sui-side-tabs>.sui-tabs-content.sui-tabs-content-lg>*,.sui-2-6-0 .sui-wrap .sui-side-tabs>.sui-tabs-content.sui-tabs-content-lg>.sui-tab-content{margin-top:30px}.sui-2-6-0 .sui-wrap .sui-side-tabs:last-child{margin:0}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-side-tabs:last-child{margin:0}}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-side-tabs{margin:0 0 30px}}.sui-2-6-0 .sui-wrap .sui-box-body>.sui-tabs-flushed>[data-tabs],.sui-2-6-0 .sui-wrap .sui-box-body>.sui-tabs-flushed>.sui-tabs-menu{padding:0 20px}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-box-body>.sui-tabs-flushed>[data-tabs],.sui-2-6-0 .sui-wrap .sui-box-body>.sui-tabs-flushed>.sui-tabs-menu{padding:0 30px}}.sui-2-6-0 .sui-wrap .sui-box-body>.sui-tabs-flushed>[data-panes]>*,.sui-2-6-0 .sui-wrap .sui-box-body>.sui-tabs-flushed>[data-panes]>.sui-tab-content,.sui-2-6-0 .sui-wrap .sui-box-body>.sui-tabs-flushed>.sui-tabs-content>*,.sui-2-6-0 .sui-wrap .sui-box-body>.sui-tabs-flushed>.sui-tabs-content>.sui-tab-content{padding:20px}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-box-body>.sui-tabs-flushed>[data-panes]>*,.sui-2-6-0 .sui-wrap .sui-box-body>.sui-tabs-flushed>[data-panes]>.sui-tab-content,.sui-2-6-0 .sui-wrap .sui-box-body>.sui-tabs-flushed>.sui-tabs-content>*,.sui-2-6-0 .sui-wrap .sui-box-body>.sui-tabs-flushed>.sui-tabs-content>.sui-tab-content{padding:30px}}@media (max-width: 782px){.sui-2-6-0 .sui-wrap .sui-box-body>.sui-tabs-flushed{margin:-20px !important}}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-box-body>.sui-tabs-flushed{margin:-30px !important}}.sui-2-6-0 .sui-wrap{position:relative}.sui-2-6-0 .sui-wrap .sui-row-with-sidenav{width:100%;display:table;table-layout:fixed;clear:both;margin-bottom:30px}.sui-2-6-0 .sui-wrap .sui-row-with-sidenav .sui-sidenav{vertical-align:top}.sui-2-6-0 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-vertical-tabs{margin:15px 0 0;padding:0;border:0;list-style:none}.sui-2-6-0 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-vertical-tabs .sui-vertical-tab{height:30px;position:relative;margin:0 0 6px;padding:5px 15px;line-height:1.5em;list-style:none}.sui-2-6-0 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-vertical-tabs .sui-vertical-tab.current{background-color:#E6E6E6;border-radius:20px}.sui-2-6-0 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-vertical-tabs .sui-vertical-tab.current a{color:#333}.sui-2-6-0 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-vertical-tabs .sui-vertical-tab i,.sui-2-6-0 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-vertical-tabs .sui-vertical-tab .sui-tag{position:absolute;top:2px;right:3px}.sui-2-6-0 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-vertical-tabs .sui-vertical-tab [class*="sui-icon-"]{top:6px;right:7px}.sui-2-6-0 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-vertical-tabs .sui-vertical-tab [class*="sui-icon-"]:before{font-size:16px}.sui-2-6-0 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-vertical-tabs a{display:block;color:#666;font-weight:500;transition:0.3s ease}.sui-2-6-0 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-vertical-tabs a:hover,.sui-2-6-0 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-vertical-tabs a:focus{color:#333}.sui-2-6-0 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-vertical-tabs.sui-alt-design .sui-vertical-tab{height:auto;padding:0;background-color:transparent;line-height:auto}.sui-2-6-0 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-vertical-tabs.sui-alt-design .sui-vertical-tab a{padding:5px 15px;border-radius:20px;background-color:transparent}.sui-2-6-0 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-vertical-tabs.sui-alt-design .sui-vertical-tab a.current{background-color:#E6E6E6;color:#333}@media (max-width: 1199px){.sui-2-6-0 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-vertical-tabs{margin-bottom:15px}}@media (min-width: 1200px){.sui-2-6-0 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-vertical-tabs{margin-bottom:30px}}@media (max-width: 1199px){.sui-2-6-0 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-with-floating-input{left:0 !important}}@media (min-width: 1200px){.sui-2-6-0 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-with-floating-input{width:240px;position:absolute;top:0;left:230px;margin:0}}.sui-2-6-0 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-sidenav-settings .sui-form-field{margin:0 0 10px}.sui-2-6-0 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-sidenav-settings .sui-form-field .sui-mobile-nav{margin-bottom:0}.sui-2-6-0 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-sidenav-settings .sui-form-field:last-child{margin:0}@media (max-width: 1199px){.sui-2-6-0 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-sidenav-settings{margin-bottom:20px}}@media (min-width: 1200px){.sui-2-6-0 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-sidenav-settings{padding-left:15px}}@media (max-width: 1199px){.sui-2-6-0 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-sidenav-hide-md{display:none}}@media (min-width: 1200px){.sui-2-6-0 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-sidenav-hide-lg{display:none}}@media (max-width: 1199px){.sui-2-6-0 .sui-wrap .sui-row-with-sidenav .sui-sidenav{width:100%;display:block}}@media (min-width: 1200px){.sui-2-6-0 .sui-wrap .sui-row-with-sidenav .sui-sidenav{width:220px;display:table-cell;padding-right:30px}}@media (min-width: 1200px){.sui-2-6-0 .sui-wrap .sui-row-with-sidenav .sui-sidenav-sticky{position:-webkit-sticky !important;position:sticky !important;top:47px;z-index:11}}.sui-2-6-0 .sui-wrap .sui-row-with-sidenav>div:not(.sui-sidenav){display:block;position:relative;vertical-align:top;margin-bottom:0}@media (max-width: 1100px){.sui-2-6-0 .sui-wrap .sui-row-with-sidenav{display:block}}@keyframes sui1{to{stroke-dasharray:2.63894 262.89378}}@keyframes sui2{to{stroke-dasharray:5.27788 525.78757}}@keyframes sui3{to{stroke-dasharray:7.91681 788.68135}}@keyframes sui4{to{stroke-dasharray:10.55575 1051.57513}}@keyframes sui5{to{stroke-dasharray:13.19469 1314.46891}}@keyframes sui6{to{stroke-dasharray:15.83363 1577.3627}}@keyframes sui7{to{stroke-dasharray:18.47256 1840.25648}}@keyframes sui8{to{stroke-dasharray:21.1115 2103.15026}}@keyframes sui9{to{stroke-dasharray:23.75044 2366.04405}}@keyframes sui10{to{stroke-dasharray:26.38938 2628.93783}}@keyframes sui11{to{stroke-dasharray:29.02832 2891.83161}}@keyframes sui12{to{stroke-dasharray:31.66725 3154.72539}}@keyframes sui13{to{stroke-dasharray:34.30619 3417.61918}}@keyframes sui14{to{stroke-dasharray:36.94513 3680.51296}}@keyframes sui15{to{stroke-dasharray:39.58407 3943.40674}}@keyframes sui16{to{stroke-dasharray:42.22301 4206.30053}}@keyframes sui17{to{stroke-dasharray:44.86194 4469.19431}}@keyframes sui18{to{stroke-dasharray:47.50088 4732.08809}}@keyframes sui19{to{stroke-dasharray:50.13982 4994.98188}}@keyframes sui20{to{stroke-dasharray:52.77876 5257.87566}}@keyframes sui21{to{stroke-dasharray:55.41769 5520.76944}}@keyframes sui22{to{stroke-dasharray:58.05663 5783.66322}}@keyframes sui23{to{stroke-dasharray:60.69557 6046.55701}}@keyframes sui24{to{stroke-dasharray:63.33451 6309.45079}}@keyframes sui25{to{stroke-dasharray:65.97345 6572.34457}}@keyframes sui26{to{stroke-dasharray:68.61238 6835.23836}}@keyframes sui27{to{stroke-dasharray:71.25132 7098.13214}}@keyframes sui28{to{stroke-dasharray:73.89026 7361.02592}}@keyframes sui29{to{stroke-dasharray:76.5292 7623.9197}}@keyframes sui30{to{stroke-dasharray:79.16813 7886.81349}}@keyframes sui31{to{stroke-dasharray:81.80707 8149.70727}}@keyframes sui32{to{stroke-dasharray:84.44601 8412.60105}}@keyframes sui33{to{stroke-dasharray:87.08495 8675.49484}}@keyframes sui34{to{stroke-dasharray:89.72389 8938.38862}}@keyframes sui35{to{stroke-dasharray:92.36282 9201.2824}}@keyframes sui36{to{stroke-dasharray:95.00176 9464.17618}}@keyframes sui37{to{stroke-dasharray:97.6407 9727.06997}}@keyframes sui38{to{stroke-dasharray:100.27964 9989.96375}}@keyframes sui39{to{stroke-dasharray:102.91858 10252.85753}}@keyframes sui40{to{stroke-dasharray:105.55751 10515.75132}}@keyframes sui41{to{stroke-dasharray:108.19645 10778.6451}}@keyframes sui42{to{stroke-dasharray:110.83539 11041.53888}}@keyframes sui43{to{stroke-dasharray:113.47433 11304.43266}}@keyframes sui44{to{stroke-dasharray:116.11326 11567.32645}}@keyframes sui45{to{stroke-dasharray:118.7522 11830.22023}}@keyframes sui46{to{stroke-dasharray:121.39114 12093.11401}}@keyframes sui47{to{stroke-dasharray:124.03008 12356.0078}}@keyframes sui48{to{stroke-dasharray:126.66902 12618.90158}}@keyframes sui49{to{stroke-dasharray:129.30795 12881.79536}}@keyframes sui50{to{stroke-dasharray:131.94689 13144.68915}}@keyframes sui51{to{stroke-dasharray:134.58583 13407.58293}}@keyframes sui52{to{stroke-dasharray:137.22477 13670.47671}}@keyframes sui53{to{stroke-dasharray:139.8637 13933.37049}}@keyframes sui54{to{stroke-dasharray:142.50264 14196.26428}}@keyframes sui55{to{stroke-dasharray:145.14158 14459.15806}}@keyframes sui56{to{stroke-dasharray:147.78052 14722.05184}}@keyframes sui57{to{stroke-dasharray:150.41946 14984.94563}}@keyframes sui58{to{stroke-dasharray:153.05839 15247.83941}}@keyframes sui59{to{stroke-dasharray:155.69733 15510.73319}}@keyframes sui60{to{stroke-dasharray:158.33627 15773.62697}}@keyframes sui61{to{stroke-dasharray:160.97521 16036.52076}}@keyframes sui62{to{stroke-dasharray:163.61415 16299.41454}}@keyframes sui63{to{stroke-dasharray:166.25308 16562.30832}}@keyframes sui64{to{stroke-dasharray:168.89202 16825.20211}}@keyframes sui65{to{stroke-dasharray:171.53096 17088.09589}}@keyframes sui66{to{stroke-dasharray:174.1699 17350.98967}}@keyframes sui67{to{stroke-dasharray:176.80883 17613.88345}}@keyframes sui68{to{stroke-dasharray:179.44777 17876.77724}}@keyframes sui69{to{stroke-dasharray:182.08671 18139.67102}}@keyframes sui70{to{stroke-dasharray:184.72565 18402.5648}}@keyframes sui71{to{stroke-dasharray:187.36459 18665.45859}}@keyframes sui72{to{stroke-dasharray:190.00352 18928.35237}}@keyframes sui73{to{stroke-dasharray:192.64246 19191.24615}}@keyframes sui74{to{stroke-dasharray:195.2814 19454.13993}}@keyframes sui75{to{stroke-dasharray:197.92034 19717.03372}}@keyframes sui76{to{stroke-dasharray:200.55928 19979.9275}}@keyframes sui77{to{stroke-dasharray:203.19821 20242.82128}}@keyframes sui78{to{stroke-dasharray:205.83715 20505.71507}}@keyframes sui79{to{stroke-dasharray:208.47609 20768.60885}}@keyframes sui80{to{stroke-dasharray:211.11503 21031.50263}}@keyframes sui81{to{stroke-dasharray:213.75396 21294.39642}}@keyframes sui82{to{stroke-dasharray:216.3929 21557.2902}}@keyframes sui83{to{stroke-dasharray:219.03184 21820.18398}}@keyframes sui84{to{stroke-dasharray:221.67078 22083.07776}}@keyframes sui85{to{stroke-dasharray:224.30972 22345.97155}}@keyframes sui86{to{stroke-dasharray:226.94865 22608.86533}}@keyframes sui87{to{stroke-dasharray:229.58759 22871.75911}}@keyframes sui88{to{stroke-dasharray:232.22653 23134.6529}}@keyframes sui89{to{stroke-dasharray:234.86547 23397.54668}}@keyframes sui90{to{stroke-dasharray:237.5044 23660.44046}}@keyframes sui91{to{stroke-dasharray:240.14334 23923.33424}}@keyframes sui92{to{stroke-dasharray:242.78228 24186.22803}}@keyframes sui93{to{stroke-dasharray:245.42122 24449.12181}}@keyframes sui94{to{stroke-dasharray:248.06016 24712.01559}}@keyframes sui95{to{stroke-dasharray:250.69909 24974.90938}}@keyframes sui96{to{stroke-dasharray:253.33803 25237.80316}}@keyframes sui97{to{stroke-dasharray:255.97697 25500.69694}}@keyframes sui98{to{stroke-dasharray:258.61591 25763.59072}}@keyframes sui99{to{stroke-dasharray:261.25485 26026.48451}}@keyframes sui100{to{stroke-dasharray:263.89378 26289.37829}}.sui-2-6-0 .sui-wrap .sui-circle-score{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:30px;width:auto;opacity:0;transition:all .4s}.sui-2-6-0 .sui-wrap .sui-circle-score svg{height:100%;transform:rotate(-90deg);transform-origin:center}.sui-2-6-0 .sui-wrap .sui-circle-score svg circle{fill:none;stroke-linecap:butt}.sui-2-6-0 .sui-wrap .sui-circle-score svg circle:first-child{stroke:#F2F2F2}.sui-2-6-0 .sui-wrap .sui-circle-score svg circle:last-child{stroke:#1ABC9C}.sui-2-6-0 .sui-wrap .sui-circle-score.loaded{opacity:1}.sui-2-6-0 .sui-wrap .sui-circle-score-label{margin-left:10px;font-weight:500}.sui-2-6-0 .sui-wrap .sui-circle-score-sm{height:30px}.sui-2-6-0 .sui-wrap .sui-circle-score-lg{height:120px}.sui-2-6-0 .sui-wrap .sui-circle-score-lg .sui-circle-score-label{display:none}.sui-2-6-0 .sui-wrap .sui-grade-success svg circle:last-child,.sui-2-6-0 .sui-wrap .sui-grade-aplus svg circle:last-child,.sui-2-6-0 .sui-wrap .sui-grade-a svg circle:last-child,.sui-2-6-0 .sui-wrap .sui-grade-b svg circle:last-child{stroke:#1ABC9C}.sui-2-6-0 .sui-wrap .sui-grade-warning svg circle:last-child,.sui-2-6-0 .sui-wrap .sui-grade-c svg circle:last-child,.sui-2-6-0 .sui-wrap .sui-grade-d svg circle:last-child{stroke:#FECF2F}.sui-2-6-0 .sui-wrap .sui-grade-error svg circle:last-child,.sui-2-6-0 .sui-wrap .sui-grade-e svg circle:last-child,.sui-2-6-0 .sui-wrap .sui-grade-f svg circle:last-child{stroke:#FF6D6D}.sui-2-6-0 .sui-wrap .sui-grade-dismissed svg circle:last-child,.sui-2-6-0 .sui-wrap .sui-grade-disabled svg circle:last-child{stroke:#aaa}.sui-2-6-0 .sui-wrap .sui-grade-default svg circle:last-child{stroke:#666}.sui-2-6-0 .sui-wrap .sui-footer{margin-top:40px;color:#aaa;font:500 12px/22px "Roboto",Arial,sans-serif;letter-spacing:-.25px;text-align:center}.sui-2-6-0 .sui-wrap .sui-footer [class*="sui-icon-"]{margin:0 3px;font-size:11px}.sui-2-6-0 .sui-wrap .sui-footer [class*="sui-icon-"]:before{display:block;color:#aaa}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-footer{margin-top:60px}}.sui-2-6-0 .sui-wrap .sui-footer-nav,.sui-2-6-0 .sui-wrap .sui-footer-social{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;margin:20px 0 0;text-align:center}.sui-2-6-0 .sui-wrap .sui-footer-nav,.sui-2-6-0 .sui-wrap .sui-footer-nav li,.sui-2-6-0 .sui-wrap .sui-footer-social,.sui-2-6-0 .sui-wrap .sui-footer-social li{padding:0;border:0;list-style:none}.sui-2-6-0 .sui-wrap .sui-footer-nav li,.sui-2-6-0 .sui-wrap .sui-footer-social li{display:-ms-inline-flexbox;display:inline-flex;margin:0;color:#aaa;font:400 12px/16px "Roboto",Arial,sans-serif}.sui-2-6-0 .sui-wrap .sui-footer-nav li a,.sui-2-6-0 .sui-wrap .sui-footer-social li a{display:block;color:#aaa;font-weight:400;transition:all 0.3s ease}.sui-2-6-0 .sui-wrap .sui-footer-nav li a [class*="sui-icon-"],.sui-2-6-0 .sui-wrap .sui-footer-social li a [class*="sui-icon-"]{width:30px;text-align:center}.sui-2-6-0 .sui-wrap .sui-footer-nav li a [class*="sui-icon-"]:before,.sui-2-6-0 .sui-wrap .sui-footer-social li a [class*="sui-icon-"]:before{display:block;color:inherit}.sui-2-6-0 .sui-wrap .sui-footer-nav li a,.sui-2-6-0 .sui-wrap .sui-footer-nav li a:hover,.sui-2-6-0 .sui-wrap .sui-footer-nav li a:active,.sui-2-6-0 .sui-wrap .sui-footer-social li a,.sui-2-6-0 .sui-wrap .sui-footer-social li a:hover,.sui-2-6-0 .sui-wrap .sui-footer-social li a:active{outline:none;box-shadow:none}.sui-2-6-0 .sui-wrap .sui-footer-nav li a:hover,.sui-2-6-0 .sui-wrap .sui-footer-nav li a:active,.sui-2-6-0 .sui-wrap .sui-footer-social li a:hover,.sui-2-6-0 .sui-wrap .sui-footer-social li a:active{color:#666}@media (max-width: 782px){.sui-2-6-0 .sui-wrap .sui-footer-nav,.sui-2-6-0 .sui-wrap .sui-footer-social{-ms-flex-wrap:wrap;flex-wrap:wrap}}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-footer-nav,.sui-2-6-0 .sui-wrap .sui-footer-social{margin-top:30px}}.sui-2-6-0 .sui-wrap .sui-footer-nav li:not(:last-child):after{content:"/";margin-right:6px;margin-left:6px}.sui-2-6-0 .sui-wrap .sui-footer-social li{margin:0 5px}.sui-2-6-0 .sui-wrap .sui-footer-social li:first-child{margin-left:0}.sui-2-6-0 .sui-wrap .sui-footer-social li:last-child{margin-right:0}.sui-2-6-0 .sui-wrap #sui-cross-sell-footer>div{width:100%;text-align:center;border-bottom:1px solid #E6E6E6;line-height:0.1em;margin:10px 0 40px}.sui-2-6-0 .sui-wrap #sui-cross-sell-footer>div>span{position:relative;color:#888;background-color:#f1f1f1;padding:0 30px;font-size:16px;top:8px}.sui-2-6-0 .sui-wrap #sui-cross-sell-footer h3{font-size:22px;font-weight:bold;line-height:30px;text-transform:none}.sui-2-6-0 .sui-wrap .sui-cross-sell-modules{margin-top:30px}@media (min-width: 600px) and (max-width: 783px){.sui-2-6-0 .sui-wrap .sui-cross-sell-modules .sui-col-md-4{display:-ms-flexbox;display:flex}}.sui-2-6-0 .sui-wrap .sui-cross-sell-modules [class*="sui-cross-"]{min-height:150px;border-radius:4px 4px 0 0;background-size:cover;background-position:center}.sui-2-6-0 .sui-wrap .sui-cross-sell-modules [class*="sui-cross-"]>span{width:56px;height:56px;display:block;border:3px solid #fff;border-radius:50%;position:relative;top:80px;left:15px;box-shadow:0 1px 10px 0 rgba(0,0,0,0.25)}@media (min-width: 600px) and (max-width: 783px){.sui-2-6-0 .sui-wrap .sui-cross-sell-modules [class*="sui-cross-"]>span{top:110px}}@media (max-width: 600px){.sui-2-6-0 .sui-wrap .sui-cross-sell-modules [class*="sui-cross-"]>span{z-index:1;top:45px;left:50%;transform:translateX(-50%)}}@media (min-width: 600px) and (max-width: 783px){.sui-2-6-0 .sui-wrap .sui-cross-sell-modules [class*="sui-cross-"]{width:180px;-ms-flex:none;flex:none;border-radius:4px 0 0 4px}}@media (max-width: 600px){.sui-2-6-0 .sui-wrap .sui-cross-sell-modules [class*="sui-cross-"]{height:80px;min-height:auto}}.sui-2-6-0 .sui-wrap .sui-cross-sell-modules .sui-cross-1{background-image:url(../images/plugins-hummingbird.jpg)}.sui-2-6-0 .sui-wrap .sui-cross-sell-modules .sui-cross-1>span{background:url(../images/plugins-hummingbird-icon.png) no-repeat center center;background-size:50px 50px}@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx){.sui-2-6-0 .sui-wrap .sui-cross-sell-modules .sui-cross-1>span{background-image:url(../images/plugins-hummingbird-icon@2x.png)}}.sui-2-6-0 .sui-wrap .sui-cross-sell-modules .sui-cross-2{background-image:url(../images/plugins-defender.jpg)}.sui-2-6-0 .sui-wrap .sui-cross-sell-modules .sui-cross-2>span{background:url(../images/plugins-defender-icon.png) no-repeat center center;background-size:50px 50px}@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx){.sui-2-6-0 .sui-wrap .sui-cross-sell-modules .sui-cross-2>span{background-image:url(../images/plugins-defender-icon@2x.png)}}.sui-2-6-0 .sui-wrap .sui-cross-sell-modules .sui-cross-3{background-image:url(../images/plugins-smartcrawl.jpg)}.sui-2-6-0 .sui-wrap .sui-cross-sell-modules .sui-cross-3>span{background:url(../images/plugins-smartcrawl-icon.png) no-repeat center center;background-size:50px 50px}@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx){.sui-2-6-0 .sui-wrap .sui-cross-sell-modules .sui-cross-3>span{background-image:url(../images/plugins-smartcrawl-icon@2x.png)}}.sui-2-6-0 .sui-wrap .sui-cross-sell-modules .sui-box{margin-bottom:0}.sui-2-6-0 .sui-wrap .sui-cross-sell-modules .sui-box h3{margin-top:0;font-size:18px;line-height:30px;font-weight:700;text-transform:none}@media (min-width: 600px) and (max-width: 783px){.sui-2-6-0 .sui-wrap .sui-cross-sell-modules .sui-box h3{margin:0;min-height:auto}}@media (max-width: 600px){.sui-2-6-0 .sui-wrap .sui-cross-sell-modules .sui-box h3{min-height:auto}}.sui-2-6-0 .sui-wrap .sui-cross-sell-modules .sui-box .sui-box-body{padding:30px;border-radius:0 0 4px 4px;text-align:center}.sui-2-6-0 .sui-wrap .sui-cross-sell-modules .sui-box .sui-box-body p{margin-bottom:30px;color:#888;font-size:13px;line-height:22px}@media (min-width: 600px) and (max-width: 783px){.sui-2-6-0 .sui-wrap .sui-cross-sell-modules .sui-box .sui-box-body p{margin-bottom:14px}}@media (max-width: 600px){.sui-2-6-0 .sui-wrap .sui-cross-sell-modules .sui-box .sui-box-body p{margin-bottom:20px}}@media (min-width: 600px) and (max-width: 783px){.sui-2-6-0 .sui-wrap .sui-cross-sell-modules .sui-box .sui-box-body{text-align:left}}@media (max-width: 600px){.sui-2-6-0 .sui-wrap .sui-cross-sell-modules .sui-box .sui-box-body{padding:26px 20px 20px 20px}}@media (min-width: 600px) and (max-width: 783px){.sui-2-6-0 .sui-wrap .sui-cross-sell-modules .sui-box{border-radius:0 4px 4px 0}}.sui-2-6-0 .sui-wrap .sui-cross-sell-bottom{text-align:center;margin-top:50px}.sui-2-6-0 .sui-wrap .sui-cross-sell-bottom h3{font-size:22px;font-weight:bold;line-height:30px;text-transform:none}.sui-2-6-0 .sui-wrap .sui-cross-sell-bottom p{max-width:500px;margin:20px auto 30px}.sui-2-6-0 .sui-wrap .sui-cross-sell-bottom .sui-button{margin:0}.sui-2-6-0 .sui-wrap .sui-cross-sell-bottom img{display:block;height:auto;max-width:100%;margin:30px auto 0}.sui-2-6-0 #wpfooter{display:none}.sui-2-6-0 .sui-wrap .sui-progress{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.sui-2-6-0 .sui-wrap .sui-progress .sui-progress-icon{width:26px;text-align:center}.sui-2-6-0 .sui-wrap .sui-progress .sui-progress-icon [class*="sui-icon-"]{display:block;font-size:16px}.sui-2-6-0 .sui-wrap .sui-progress .sui-progress-icon [class*="sui-icon-"]:before{display:block}.sui-2-6-0 .sui-wrap .sui-progress .sui-progress-icon+.sui-progress-text{margin-left:0}.sui-2-6-0 .sui-wrap .sui-progress .sui-progress-icon+.sui-progress-bar{margin-left:5px}.sui-2-6-0 .sui-wrap .sui-progress .sui-progress-text{min-width:40px;-ms-flex:0 0 auto;flex:0 0 auto;color:#888;font:bold 12px/20px "Roboto",Arial,sans-serif;letter-spacing:-.25px;text-align:center}.sui-2-6-0 .sui-wrap .sui-progress .sui-progress-text span{display:block}.sui-2-6-0 .sui-wrap .sui-progress .sui-progress-text+.sui-progress-bar{margin-left:5px}.sui-2-6-0 .sui-wrap .sui-progress .sui-progress-bar{height:10px;overflow:hidden;-ms-flex:1;flex:1;border-radius:5px;background-color:#E6E6E6}.sui-2-6-0 .sui-wrap .sui-progress .sui-progress-bar span{height:100%;display:block;background-color:#17A8E3}.sui-2-6-0 .sui-wrap .sui-progress-block{width:100%;max-width:100%;min-height:60px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:14px 14px;border:1px solid #E6E6E6;border-radius:4px;background-color:#fff}.sui-2-6-0 .sui-wrap .sui-progress-block .sui-progress{-ms-flex:1;flex:1}.sui-2-6-0 .sui-wrap .sui-progress-block .sui-progress+.sui-button,.sui-2-6-0 .sui-wrap .sui-progress-block .sui-progress+.sui-button-icon{margin-left:10px}.sui-2-6-0 .sui-wrap .sui-progress-block .sui-button,.sui-2-6-0 .sui-wrap .sui-progress-block .sui-button-icon{-ms-flex:0 0 auto;flex:0 0 auto}.sui-2-6-0 .sui-wrap .sui-progress-block .sui-button-icon [class*="sui-icon-"],.sui-2-6-0 .sui-wrap .sui-progress-block a.sui-button-icon [class*="sui-icon-"],.sui-2-6-0 .sui-wrap .sui-progress-block button.sui-button-icon [class*="sui-icon-"]{font-size:16px}.sui-2-6-0 .sui-wrap .sui-progress-block+.sui-progress-state{margin-top:10px}.sui-2-6-0 .sui-wrap .sui-progress-state{display:block;color:#888;font:400 13px/22px "Roboto",Arial,sans-serif;letter-spacing:-.25px;text-align:center}.sui-2-6-0 .sui-wrap .sui-progress-state span{display:block}.sui-2-6-0 .sui-modal{width:calc(100% - 160px);height:calc(100vh - 32px);overflow-x:hidden;overflow-y:auto;-webkit-user-select:auto;-ms-user-select:auto;user-select:auto;display:none;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;position:fixed;z-index:13;top:32px;left:160px;padding:30px 0;background-color:rgba(51,51,51,0.95)}.sui-2-6-0 .sui-modal,.sui-2-6-0 .sui-modal *{box-sizing:border-box}.sui-2-6-0 .sui-modal .sui-modal-overlay{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0}.sui-2-6-0 .sui-modal .sui-modal-overlay:hover{cursor:pointer;outline:none;box-shadow:none}.sui-2-6-0 .sui-modal .sui-modal-content{width:100%;min-height:0;-ms-flex:0 0 auto;flex:0 0 auto;position:relative;margin:auto;padding:0 30px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-modal-content{padding:0 20px}}.sui-2-6-0 .sui-modal .sui-modal-slide{display:none}.sui-2-6-0 .sui-modal .sui-modal-slide.sui-active{opacity:0;display:block;animation-duration:0.7s;animation-fill-mode:both;transform-origin:center;transform-style:preserve-3d}.sui-2-6-0 .sui-modal .sui-modal-slide.sui-active.sui-loaded{opacity:1}.sui-2-6-0 .sui-modal .sui-modal-slide.sui-active.sui-fadein{opacity:1;animation-name:fadeIn}.sui-2-6-0 .sui-modal .sui-modal-slide.sui-active.sui-fadein-left{opacity:1;animation-name:fadeInLeft}.sui-2-6-0 .sui-modal .sui-modal-slide.sui-active.sui-fadein-right{opacity:1;animation-name:fadeInRight}.sui-2-6-0 .sui-modal .sui-modal-slide:disabled a,.sui-2-6-0 .sui-modal .sui-modal-slide:disabled input,.sui-2-6-0 .sui-modal .sui-modal-slide:disabled select,.sui-2-6-0 .sui-modal .sui-modal-slide:disabled button,.sui-2-6-0 .sui-modal .sui-modal-slide:disabled textarea,.sui-2-6-0 .sui-modal .sui-modal-slide[disabled] a,.sui-2-6-0 .sui-modal .sui-modal-slide[disabled] input,.sui-2-6-0 .sui-modal .sui-modal-slide[disabled] select,.sui-2-6-0 .sui-modal .sui-modal-slide[disabled] button,.sui-2-6-0 .sui-modal .sui-modal-slide[disabled] textarea{opacity:0.5;pointer-events:none}.sui-2-6-0 .sui-modal .sui-box{box-shadow:none}.sui-2-6-0 .sui-modal .sui-box .sui-box-title.sui-lg{font-size:22px;line-height:30px}.sui-2-6-0 .sui-modal .sui-box .sui-box-title+.sui-description{margin-top:15px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-title+.sui-description{margin-top:10px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-banner{width:100%;max-width:100%;height:auto;overflow:hidden;display:block;margin:0;padding:0;border:0;border-radius:0}.sui-2-6-0 .sui-modal .sui-box .sui-box-banner img{max-width:100%;display:block;margin:0 auto;padding:0;border:0}.sui-2-6-0 .sui-modal .sui-box .sui-box-logo{width:70px;height:70px;overflow:hidden;display:block;margin:0 auto;padding:0;border:5px solid #fff;border-radius:4px;background-color:#fff}.sui-2-6-0 .sui-modal .sui-box .sui-box-logo img{width:60px;height:60px;display:block;margin:0;padding:0;border:0;border-radius:4px}.sui-2-6-0 .sui-modal .sui-box .sui-box-header{position:relative}.sui-2-6-0 .sui-modal .sui-box .sui-box-header .sui-box-banner{width:auto;max-width:none;margin-top:-15px;margin-right:-30px;margin-bottom:40px;margin-left:-30px;border-top-left-radius:4px;border-top-right-radius:4px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-header .sui-box-banner{margin-top:-10px;margin-right:-20px;margin-bottom:30px;margin-left:-20px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-header .sui-box-logo{position:absolute;top:-35px;left:50%;transform:translateX(-50%)}.sui-2-6-0 .sui-modal .sui-box .sui-box-header .sui-button-float--right{position:absolute;top:20px;right:20px;margin:0}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-header .sui-button-float--right{top:15px;right:15px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-header .sui-button-float--left{position:absolute;top:20px;left:20px;margin:0}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-header .sui-button-float--left{top:15px;left:15px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-header .sui-steps-float{position:absolute;top:20px;left:50%;margin:0;transform:translateX(-50%)}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-header .sui-steps-float{top:15px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-flatten{padding-bottom:0;border-bottom-width:0}.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-top--0{padding-top:0}.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-top--0 .sui-box-banner{margin-top:-0}.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-right--0{padding-right:0}.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-right--0 .sui-box-banner{margin-right:-0}.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-bottom--0{padding-bottom:0}.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-left--0{padding-left:0}.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-left--0 .sui-box-banner{margin-left:-0}.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--0{padding-left:0;padding-right:0}.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--0 .sui-box-banner{margin-left:-0;margin-right:-0}.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-top--10{padding-top:10px}.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-top--10 .sui-box-banner{margin-top:-10px}.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-right--10{padding-right:10px}.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-right--10 .sui-box-banner{margin-right:-10px}.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-bottom--10{padding-bottom:10px}.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-left--10{padding-left:10px}.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-left--10 .sui-box-banner{margin-left:-10px}.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--10{padding-left:10px;padding-right:10px}.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--10 .sui-box-banner{margin-left:-10px;margin-right:-10px}.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-top--20{padding-top:20px}.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-top--20 .sui-box-banner{margin-top:-20px}.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-right--20{padding-right:20px}.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-right--20 .sui-box-banner{margin-right:-20px}.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-bottom--20{padding-bottom:20px}.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-left--20{padding-left:20px}.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-left--20 .sui-box-banner{margin-left:-20px}.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--20{padding-left:20px;padding-right:20px}.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--20 .sui-box-banner{margin-left:-20px;margin-right:-20px}.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-top--30{padding-top:30px}.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-top--30 .sui-box-banner{margin-top:-30px}.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-right--30{padding-right:30px}.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-right--30 .sui-box-banner{margin-right:-30px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-right--30 .sui-box-banner{margin-right:-20px}}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-right--30{padding-right:20px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-bottom--30{padding-bottom:30px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-bottom--30{padding-bottom:20px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-left--30{padding-left:30px}.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-left--30 .sui-box-banner{margin-left:-30px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-left--30 .sui-box-banner{margin-left:-20px}}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-left--30{padding-left:20px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--30{padding-left:30px;padding-right:30px}.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--30 .sui-box-banner{margin-left:-30px;margin-right:-30px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--30 .sui-box-banner{margin-left:-20px;margin-right:-20px}}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--30{padding-left:20px;padding-right:20px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-top--40{padding-top:40px}.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-top--40 .sui-box-banner{margin-top:-40px}.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-right--40{padding-right:40px}.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-right--40 .sui-box-banner{margin-right:-40px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-right--40 .sui-box-banner{margin-right:-20px}}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-right--40{padding-right:20px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-bottom--40{padding-bottom:40px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-bottom--40{padding-bottom:20px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-left--40{padding-left:40px}.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-left--40 .sui-box-banner{margin-left:-40px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-left--40 .sui-box-banner{margin-left:-20px}}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-left--40{padding-left:20px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--40{padding-left:40px;padding-right:40px}.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--40 .sui-box-banner{margin-left:-40px;margin-right:-40px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--40 .sui-box-banner{margin-left:-20px;margin-right:-20px}}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--40{padding-left:20px;padding-right:20px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-top--50{padding-top:50px}.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-top--50 .sui-box-banner{margin-top:-50px}.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-right--50{padding-right:50px}.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-right--50 .sui-box-banner{margin-right:-50px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-right--50 .sui-box-banner{margin-right:-40px}}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-right--50{padding-right:40px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-bottom--50{padding-bottom:50px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-bottom--50{padding-bottom:40px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-left--50{padding-left:50px}.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-left--50 .sui-box-banner{margin-left:-50px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-left--50 .sui-box-banner{margin-left:-40px}}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-left--50{padding-left:40px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--50{padding-left:50px;padding-right:50px}.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--50 .sui-box-banner{margin-left:-50px;margin-right:-50px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--50 .sui-box-banner{margin-left:-40px;margin-right:-40px}}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--50{padding-left:40px;padding-right:40px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-top--60{padding-top:60px}.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-top--60 .sui-box-banner{margin-top:-60px}.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-right--60{padding-right:60px}.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-right--60 .sui-box-banner{margin-right:-60px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-right--60 .sui-box-banner{margin-right:-40px}}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-right--60{padding-right:40px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-bottom--60{padding-bottom:60px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-bottom--60{padding-bottom:40px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-left--60{padding-left:60px}.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-left--60 .sui-box-banner{margin-left:-60px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-left--60 .sui-box-banner{margin-left:-40px}}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-left--60{padding-left:40px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--60{padding-left:60px;padding-right:60px}.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--60 .sui-box-banner{margin-left:-60px;margin-right:-60px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--60 .sui-box-banner{margin-left:-40px;margin-right:-40px}}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--60{padding-left:40px;padding-right:40px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-top--70{padding-top:70px}.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-top--70 .sui-box-banner{margin-top:-70px}.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-right--70{padding-right:70px}.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-right--70 .sui-box-banner{margin-right:-70px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-right--70 .sui-box-banner{margin-right:-40px}}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-right--70{padding-right:40px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-bottom--70{padding-bottom:70px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-bottom--70{padding-bottom:40px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-left--70{padding-left:70px}.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-left--70 .sui-box-banner{margin-left:-70px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-left--70 .sui-box-banner{margin-left:-40px}}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-left--70{padding-left:40px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--70{padding-left:70px;padding-right:70px}.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--70 .sui-box-banner{margin-left:-70px;margin-right:-70px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--70 .sui-box-banner{margin-left:-40px;margin-right:-40px}}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--70{padding-left:40px;padding-right:40px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-top--80{padding-top:80px}.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-top--80 .sui-box-banner{margin-top:-80px}.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-right--80{padding-right:80px}.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-right--80 .sui-box-banner{margin-right:-80px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-right--80 .sui-box-banner{margin-right:-40px}}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-right--80{padding-right:40px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-bottom--80{padding-bottom:80px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-bottom--80{padding-bottom:40px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-left--80{padding-left:80px}.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-left--80 .sui-box-banner{margin-left:-80px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-left--80 .sui-box-banner{margin-left:-40px}}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-left--80{padding-left:40px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--80{padding-left:80px;padding-right:80px}.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--80 .sui-box-banner{margin-left:-80px;margin-right:-80px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--80 .sui-box-banner{margin-left:-40px;margin-right:-40px}}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--80{padding-left:40px;padding-right:40px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-top--90{padding-top:90px}.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-top--90 .sui-box-banner{margin-top:-90px}.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-right--90{padding-right:90px}.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-right--90 .sui-box-banner{margin-right:-90px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-right--90 .sui-box-banner{margin-right:-50px}}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-right--90{padding-right:50px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-bottom--90{padding-bottom:90px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-bottom--90{padding-bottom:50px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-left--90{padding-left:90px}.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-left--90 .sui-box-banner{margin-left:-90px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-left--90 .sui-box-banner{margin-left:-50px}}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-left--90{padding-left:50px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--90{padding-left:90px;padding-right:90px}.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--90 .sui-box-banner{margin-left:-90px;margin-right:-90px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--90 .sui-box-banner{margin-left:-50px;margin-right:-50px}}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--90{padding-left:50px;padding-right:50px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-top--100{padding-top:100px}.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-top--100 .sui-box-banner{margin-top:-100px}.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-right--100{padding-right:100px}.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-right--100 .sui-box-banner{margin-right:-100px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-right--100 .sui-box-banner{margin-right:-50px}}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-right--100{padding-right:50px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-bottom--100{padding-bottom:100px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-bottom--100{padding-bottom:50px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-left--100{padding-left:100px}.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-left--100 .sui-box-banner{margin-left:-100px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-left--100 .sui-box-banner{margin-left:-50px}}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-left--100{padding-left:50px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--100{padding-left:100px;padding-right:100px}.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--100 .sui-box-banner{margin-left:-100px;margin-right:-100px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--100 .sui-box-banner{margin-left:-50px;margin-right:-50px}}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--100{padding-left:50px;padding-right:50px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-content-center{display:block;text-align:center}.sui-2-6-0 .sui-modal .sui-box .sui-box-header.sui-content-center-inline{-ms-flex-pack:center;justify-content:center}.sui-2-6-0 .sui-modal .sui-box .sui-box-header+.sui-box-footer.sui-flatten{padding-top:30px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-header+.sui-box-footer.sui-flatten{padding-top:20px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-header+.sui-box-footer:not(.sui-flatten){margin-top:30px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-header+.sui-box-footer:not(.sui-flatten){margin-top:20px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-body.sui-content-center{text-align:center}.sui-2-6-0 .sui-modal .sui-box .sui-box-body.sui-content-center-inline{text-align:right}.sui-2-6-0 .sui-modal .sui-box .sui-box-body.sui-spacing-top--0{padding-top:0}.sui-2-6-0 .sui-modal .sui-box .sui-box-body.sui-spacing-right--0{padding-right:0}.sui-2-6-0 .sui-modal .sui-box .sui-box-body.sui-spacing-bottom--0{padding-bottom:0}.sui-2-6-0 .sui-modal .sui-box .sui-box-body.sui-spacing-left--0{padding-left:0}.sui-2-6-0 .sui-modal .sui-box .sui-box-body.sui-spacing-sides--0{padding-left:0;padding-right:0}.sui-2-6-0 .sui-modal .sui-box .sui-box-body.sui-spacing-top--10{padding-top:10px}.sui-2-6-0 .sui-modal .sui-box .sui-box-body.sui-spacing-right--10{padding-right:10px}.sui-2-6-0 .sui-modal .sui-box .sui-box-body.sui-spacing-bottom--10{padding-bottom:10px}.sui-2-6-0 .sui-modal .sui-box .sui-box-body.sui-spacing-left--10{padding-left:10px}.sui-2-6-0 .sui-modal .sui-box .sui-box-body.sui-spacing-sides--10{padding-left:10px;padding-right:10px}.sui-2-6-0 .sui-modal .sui-box .sui-box-body.sui-spacing-top--20{padding-top:20px}.sui-2-6-0 .sui-modal .sui-box .sui-box-body.sui-spacing-right--20{padding-right:20px}.sui-2-6-0 .sui-modal .sui-box .sui-box-body.sui-spacing-bottom--20{padding-bottom:20px}.sui-2-6-0 .sui-modal .sui-box .sui-box-body.sui-spacing-left--20{padding-left:20px}.sui-2-6-0 .sui-modal .sui-box .sui-box-body.sui-spacing-sides--20{padding-left:20px;padding-right:20px}.sui-2-6-0 .sui-modal .sui-box .sui-box-body.sui-spacing-top--30{padding-top:30px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-body.sui-spacing-top--30{padding-top:20px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-body.sui-spacing-right--30{padding-right:30px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-body.sui-spacing-right--30{padding-right:20px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-body.sui-spacing-bottom--30{padding-bottom:30px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-body.sui-spacing-bottom--30{padding-bottom:20px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-body.sui-spacing-left--30{padding-left:30px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-body.sui-spacing-left--30{padding-left:20px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-body.sui-spacing-sides--30{padding-left:30px;padding-right:30px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-body.sui-spacing-sides--30{padding-left:20px;padding-right:20px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-body.sui-spacing-top--40{padding-top:40px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-body.sui-spacing-top--40{padding-top:20px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-body.sui-spacing-right--40{padding-right:40px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-body.sui-spacing-right--40{padding-right:20px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-body.sui-spacing-bottom--40{padding-bottom:40px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-body.sui-spacing-bottom--40{padding-bottom:20px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-body.sui-spacing-left--40{padding-left:40px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-body.sui-spacing-left--40{padding-left:20px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-body.sui-spacing-sides--40{padding-left:40px;padding-right:40px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-body.sui-spacing-sides--40{padding-left:20px;padding-right:20px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-body.sui-spacing-top--50{padding-top:50px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-body.sui-spacing-top--50{padding-top:40px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-body.sui-spacing-right--50{padding-right:50px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-body.sui-spacing-right--50{padding-right:40px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-body.sui-spacing-bottom--50{padding-bottom:50px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-body.sui-spacing-bottom--50{padding-bottom:40px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-body.sui-spacing-left--50{padding-left:50px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-body.sui-spacing-left--50{padding-left:40px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-body.sui-spacing-sides--50{padding-left:50px;padding-right:50px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-body.sui-spacing-sides--50{padding-left:40px;padding-right:40px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-body.sui-spacing-top--60{padding-top:60px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-body.sui-spacing-top--60{padding-top:40px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-body.sui-spacing-right--60{padding-right:60px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-body.sui-spacing-right--60{padding-right:40px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-body.sui-spacing-bottom--60{padding-bottom:60px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-body.sui-spacing-bottom--60{padding-bottom:40px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-body.sui-spacing-left--60{padding-left:60px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-body.sui-spacing-left--60{padding-left:40px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-body.sui-spacing-sides--60{padding-left:60px;padding-right:60px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-body.sui-spacing-sides--60{padding-left:40px;padding-right:40px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-body.sui-spacing-top--70{padding-top:70px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-body.sui-spacing-top--70{padding-top:40px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-body.sui-spacing-right--70{padding-right:70px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-body.sui-spacing-right--70{padding-right:40px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-body.sui-spacing-bottom--70{padding-bottom:70px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-body.sui-spacing-bottom--70{padding-bottom:40px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-body.sui-spacing-left--70{padding-left:70px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-body.sui-spacing-left--70{padding-left:40px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-body.sui-spacing-sides--70{padding-left:70px;padding-right:70px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-body.sui-spacing-sides--70{padding-left:40px;padding-right:40px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-body.sui-spacing-top--80{padding-top:80px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-body.sui-spacing-top--80{padding-top:40px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-body.sui-spacing-right--80{padding-right:80px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-body.sui-spacing-right--80{padding-right:40px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-body.sui-spacing-bottom--80{padding-bottom:80px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-body.sui-spacing-bottom--80{padding-bottom:40px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-body.sui-spacing-left--80{padding-left:80px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-body.sui-spacing-left--80{padding-left:40px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-body.sui-spacing-sides--80{padding-left:80px;padding-right:80px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-body.sui-spacing-sides--80{padding-left:40px;padding-right:40px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-body.sui-spacing-top--90{padding-top:90px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-body.sui-spacing-top--90{padding-top:50px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-body.sui-spacing-right--90{padding-right:90px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-body.sui-spacing-right--90{padding-right:50px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-body.sui-spacing-bottom--90{padding-bottom:90px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-body.sui-spacing-bottom--90{padding-bottom:50px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-body.sui-spacing-left--90{padding-left:90px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-body.sui-spacing-left--90{padding-left:50px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-body.sui-spacing-sides--90{padding-left:90px;padding-right:90px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-body.sui-spacing-sides--90{padding-left:50px;padding-right:50px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-body.sui-spacing-top--100{padding-top:100px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-body.sui-spacing-top--100{padding-top:50px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-body.sui-spacing-right--100{padding-right:100px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-body.sui-spacing-right--100{padding-right:50px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-body.sui-spacing-bottom--100{padding-bottom:100px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-body.sui-spacing-bottom--100{padding-bottom:50px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-body.sui-spacing-left--100{padding-left:100px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-body.sui-spacing-left--100{padding-left:50px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-body.sui-spacing-sides--100{padding-left:100px;padding-right:100px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-body.sui-spacing-sides--100{padding-left:50px;padding-right:50px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-selectors{margin:30px 0}.sui-2-6-0 .sui-modal .sui-box .sui-box-selectors:first-child{margin-top:0}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-selectors:first-child{margin-top:0}}.sui-2-6-0 .sui-modal .sui-box .sui-box-selectors:last-child{margin-bottom:0}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-selectors:last-child{margin-bottom:0}}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-selectors{margin:20px 0}}.sui-2-6-0 .sui-modal .sui-box .sui-box-footer.sui-flatten{padding-top:0;border-top-width:0}.sui-2-6-0 .sui-modal .sui-box .sui-box-footer.sui-content-center{-ms-flex-pack:center;justify-content:center}.sui-2-6-0 .sui-modal .sui-box .sui-box-footer.sui-content-right{-ms-flex-pack:end;justify-content:flex-end}.sui-2-6-0 .sui-modal .sui-box .sui-box-footer.sui-content-separated{-ms-flex-pack:justify;justify-content:space-between}.sui-2-6-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-top--0{padding-top:0}.sui-2-6-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-right--0{padding-right:0}.sui-2-6-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-bottom--0{padding-bottom:0}.sui-2-6-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-left--0{padding-left:0}.sui-2-6-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-sides--0{padding-left:0;padding-right:0}.sui-2-6-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-top--10{padding-top:10px}.sui-2-6-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-right--10{padding-right:10px}.sui-2-6-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-bottom--10{padding-bottom:10px}.sui-2-6-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-left--10{padding-left:10px}.sui-2-6-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-sides--10{padding-left:10px;padding-right:10px}.sui-2-6-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-top--20{padding-top:20px}.sui-2-6-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-right--20{padding-right:20px}.sui-2-6-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-bottom--20{padding-bottom:20px}.sui-2-6-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-left--20{padding-left:20px}.sui-2-6-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-sides--20{padding-left:20px;padding-right:20px}.sui-2-6-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-top--30{padding-top:30px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-top--30{padding-top:20px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-right--30{padding-right:30px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-right--30{padding-right:20px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-bottom--30{padding-bottom:30px}.sui-2-6-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-left--30{padding-left:30px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-left--30{padding-left:20px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-sides--30{padding-left:30px;padding-right:30px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-sides--30{padding-left:20px;padding-right:20px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-top--40{padding-top:40px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-top--40{padding-top:20px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-right--40{padding-right:40px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-right--40{padding-right:20px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-bottom--40{padding-bottom:40px}.sui-2-6-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-left--40{padding-left:40px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-left--40{padding-left:20px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-sides--40{padding-left:40px;padding-right:40px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-sides--40{padding-left:20px;padding-right:20px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-top--50{padding-top:50px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-top--50{padding-top:40px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-right--50{padding-right:50px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-right--50{padding-right:40px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-bottom--50{padding-bottom:50px}.sui-2-6-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-left--50{padding-left:50px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-left--50{padding-left:40px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-sides--50{padding-left:50px;padding-right:50px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-sides--50{padding-left:40px;padding-right:40px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-top--60{padding-top:60px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-top--60{padding-top:40px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-right--60{padding-right:60px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-right--60{padding-right:40px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-bottom--60{padding-bottom:60px}.sui-2-6-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-left--60{padding-left:60px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-left--60{padding-left:40px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-sides--60{padding-left:60px;padding-right:60px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-sides--60{padding-left:40px;padding-right:40px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-top--70{padding-top:70px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-top--70{padding-top:40px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-right--70{padding-right:70px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-right--70{padding-right:40px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-bottom--70{padding-bottom:70px}.sui-2-6-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-left--70{padding-left:70px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-left--70{padding-left:40px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-sides--70{padding-left:70px;padding-right:70px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-sides--70{padding-left:40px;padding-right:40px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-top--80{padding-top:80px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-top--80{padding-top:40px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-right--80{padding-right:80px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-right--80{padding-right:40px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-bottom--80{padding-bottom:80px}.sui-2-6-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-left--80{padding-left:80px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-left--80{padding-left:40px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-sides--80{padding-left:80px;padding-right:80px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-sides--80{padding-left:40px;padding-right:40px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-top--90{padding-top:90px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-top--90{padding-top:50px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-right--90{padding-right:90px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-right--90{padding-right:50px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-bottom--90{padding-bottom:90px}.sui-2-6-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-left--90{padding-left:90px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-left--90{padding-left:50px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-sides--90{padding-left:90px;padding-right:90px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-sides--90{padding-left:50px;padding-right:50px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-top--100{padding-top:100px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-top--100{padding-top:50px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-right--100{padding-right:100px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-right--100{padding-right:50px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-bottom--100{padding-bottom:100px}.sui-2-6-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-left--100{padding-left:100px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-left--100{padding-left:50px}}.sui-2-6-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-sides--100{padding-left:100px;padding-right:100px}@media (max-width: 782px){.sui-2-6-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-sides--100{padding-left:50px;padding-right:50px}}.sui-2-6-0 .sui-modal .sui-modal-skip:not(.sui-button){width:auto;max-width:100%;cursor:pointer;display:block;margin:0 auto;padding:0;border:0;background-color:transparent;background-image:none;box-shadow:none;color:#aaa;font:500 12px/16px "Roboto",Arial,sans-serif;letter-spacing:-0.18px;text-align:center}.sui-2-6-0 .sui-modal .sui-modal-skip:not(.sui-button):focus,.sui-2-6-0 .sui-modal .sui-modal-skip:not(.sui-button):hover,.sui-2-6-0 .sui-modal .sui-modal-skip:not(.sui-button):active{color:#fff}.sui-2-6-0 .sui-modal .sui-box-steps{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin:0 -5px;padding:0;border:0}.sui-2-6-0 .sui-modal .sui-box-steps a,.sui-2-6-0 .sui-modal .sui-box-steps span,.sui-2-6-0 .sui-modal .sui-box-steps button{overflow:hidden;display:block;-ms-flex:0 0 auto;flex:0 0 auto;margin:0 5px;padding:0;border:0;background-color:#E6E6E6;white-space:nowrap;text-overflow:clip;color:transparent}.sui-2-6-0 .sui-modal .sui-box-steps a.sui-current,.sui-2-6-0 .sui-modal .sui-box-steps span.sui-current,.sui-2-6-0 .sui-modal .sui-box-steps button.sui-current{background-color:#17A8E3}.sui-2-6-0 .sui-modal .sui-box-steps a:disabled,.sui-2-6-0 .sui-modal .sui-box-steps a[disabled],.sui-2-6-0 .sui-modal .sui-box-steps a.sui-disabled,.sui-2-6-0 .sui-modal .sui-box-steps span:disabled,.sui-2-6-0 .sui-modal .sui-box-steps span[disabled],.sui-2-6-0 .sui-modal .sui-box-steps span.sui-disabled,.sui-2-6-0 .sui-modal .sui-box-steps button:disabled,.sui-2-6-0 .sui-modal .sui-box-steps button[disabled],.sui-2-6-0 .sui-modal .sui-box-steps button.sui-disabled{cursor:not-allowed;pointer-events:none}.sui-2-6-0 .sui-modal .sui-box-steps a,.sui-2-6-0 .sui-modal .sui-box-steps button,.sui-2-6-0 .sui-modal .sui-box-steps span[role="button"]{cursor:pointer}.sui-2-6-0 .sui-modal .sui-box-steps.sui-lg{padding:8px 0}.sui-2-6-0 .sui-modal .sui-box-steps.sui-lg a,.sui-2-6-0 .sui-modal .sui-box-steps.sui-lg span,.sui-2-6-0 .sui-modal .sui-box-steps.sui-lg button{width:14px;height:14px;border-radius:28px}.sui-2-6-0 .sui-modal .sui-box-steps.sui-md{padding:10px 0}.sui-2-6-0 .sui-modal .sui-box-steps.sui-md a,.sui-2-6-0 .sui-modal .sui-box-steps.sui-md span,.sui-2-6-0 .sui-modal .sui-box-steps.sui-md button{width:10px;height:10px;border-radius:20px}.sui-2-6-0 .sui-modal .sui-box-steps.sui-sm{padding:11.5px 0}.sui-2-6-0 .sui-modal .sui-box-steps.sui-sm a,.sui-2-6-0 .sui-modal .sui-box-steps.sui-sm span,.sui-2-6-0 .sui-modal .sui-box-steps.sui-sm button{width:7px;height:7px;border-radius:14px}.sui-2-6-0 .sui-modal.sui-modal-xl .sui-modal-content{max-width:1040px}@media (max-width: 782px){.sui-2-6-0 .sui-modal.sui-modal-xl .sui-modal-content{max-width:1020px}}.sui-2-6-0 .sui-modal.sui-modal-lg .sui-modal-content{max-width:660px}@media (max-width: 782px){.sui-2-6-0 .sui-modal.sui-modal-lg .sui-modal-content{max-width:640px}}.sui-2-6-0 .sui-modal.sui-modal-md .sui-modal-content{max-width:560px}@media (max-width: 782px){.sui-2-6-0 .sui-modal.sui-modal-md .sui-modal-content{max-width:540px}}.sui-2-6-0 .sui-modal.sui-modal-sm .sui-modal-content{max-width:460px}@media (max-width: 782px){.sui-2-6-0 .sui-modal.sui-modal-sm .sui-modal-content{max-width:440px}}.sui-2-6-0 .sui-modal.sui-active{display:-ms-flexbox;display:flex}@media (max-width: 782px){.sui-2-6-0 .sui-modal{width:100%;left:0;padding:20px 0}}.sui-2-6-0 .sui-dialog{overflow:auto;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;position:fixed;z-index:13;top:0;right:0;bottom:0;left:160px;background-color:rgba(51,51,51,0.95)}.sui-2-6-0 .sui-dialog,.sui-2-6-0 .sui-dialog *{box-sizing:border-box}.sui-2-6-0 .sui-dialog,.sui-2-6-0 .sui-dialog:hover,.sui-2-6-0 .sui-dialog:focus,.sui-2-6-0 .sui-dialog:active{outline:none;box-shadow:none}.sui-2-6-0 .sui-dialog .sui-dialog-overlay{position:absolute;z-index:13;top:0;right:0;bottom:0;left:0}@media (max-width: 960px){.sui-2-6-0 .sui-dialog .sui-dialog-overlay{left:36px}}@media (max-width: 782px){.sui-2-6-0 .sui-dialog .sui-dialog-overlay{left:0}}.sui-2-6-0 .sui-dialog .sui-dialog-content{width:100%;max-width:660px;max-height:85%;position:relative;z-index:13;margin:0 auto;padding:0 30px}.sui-2-6-0 .sui-dialog .sui-dialog-content>.sui-box{margin:30px 0;box-shadow:0 10px 40px rgba(0,0,0,0.2)}.sui-2-6-0 .sui-dialog .sui-dialog-content>.sui-box .sui-box-body>*{margin-bottom:30px}@media (max-width: 782px){.sui-2-6-0 .sui-dialog .sui-dialog-content>.sui-box .sui-box-body>*{margin-bottom:20px}}.sui-2-6-0 .sui-dialog .sui-dialog-content>.sui-box .sui-box-body>*:last-child{margin-bottom:0}@media (max-width: 782px){.sui-2-6-0 .sui-dialog .sui-dialog-content>.sui-box{margin:20px 0}}@media (max-width: 782px){.sui-2-6-0 .sui-dialog .sui-dialog-content{max-width:640px;padding:0 20px}}.sui-2-6-0 .sui-dialog .sui-dialog-close{width:30px;height:30px;cursor:pointer;margin:0;padding:0;border:0;outline-style:none;background-image:none;background-color:transparent;transition:0.3s ease}.sui-2-6-0 .sui-dialog .sui-dialog-close:hover:before,.sui-2-6-0 .sui-dialog .sui-dialog-close:active:before{color:#888}.sui-2-6-0 .sui-dialog .sui-dialog-close:before{content:")";color:#aaa;font-size:16px;line-height:30px}.sui-2-6-0 .sui-dialog .sui-dialog-back{width:30px;height:30px;cursor:pointer;margin:0;padding:0;border:0;outline-style:none;background-image:none;background-color:transparent;transition:0.3s ease}.sui-2-6-0 .sui-dialog .sui-dialog-back:hover:before,.sui-2-6-0 .sui-dialog .sui-dialog-back:active:before{color:#888}.sui-2-6-0 .sui-dialog .sui-dialog-back:before{content:"Ó";color:#aaa;font-size:16px;line-height:30px}.sui-2-6-0 .sui-dialog.sui-dialog-alt .sui-dialog-content>.sui-box .sui-box-header.sui-block-content-center .sui-notice,.sui-2-6-0 .sui-dialog.sui-dialog-alt .sui-dialog-content>.sui-box .sui-box-header.sui-block-content-center .sui-form-field,.sui-2-6-0 .sui-dialog.sui-dialog-alt .sui-dialog-content>.sui-box .sui-box-body.sui-block-content-center .sui-notice,.sui-2-6-0 .sui-dialog.sui-dialog-alt .sui-dialog-content>.sui-box .sui-box-body.sui-block-content-center .sui-form-field,.sui-2-6-0 .sui-dialog.sui-dialog-alt .sui-dialog-content>.sui-box .sui-box-footer.sui-block-content-center .sui-notice,.sui-2-6-0 .sui-dialog.sui-dialog-alt .sui-dialog-content>.sui-box .sui-box-footer.sui-block-content-center .sui-form-field{text-align:initial}.sui-2-6-0 .sui-dialog.sui-dialog-alt .sui-dialog-content>.sui-box .sui-box-header{display:block;position:relative;padding-top:40px;padding-bottom:10px;border-bottom:0}.sui-2-6-0 .sui-dialog.sui-dialog-alt .sui-dialog-content>.sui-box .sui-box-header .sui-dialog-close{position:absolute;top:20px;right:20px}.sui-2-6-0 .sui-dialog.sui-dialog-alt .sui-dialog-content>.sui-box .sui-box-header .sui-dialog-back{position:absolute;top:20px;left:20px}.sui-2-6-0 .sui-dialog.sui-dialog-alt .sui-dialog-content>.sui-box .sui-box-header .sui-box-title{font-size:22px;line-height:30px;font-family:"Roboto",Arial,sans-serif}.sui-2-6-0 .sui-dialog.sui-dialog-alt .sui-dialog-content>.sui-box .sui-box-header .sui-box-title+.sui-description{margin-top:20px}.sui-2-6-0 .sui-dialog.sui-dialog-alt .sui-dialog-content>.sui-box .sui-box-header .sui-dialog-image{width:70px;height:70px;display:block;position:absolute;top:-30px;left:50%;margin-left:-35px;border:5px solid #fff;border-radius:4px;background-color:#fff}.sui-2-6-0 .sui-dialog.sui-dialog-alt .sui-dialog-content>.sui-box .sui-box-header .sui-dialog-image img{max-width:100%;max-height:100%;display:block;margin:0 auto;border-radius:3px}@media (max-width: 782px){.sui-2-6-0 .sui-dialog.sui-dialog-alt .sui-dialog-content>.sui-box .sui-box-header .sui-dialog-image{display:none}}.sui-2-6-0 .sui-dialog.sui-dialog-alt .sui-dialog-content>.sui-box .sui-box-header:last-child{padding-bottom:20px}@media (min-width: 783px){.sui-2-6-0 .sui-dialog.sui-dialog-alt .sui-dialog-content>.sui-box .sui-box-header:last-child{padding-bottom:30px}}@media (min-width: 783px){.sui-2-6-0 .sui-dialog.sui-dialog-alt .sui-dialog-content>.sui-box .sui-box-header{padding-top:60px}}.sui-2-6-0 .sui-dialog.sui-dialog-alt .sui-dialog-content>.sui-box .sui-box-body.sui-box-body-slim{padding-top:10px}.sui-2-6-0 .sui-dialog.sui-dialog-alt .sui-dialog-content>.sui-box .sui-box-body+.sui-box-footer{padding-top:0}.sui-2-6-0 .sui-dialog.sui-dialog-alt .sui-dialog-content>.sui-box .sui-box-footer{-ms-flex-pack:justify;justify-content:space-between;border-top:0}.sui-2-6-0 .sui-dialog.sui-dialog-alt .sui-dialog-content>.sui-box .sui-box-footer.sui-box-footer-center{-ms-flex-pack:center;justify-content:center}.sui-2-6-0 .sui-dialog.sui-dialog-alt .sui-dialog-content>.sui-box .sui-box-footer.sui-box-footer-right{-ms-flex-pack:end;justify-content:flex-end}.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content{pointer-events:none}.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider{display:block;position:relative}.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-content{pointer-events:all;padding:0}.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-content,.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-content>li{display:block;margin:0;border:0;list-style:none}.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-content>li{display:none}.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-content>li.sui-current{opacity:0;display:block;animation-duration:0.7s;animation-fill-mode:both;transform-origin:center;transform-style:preserve-3d}.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-content>li.sui-current.sui-loaded{opacity:1}.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-content>li.sui-current.fadeInLeft{opacity:1;animation-name:fadeInLeft}.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-content>li.sui-current.fadeInRight{opacity:1;animation-name:fadeInRight}@media (max-width: 782px){.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-content>li{padding:20px 0}}@media (min-width: 783px){.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-content>li{padding:30px 0}}.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-navigation button{cursor:pointer;pointer-events:all;position:absolute;top:50%;border-radius:50%;transform:translateY(-50%);font-size:16px;transition:all 0.3s ease}.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-navigation button,.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-navigation button:hover,.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-navigation button:focus,.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-navigation button:active{margin:0;padding:0;border:0;outline:none;box-shadow:none}.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-navigation button:hover,.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-navigation button:active{background-color:#fff;color:#666}.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-navigation button:disabled{opacity:0.3;pointer-events:none}.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-navigation button [class*="sui-icon-"]{display:block}.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-navigation button [class*="sui-icon-"]:before{display:block;color:inherit}.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-navigation button.sui-prev{left:0}.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-navigation button.sui-next{right:0}@media (max-width: 782px){.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-navigation button{width:30px;height:30px;background-color:#fff;color:#666}}@media (min-width: 783px){.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-navigation button{width:40px;height:40px;background-color:transparent;color:#fff}}.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-steps{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin:0 -5px;padding:20px 0;border:0}.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-steps,.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-steps li{list-style:none}.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-steps:before,.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-steps:after,.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-steps li:before,.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-steps li:after{content:unset}.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-steps li{display:block;-ms-flex:0 0 auto;flex:0 0 auto;margin:0;padding:0 5px}.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-steps li a,.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-steps li button,.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-steps li>span{width:7px;height:7px;display:block;border-radius:14px}.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-steps li a,.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-steps li a:hover,.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-steps li a:focus,.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-steps li a:active,.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-steps li a:visited,.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-steps li button,.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-steps li button:hover,.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-steps li button:focus,.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-steps li button:active,.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-steps li button:visited,.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-steps li>span,.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-steps li>span:hover,.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-steps li>span:focus,.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-steps li>span:active,.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-steps li>span:visited{margin:0;padding:0;border:0;outline:none;box-shadow:none}.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-steps.sui-clickable li a,.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-steps.sui-clickable li button,.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-steps.sui-clickable li>span{background-color:#E6E6E6}.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-steps.sui-clickable li a,.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-steps.sui-clickable li button{cursor:pointer}.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-steps.sui-clickable li.current a,.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-steps.sui-clickable li.current button,.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-steps.sui-clickable li.current>span{background-color:#666}.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-steps.sui-clickable li.current a,.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-steps.sui-clickable li.current button{pointer-events:none}.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-steps:not(.sui-clickable) li a,.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-steps:not(.sui-clickable) li button,.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-steps:not(.sui-clickable) li>span{background-color:#666}.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-steps:not(.sui-clickable) li a,.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-steps:not(.sui-clickable) li button{pointer-events:none}.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-steps:not(.sui-clickable) li.current ~ li a,.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-steps:not(.sui-clickable) li.current ~ li button,.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-steps:not(.sui-clickable) li.current ~ li>span{background-color:#E6E6E6}@media (max-width: 782px){.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider{padding:0 15px}}@media (min-width: 783px){.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider{padding:0 55px}}.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-content li>.sui-box .sui-box-banner{display:block}.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-content li>.sui-box .sui-box-banner img{width:auto;max-width:100%;height:auto;display:block;margin:0 auto}.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-content li>.sui-box .sui-box-banner:first-child{overflow:hidden;border-top-left-radius:4px;border-top-right-radius:4px}.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-content li>.sui-box .sui-box-banner:last-child{overflow:hidden;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-content li>.sui-box .sui-box-banner+[class*="sui-box-"]{padding-top:40px}.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-content li>.sui-box>[class*="sui-box-"]:not(.sui-box-selectors)+.sui-box-selectors{margin-top:20px}@media (min-width: 783px){.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-content li>.sui-box>[class*="sui-box-"]:not(.sui-box-selectors)+.sui-box-selectors{margin-top:30px}}.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-content li>.sui-box>[class*="sui-box-"]:not(.sui-box-selectors)+[class*="sui-box-"]:not(.sui-box-selectors){padding-top:20px}@media (min-width: 783px){.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-content li>.sui-box>[class*="sui-box-"]:not(.sui-box-selectors)+[class*="sui-box-"]:not(.sui-box-selectors){padding-top:30px}}.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-content li>.sui-box>[class*="sui-box-"]:not(.sui-box-selectors).sui-lg{padding-right:20px;padding-left:20px}.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-content li>.sui-box>[class*="sui-box-"]:not(.sui-box-selectors).sui-lg.sui-last,.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-content li>.sui-box>[class*="sui-box-"]:not(.sui-box-selectors).sui-lg:last-child{padding-bottom:40px}@media (min-width: 783px){.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-content li>.sui-box>[class*="sui-box-"]:not(.sui-box-selectors).sui-lg.sui-last,.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-content li>.sui-box>[class*="sui-box-"]:not(.sui-box-selectors).sui-lg:last-child{padding-bottom:60px}}@media (min-width: 783px){.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-content li>.sui-box>[class*="sui-box-"]:not(.sui-box-selectors).sui-lg{padding-right:60px;padding-left:60px}}.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-content li>.sui-box>[class*="sui-box-"]:not(.sui-box-selectors):last-child{padding-bottom:20px}@media (min-width: 783px){.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-content li>.sui-box>[class*="sui-box-"]:not(.sui-box-selectors):last-child{padding-bottom:30px}}.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-content li>.sui-box>[class*="sui-box-"]:not(.sui-box-selectors):not(:last-child){padding-bottom:0}.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-content li>.sui-box>.sui-box-header{display:block;border-bottom-width:0}.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-content li>.sui-box>.sui-box-header .sui-box-title{font-size:22px;line-height:30px}.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-content li>.sui-box>.sui-box-header .sui-box-title+.sui-description{margin-top:10px}@media (min-width: 783px){.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-content li>.sui-box>.sui-box-header .sui-box-title+.sui-description{margin-top:15px}}.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-content li>.sui-box>.sui-box-header .sui-description{line-height:22px}.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-content li>.sui-box>.sui-box-header .sui-dialog-close{position:absolute;top:20px;right:20px}.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-content li>.sui-box>.sui-box-header .sui-dialog-back{position:absolute;top:20px;left:20px}.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-content li>.sui-box>.sui-box-footer{display:block;border-top-width:0}.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-onboard-skip{font-size:13px;line-height:22px;letter-spacing:-.25px;text-align:center}.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-onboard-skip a{opacity:0.7}.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-onboard-skip a,.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-onboard-skip a:hover,.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-onboard-skip a:active,.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-onboard-skip a:visited{color:#fff}.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-onboard-skip a:hover,.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-onboard-skip a:active{opacity:1}@media (max-width: 782px){.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content{max-width:640px;padding:0 10px}}@media (min-width: 783px){.sui-2-6-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content{max-width:670px}}.sui-2-6-0 .sui-dialog.sui-dialog-sm:not(.sui-dialog-alt) .sui-dialog-content>.sui-box .sui-box-header{border:none;text-align:center;display:block;position:relative;padding-top:40px;padding-bottom:10px}.sui-2-6-0 .sui-dialog.sui-dialog-sm:not(.sui-dialog-alt) .sui-dialog-content>.sui-box .sui-box-header .sui-dialog-close{width:30px;height:30px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;position:absolute;top:15px;right:15px;margin:0;padding:0}.sui-2-6-0 .sui-dialog.sui-dialog-sm:not(.sui-dialog-alt) .sui-dialog-content>.sui-box .sui-box-header .sui-dialog-close,.sui-2-6-0 .sui-dialog.sui-dialog-sm:not(.sui-dialog-alt) .sui-dialog-content>.sui-box .sui-box-header .sui-dialog-close:before{color:#888}.sui-2-6-0 .sui-dialog.sui-dialog-sm:not(.sui-dialog-alt) .sui-dialog-content>.sui-box .sui-box-header .sui-dialog-close:before{font-size:16px}.sui-2-6-0 .sui-dialog.sui-dialog-sm:not(.sui-dialog-alt) .sui-dialog-content>.sui-box .sui-box-header .sui-dialog-close:hover,.sui-2-6-0 .sui-dialog.sui-dialog-sm:not(.sui-dialog-alt) .sui-dialog-content>.sui-box .sui-box-header .sui-dialog-close:focus{outline:none}@media (max-width: 782px){.sui-2-6-0 .sui-dialog.sui-dialog-sm:not(.sui-dialog-alt) .sui-dialog-content>.sui-box .sui-box-header .sui-dialog-close{top:20px;right:10px}}.sui-2-6-0 .sui-dialog.sui-dialog-sm:not(.sui-dialog-alt) .sui-dialog-content>.sui-box .sui-box-header .sui-dialog-image{width:70px;height:70px;display:block;position:absolute;top:-35px;left:50%;margin-left:-35px;border:5px solid #fff;border-radius:4px;background-color:#fff}.sui-2-6-0 .sui-dialog.sui-dialog-sm:not(.sui-dialog-alt) .sui-dialog-content>.sui-box .sui-box-header .sui-dialog-image img{display:block;border-radius:3px}@media (max-width: 782px){.sui-2-6-0 .sui-dialog.sui-dialog-sm:not(.sui-dialog-alt) .sui-dialog-content>.sui-box .sui-box-header .sui-dialog-image{display:none}}.sui-2-6-0 .sui-dialog.sui-dialog-sm:not(.sui-dialog-alt) .sui-dialog-content>.sui-box .sui-box-header .sui-box-title{margin:0;color:#333;font:bold 22px/30px "Roboto",Arial,sans-serif}.sui-2-6-0 .sui-dialog.sui-dialog-sm:not(.sui-dialog-alt) .sui-dialog-content>.sui-box .sui-box-header p{margin:10px 0 0;color:#666;font-size:13px;line-height:22px}.sui-2-6-0 .sui-dialog.sui-dialog-sm:not(.sui-dialog-alt) .sui-dialog-content>.sui-box .sui-box-header p:first-child{margin-top:0}.sui-2-6-0 .sui-dialog.sui-dialog-sm:not(.sui-dialog-alt) .sui-dialog-content>.sui-box .sui-box-header.sui-dialog-with-image{margin-top:35px;padding-top:60px}@media (max-width: 782px){.sui-2-6-0 .sui-dialog.sui-dialog-sm:not(.sui-dialog-alt) .sui-dialog-content>.sui-box .sui-box-header.sui-dialog-with-image{margin-top:0}}.sui-2-6-0 .sui-dialog.sui-dialog-sm:not(.sui-dialog-alt) .sui-dialog-content>.sui-box .sui-box-body{padding-top:10px;padding-bottom:15px;text-align:center}.sui-2-6-0 .sui-dialog.sui-dialog-sm:not(.sui-dialog-alt) .sui-dialog-content>.sui-box .sui-box-body p{font-size:13px;line-height:20px}.sui-2-6-0 .sui-dialog.sui-dialog-sm:not(.sui-dialog-alt) .sui-dialog-content>.sui-box .sui-box-body label{text-align:left}.sui-2-6-0 .sui-dialog.sui-dialog-sm:not(.sui-dialog-alt) .sui-dialog-content>.sui-box .sui-box-body .sui-label{line-height:22px}.sui-2-6-0 .sui-dialog.sui-dialog-sm:not(.sui-dialog-alt) .sui-dialog-content>.sui-box .sui-box-body .sui-form-field{margin-bottom:20px}.sui-2-6-0 .sui-dialog.sui-dialog-sm:not(.sui-dialog-alt) .sui-dialog-content>.sui-box .sui-box-body .sui-form-field:last-child{margin-bottom:0}.sui-2-6-0 .sui-dialog.sui-dialog-sm:not(.sui-dialog-alt) .sui-dialog-content>.sui-box .sui-box-body:last-child{padding-bottom:40px}@media (max-width: 782px){.sui-2-6-0 .sui-dialog.sui-dialog-sm:not(.sui-dialog-alt) .sui-dialog-content>.sui-box .sui-box-body{padding-bottom:10px}}.sui-2-6-0 .sui-dialog.sui-dialog-sm:not(.sui-dialog-alt) .sui-dialog-content>.sui-box .sui-box-footer{-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding-top:15px;padding-bottom:40px;border:0}.sui-2-6-0 .sui-dialog.sui-dialog-sm:not(.sui-dialog-alt) .sui-dialog-content>.sui-box .sui-box-footer.sui-align-unset{-ms-flex-pack:unset;justify-content:unset}.sui-2-6-0 .sui-dialog.sui-dialog-sm:not(.sui-dialog-alt) .sui-dialog-content>.sui-box .sui-box-footer.sui-space-between{-ms-flex-pack:justify;justify-content:space-between}@media (max-width: 782px){.sui-2-6-0 .sui-dialog.sui-dialog-sm:not(.sui-dialog-alt) .sui-dialog-content>.sui-box .sui-box-footer{padding-top:10px}}.sui-2-6-0 .sui-dialog.sui-dialog-reduced .sui-dialog-content{max-width:560px}@media (max-width: 500px){.sui-2-6-0 .sui-dialog.sui-dialog-reduced .sui-dialog-content{max-width:calc(500px + (20px*2))}}.sui-2-6-0 .sui-dialog.sui-dialog-sm .sui-dialog-content{max-width:460px}@media (max-width: 400px){.sui-2-6-0 .sui-dialog.sui-dialog-sm .sui-dialog-content{max-width:calc(400px + (20px*2))}}.sui-2-6-0 .sui-dialog.sui-dialog-lg .sui-dialog-content{max-width:1040px}@media (max-width: 1200px){.sui-2-6-0 .sui-dialog.sui-dialog-lg .sui-dialog-content{max-width:1020px}}.sui-2-6-0 .sui-dialog[aria-hidden="true"]{display:none}@media (max-width: 960px){.sui-2-6-0 .sui-dialog{left:36px}}@media (max-width: 782px){.sui-2-6-0 .sui-dialog{left:0}}@media (min-width: 783px){.sui-2-6-0.wp-admin.folded .sui-modal{width:calc(100% - 36px);left:36px}}.sui-2-6-0.wp-admin.folded .sui-dialog{left:36px}.sui-2-6-0.wp-admin.folded .sui-dialog .sui-dialog-overlay{left:36px}@media (max-width: 782px){.sui-2-6-0.wp-admin.folded .sui-dialog .sui-dialog-overlay{left:0}}@media (max-width: 782px){.sui-2-6-0.wp-admin.folded .sui-dialog{left:0}}@media only screen and (max-width: 960px){.sui-2-6-0.wp-admin.auto-fold .sui-modal{width:calc(100% - 36px);left:36px}}@media only screen and (max-width: 782px){.sui-2-6-0.wp-admin.auto-fold .sui-modal{width:100%;left:0}}html.sui-has-modal,html.sui-has-overlay{overflow:hidden}.sui-2-6-0 .sui-wrap .sui-hidden{display:none}.sui-2-6-0 .sui-wrap .sui-hidden-important{display:none !important}.sui-2-6-0 .sui-wrap .sui-block-content-center{text-align:center}.sui-2-6-0 .sui-wrap .sui-image{display:block;height:auto;max-width:100%}.sui-2-6-0 .sui-wrap .sui-image-center{margin-right:auto;margin-left:auto}.sui-2-6-0 .sui-wrap .sui-actions-left{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-left:10px;margin-right:auto}.sui-2-6-0 .sui-wrap .sui-actions-right{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-left:auto;margin-right:0}.sui-2-6-0 .sui-wrap .sui-space-between{-ms-flex-pack:justify;justify-content:space-between}.sui-2-6-0 .sui-wrap .sui-align-start{-ms-flex-pack:start;justify-content:flex-start}.sui-2-6-0 .sui-wrap .sui-align-end{-ms-flex-pack:end;justify-content:flex-end}.sui-2-6-0 .sui-wrap .sui-success{color:#1ABC9C}.sui-2-6-0 .sui-wrap .sui-warning{color:#FECF2F}.sui-2-6-0 .sui-wrap .sui-error{color:#FF6D6D}.sui-2-6-0 .sui-wrap .sui-info{color:#17A8E3}.sui-2-6-0 .sui-wrap .sui-no-margin{margin:0 !important}.sui-2-6-0 .sui-wrap .sui-no-margin-top{margin-top:0 !important}.sui-2-6-0 .sui-wrap .sui-no-margin-bottom{margin-bottom:0 !important}.sui-2-6-0 .sui-wrap .sui-no-margin-left{margin-left:0 !important}.sui-2-6-0 .sui-wrap .sui-no-margin-right{margin-right:0 !important}.sui-2-6-0 .sui-wrap .sui-no-padding{padding:0 !important}.sui-2-6-0 .sui-wrap .sui-no-padding-top{padding-top:0 !important}.sui-2-6-0 .sui-wrap .sui-no-padding-bottom{padding-bottom:0 !important}.sui-2-6-0 .sui-wrap .sui-no-padding-left{padding-left:0 !important}.sui-2-6-0 .sui-wrap .sui-no-padding-right{padding-right:0 !important}.sui-2-6-0 .sui-wrap .sui-margin{margin:30px !important}.sui-2-6-0 .sui-wrap .sui-margin-top{margin-top:30px !important}.sui-2-6-0 .sui-wrap .sui-margin-bottom{margin-bottom:30px !important}.sui-2-6-0 .sui-wrap .sui-margin-left{margin-left:30px !important}.sui-2-6-0 .sui-wrap .sui-margin-right{margin-right:30px !important}.sui-2-6-0 .sui-wrap .sui-padding{padding:30px !important}.sui-2-6-0 .sui-wrap .sui-padding-top{padding-top:30px !important}.sui-2-6-0 .sui-wrap .sui-padding-bottom{padding-bottom:30px !important}.sui-2-6-0 .sui-wrap .sui-padding-left{padding-left:30px !important}.sui-2-6-0 .sui-wrap .sui-padding-right{padding-right:30px !important}@media (max-width: 479px){.sui-hidden-xs{display:none !important}}@media (min-width: 480px) and (max-width: 782px){.sui-hidden-sm{display:none !important}}@media (min-width: 783px) and (max-width: 1199px){.sui-hidden-md{display:none !important}}@media (min-width: 1200px){.sui-hidden-lg{display:none !important}}.sui-2-6-0 #wpbody-content>.notice{margin:10px 30px 15px 10px}@media (max-width: 782px){.sui-2-6-0 #wpbody-content>.notice{margin:20px 10px 0 0px}}.sui-2-6-0 .sui-wrap .sui-table{width:100%;table-layout:fixed;margin:20px 0;border-collapse:unset;border-spacing:unset;border:1px solid #E6E6E6;border-radius:4px;color:#666;font-size:13px;line-height:22px;letter-spacing:-.25px}.sui-2-6-0 .sui-wrap .sui-table thead>tr>th,.sui-2-6-0 .sui-wrap .sui-table thead>tr>.sui-table-item-title,.sui-2-6-0 .sui-wrap .sui-table thead>tr>.sui-accordion-item-title,.sui-2-6-0 .sui-wrap .sui-table tbody>tr>th,.sui-2-6-0 .sui-wrap .sui-table tbody>tr>.sui-table-item-title,.sui-2-6-0 .sui-wrap .sui-table tbody>tr>.sui-accordion-item-title,.sui-2-6-0 .sui-wrap .sui-table tfoot>tr>th,.sui-2-6-0 .sui-wrap .sui-table tfoot>tr>.sui-table-item-title,.sui-2-6-0 .sui-wrap .sui-table tfoot>tr>.sui-accordion-item-title{color:#333;text-align:left}.sui-2-6-0 .sui-wrap .sui-table thead>tr>th,.sui-2-6-0 .sui-wrap .sui-table thead>tr>td,.sui-2-6-0 .sui-wrap .sui-table tbody>tr>th,.sui-2-6-0 .sui-wrap .sui-table tbody>tr>td,.sui-2-6-0 .sui-wrap .sui-table tfoot>tr>th,.sui-2-6-0 .sui-wrap .sui-table tfoot>tr>td{height:40px;vertical-align:middle;padding:5px 9px;border:0;border-bottom:1px solid #E6E6E6}.sui-2-6-0 .sui-wrap .sui-table thead>tr>th:first-child,.sui-2-6-0 .sui-wrap .sui-table thead>tr>td:first-child,.sui-2-6-0 .sui-wrap .sui-table tbody>tr>th:first-child,.sui-2-6-0 .sui-wrap .sui-table tbody>tr>td:first-child,.sui-2-6-0 .sui-wrap .sui-table tfoot>tr>th:first-child,.sui-2-6-0 .sui-wrap .sui-table tfoot>tr>td:first-child{padding-left:19px}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-table thead>tr>th:first-child,.sui-2-6-0 .sui-wrap .sui-table thead>tr>td:first-child,.sui-2-6-0 .sui-wrap .sui-table tbody>tr>th:first-child,.sui-2-6-0 .sui-wrap .sui-table tbody>tr>td:first-child,.sui-2-6-0 .sui-wrap .sui-table tfoot>tr>th:first-child,.sui-2-6-0 .sui-wrap .sui-table tfoot>tr>td:first-child{padding-left:29px}}.sui-2-6-0 .sui-wrap .sui-table thead>tr>th:last-child,.sui-2-6-0 .sui-wrap .sui-table thead>tr>td:last-child,.sui-2-6-0 .sui-wrap .sui-table tbody>tr>th:last-child,.sui-2-6-0 .sui-wrap .sui-table tbody>tr>td:last-child,.sui-2-6-0 .sui-wrap .sui-table tfoot>tr>th:last-child,.sui-2-6-0 .sui-wrap .sui-table tfoot>tr>td:last-child{padding-right:19px}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-table thead>tr>th:last-child,.sui-2-6-0 .sui-wrap .sui-table thead>tr>td:last-child,.sui-2-6-0 .sui-wrap .sui-table tbody>tr>th:last-child,.sui-2-6-0 .sui-wrap .sui-table tbody>tr>td:last-child,.sui-2-6-0 .sui-wrap .sui-table tfoot>tr>th:last-child,.sui-2-6-0 .sui-wrap .sui-table tfoot>tr>td:last-child{padding-right:29px}}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-table thead>tr>th,.sui-2-6-0 .sui-wrap .sui-table thead>tr>td,.sui-2-6-0 .sui-wrap .sui-table tbody>tr>th,.sui-2-6-0 .sui-wrap .sui-table tbody>tr>td,.sui-2-6-0 .sui-wrap .sui-table tfoot>tr>th,.sui-2-6-0 .sui-wrap .sui-table tfoot>tr>td{height:60px;padding-right:14px;padding-left:14px}}.sui-2-6-0 .sui-wrap .sui-table thead:last-child>tr:last-child>th,.sui-2-6-0 .sui-wrap .sui-table thead:last-child>tr:last-child>td,.sui-2-6-0 .sui-wrap .sui-table tbody:last-child>tr:last-child>th,.sui-2-6-0 .sui-wrap .sui-table tbody:last-child>tr:last-child>td,.sui-2-6-0 .sui-wrap .sui-table tfoot:last-child>tr:last-child>th,.sui-2-6-0 .sui-wrap .sui-table tfoot:last-child>tr:last-child>td{border-bottom:0}.sui-2-6-0 .sui-wrap .sui-table thead tr th{font-weight:bold;white-space:nowrap}.sui-2-6-0 .sui-wrap .sui-table tbody tr th .sui-toggle,.sui-2-6-0 .sui-wrap .sui-table tbody tr td .sui-toggle{vertical-align:text-top}.sui-2-6-0 .sui-wrap .sui-table tbody tr th>[class*="sui-icon-"],.sui-2-6-0 .sui-wrap .sui-table tbody tr td>[class*="sui-icon-"]{margin-right:10px;font-size:10px}.sui-2-6-0 .sui-wrap .sui-table tbody tr th>[class*="sui-icon-"].sui-icon-right,.sui-2-6-0 .sui-wrap .sui-table tbody tr td>[class*="sui-icon-"].sui-icon-right{margin-right:0;margin-left:10px}.sui-2-6-0 .sui-wrap .sui-table tbody tr th,.sui-2-6-0 .sui-wrap .sui-table tbody tr .sui-table-item-title,.sui-2-6-0 .sui-wrap .sui-table tbody tr .sui-accordion-item-title{font-weight:500}.sui-2-6-0 .sui-wrap .sui-table tbody tr .sui-table-item-title>[class*="sui-icon-"],.sui-2-6-0 .sui-wrap .sui-table tbody tr .sui-accordion-item-title>[class*="sui-icon-"]{margin-right:10px;font-size:16px;vertical-align:middle}.sui-2-6-0 .sui-wrap .sui-table tbody tr .sui-table-item-title>[class*="sui-icon-"]:before,.sui-2-6-0 .sui-wrap .sui-table tbody tr .sui-accordion-item-title>[class*="sui-icon-"]:before{display:inline-block;line-height:22px}.sui-2-6-0 .sui-wrap .sui-table tbody tr .sui-table-item-title>[class*="sui-icon-"].sui-icon-right,.sui-2-6-0 .sui-wrap .sui-table tbody tr .sui-accordion-item-title>[class*="sui-icon-"].sui-icon-right{margin-right:0;margin-left:10px}.sui-2-6-0 .sui-wrap .sui-table tbody tr.sui-error th,.sui-2-6-0 .sui-wrap .sui-table tbody tr.sui-error .sui-table-item-title,.sui-2-6-0 .sui-wrap .sui-table tbody tr.sui-error .sui-accordion-item-title,.sui-2-6-0 .sui-wrap .sui-table tbody tr.sui-warning th,.sui-2-6-0 .sui-wrap .sui-table tbody tr.sui-warning .sui-table-item-title,.sui-2-6-0 .sui-wrap .sui-table tbody tr.sui-warning .sui-accordion-item-title,.sui-2-6-0 .sui-wrap .sui-table tbody tr.sui-success th,.sui-2-6-0 .sui-wrap .sui-table tbody tr.sui-success .sui-table-item-title,.sui-2-6-0 .sui-wrap .sui-table tbody tr.sui-success .sui-accordion-item-title{color:#333}.sui-2-6-0 .sui-wrap .sui-table tbody tr.sui-error td,.sui-2-6-0 .sui-wrap .sui-table tbody tr.sui-warning td,.sui-2-6-0 .sui-wrap .sui-table tbody tr.sui-success td{color:#666}.sui-2-6-0 .sui-wrap .sui-table tbody tr.sui-default{box-shadow:inset 3px 0 0 #666}.sui-2-6-0 .sui-wrap .sui-table tbody tr.sui-error{box-shadow:inset 3px 0 0 #FF6D6D}.sui-2-6-0 .sui-wrap .sui-table tbody tr.sui-warning{box-shadow:inset 3px 0 0 #FECF2F}.sui-2-6-0 .sui-wrap .sui-table tbody tr.sui-success{box-shadow:inset 3px 0 0 #1ABC9C}.sui-2-6-0 .sui-wrap .sui-table:first-child,.sui-2-6-0 .sui-wrap .sui-table.sui-table-with-title{margin-top:0}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-table:first-child,.sui-2-6-0 .sui-wrap .sui-table.sui-table-with-title{margin-top:0}}.sui-2-6-0 .sui-wrap .sui-table:last-child{margin-bottom:0}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-table:last-child{margin-bottom:0}}.sui-2-6-0 .sui-wrap .sui-table.sui-table-flushed{margin:0;border:0;border-radius:0;border-collapse:collapse}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-table{margin:30px 0}}.sui-2-6-0 .sui-wrap .sui-table-title{margin:5px 0;color:#333;font:bold 13px/22px "Roboto",Arial,sans-serif;letter-spacing:0}.sui-2-6-0 .sui-wrap .sui-box-body+.sui-table.sui-table-flushed>thead:first-child>tr:first-child>th,.sui-2-6-0 .sui-wrap .sui-box-body+.sui-table.sui-table-flushed>thead:first-child>tr:first-child>td,.sui-2-6-0 .sui-wrap .sui-box-body+.sui-table.sui-table-flushed>tbody:first-child>tr:first-child>th,.sui-2-6-0 .sui-wrap .sui-box-body+.sui-table.sui-table-flushed>tbody:first-child>tr:first-child>td,.sui-2-6-0 .sui-wrap .sui-box-body+.sui-table.sui-table-flushed>tfoot:first-child>tr:first-child>th,.sui-2-6-0 .sui-wrap .sui-box-body+.sui-table.sui-table-flushed>tfoot:first-child>tr:first-child>td{height:auto;padding-top:0}.sui-2-6-0 .sui-wrap .sui-field-list{border:1px solid #E6E6E6;border-radius:4px}.sui-2-6-0 .sui-wrap .sui-field-list-header{padding:20px 30px}.sui-2-6-0 .sui-wrap .sui-field-list-item{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:15px 30px;border-top:1px solid #E6E6E6}.sui-2-6-0 .sui-wrap .sui-field-list-item-label{margin-right:auto;margin-left:0}.sui-2-6-0 .sui-wrap .sui-field-list-title{margin:0;color:#333;font-size:13px;line-height:30px;font-family:"Roboto",Arial,sans-serif;font-weight:500;text-transform:capitalize}.sui-2-6-0 .sui-wrap .sui-box-selectors{background-color:#F8F8F8}.sui-2-6-0 .sui-wrap .sui-box-selectors ul,.sui-2-6-0 .sui-wrap .sui-box-selectors li{list-style:none}.sui-2-6-0 .sui-wrap .sui-box-selectors ul{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:0;margin-right:-10px;margin-bottom:0;margin-left:-10px;padding:0;border:0}.sui-2-6-0 .sui-wrap .sui-box-selectors ul li{margin:0;padding:10px;border:0}.sui-2-6-0 .sui-wrap .sui-box-selectors ul.sui-spacing-slim li{padding:5px}.sui-2-6-0 .sui-wrap .sui-box-selectors[class*="sui-box-selectors-col-"] ul li{-ms-flex:0 0 auto;flex:0 0 auto}.sui-2-6-0 .sui-wrap .sui-box-selectors:not([class*="sui-box-selectors-col-"]) ul li{-ms-flex:1;flex:1}@media (max-width: 782px){.sui-2-6-0 .sui-wrap .sui-box-selectors.sui-box-selectors-col-1 ul li{min-width:100%;-ms-flex-preferred-size:100%;flex-basis:100%}}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-box-selectors.sui-box-selectors-col-1 ul li{min-width:100%;-ms-flex-preferred-size:100%;flex-basis:100%}}@media (max-width: 782px){.sui-2-6-0 .sui-wrap .sui-box-selectors.sui-box-selectors-col-2 ul li{min-width:100%;-ms-flex-preferred-size:100%;flex-basis:100%}}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-box-selectors.sui-box-selectors-col-2 ul li{min-width:50%;-ms-flex-preferred-size:50%;flex-basis:50%}}@media (max-width: 782px){.sui-2-6-0 .sui-wrap .sui-box-selectors.sui-box-selectors-col-3 ul li{min-width:100%;-ms-flex-preferred-size:100%;flex-basis:100%}}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-box-selectors.sui-box-selectors-col-3 ul li{min-width:33.33%;-ms-flex-preferred-size:33.33%;flex-basis:33.33%}}@media (max-width: 782px){.sui-2-6-0 .sui-wrap .sui-box-selectors.sui-box-selectors-col-4 ul li{min-width:100%;-ms-flex-preferred-size:100%;flex-basis:100%}}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-box-selectors.sui-box-selectors-col-4 ul li{min-width:25%;-ms-flex-preferred-size:25%;flex-basis:25%}}@media (max-width: 782px){.sui-2-6-0 .sui-wrap .sui-box-selectors.sui-box-selectors-col-5 ul li{min-width:100%;-ms-flex-preferred-size:100%;flex-basis:100%}}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-box-selectors.sui-box-selectors-col-5 ul li{min-width:20%;-ms-flex-preferred-size:20%;flex-basis:20%}}@media (max-width: 782px){.sui-2-6-0 .sui-wrap .sui-box-selectors{padding:10px 20px}}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-box-selectors{padding:20px 30px}}.sui-2-6-0 .sui-wrap .sui-box-selector{overflow:hidden;display:block;border-radius:4px;background-color:#fff;box-shadow:0 2px 7px 0 rgba(0,0,0,0.05);color:#888;font-family:"Roboto",Arial,sans-serif;letter-spacing:-.25px;transition:all 0.3s ease}.sui-2-6-0 .sui-wrap .sui-box-selector input ~ span{display:block;padding-right:30px;padding-left:20px;transition:all 0.3s ease}.sui-2-6-0 .sui-wrap .sui-box-selector input+span{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-top:20px;padding-bottom:20px;font-size:12px;line-height:20px;font-weight:500}.sui-2-6-0 .sui-wrap .sui-box-selector input+span [class*="sui-icon"]{width:30px;-ms-flex:0 0 30px;flex:0 0 30px;-ms-flex-item-align:start;align-self:flex-start;margin:0 5px 0 0;font-size:16px;text-align:center}.sui-2-6-0 .sui-wrap .sui-box-selector input+span [class*="sui-icon"]:before{display:block;color:#aaa;line-height:20px;transition:all 0.3s ease}.sui-2-6-0 .sui-wrap .sui-box-selector input+span img{max-width:24px;height:auto;display:block;margin:0 5px 0 0}.sui-2-6-0 .sui-wrap .sui-box-selector input+span ~ span{padding-top:20px;padding-bottom:20px;border-top:1px solid rgba(230,230,230,0.5);font-size:13px;line-height:22px}.sui-2-6-0 .sui-wrap .sui-box-selector input:checked+span{overflow:hidden;position:relative;background-color:#E1F6FF;color:#17A8E3}.sui-2-6-0 .sui-wrap .sui-box-selector input:checked+span:before{content:"_";position:absolute;z-index:1;top:5px;right:5px;color:#fff;font-size:12px}.sui-2-6-0 .sui-wrap .sui-box-selector input:checked+span:after{content:" ";position:absolute;top:0;right:0;border-top:40px solid #17A8E3;border-left:40px solid transparent}.sui-2-6-0 .sui-wrap .sui-box-selector input:checked+span [class*="sui-icon"]:before{color:#17A8E3}.sui-2-6-0 .sui-wrap .sui-box-selector input:checked+span ~ span{border-top-color:#E1F6FF}.sui-2-6-0 .sui-wrap .sui-box-selector:hover{box-shadow:0 0 0 4px rgba(0,0,0,0.02),0 4px 15px 0 rgba(0,0,0,0.05)}.sui-2-6-0 .sui-wrap .sui-box-selector.sui-box-selector-vertical input ~ span{text-align:center}.sui-2-6-0 .sui-wrap .sui-box-selector.sui-box-selector-vertical input+span{display:block;padding-top:21px;padding-right:10px;padding-bottom:16px;padding-left:10px}.sui-2-6-0 .sui-wrap .sui-box-selector.sui-box-selector-vertical input+span [class*="sui-icon"]{display:block;margin:0 auto 7px}.sui-2-6-0 .sui-wrap .sui-box-selector.sui-box-selector-vertical input+span [class*="sui-icon"]:before{line-height:16px}.sui-2-6-0 .sui-wrap .sui-box-selector.sui-box-selector-vertical input+span img{margin:0 auto}.sui-2-6-0 .sui-wrap .sui-upload{max-width:100%;display:-ms-flexbox;display:flex}.sui-2-6-0 .sui-wrap .sui-upload button{cursor:pointer;display:block;transition:0.3s ease}.sui-2-6-0 .sui-wrap .sui-upload button,.sui-2-6-0 .sui-wrap .sui-upload button:hover,.sui-2-6-0 .sui-wrap .sui-upload button:focus,.sui-2-6-0 .sui-wrap .sui-upload button:active{outline:none;box-shadow:none}.sui-2-6-0 .sui-wrap .sui-upload .sui-upload-image{width:40px;height:40px;-ms-flex:0 0 auto;flex:0 0 auto;position:relative;margin:0;padding:1px;border:1px solid #E6E6E6;border-radius:4px}.sui-2-6-0 .sui-wrap .sui-upload .sui-upload-image [class*="sui-image-"]{width:36px;height:36px;display:block;border-radius:3px}.sui-2-6-0 .sui-wrap .sui-upload .sui-upload-image .sui-image-mask{background-color:#ddd;background-image:linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);background-size:12px 12px;background-position:0 0, 6px 6px}.sui-2-6-0 .sui-wrap .sui-upload .sui-upload-image .sui-image-preview{cursor:pointer;display:none;position:absolute;top:1px;left:1px;background-color:transparent;background-size:cover;background-repeat:no-repeat;background-position:center}.sui-2-6-0 .sui-wrap .sui-upload .sui-upload-image .sui-image-preview:before{content:"¢";opacity:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:3px;color:#fff;font-size:12px;line-height:12px;background-color:rgba(0,0,0,0.5);transition:0.2s ease}.sui-2-6-0 .sui-wrap .sui-upload .sui-upload-image .sui-image-preview,.sui-2-6-0 .sui-wrap .sui-upload .sui-upload-image .sui-image-preview:hover,.sui-2-6-0 .sui-wrap .sui-upload .sui-upload-image .sui-image-preview:focus,.sui-2-6-0 .sui-wrap .sui-upload .sui-upload-image .sui-image-preview:active{outline:none;box-shadow:none}.sui-2-6-0 .sui-wrap .sui-upload .sui-upload-image .sui-image-preview:hover:before,.sui-2-6-0 .sui-wrap .sui-upload .sui-upload-image .sui-image-preview:focus:before,.sui-2-6-0 .sui-wrap .sui-upload .sui-upload-image .sui-image-preview:active:before{opacity:1}.sui-2-6-0 .sui-wrap .sui-upload .sui-upload-image ~ .sui-upload-button,.sui-2-6-0 .sui-wrap .sui-upload .sui-upload-image ~ .sui-upload-file{margin-left:5px}.sui-2-6-0 .sui-wrap .sui-upload .sui-upload-image ~ .sui-upload-file{max-width:calc(100% - 45px);cursor:initial;padding-left:19px}.sui-2-6-0 .sui-wrap .sui-upload .sui-upload-image ~ .sui-upload-file:before{content:unset}.sui-2-6-0 .sui-wrap .sui-upload .sui-upload-image ~ .sui-upload-file:hover,.sui-2-6-0 .sui-wrap .sui-upload .sui-upload-image ~ .sui-upload-file:active{background-color:#fff}.sui-2-6-0 .sui-wrap .sui-upload .sui-upload-file{max-width:100%;cursor:pointer;-ms-flex:0 0 auto;flex:0 0 auto;display:none;position:relative;padding:11px 61px 11px 41px;border:1px solid #ddd;border-radius:4px;background-color:#fff;transition:0.3s ease}.sui-2-6-0 .sui-wrap .sui-upload .sui-upload-file:before{content:"Æ";width:29px;display:block;position:absolute;left:14px;font-size:16px;line-height:16px;text-align:center}.sui-2-6-0 .sui-wrap .sui-upload .sui-upload-file span{-webkit-user-select:none;-ms-user-select:none;user-select:none;display:block;color:#333;font:500 12px/16px "Roboto",Arial,sans-serif;letter-spacing:-.25px}.sui-2-6-0 .sui-wrap .sui-upload .sui-upload-file span:focus{outline:none;box-shadow:none}.sui-2-6-0 .sui-wrap .sui-upload .sui-upload-file button{width:39px;position:absolute;top:0;right:0;bottom:0;border:0 solid #ddd;border-left-width:1px;border-radius:0 3px 3px 0;background-color:#fff;font-size:12px;text-align:center}.sui-2-6-0 .sui-wrap .sui-upload .sui-upload-file button [class*="sui-icon-"]{display:block}.sui-2-6-0 .sui-wrap .sui-upload .sui-upload-file button [class*="sui-icon-"]:before{display:block}.sui-2-6-0 .sui-wrap .sui-upload .sui-upload-file button:hover,.sui-2-6-0 .sui-wrap .sui-upload .sui-upload-file button:focus,.sui-2-6-0 .sui-wrap .sui-upload .sui-upload-file button:active{background-color:rgba(51,51,51,0.04)}.sui-2-6-0 .sui-wrap .sui-upload .sui-upload-file:hover,.sui-2-6-0 .sui-wrap .sui-upload .sui-upload-file:active{background-color:#FAFAFA}.sui-2-6-0 .sui-wrap .sui-upload .sui-upload-button{margin:0;padding:11px 19px;border:1px dashed #ddd;border-radius:4px;background-color:rgba(0,0,0,0);color:#aaa;font:500 12px/16px "Roboto",Arial,sans-serif;letter-spacing:-.25px}.sui-2-6-0 .sui-wrap .sui-upload .sui-upload-button:hover,.sui-2-6-0 .sui-wrap .sui-upload .sui-upload-button:focus,.sui-2-6-0 .sui-wrap .sui-upload .sui-upload-button:active{border-color:#aaa;background-color:#FAFAFA}.sui-2-6-0 .sui-wrap .sui-upload .sui-upload-button [class*="sui-icon-"]{width:24px;margin-left:-4px;color:#888;font-size:16px;line-height:16px;vertical-align:bottom;text-align:center}.sui-2-6-0 .sui-wrap .sui-upload .sui-upload-button [class*="sui-icon-"]:before{display:block;color:inherit}.sui-2-6-0 .sui-wrap .sui-upload.sui-has_file .sui-upload-image .sui-image-preview{display:block}.sui-2-6-0 .sui-wrap .sui-upload.sui-has_file .sui-upload-file{display:block}.sui-2-6-0 .sui-wrap .sui-upload.sui-has_file .sui-upload-button{display:none}.sui-2-6-0 .sui-wrap .sui-upload+.sui-notice{margin-top:10px}.sui-2-6-0 .sui-wrap .sui-upload+.sui-upload{margin-top:10px}.sui-2-6-0 .sui-wrap .sui-colorpicker-wrap{display:block}.sui-2-6-0 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.sui-2-6-0 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-colorpicker-value{display:block;position:relative}.sui-2-6-0 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-colorpicker-value span[role=button],.sui-2-6-0 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-colorpicker-value input,.sui-2-6-0 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-colorpicker-value button{display:block;margin:0;border:1px solid #ddd;border-radius:4px}.sui-2-6-0 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-colorpicker-value span[role=button],.sui-2-6-0 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-colorpicker-value span[role=button]:hover,.sui-2-6-0 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-colorpicker-value span[role=button]:focus,.sui-2-6-0 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-colorpicker-value input,.sui-2-6-0 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-colorpicker-value input:hover,.sui-2-6-0 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-colorpicker-value input:focus,.sui-2-6-0 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-colorpicker-value button,.sui-2-6-0 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-colorpicker-value button:hover,.sui-2-6-0 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-colorpicker-value button:focus{outline:none;box-shadow:none}.sui-2-6-0 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-colorpicker-value span[role=button],.sui-2-6-0 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-colorpicker-value button{width:30px;height:30px;cursor:pointer;position:absolute;top:0;padding:0}.sui-2-6-0 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-colorpicker-value input,.sui-2-6-0 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-colorpicker-value button{background-color:#FAFAFA}.sui-2-6-0 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-colorpicker-value span[role=button]{left:0;background-color:#ddd;background-image:linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);background-size:12px 12px;background-position:0 0, 6px 6px}.sui-2-6-0 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-colorpicker-value span[role=button] span{width:26px;height:26px;display:block;position:absolute;top:1px;left:1px;border-radius:2px}.sui-2-6-0 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-colorpicker-value span[role=button],.sui-2-6-0 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-colorpicker-value span[role=button]:hover,.sui-2-6-0 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-colorpicker-value span[role=button]:focus{box-shadow:inset 0 0 0 1px #fff}.sui-2-6-0 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-colorpicker-value input{width:100%;height:30px;padding:6px 40px;color:#333;font:500 12px/16px "Roboto",Arial,sans-serif;letter-spacing:-.25px}.sui-2-6-0 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-colorpicker-value button{right:0;border-top-left-radius:0;border-bottom-left-radius:0}.sui-2-6-0 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-colorpicker-value button [class*="sui-icon-"]{font-size:12px}.sui-2-6-0 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-button{margin-left:5px}.sui-2-6-0 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker.sui-colorpicker-hex .sui-colorpicker-value{-ms-flex:0 1 135px;flex:0 1 135px}.sui-2-6-0 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker.sui-colorpicker-rgba .sui-colorpicker-value{-ms-flex:0 1 215px;flex:0 1 215px}.sui-2-6-0 .sui-wrap .sui-colorpicker-wrap .wp-picker-container{display:none;margin:5px 0 0;padding:9px;border:1px solid #ddd;border-radius:4px;background-color:#fff;box-shadow:0 3px 7px 0 rgba(0,0,0,0.07)}.sui-2-6-0 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-input-wrap{display:block}.sui-2-6-0 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-input-wrap span,.sui-2-6-0 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-input-wrap label,.sui-2-6-0 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-input-wrap .sui-colorpicker-input{display:block}.sui-2-6-0 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-input-wrap .sui-colorpicker-input{width:100% !important;height:30px;margin:0;padding:6px 11px;border:1px solid #ddd;border-radius:4px;background-color:#FAFAFA;color:#333;font:500 12px/16px "Roboto",Arial,sans-serif;letter-spacing:-.25px}.sui-2-6-0 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-input-wrap .sui-colorpicker-input,.sui-2-6-0 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-input-wrap .sui-colorpicker-input:hover,.sui-2-6-0 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-input-wrap .sui-colorpicker-input:focus{outline:none;box-shadow:none}.sui-2-6-0 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker{width:auto !important;height:auto !important;position:relative;margin:10px 0 0;padding:0 !important;border:0}.sui-2-6-0 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-picker-inner{display:-ms-flexbox;display:flex;position:unset}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){.sui-2-6-0 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-picker-inner{position:relative;display:block}}.sui-2-6-0 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-palette-container{display:-ms-flexbox;display:flex;left:0;bottom:0}@media (max-width: 782px){.sui-2-6-0 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-palette-container{position:relative;margin-top:10px;-ms-flex-pack:justify;justify-content:space-between}}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-palette-container{width:160px}}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){.sui-2-6-0 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-palette-container{margin-left:10px}}.sui-2-6-0 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-square,.sui-2-6-0 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-slider,.sui-2-6-0 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-palette{float:none;box-shadow:none}.sui-2-6-0 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-square{width:auto !important;height:auto !important;margin-right:0;border-radius:4px}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-square{margin-bottom:30px}}.sui-2-6-0 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-square-inner{box-shadow:none}.sui-2-6-0 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-square-inner.iris-square-horiz{position:unset;display:block}@media (max-width: 782px){.sui-2-6-0 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-square-inner.iris-square-horiz{width:140px;height:140px}}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-square-inner.iris-square-horiz{width:160px;height:160px}}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){.sui-2-6-0 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-square-inner.iris-square-horiz{position:relative}}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){.sui-2-6-0 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-square{display:inline-block}}.sui-2-6-0 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-slider{width:20px !important;margin-left:10px !important;border-radius:2px}@media (max-width: 782px){.sui-2-6-0 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-slider{height:140px !important}}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-slider{height:190px !important}}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){.sui-2-6-0 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-slider{display:inline-block}}.sui-2-6-0 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-slider-offset{top:10px;bottom:0}.sui-2-6-0 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .ui-slider-handle{height:10px;opacity:1;right:-2px;left:-2px;border-width:2px;border-color:#fff;border-radius:4px;box-shadow:0 1px 3px 1px rgba(0,0,0,0.3)}.sui-2-6-0 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .ui-slider-handle:before{content:unset}.sui-2-6-0 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-palette{width:auto !important;min-width:20px;max-width:20px;height:20px !important;display:block;-ms-flex:0 0 20px;flex:0 0 20px;border:1px solid #E6E6E6}.sui-2-6-0 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-palette:first-child{margin-left:0 !important}.sui-2-6-0 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-palette:nth-child(n+8){display:none;margin-left:0 !important}@media (max-width: 782px){.sui-2-6-0 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-palette{margin-left:3.33333px !important}}@media (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-palette{margin-left:3.33333px !important}}.sui-2-6-0 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-square-value{width:0;height:0}.sui-2-6-0 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-square-handle{width:16px;height:16px;opacity:1;top:-8px;left:-8px;border-width:3px;border-color:#fff;border-radius:100%;box-shadow:0 1px 5px 0 rgba(0,0,0,0.3)}.sui-2-6-0 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-square-handle:after{content:unset}.sui-2-6-0 .sui-wrap .sui-colorpicker-wrap .wp-picker-container.wp-picker-active{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){.sui-2-6-0 .sui-wrap .sui-colorpicker-wrap .wp-picker-container.wp-picker-active{width:262px;position:relative;display:block}}.sui-2-6-0 .sui-wrap .sui-upgrade-page{background:#FAFAFA;margin:-30px -30px 60px}@media (max-width: 783px){.sui-2-6-0 .sui-wrap .sui-upgrade-page{margin:-21px -10px 0}}.sui-2-6-0 .sui-wrap .sui-upgrade-page__container{max-width:1140px;margin:auto;display:-ms-flexbox;display:flex}@media (max-width: 800px){.sui-2-6-0 .sui-wrap .sui-upgrade-page__container{-ms-flex-wrap:wrap;flex-wrap:wrap}}.sui-2-6-0 .sui-wrap .sui-upgrade-page-header{background:#fff;margin-bottom:60px}@media (max-width: 600px){.sui-2-6-0 .sui-wrap .sui-upgrade-page-header{margin-bottom:40px}}.sui-2-6-0 .sui-wrap .sui-upgrade-page-header__content{padding:60px 60px 60px 0;width:50%}@media (max-width: 1440px){.sui-2-6-0 .sui-wrap .sui-upgrade-page-header__content{padding:60px 30px 50px 60px}}@media (max-width: 800px){.sui-2-6-0 .sui-wrap .sui-upgrade-page-header__content{-ms-flex-order:1;order:1;width:100%}}@media (max-width: 600px){.sui-2-6-0 .sui-wrap .sui-upgrade-page-header__content{padding:40px 20px}}.sui-2-6-0 .sui-wrap .sui-upgrade-page-header__content h1{font-size:28px;font-family:"Roboto",Arial,sans-serif}.sui-2-6-0 .sui-wrap .sui-upgrade-page-header__content p:first-of-type{margin-top:10px}.sui-2-6-0 .sui-wrap .sui-upgrade-page-header__image{background-image:url(../images/hero@2x.png);background-size:cover;background-position:center;background-repeat:no-repeat;width:50%}@media (max-width: 800px){.sui-2-6-0 .sui-wrap .sui-upgrade-page-header__image{background-image:url(../images/hero.png);width:100%;-ms-flex-order:0;order:0;height:250px}}.sui-2-6-0 .sui-wrap .sui-upgrade-page-header .sui-reviews{margin-top:60px}@media (max-width: 600px){.sui-2-6-0 .sui-wrap .sui-upgrade-page-header .sui-reviews{margin-top:40px}}.sui-2-6-0 .sui-wrap .sui-upgrade-page-features__header{text-align:center}.sui-2-6-0 .sui-wrap .sui-upgrade-page-features__header h2{font-family:"Roboto",Arial,sans-serif;font-size:28px;color:#333;line-height:40px;margin-bottom:0}.sui-2-6-0 .sui-wrap .sui-upgrade-page-features__header p{margin-top:5px}.sui-2-6-0 .sui-wrap .sui-upgrade-page-features__items{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:30px}@media (min-width: 1440px){.sui-2-6-0 .sui-wrap .sui-upgrade-page-features__items{margin:0 -60px}}@media (max-width: 600px){.sui-2-6-0 .sui-wrap .sui-upgrade-page-features__items{padding:0;margin:40px 0}}.sui-2-6-0 .sui-wrap .sui-upgrade-page-features__item{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;padding:30px}@media (max-width: 600px){.sui-2-6-0 .sui-wrap .sui-upgrade-page-features__item{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;padding:20px;text-align:center}}.sui-2-6-0 .sui-wrap .sui-upgrade-page-features__item i{height:44px;width:44px;text-align:center;background:#F9E1FF;border-radius:50%;font-size:20px}.sui-2-6-0 .sui-wrap .sui-upgrade-page-features__item i:before{color:#8D00B1;line-height:44px}.sui-2-6-0 .sui-wrap .sui-upgrade-page-features__item h3{font-family:"Roboto",Arial,sans-serif;margin-bottom:0}.sui-2-6-0 .sui-wrap .sui-upgrade-page-features__item p:first-of-type{margin-top:0}.sui-2-6-0 .sui-wrap .sui-upgrade-page-cta{background:#fff;padding:60px;margin-bottom:60px}@media (max-width: 600px){.sui-2-6-0 .sui-wrap .sui-upgrade-page-cta{padding:40px 20px;margin-bottom:40px}}.sui-2-6-0 .sui-wrap .sui-upgrade-page-cta__inner{max-width:600px;margin:auto;text-align:center}.sui-2-6-0 .sui-wrap .sui-upgrade-page-cta__inner h2{font-family:"Roboto",Arial,sans-serif;font-size:28px;color:#333;line-height:40px;margin-bottom:0}.sui-2-6-0 .sui-wrap .sui-upgrade-page-cta__inner a{display:block;font-size:13px;color:#888;line-height:22px;margin-top:15px}.sui-2-6-0 .sui-wrap .sui-upgrade-page-cta__inner a:focus,.sui-2-6-0 .sui-wrap .sui-upgrade-page-cta__inner a:hover{color:#666}.sui-2-6-0 .sui-wrap .sui-upgrade-page-cta__inner .sui-hidden-desktop{display:none}@media (max-width: 600px){.sui-2-6-0 .sui-wrap .sui-upgrade-page-cta__inner .sui-hidden-desktop{display:inline-block}.sui-2-6-0 .sui-wrap .sui-upgrade-page-cta__inner .sui-button:not(.sui-hidden-desktop){display:none}}.sui-2-6-0 .sui-wrap .sui-reviews{margin-left:25px}.sui-2-6-0 .sui-wrap .sui-reviews__stars{position:relative;margin-right:5px}.sui-2-6-0 .sui-wrap .sui-reviews__stars:before{content:"'"}.sui-2-6-0 .sui-wrap .sui-reviews__stars:before{position:absolute;top:-12px;left:-25px;color:#aaa}.sui-2-6-0 .sui-wrap .sui-reviews__stars i:before{color:#FECF2F}.sui-2-6-0 .sui-wrap .sui-reviews__rating{color:#888;font-size:13px;line-height:22px;vertical-align:text-bottom;display:inline-block}.sui-2-6-0 .sui-wrap .sui-reviews a.sui-reviews__link{display:block;color:#888;font-size:13px;line-height:22px;font-weight:normal;font-style:italic}.sui-2-6-0 .sui-wrap .sui-reviews a.sui-reviews__link:focus,.sui-2-6-0 .sui-wrap .sui-reviews a.sui-reviews__link:hover{color:#666}.sui-2-6-0 .sui-wrap .sui-reviews a.sui-reviews__link:focus i:before,.sui-2-6-0 .sui-wrap .sui-reviews a.sui-reviews__link:hover i:before{color:#666}.sui-2-6-0 .sui-wrap .sui-reviews a.sui-reviews__link i{margin-left:5px;font-size:12px;line-height:22px;vertical-align:middle}.sui-2-6-0 .sui-wrap .sui-reviews a.sui-reviews__link i:before{color:#888}.sui-2-6-0 .sui-notice-top p,.sui-2-6-0 .sui-wrap .sui-notice-floating p{width:100%}@media screen and (min-width: 783px){.sui-2-6-0 .sui-wrap .sui-summary:not(.sui-unbranded):not(.sui-summary-sm){background-size:auto 80%}}.sui-2-6-0 #wpfooter{display:block}.sui-2-6-0 .sui-wrap #smush-submit-description{color:#9B9B9B;font-size:13px;margin-right:20px}.sui-2-6-0 .sui-wrap .smush-upsell-notice{margin-left:130px}@media screen and (max-width: 782px){.sui-2-6-0 .sui-wrap .smush-upsell-notice{margin-left:0}}@media screen and (min-width: 1140px){.sui-2-6-0 .sui-wrap .sui-upgrade-page-header__image{width:45% !important}}.sui-2-6-0 .sui-wrap .sui-upgrade-page .sui-upgrade-page-cta__inner a.sui-button-purple:hover{color:#fff !important}.sui-2-6-0 .sui-wrap .sui-upgrade-page .smush-stats{position:relative;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;width:600px;height:100px;border-radius:4px;background-color:#FFFFFF;box-shadow:0 0 20px 0 rgba(0,0,0,0.05);margin:-100px auto 30px;padding:20px 40px;text-align:center;font-size:15px;font-weight:500;color:#333333}.sui-2-6-0 .sui-wrap .sui-upgrade-page .smush-stats .smush-stats-description{color:#888888;font-size:12px;text-transform:uppercase}.sui-2-6-0 .sui-wrap .sui-upgrade-page .smush-stats span{font-size:24px}@media (max-width: 800px){.sui-2-6-0 .sui-wrap .sui-upgrade-page .smush-stats{margin-top:0;height:auto;width:75%;-ms-flex-wrap:wrap;flex-wrap:wrap}.sui-2-6-0 .sui-wrap .sui-upgrade-page .smush-stats-item{-ms-flex-preferred-size:100%;flex-basis:100%}.sui-2-6-0 .sui-wrap .sui-upgrade-page .smush-stats-item:nth-child(2){margin:20px 0}}.sui-2-6-0 .sui-wrap .sui-integrations .sui-settings-label,.sui-2-6-0 .sui-wrap .sui-integrations .sui-box-body .sui-settings-label-with-tag,.sui-2-6-0 .sui-wrap .sui-box-body .sui-integrations .sui-settings-label-with-tag{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.sui-2-6-0 .sui-wrap .sui-integrations .sui-settings-label .sui-tag,.sui-2-6-0 .sui-wrap .sui-integrations .sui-box-body .sui-settings-label-with-tag .sui-tag,.sui-2-6-0 .sui-wrap .sui-box-body .sui-integrations .sui-settings-label-with-tag .sui-tag{margin-left:10px}.sui-2-6-0 .sui-wrap .sui-integrations .sui-toggle-content .sui-notice{margin-top:10px}.sui-2-6-0 .sui-wrap .sui-integrations .sui-box-settings-row.sui-disabled{margin-bottom:0}.sui-2-6-0 .sui-wrap .sui-lazyload #smush-lazy-load-spinners span.sui-description:first-of-type,.sui-2-6-0 .sui-wrap .sui-lazyload #smush-lazy-load-placeholder span.sui-description:first-of-type{margin-bottom:20px}.sui-2-6-0 .sui-wrap .sui-lazyload #smush-lazy-load-spinners .sui-box-selectors,.sui-2-6-0 .sui-wrap .sui-lazyload #smush-lazy-load-placeholder .sui-box-selectors{background-color:#FFF;padding:0 0 20px 0}.sui-2-6-0 .sui-wrap .sui-lazyload #smush-lazy-load-spinners .sui-box-selectors:not([class*="sui-box-selectors-col-"]) ul li,.sui-2-6-0 .sui-wrap .sui-lazyload #smush-lazy-load-placeholder .sui-box-selectors:not([class*="sui-box-selectors-col-"]) ul li{-ms-flex:0;flex:0}.sui-2-6-0 .sui-wrap .sui-lazyload #smush-lazy-load-spinners .sui-box-selectors .sui-box-selector,.sui-2-6-0 .sui-wrap .sui-lazyload #smush-lazy-load-placeholder .sui-box-selectors .sui-box-selector{border:1px solid #DDD}.sui-2-6-0 .sui-wrap .sui-lazyload #smush-lazy-load-spinners .sui-box-selectors .remove-selector,.sui-2-6-0 .sui-wrap .sui-lazyload #smush-lazy-load-placeholder .sui-box-selectors .remove-selector{display:none;top:0;right:0;position:absolute;background-color:#AAA;width:18px;height:18px;margin-right:0;border-radius:0 3px 0 3px}.sui-2-6-0 .sui-wrap .sui-lazyload #smush-lazy-load-spinners .sui-box-selectors .remove-selector i,.sui-2-6-0 .sui-wrap .sui-lazyload #smush-lazy-load-placeholder .sui-box-selectors .remove-selector i{margin:0}.sui-2-6-0 .sui-wrap .sui-lazyload #smush-lazy-load-spinners .sui-box-selectors .remove-selector i:before,.sui-2-6-0 .sui-wrap .sui-lazyload #smush-lazy-load-placeholder .sui-box-selectors .remove-selector i:before{color:#FFF;font-size:12px;line-height:18px}.sui-2-6-0 .sui-wrap .sui-lazyload #smush-lazy-load-spinners .sui-box-selectors .remove-selector:hover,.sui-2-6-0 .sui-wrap .sui-lazyload #smush-lazy-load-placeholder .sui-box-selectors .remove-selector:hover{background-color:#FF6D6D}.sui-2-6-0 .sui-wrap .sui-lazyload #smush-lazy-load-spinners .sui-box-selectors .sui-box-selector:hover .remove-selector,.sui-2-6-0 .sui-wrap .sui-lazyload #smush-lazy-load-placeholder .sui-box-selectors .sui-box-selector:hover .remove-selector{display:-ms-flexbox;display:flex}.sui-2-6-0 .sui-wrap .sui-lazyload #smush-lazy-load-spinners .sui-box-selectors label.sui-box-selector{width:50px;height:50px;overflow:visible}.sui-2-6-0 .sui-wrap .sui-lazyload #smush-lazy-load-spinners .sui-box-selectors .sui-box-selector input+span{padding-top:17px;padding-bottom:17px;position:relative}.sui-2-6-0 .sui-wrap .sui-lazyload #smush-lazy-load-spinners .sui-box-selectors .sui-box-selector input+span img{max-width:16px;margin:0}.sui-2-6-0 .sui-wrap .sui-lazyload #smush-lazy-load-spinners .sui-box-selectors .sui-box-selector input ~ span{padding-right:17px;padding-left:17px;height:48px;border-radius:4px;overflow:visible}.sui-2-6-0 .sui-wrap .sui-lazyload #smush-lazy-load-spinners .sui-box-selectors .sui-box-selector input:checked+span:before,.sui-2-6-0 .sui-wrap .sui-lazyload #smush-lazy-load-spinners .sui-box-selectors .sui-box-selector input:checked+span:after{content:none}.sui-2-6-0 .sui-wrap .sui-lazyload #smush-lazy-load-placeholder .sui-box-selectors label.sui-box-selector{width:80px;height:60px;overflow:visible}.sui-2-6-0 .sui-wrap .sui-lazyload #smush-lazy-load-placeholder .sui-box-selectors label.sui-box-selector:hover{background-color:#E5E5E5}.sui-2-6-0 .sui-wrap .sui-lazyload #smush-lazy-load-placeholder .sui-box-selectors label.sui-box-selector input+span{height:40px;padding:0;margin:10px;overflow:visible;position:relative}.sui-2-6-0 .sui-wrap .sui-lazyload #smush-lazy-load-placeholder .sui-box-selectors label.sui-box-selector input+span:before{top:-5px;right:-5px}.sui-2-6-0 .sui-wrap .sui-lazyload #smush-lazy-load-placeholder .sui-box-selectors label.sui-box-selector input+span:after{top:-10px;right:-10px}.sui-2-6-0 .sui-wrap .sui-lazyload #smush-lazy-load-placeholder .sui-box-selectors label.sui-box-selector input+span img{margin:0 auto}.sui-2-6-0 .sui-wrap .sui-lazyload #smush-lazy-load-placeholder .sui-box-selectors label.sui-box-selector input[id^="placeholder-icon-1"]+span{background-color:#FAFAFA}.sui-2-6-0 .sui-wrap .sui-lazyload #smush-lazy-load-placeholder .sui-box-selectors label.sui-box-selector input[id^="placeholder-icon-2"]+span{background-color:#333333}.sui-2-6-0 .sui-wrap .sui-lazyload #smush-lazy-load-placeholder .sui-box-selectors label.sui-box-selector .remove-selector{top:-10px;right:-10px}@keyframes fadeInLeft{from{opacity:0;transform:translate3d(-50px, 0, 0)}to{opacity:1;transform:none}}@keyframes fadeInRight{from{opacity:0;transform:translate3d(50px, 0, 0)}to{opacity:1;transform:none}}.sui-2-6-0 .sui-wrap .smush-onboarding-dialog .sui-box{background-color:transparent}.sui-2-6-0 .sui-wrap .smush-onboarding-dialog #smush-onboarding-content{opacity:0;background-color:#fff;animation-duration:0.7s;animation-fill-mode:both;transform-origin:center;transform-style:preserve-3d}.sui-2-6-0 .sui-wrap .smush-onboarding-dialog #smush-onboarding-content.loaded,.sui-2-6-0 .sui-wrap .smush-onboarding-dialog #smush-onboarding-content.fadeInLeft,.sui-2-6-0 .sui-wrap .smush-onboarding-dialog #smush-onboarding-content.fadeInRight{opacity:1}.sui-2-6-0 .sui-wrap .smush-onboarding-dialog #smush-onboarding-content.fadeInLeft{animation-name:fadeInLeft}.sui-2-6-0 .sui-wrap .smush-onboarding-dialog #smush-onboarding-content.fadeInRight{animation-name:fadeInRight}.sui-2-6-0 .sui-wrap .smush-onboarding-dialog #smush-onboarding-content .sui-box-selectors{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.sui-2-6-0 .sui-wrap .smush-onboarding-dialog #smush-onboarding-content .sui-box-selectors label:last-of-type{top:0;font-size:13px}.sui-2-6-0 .sui-wrap .smush-onboarding-dialog .smush-onboarding-arrows a{position:absolute;top:45%;width:40px;height:40px;border-radius:20px;padding-top:3px}.sui-2-6-0 .sui-wrap .smush-onboarding-dialog .smush-onboarding-arrows a:not(.sui-hidden){display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.sui-2-6-0 .sui-wrap .smush-onboarding-dialog .smush-onboarding-arrows a:hover{background-color:rgba(217,217,217,0.2)}.sui-2-6-0 .sui-wrap .smush-onboarding-dialog .smush-onboarding-arrows a:first-of-type{left:-55px;padding-right:2px}.sui-2-6-0 .sui-wrap .smush-onboarding-dialog .smush-onboarding-arrows a:last-of-type{right:-55px;padding-left:2px}.sui-2-6-0 .sui-wrap .smush-onboarding-dialog .smush-onboarding-arrows a i:before{color:#fff}@media screen and (max-width: 782px){.sui-2-6-0 .sui-wrap .smush-onboarding-dialog .smush-onboarding-arrows{display:none}}.sui-2-6-0 .sui-wrap .wp-smush-exceed-limit .wp-smush-progress-inner{background:#FECF2F !important}.sui-2-6-0 .sui-wrap .wp-smush-exceed-limit .sui-icon-info:before{color:#FECF2F}.sui-2-6-0 .sui-wrap .wp-smush-progress-dialog.wp-smush-exceed-limit .sui-hidden{display:block}.sui-2-6-0 .sui-wrap .wp-smush-progress-dialog.wp-smush-exceed-limit .sui-progress .sui-progress-icon .sui-icon-loader:before{content:"I"}.sui-2-6-0 .sui-wrap .wp-smush-progress-dialog.wp-smush-exceed-limit .sui-progress .sui-progress-icon .sui-icon-loader:before{color:#FECF2F;animation:none}.sui-2-6-0 .sui-wrap .wp-smush-progress-dialog.wp-smush-exceed-limit .sui-progress-bar span{background:#888888}.sui-2-6-0 .sui-wrap .wp-smush-progress-dialog.wp-smush-exceed-limit .sui-box-footer .sui-actions-right:not(.sui-hidden){margin-left:10px;margin-right:auto;float:left}.sui-2-6-0 .sui-wrap .wp-smush-progress-dialog.wp-smush-exceed-limit .sui-box-footer .sui-actions-right:not(.sui-hidden) .sui-button{padding:5px 16px 7px;border:2px solid #ddd;background:transparent;color:#888}.sui-2-6-0 .sui-wrap .wp-smush-bulk-progress-bar-wrapper .sui-progress-state span{display:inline-block}.sui-2-6-0 .sui-wrap #sui-cross-sell-footer h3{text-align:center}.sui-2-6-0 .sui-wrap .smush-final-log{margin-top:30px}.sui-2-6-0 .sui-wrap .smush-final-log .smush-bulk-error-row{-ms-flex-line-pack:center;align-content:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #E6E6E6;box-shadow:inset 2px 0 0 0 #FECF2F;display:-ms-flexbox;display:flex;height:52px;-ms-flex-pack:justify;justify-content:space-between;margin:0 -30px;padding:0 20px;font-size:13px;letter-spacing:-0.25px}.sui-2-6-0 .sui-wrap .smush-final-log .smush-bulk-error-row:first-child{border-top:1px solid #E6E6E6}.sui-2-6-0 .sui-wrap .smush-final-log .smush-bulk-error-row .smush-bulk-image-data{display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center;-ms-flex-align:center;align-items:center;-ms-flex-preferred-size:100%;flex-basis:100%}.sui-2-6-0 .sui-wrap .smush-final-log .smush-bulk-error-row .smush-bulk-image-data:before{content:"I";font-family:wpmudev-plugin-icons !important;speak:none;font-size:16px;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;text-rendering:auto;display:inline-block;margin-right:10px;color:#FECF2F}.sui-2-6-0 .sui-wrap .smush-final-log .smush-bulk-error-row .smush-bulk-image-data .sui-icon-photo-picture{font-size:12px;border-radius:4px;background-color:#E6E6E6;margin-right:10px;padding-left:9px;padding-top:1px;width:30px;height:30px}.sui-2-6-0 .sui-wrap .smush-final-log .smush-bulk-error-row .smush-bulk-image-data .sui-icon-photo-picture:before{width:30px;height:30px}.sui-2-6-0 .sui-wrap .smush-final-log .smush-bulk-error-row .smush-bulk-image-data .attachment-thumbnail{border-radius:4px;width:30px;height:30px;margin-right:10px}.sui-2-6-0 .sui-wrap .smush-final-log .smush-bulk-error-row .smush-bulk-image-data .smush-image-name{line-height:15px;font-weight:500;margin-right:10px;word-break:break-all}.sui-2-6-0 .sui-wrap .smush-final-log .smush-bulk-error-row .smush-bulk-image-data .smush-image-error{line-height:15px;word-break:break-all;margin-right:10px}.sui-2-6-0 .sui-wrap .smush-final-log .smush-bulk-error-row .smush-bulk-image-actions{-ms-flex-preferred-size:30px;flex-basis:30px}.sui-2-6-0 .sui-wrap .smush-final-log .smush-bulk-error-row .smush-bulk-image-actions button:disabled{background-color:#F2F2F2;cursor:default}.sui-2-6-0 .sui-wrap .smush-final-log .smush-bulk-error-row .smush-bulk-image-actions button:disabled .sui-icon-eye-hide:before{color:#b3b3b3}@media screen and (max-width: 600px){.sui-2-6-0 .sui-wrap .smush-final-log .smush-bulk-error-row{height:auto}.sui-2-6-0 .sui-wrap .smush-final-log .smush-bulk-error-row .smush-bulk-image-data{-ms-flex-wrap:wrap;flex-wrap:wrap;padding:10px 20px}.sui-2-6-0 .sui-wrap .smush-final-log .smush-bulk-error-row .smush-image-error{margin-top:10px}}.sui-2-6-0 .sui-wrap .smush-final-log .smush-bulk-errors-actions{margin:30px 0 10px}.sui-2-6-0 .sui-wrap .tc{text-align:center}.sui-2-6-0 .sui-wrap .wp-smush-page-header .sui-actions-right .sui-button{vertical-align:middle}.sui-2-6-0 .sui-wrap .sui-box .sui-box-body.smush-summary-box-body{padding:15px 30px 0}.sui-2-6-0 .sui-wrap .sui-box .sui-box-body .wp-smush-enable-lossy{color:#888;font-size:13px;line-height:22px;margin-top:20px}.sui-2-6-0 .sui-wrap .sui-actions-right{float:right;display:inline-block;font-size:13px}.sui-2-6-0 .sui-wrap .auto-smush-notice{margin:5px 0 0 47px}.sui-2-6-0 .sui-wrap .wp-smush-resize-settings-wrap,.sui-2-6-0 .sui-wrap .wp-smush-png_to_jpg-wrap,.sui-2-6-0 .sui-wrap .wp-smush-image-size-list{background-color:#FFFFFF;border:1px solid #E6E6E6;border-radius:5px;color:#555;margin-left:48px !important;overflow:hidden;padding:30px;vertical-align:middle;margin-top:10px !important;margin-bottom:10px}.sui-2-6-0 .sui-wrap .wp-smush-resize-settings-wrap .sui-checkbox .sui-description,.sui-2-6-0 .sui-wrap .wp-smush-png_to_jpg-wrap .sui-checkbox .sui-description,.sui-2-6-0 .sui-wrap .wp-smush-image-size-list .sui-checkbox .sui-description{font-size:13px}.sui-2-6-0 .sui-wrap .wp-smush-resize-settings-wrap p:last-of-type:not(:last-child),.sui-2-6-0 .sui-wrap .wp-smush-png_to_jpg-wrap p:last-of-type:not(:last-child),.sui-2-6-0 .sui-wrap .wp-smush-image-size-list p:last-of-type:not(:last-child){margin-bottom:10px}.sui-2-6-0 .sui-wrap .smush-keep-data-form-row .sui-tabs-menu,.sui-2-6-0 .sui-wrap .smush-keep-data-form-row .sui-button-ghost{margin-top:15px}.sui-2-6-0 .sui-wrap .sui-summary-smush{background-size:180px}.sui-2-6-0 .sui-wrap .sui-summary-smush-nextgen{background-size:170px}.sui-2-6-0 .sui-wrap .sui-upgrade-page .thumbnail-container{cursor:pointer}.sui-2-6-0 .sui-wrap .sui-upgrade-page .thumbnail-container img{width:640px}.sui-2-6-0 .sui-wrap .smush-pro-features .smush-pro-features-header{background-color:#FAFAFA;margin:-45px -30px 30px;padding:40px 30px 15px;display:-ms-flexbox;display:flex;-ms-flex-pack:space-evenly;justify-content:space-evenly}.sui-2-6-0 .sui-wrap .smush-pro-features .smush-pro-features-header>div:first-of-type{max-width:380px}@media screen and (max-width: 782px){.sui-2-6-0 .sui-wrap .smush-pro-features .smush-pro-features-header{margin:-35px -20px 20px}}.sui-2-6-0 .sui-wrap .smush-pro-features .smush-pro-features-header .thumbnail-container{cursor:pointer;text-align:center}.sui-2-6-0 .sui-wrap .smush-pro-features .smush-pro-features-header .thumbnail-container img{width:380px}.sui-2-6-0 .sui-wrap .smush-pro-features .smush-pro-feature-title{font-weight:500;line-height:30px;color:#333;padding:0 0 0 30px;position:relative}.sui-2-6-0 .sui-wrap .smush-pro-features .smush-pro-feature-title:before{content:"("}.sui-2-6-0 .sui-wrap .smush-pro-features .smush-pro-feature-title:before{color:#8D00B1;vertical-align:middle;margin-left:-30px;margin-right:10px;margin-top:0;font-size:18px;position:relative}.sui-2-6-0 .sui-wrap .smush-pro-features .smush-pro-feature-desc{color:#888888;font-size:13px;line-height:22px;padding:0 0 0 33px}.sui-2-6-0 .sui-wrap .sui-upsell-row{margin-top:30px}@media screen and (min-width: 1921px){.sui-2-6-0 .sui-wrap .sui-upsell-row{margin-top:60px}}.sui-2-6-0 .sui-wrap .sui-upsell-row .sui-upsell-image.sui-upsell-image-smush:not(.integrations-upsell-image){bottom:-30px;width:85px}.sui-2-6-0 .sui-wrap .sui-progress-close{border:0;background:0;text-transform:uppercase;color:#888888;font-size:12px;font-weight:500;letter-spacing:-0.25px;margin-left:10px;cursor:pointer}.sui-2-6-0 .sui-wrap .sui-progress-close.wp-smush-cancel-bulk.sui-hidden,.sui-2-6-0 .sui-wrap .sui-progress-close.wp-smush-all.sui-hidden{display:none !important}.sui-2-6-0 .sui-wrap .sui-notice.smush-notice-sm p{font-size:13px}.sui-2-6-0 .sui-wrap .sui-notice.smush-highlighting-notice,.sui-2-6-0 .sui-wrap .sui-notice.smush-highlighting-warning{margin-top:10px;margin-bottom:10px}.sui-2-6-0 .sui-wrap .sui-hidden,.sui-2-6-0 .sui-wrap button.sui-hidden{display:none}.sui-2-6-0 .sui-wrap .sui-loading{font-size:18px}.sui-2-6-0 .sui-wrap span.add-dir-loader{padding-right:10px;font-size:18px}.sui-2-6-0 .sui-wrap .sui-button.smush-button-check-success,.sui-2-6-0 .sui-wrap .sui-button.smush-button-check-success:hover{background:#d1f1ea !important;color:#1abc9c !important;pointer-events:none}.sui-2-6-0 .sui-wrap .sui-button.smush-button-check-success:before,.sui-2-6-0 .sui-wrap .sui-button.smush-button-check-success:hover:before{content:"_"}.sui-2-6-0 .sui-wrap .sui-button.smush-button-check-success:before,.sui-2-6-0 .sui-wrap .sui-button.smush-button-check-success:hover:before{padding-right:5px;color:#1ABC9C}.sui-2-6-0 .sui-wrap .sui-button.wp-smush-skip-resmush,.sui-2-6-0 .sui-wrap .sui-button.wp-smush-skip-resmush:hover{display:block;background:transparent !important;border:2px solid #888 !important;color:#888 !important}.sui-2-6-0 .sui-wrap .sui-toggle+label{font-weight:500}.sui-2-6-0 .wp-smush-pagespeed-recommendation{font-size:13px}.sui-2-6-0 .wp-smush-pagespeed-recommendation .smush-recommendation-title,.sui-2-6-0 .wp-smush-pagespeed-recommendation .dismiss-recommendation{font-weight:500}.sui-2-6-0 .wp-smush-pagespeed-recommendation .dismiss-recommendation{cursor:pointer}.sui-2-6-0 .wp-smush-pagespeed-recommendation .dismiss-recommendation:before{content:")"}.sui-2-6-0 .wp-smush-pagespeed-recommendation .dismiss-recommendation:before{margin-right:5px}.sui-2-6-0 .smush-align-left{float:left}.sui-2-6-0 .smush-align-right{float:right}.sui-2-6-0 .sui-summary.sui-summary-smush .smushed-items-count{margin:5px}.sui-2-6-0 .sui-summary.sui-summary-smush .smushed-items-count .wp-smush-count-resize-total{display:inline-block;margin-left:50px}.sui-2-6-0 .sui-summary.sui-summary-smush .smushed-items-count .wp-smush-count-total{display:inline-block}.sui-2-6-0 .sui-summary.sui-summary-smush .sui-summary-segment{overflow:visible}.sui-2-6-0 .sui-summary.sui-summary-smush .sui-summary-details .sui-summary-detail{font-size:15px;font-weight:500;line-height:22px;display:-ms-inline-flexbox;display:inline-flex}.sui-2-6-0 .sui-summary.sui-summary-smush .sui-summary-details .sui-summary-detail .wp-smush-stats-percent{margin-left:5px}.sui-2-6-0 .sui-summary.sui-summary-smush .sui-summary-details .sui-summary-detail .wp-smush-stats-human{margin-right:5px}.sui-2-6-0 .sui-summary.sui-summary-smush .sui-summary-details .sui-tooltip{position:absolute;margin-top:25px;margin-left:-5px}.sui-2-6-0 .sui-summary.sui-summary-smush .sui-summary-details .sui-tooltip:before{margin-bottom:20px;margin-left:5px}.sui-2-6-0 .sui-summary.sui-summary-smush .sui-summary-details .sui-tooltip:after{margin-bottom:30px;margin-left:5px}.sui-2-6-0 .sui-summary.sui-summary-smush .wp-smush-stats-label-message{font-size:13px;line-height:22px}.sui-2-6-0 .sui-summary.sui-summary-smush .smush-stats-list .sui-tag-pro{top:-1px;margin-left:5px}.sui-2-6-0 .wp-smush-no-image{display:block;overflow:hidden}.sui-2-6-0 .wp-smush-upload-images{display:block;overflow:hidden;padding:10px 0 40px}.sui-2-6-0 .sui-box-footer .sui-icon-loader{line-height:18px;vertical-align:middle}@media screen and (max-width: 600px){.sui-2-6-0 .sui-summary-smush .smushed-items-count{margin:0;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}}.sui-2-6-0 .wp-smush-progress-dialog,.sui-2-6-0 .wp-smush-list-dialog{text-align:left}.sui-2-6-0 .sui-directory.sui-message{text-align:left}.sui-2-6-0 .sui-directory.sui-message .wp-smush-no-image,.sui-2-6-0 .sui-directory.sui-message .sui-message-content{text-align:center}.sui-2-6-0 .sui-directory .smush-final-log{margin-top:30px}.sui-2-6-0 .sui-directory .smush-final-log .sui-description{margin-top:10px}.sui-2-6-0 ul.fancytree-container{color:#666;font-family:"Roboto", sans-serif;font-size:13px;font-weight:500;letter-spacing:-0.25px;line-height:40px;padding:0;margin:0;outline:0 solid transparent;min-height:0%;position:relative}.sui-2-6-0 ul.fancytree-container ul{padding:0 0 0 16px;margin:0;display:block}.sui-2-6-0 ul.fancytree-container span.fancytree-expander{cursor:pointer;font-size:12px;margin-left:13px;width:15px}.sui-2-6-0 ul.fancytree-container span.fancytree-expander:before{font-family:wpmudev-plugin-icons, sans-serif}.sui-2-6-0 ul.fancytree-container .fancytree-exp-c span.fancytree-expander,.sui-2-6-0 ul.fancytree-container .fancytree-exp-cd:not(.fancytree-unselectable) span.fancytree-expander,.sui-2-6-0 ul.fancytree-container .fancytree-exp-cf:not(.fancytree-unselectable) span.fancytree-expander{margin-left:13px}.sui-2-6-0 ul.fancytree-container .fancytree-exp-n span.fancytree-expander:before,.sui-2-6-0 ul.fancytree-container .fancytree-exp-nl span.fancytree-expander:before{content:"\131";cursor:default}.sui-2-6-0 ul.fancytree-container span.fancytree-ico-c span.fancytree-expander:before{content:'';cursor:default}.sui-2-6-0 ul.fancytree-container .fancytree-exp-c span.fancytree-expander:before,.sui-2-6-0 ul.fancytree-container .fancytree-exp-cl span.fancytree-expander:before,.sui-2-6-0 ul.fancytree-container .fancytree-exp-cd span.fancytree-expander:before,.sui-2-6-0 ul.fancytree-container .fancytree-exp-cdl span.fancytree-expander:before,.sui-2-6-0 ul.fancytree-container .fancytree-exp-e span.fancytree-expander:before,.sui-2-6-0 ul.fancytree-container .fancytree-exp-ed span.fancytree-expander:before,.sui-2-6-0 ul.fancytree-container .fancytree-exp-el span.fancytree-expander:before,.sui-2-6-0 ul.fancytree-container .fancytree-exp-edl span.fancytree-expander:before{color:#888888;content:"\2DC"}.sui-2-6-0 ul.fancytree-container .fancytree-exp-e span.fancytree-expander:before,.sui-2-6-0 ul.fancytree-container .fancytree-exp-ed span.fancytree-expander:before,.sui-2-6-0 ul.fancytree-container .fancytree-exp-el span.fancytree-expander:before,.sui-2-6-0 ul.fancytree-container .fancytree-exp-edl span.fancytree-expander:before{content:"\131"}.sui-2-6-0 ul.fancytree-container .fancytree-unselectable span.fancytree-expander:before{content:"9"}.sui-2-6-0 ul.fancytree-container .fancytree-fade-expander span.fancytree-expander:before{transition:opacity 1.5s;opacity:0}.sui-2-6-0 ul.fancytree-container .fancytree-fade-expander:hover span.fancytree-expander:before,.sui-2-6-0 ul.fancytree-container .fancytree-fade-expander.fancytree-treefocus span.fancytree-expander:before,.sui-2-6-0 ul.fancytree-container .fancytree-fade-expander .fancytree-treefocus span.fancytree-expander:before,.sui-2-6-0 ul.fancytree-container .fancytree-fade-expander [class*='fancytree-statusnode-'] span.fancytree-expander:before{transition:opacity 0.6s;opacity:1}.sui-2-6-0 ul.fancytree-container span.fancytree-checkbox{margin-right:5px;margin-left:12px;border-radius:3px;border:1px solid #ddd;background-color:#e6e6e6;display:inline-block;width:16px;height:16px;top:2px;position:relative;transition:.2s}.sui-2-6-0 ul.fancytree-container span.fancytree-checkbox:before{content:"("}.sui-2-6-0 ul.fancytree-container span.fancytree-checkbox:before{opacity:0;color:#fff;font-size:10px;line-height:14px;position:absolute;width:100%;text-align:center;transition:.2s}.sui-2-6-0 ul.fancytree-container .fancytree-selected span.fancytree-checkbox{border:1px solid #17a8e3;background-color:#17a8e3}.sui-2-6-0 ul.fancytree-container .fancytree-selected span.fancytree-checkbox:before{opacity:1}.sui-2-6-0 ul.fancytree-container .fancytree-expanded span.fancytree-checkbox{margin-left:11px}.sui-2-6-0 ul.fancytree-container .fancytree-unselectable{background-color:transparent !important}.sui-2-6-0 ul.fancytree-container .fancytree-unselectable.fancytree-selected{margin-left:-9px}.sui-2-6-0 ul.fancytree-container .fancytree-unselectable.fancytree-selected span.fancytree-expander{margin-left:10px}.sui-2-6-0 ul.fancytree-container .fancytree-unselectable.fancytree-selected span.fancytree-checkbox{border:1px solid #ddd;background-color:#e6e6e6}.sui-2-6-0 ul.fancytree-container .fancytree-unselectable.fancytree-selected span.fancytree-checkbox:before{color:#e6e6e6 !important}.sui-2-6-0 ul.fancytree-container .fancytree-unselectable.fancytree-selected span.fancytree-title{color:#666}.sui-2-6-0 ul.fancytree-container .fancytree-unselectable span.fancytree-expander,.sui-2-6-0 ul.fancytree-container .fancytree-unselectable span.fancytree-icon,.sui-2-6-0 ul.fancytree-container .fancytree-unselectable span.fancytree-checkbox,.sui-2-6-0 ul.fancytree-container .fancytree-unselectable span.fancytree-title{opacity:0.4;filter:alpha(opacity=40)}.sui-2-6-0 ul.fancytree-container .fancytree-unselectable span.fancytree-expander:before,.sui-2-6-0 ul.fancytree-container .fancytree-unselectable span.fancytree-icon:before,.sui-2-6-0 ul.fancytree-container .fancytree-unselectable span.fancytree-checkbox:before,.sui-2-6-0 ul.fancytree-container .fancytree-unselectable span.fancytree-title:before{color:#666 !important}.sui-2-6-0 ul.fancytree-container span.fancytree-icon:before{margin-left:10px;font-family:wpmudev-plugin-icons, sans-serif;font-size:16px;color:#AAA;content:'D';position:relative;top:1px}.sui-2-6-0 ul.fancytree-container .fancytree-ico-c span.fancytree-icon:before{content:'D'}.sui-2-6-0 ul.fancytree-container .fancytree-has-children.fancytree-ico-c span.fancytree-icon:before{content:'D'}.sui-2-6-0 ul.fancytree-container .fancytree-ico-e span.fancytree-icon:before{content:'\BB'}.sui-2-6-0 ul.fancytree-container .fancytree-ico-cf span.fancytree-icon:before{content:'\2D8'}.sui-2-6-0 ul.fancytree-container .fancytree-has-children.fancytree-ico-cf span.fancytree-icon:before{content:'\2D8'}.sui-2-6-0 ul.fancytree-container .fancytree-ico-ef span.fancytree-icon:before{content:'\BB'}.sui-2-6-0 ul.fancytree-container .fancytree-loading span.fancytree-expander:before,.sui-2-6-0 ul.fancytree-container .fancytree-statusnode-loading span.fancytree-icon:before{content:'N';display:inline-block;animation:spin 1.3s linear infinite}.sui-2-6-0 ul.fancytree-container span.fancytree-node{display:inherit;width:100%;margin-top:5px;min-height:40px}.sui-2-6-0 ul.fancytree-container span.fancytree-node:not(.fancytree-unselectable):hover{background-color:#F8F8F8}.sui-2-6-0 ul.fancytree-container span.fancytree-title{color:#666;cursor:pointer;display:inline-block;vertical-align:top;min-height:20px;padding:0 3px 0 3px;margin:0 0 0 5px;border:1px solid transparent;border-radius:4px;font-weight:500}.sui-2-6-0 ul.fancytree-container span.fancytree-expanded,.sui-2-6-0 ul.fancytree-container span.fancytree-selected{border-radius:4px;background-color:#F8F8F8;color:#17A8E3}.sui-2-6-0 ul.fancytree-container span.fancytree-expanded span.fancytree-title,.sui-2-6-0 ul.fancytree-container span.fancytree-selected span.fancytree-title{color:#666666}.sui-2-6-0 ul.fancytree-container span.fancytree-selected{background-color:#E1F6FF}.sui-2-6-0 ul.fancytree-container span.fancytree-selected span.fancytree-expander:before,.sui-2-6-0 ul.fancytree-container span.fancytree-selected span.fancytree-icon:before,.sui-2-6-0 ul.fancytree-container span.fancytree-selected span.fancytree-title{color:#17A8E3}.sui-2-6-0 ul.fancytree-container span.fancytree-focused{background-color:#e1e1e1 !important}.sui-2-6-0 .sui-wrap .sui-box-settings-row .sui-box-settings-col-1{vertical-align:top}.sui-2-6-0 .sui-wrap .sui-cdn-upsell p,.sui-2-6-0 .sui-wrap .sui-cdn-disabled p{max-width:600px;margin:20px auto 0}.sui-2-6-0 .sui-wrap .sui-cdn form p:first-of-type{margin-top:0}.sui-2-6-0 .sui-wrap .wp-smush-stats{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;line-height:0}.sui-2-6-0 .sui-wrap .wp-smush-stats .sui-tooltip{line-height:10px;margin-right:10px}.sui-2-6-0 .sui-wrap .smush-filename-extension{border-radius:4px;display:inline-block;font-size:9px;font-weight:600;color:#fff;text-transform:uppercase;text-align:center;line-height:43px;height:30px;margin:0 5px 0 0;width:30px}.sui-2-6-0 .sui-wrap .smush-filename-extension.smush-extension-jpg{background-color:#F7E100}.sui-2-6-0 .sui-wrap .smush-filename-extension.smush-extension-png{background-color:#FFB694}.sui-2-6-0 .sui-wrap .smush-filename-extension.smush-extension-gif{background-color:#72D5D4}.sui-2-6-0 .sui-wrap .smush-filename-extension.smush-extension-webp{background-color:#72ADD5}.sui-2-6-0 .sui-wrap.sui-color-accessible{color:#000}.sui-2-6-0 .sui-wrap.sui-color-accessible h1,.sui-2-6-0 .sui-wrap.sui-color-accessible h2,.sui-2-6-0 .sui-wrap.sui-color-accessible h3,.sui-2-6-0 .sui-wrap.sui-color-accessible h4,.sui-2-6-0 .sui-wrap.sui-color-accessible h5,.sui-2-6-0 .sui-wrap.sui-color-accessible h6,.sui-2-6-0 .sui-wrap.sui-color-accessible p,.sui-2-6-0 .sui-wrap.sui-color-accessible p small,.sui-2-6-0 .sui-wrap.sui-color-accessible li,.sui-2-6-0 .sui-wrap.sui-color-accessible code,.sui-2-6-0 .sui-wrap.sui-color-accessible pre{color:#000}.sui-2-6-0 .sui-wrap.sui-color-accessible a{color:#1a1a1a !important}.sui-2-6-0 .sui-wrap.sui-color-accessible a:hover{color:#000 !important}.sui-2-6-0 .sui-wrap.sui-color-accessible pre,.sui-2-6-0 .sui-wrap.sui-color-accessible code{background:#fff}.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-settings-label,.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-box-body .sui-settings-label-with-tag,.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-description{color:#000}.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-form-control,.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-multi-checkbox,.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-label,.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-error-message{border-color:#000;color:#000;background-color:#fff}.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-form-control:-ms-input-placeholder, .sui-2-6-0 .sui-wrap.sui-color-accessible .sui-multi-checkbox:-ms-input-placeholder, .sui-2-6-0 .sui-wrap.sui-color-accessible .sui-label:-ms-input-placeholder, .sui-2-6-0 .sui-wrap.sui-color-accessible .sui-error-message:-ms-input-placeholder{color:#555}.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-form-control::-ms-input-placeholder, .sui-2-6-0 .sui-wrap.sui-color-accessible .sui-multi-checkbox::-ms-input-placeholder, .sui-2-6-0 .sui-wrap.sui-color-accessible .sui-label::-ms-input-placeholder, .sui-2-6-0 .sui-wrap.sui-color-accessible .sui-error-message::-ms-input-placeholder{color:#555}.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-form-control::placeholder,.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-multi-checkbox::placeholder,.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-label::placeholder,.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-error-message::placeholder{color:#555}.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-checkbox input+span,.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-radio input+span{border-color:#000}.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-checkbox input+span+span,.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-radio input+span+span{color:#000}.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-upload-button{color:#000;background:#fff}.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-upload-label:hover .sui-upload-button{color:#fff;background:#000}.sui-2-6-0 .sui-wrap.sui-color-accessible .select-container .select-list-container .list-value{border-color:#000}.sui-2-6-0 .sui-wrap.sui-color-accessible .select-container .select-list-container .list-results li.sui-element-flex span+span{color:#000}.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-insert-variables .sui-variables+.select2 .select2-selection--single{border-color:#000}.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-insert-variables textarea.sui-form-control+.select-container,.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-insert-variables textarea.sui-multi-checkbox+.select-container{background-color:transparent}.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-recipient span{color:#000}.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-summary .sui-summary-segment .sui-summary-details .sui-summary-sub{color:#000}.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-summary .sui-summary-segment .sui-list .sui-list-label,.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-summary .sui-summary-segment .sui-list .sui-list-detail{color:#000}.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-row-with-sidenav .sui-sidenav .sui-vertical-tabs a{color:#000}.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-tabs>[data-tabs]>*,.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-tabs>[data-tabs] .sui-tab-item,.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-tabs>.sui-tabs-menu>*,.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-tabs>.sui-tabs-menu .sui-tab-item{color:#000}.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-tabs>[data-tabs]>*:hover,.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-tabs>[data-tabs] .sui-tab-item:hover,.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-tabs>.sui-tabs-menu>*:hover,.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-tabs>.sui-tabs-menu .sui-tab-item:hover{color:#555}.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-side-tabs>[data-tabs]>*,.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-side-tabs>[data-tabs] .sui-tab-item,.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-side-tabs>.sui-tabs-menu>*,.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-side-tabs>.sui-tabs-menu .sui-tab-item{color:#555}.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-side-tabs>[data-tabs]>*.active,.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-side-tabs>[data-tabs] .sui-tab-item.active,.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-side-tabs>.sui-tabs-menu>*.active,.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-side-tabs>.sui-tabs-menu .sui-tab-item.active{color:#fff;background-color:#000}.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-tag{background:#000;color:#fff}.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-tag.sui-tag-ghost{background:#fff;color:#000;border-color:#000}.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-notice,.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-notice-top,.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-notice-floating{border-left-color:#000}.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-notice .sui-notice-dismiss a,.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-notice p:first-of-type:before,.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-notice-top .sui-notice-dismiss a,.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-notice-floating .sui-notice-dismiss a,.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-notice-top p:first-of-type:before,.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-notice-floating p:first-of-type:before{color:#000}.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-upsell-row .sui-upsell-notice p{border-left:2px solid #000}.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-upsell-row .sui-upsell-notice p:first-of-type:before{color:#000}.sui-2-6-0 .sui-wrap.sui-color-accessible [class*="sui-icon-"]:before,.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-dialog-close:before{color:#000 !important}.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-tab-item.active [class*="sui-icon-"]:before{color:#fff !important}.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-progress-block .sui-progress .sui-progress-bar span{background:#000}.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-progress-block .sui-progress .sui-progress-text span{color:#000}.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-progress-state span{color:#000}.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-table{border-color:#000}.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-table th,.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-table td{color:#000}.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-table thead>tr>th,.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-table thead>tr>.sui-table-item-title,.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-table thead>tr>.sui-accordion-item-title,.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-table tbody>tr>th,.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-table tbody>tr>.sui-table-item-title,.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-table tbody>tr>.sui-accordion-item-title,.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-table tfoot>tr>th,.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-table tfoot>tr>.sui-table-item-title,.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-table tfoot>tr>.sui-accordion-item-title{color:#000}.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-table thead>tr>th,.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-table thead>tr>td,.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-table tbody>tr>th,.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-table tbody>tr>td,.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-table tfoot>tr>th,.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-table tfoot>tr>td{border-bottom-color:#000}.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-table tbody tr.sui-error th,.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-table tbody tr.sui-error .sui-table-item-title,.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-table tbody tr.sui-error .sui-accordion-item-title,.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-table tbody tr.sui-warning th,.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-table tbody tr.sui-warning .sui-table-item-title,.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-table tbody tr.sui-warning .sui-accordion-item-title,.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-table tbody tr.sui-success th,.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-table tbody tr.sui-success .sui-table-item-title,.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-table tbody tr.sui-success .sui-accordion-item-title{color:#000}.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-table tbody tr.sui-error td,.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-table tbody tr.sui-warning td,.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-table tbody tr.sui-success td{color:#000}.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-table tbody tr.sui-default,.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-table tbody tr.sui-error,.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-table tbody tr.sui-warning,.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-table tbody tr.sui-success{box-shadow:none}.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-table-title{color:#000}.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields){border-color:#000}.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-header{border-bottom-color:#000}.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-header>div{color:#000}.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item{border-bottom-color:#000}.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item .sui-accordion-item-header{color:#000}.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item .sui-accordion-item-header .sui-accordion-item-title{color:#000}.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item.sui-default>.sui-accordion-item-header,.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item.sui-default>.sui-accordion-item-body,.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item.sui-error>.sui-accordion-item-header,.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item.sui-error>.sui-accordion-item-body,.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item.sui-warning>.sui-accordion-item-header,.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item.sui-warning>.sui-accordion-item-body,.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item.sui-success>.sui-accordion-item-header,.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item.sui-success>.sui-accordion-item-body{box-shadow:none}.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item.sui-accordion-item--disabled .sui-accordion-item-header,.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item.sui-accordion-item--disabled .sui-accordion-item-header .sui-accordion-item-title{color:#555}.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-accordion.sui-table>tbody>.sui-accordion-item.sui-default+.sui-accordion-item-content,.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-accordion.sui-table>tbody>.sui-accordion-item.sui-error+.sui-accordion-item-content,.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-accordion.sui-table>tbody>.sui-accordion-item.sui-warning+.sui-accordion-item-content,.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-accordion.sui-table>tbody>.sui-accordion-item.sui-success+.sui-accordion-item-content{box-shadow:none}.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-accordion.sui-table>tbody>.sui-accordion-item.sui-accordion-item--disabled th,.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-accordion.sui-table>tbody>.sui-accordion-item.sui-accordion-item--disabled td{color:#555}.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-accordion.sui-table>tbody>.sui-accordion-item.sui-accordion-item--disabled.sui-error,.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-accordion.sui-table>tbody>.sui-accordion-item.sui-accordion-item--disabled.sui-warning,.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-accordion.sui-table>tbody>.sui-accordion-item.sui-accordion-item--disabled.sui-success{box-shadow:none}.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-accordion-block .sui-accordion-item{background-color:#fff}.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-accordion-block .sui-accordion-item .sui-accordion-item-header{color:#000}.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-accordion-block .sui-accordion-item .sui-accordion-item-header strong{color:inherit}.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-accordion-block .sui-accordion-item .sui-accordion-item-header .sui-accordion-item-title{color:#000}.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-accordion-block .sui-accordion-item .sui-accordion-item-body .sui-accordion-item-data li strong{color:inherit}.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-accordion-block .sui-accordion-item .sui-accordion-item-body .sui-accordion-item-data.sui-onload li>*{color:transparent !important}.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-grade-a svg circle:last-child,.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-grade-b svg circle:last-child,.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-grade-c svg circle:last-child,.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-grade-d svg circle:last-child,.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-grade-e svg circle:last-child,.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-grade-f svg circle:last-child{stroke:#000}.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-dropdown ul li{color:#000}.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-dropdown ul li:hover{color:#000}.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-button-icon:not(.sui-button),.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-button{color:#fff !important;background:#000 !important}.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-button-icon:not(.sui-button):hover,.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-button:hover{color:#fff !important}.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-button-icon:not(.sui-button) i:before,.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-button i:before{color:#fff !important}.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-button-icon:not(.sui-button).sui-button-ghost,.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-button.sui-button-ghost{padding:7px 16px;border:0}.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-button-icon:not(.sui-button).sui-button-upsell,.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-button.sui-button-upsell{background:#fff !important;color:#000 !important;border-color:#000}.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-button-icon:not(.sui-button).sui-button-upsell:hover,.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-button.sui-button-upsell:hover{border-color:#000}.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-list .sui-list-label,.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-list .sui-list-detail{color:#000}.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-toggle input[type=checkbox]+.sui-toggle-slider:hover{box-shadow:none}.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-toggle input[type=checkbox]:checked+.sui-toggle-slider{background-color:#000}.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-toggle input[type=checkbox]:checked+.sui-toggle-slider:hover{box-shadow:none}.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-checkbox input:checked+span,.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-radio input:checked+span{border-color:#000;background-color:#000}.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-status-dot span{background-color:#fff;border:1px solid #000}.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-status-dot.sui-published span{background-color:#000;border:none}.sui-2-6-0 .sui-wrap.sui-color-accessible .wp-editor-wrap.tmce-active .wp-editor-tabs .switch-tmce{color:#fff;background-color:#000}.sui-2-6-0 .sui-wrap.sui-color-accessible .wp-editor-wrap.html-active .wp-editor-tabs .switch-html{color:#fff;background-color:#000}.sui-2-6-0 .sui-wrap.sui-color-accessible .wp-editor-wrap .wp-media-buttons .insert-media{background-color:#000 !important}.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-ace-selectors a.sui-selector{background-color:#000;color:#fff !important}.sui-2-6-0 .sui-wrap.sui-color-accessible .ace-sui .ace_gutter{background:#000}.sui-2-6-0 .sui-wrap.sui-color-accessible .ace-sui .ace_text-layer{color:#000}.sui-2-6-0 .sui-wrap.sui-color-accessible .ace-sui .ace_content{background-color:#fff}.sui-2-6-0 .sui-wrap.sui-color-accessible .ace-sui .ace_line{filter:brightness(0%)}.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-pagination-wrap .sui-pagination-filter .sui-active-filter,.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-pagination-wrap .sui-pagination-filter .sui-active-filter-remove,.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-pagination-wrap .sui-pagination-filter .sui-active-filter-remove:hover{background-color:#000}.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-box .sui-box-title{color:#000 !important}.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-box-selector input+span{color:#555}.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-box-selector input+span ~ span{color:#555}.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-box-selector input:checked+span{background-color:#fff !important;color:#000}.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-box-selector input:checked+span:after{border-top:40px solid #000}.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-box-selector input:checked+span ~ span{border-top-color:#555}.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-box-selector input:checked+span [class*=sui-icon]:before{color:#000}.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-box-status .sui-status .sui-status-changes,.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-box-status .sui-status .sui-status-module{color:#555}.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-row-with-sidenav .sui-sidenav .sui-vertical-tabs .sui-vertical-tab.current{box-shadow:0 0 0 1px #000;background-color:transparent}.sui-2-6-0 .sui-wrap.sui-color-accessible .select-container{border-color:#000;background-color:#fff}.sui-2-6-0 .sui-wrap.sui-color-accessible .select-container .select-list-container .list-results{border-color:#000}.sui-2-6-0 .sui-wrap.sui-color-accessible .select-container .select-list-container .list-results li{color:#000}.sui-2-6-0 .sui-wrap.sui-color-accessible .select-container .select-list-container .list-results li.current{background-color:#000;color:#fff}.sui-2-6-0 .sui-wrap.sui-color-accessible select.sui-select+.select2-container .select2-selection--single{border-color:#000;background-color:#fff}.sui-2-6-0 .sui-wrap.sui-color-accessible select.sui-select+.select2-container .select2-selection--single .select2-selection__arrow::before{color:#000}.sui-2-6-0 .sui-wrap.sui-color-accessible select.sui-select+.select2-container .select2-selection--single .select2-selection__rendered{color:#000}.sui-2-6-0 .sui-wrap.sui-color-accessible select.sui-select+.select2-container .select2-selection--multiple{border-color:#000;background-color:#fff}.sui-2-6-0 .sui-wrap.sui-color-accessible select.sui-select+.select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice{background-color:#000}.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-footer{color:#000}.sui-2-6-0 .sui-select-dropdown.sui-color-accessible{border-color:#000}.sui-2-6-0 .sui-select-dropdown.sui-color-accessible .select2-results .select2-results__group,.sui-2-6-0 .sui-select-dropdown.sui-color-accessible .select2-results .select2-results__option{color:#000}.sui-2-6-0 .sui-select-dropdown.sui-color-accessible .select2-results>.select2-results__options .select2-results__option{color:#000}.sui-2-6-0 .sui-select-dropdown.sui-color-accessible .select2-results>.select2-results__options .select2-results__option[aria-selected=true]{background-color:#000;color:#fff}.sui-2-6-0 .sui-select-dropdown.sui-color-accessible .select2-results>.select2-results__options .select2-results__option--highlighted:not([aria-selected=true]){color:#000}.sui-2-6-0 .sui-select-dropdown.sui-color-accessible .select2-search--dropdown .select2-search__field{border-color:#000}.sui-2-6-0 .sui-select-dropdown.sui-color-accessible .select2-results__message{color:#000}.sui-2-6-0 .sui-select-dropdown.sui-color-accessible .select2-search--dropdown:after{color:#000}.sui-2-6-0 .sui-wrap.sui-color-accessible .smush-final-log .smush-bulk-error-row{box-shadow:inset 2px 0 0 0 #000}.sui-2-6-0 .sui-wrap.sui-color-accessible .smush-final-log .smush-bulk-error-row .smush-bulk-image-data:before{color:#000}.sui-2-6-0 .sui-wrap.sui-color-accessible ul.fancytree-container .fancytree-selected{background-color:#F8F8F8}.sui-2-6-0 .sui-wrap.sui-color-accessible ul.fancytree-container .fancytree-selected span.fancytree-checkbox{border:1px solid #000;background-color:#000}.sui-2-6-0 .sui-wrap.sui-color-accessible ul.fancytree-container span.fancytree-expander:before,.sui-2-6-0 .sui-wrap.sui-color-accessible ul.fancytree-container span.fancytree-icon:before,.sui-2-6-0 .sui-wrap.sui-color-accessible ul.fancytree-container span.fancytree-title{color:#000}.sui-2-6-0 .sui-wrap.sui-color-accessible .smush-filename-extension{background-color:#000}.sui-2-6-0 .sui-wrap.sui-color-accessible .smush-cdn-stats .sui-circle-score svg circle:last-child{stroke:#000}.sui-2-6-0 .sui-wrap.sui-color-accessible .sui-button.smush-button-check-success:before{color:#fff}.sui-2-6-0 .sui-wrap.sui-color-accessible .smush-pro-features .smush-pro-feature-title:before{color:#000}.sui-2-6-0 .sui-wrap.sui-color-accessible .smush-pro-features .smush-pro-feature-desc{color:#000}.sui-2-6-0 .sui-wrap.sui-color-accessible .smush-submit-note{color:#000}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){.sui-wrap .sui-toggle-slider{-ms-high-contrast-adjust:none}}
1
  @import url(https://fonts.googleapis.com/css?family=Roboto:400,500,700);
2
+ .sui-screen-reader-text,.sui-2-7-0 .sui-wrap .sui-toggle input,.sui-2-7-0 .sui-wrap .sui-multi-checkbox label input,.sui-2-7-0 .sui-wrap .sui-insert-variables .sui-variables+.select2 .select2-selection--single .select2-selection__rendered,.sui-2-7-0 .sui-wrap .sui-radio input,.sui-2-7-0 .sui-wrap .sui-checkbox input,.sui-2-7-0 .sui-wrap .sui-side-tabs>[data-tabs]>* input,.sui-2-7-0 .sui-wrap .sui-side-tabs>[data-tabs] .sui-tab-item input,.sui-2-7-0 .sui-wrap .sui-side-tabs>.sui-tabs-menu>* input,.sui-2-7-0 .sui-wrap .sui-side-tabs>.sui-tabs-menu .sui-tab-item input,.sui-2-7-0 .sui-wrap .sui-box-selector input,.sui-2-7-0 .sui-wrap .sui-upload input[type="file"],.sui-2-7-0 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .button{border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute !important;width:1px;word-wrap:normal !important}.sui-2-7-0 .sui-wrap .sui-fade-in{animation:fadeIn 0.3s ease-in forwards}@media screen and (prefers-reduced-motion: reduce){.sui-2-7-0 .sui-wrap .sui-fade-in{opacity:1;animation:none}}.sui-2-7-0 .sui-wrap .sui-fade-out{animation:fadeOut 0.3s ease-in forwards}@media screen and (prefers-reduced-motion: reduce){.sui-2-7-0 .sui-wrap .sui-fade-out{opacity:0;animation:none}}.sui-2-7-0 .sui-wrap .sui-bounce-in{animation:bounceInJiggle 0.8s ease-in forwards}@media screen and (prefers-reduced-motion: reduce){.sui-2-7-0 .sui-wrap .sui-bounce-in{opacity:1;animation:none}}.sui-2-7-0 .sui-wrap .sui-bounce-out{animation:bounceOutJiggle 0.6s ease-out forwards}@media screen and (prefers-reduced-motion: reduce){.sui-2-7-0 .sui-wrap .sui-bounce-out{opacity:0;animation:none}}.sui-2-7-0 .sui-wrap .sui-content-fade-in{animation:fadeScaleIn 0.5s ease-in forwards}@media screen and (prefers-reduced-motion: reduce){.sui-2-7-0 .sui-wrap .sui-content-fade-in{opacity:1;animation:none}}.sui-2-7-0 .sui-wrap .sui-content-fade-out{animation:fadeScaleOut 0.9s ease-in forwards}@media screen and (prefers-reduced-motion: reduce){.sui-2-7-0 .sui-wrap .sui-content-fade-out{opacity:0;animation:none}}@keyframes bounceInDown{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;transform:translate3d(0, -3000px, 0)}60%{opacity:1;transform:translate3d(0, 25px, 0)}75%{transform:translate3d(0, -10px, 0)}90%{transform:translate3d(0, 5px, 0)}to{transform:none}}@keyframes bounceInJiggle{0%{transform:translateY(-200%) scale(1.5);opacity:0}30%{opacity:1}58%{transform:translateY(0) rotate(1deg) scale(1);opacity:1}72%{transform:translateY(-30px) rotate(-1deg)}80%{transform:translateY(0) rotate(0.5deg)}100%{transform:translateY(0) rotate(0deg)}}@keyframes bounceOutJiggle{0%{transform:translateY(0)}10%{transform:translateY(-10px) rotate(-0.5deg)}30%{transform:translateY(20px) rotate(8deg)}70%{opacity:1}90%{transform:translateY(300%) translateX(40px) rotate(35deg);opacity:0}100%{display:none}}@keyframes bounceOut{20%{transform:scale3d(0.9, 0.9, 0.9)}50%,55%{opacity:1;transform:scale3d(1.1, 1.1, 1.1)}to{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}}@keyframes fadeIn{0%{opacity:0}25%{opacity:1}}@keyframes fadeScaleIn{0%{opacity:0}25%{opacity:0;transform:translate3d(0, 10px, 0) scale(0.9)}100%{transform:translate3d(0, 0, 0) scale(1)}}@keyframes fadeOut{0%{opacity:1}75%{opacity:1}100%{opacity:0}}@keyframes fadeScaleOut{0%{opacity:1;transform:translate3d(0, 0, 0) scale(1)}25%{opacity:0;transform:translate3d(0, 10px, 0) scale(0.9)}100%{opacity:0}}@keyframes fadeInLeft{from{opacity:0;transform:translate3d(-50px, 0, 0)}to{opacity:1;transform:none}}@keyframes fadeInRight{from{opacity:0;transform:translate3d(50px, 0, 0)}to{opacity:1;transform:none}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.sui-2-7-0 .sui-wrap{font-family:"Roboto",Arial,sans-serif;font-weight:400;font-size:15px;line-height:30px;color:#666;letter-spacing:-.25px;margin:30px 30px 0 10px}.sui-2-7-0 .sui-wrap *{font-variant-ligatures:none;-webkit-font-variant-ligatures:none;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-smoothing:antialiased;-webkit-font-smoothing:antialiased;text-shadow:rgba(0,0,0,0.01) 0 0 1px}@media (max-width: 782px){.sui-2-7-0 .sui-wrap{margin:20px 10px 0 0px}}.sui-2-7-0 .sui-wrap h1,.sui-2-7-0 .sui-wrap h2,.sui-2-7-0 .sui-wrap h3,.sui-2-7-0 .sui-wrap h4,.sui-2-7-0 .sui-wrap h5,.sui-2-7-0 .sui-wrap h6{display:block;margin:0.5em auto;padding:0;line-height:30px;color:#333;font-weight:700;font-family:"Roboto",Arial,sans-serif}.sui-2-7-0 .sui-wrap h1{font-size:32px;line-height:40px;color:#333;margin:0}.sui-2-7-0 .sui-wrap h2{font-size:22px;line-height:35px}.sui-2-7-0 .sui-wrap h3{font-size:18px;line-height:40px}.sui-2-7-0 .sui-wrap h4{font-size:15px}.sui-2-7-0 .sui-wrap h5{font-size:15px}.sui-2-7-0 .sui-wrap h6{font-size:15px}.sui-2-7-0 .sui-wrap p{font-family:"Roboto",Arial,sans-serif;font-weight:400;font-size:15px;line-height:30px;color:#666;letter-spacing:-.25px;text-rendering:optimizeLegibility}.sui-2-7-0 .sui-wrap p.sui-p-small{font-size:13px;line-height:22px;color:#888;margin:5px 0}.sui-2-7-0 .sui-wrap p:first-child{margin-top:0}.sui-2-7-0 .sui-wrap p:last-of-type:not(:last-child){margin-bottom:30px}@media (max-width: 782px){.sui-2-7-0 .sui-wrap p:last-of-type:not(:last-child){margin-bottom:20px}}.sui-2-7-0 .sui-wrap p:last-child{margin-bottom:0}.sui-2-7-0 .sui-wrap small{display:inline-block;font-size:13px;line-height:22px;color:#888;margin-bottom:5px}.sui-2-7-0 .sui-wrap a{text-decoration:none;color:#17A8E3;font-weight:500;outline-color:transparent;outline-style:none;box-shadow:none}.sui-2-7-0 .sui-wrap a:hover:not(.sui-button),.sui-2-7-0 .sui-wrap a:focus:not(.sui-button),.sui-2-7-0 .sui-wrap a:active:not(.sui-button){color:#1286b5}.sui-2-7-0 .sui-wrap a.disabled{pointer-events:none}.sui-2-7-0 .sui-wrap a.disabled:hover,.sui-2-7-0 .sui-wrap a.disabled:focus,.sui-2-7-0 .sui-wrap a.disabled:active{color:#888;cursor:default}.sui-2-7-0 .sui-wrap code,.sui-2-7-0 .sui-wrap pre{font-weight:500;font-size:13px;line-height:18px;color:#333;background-color:#F8F8F8;border:1px solid #E6E6E6;border-radius:4px;margin:0;padding:10px 15px;white-space:pre;overflow:auto;max-width:100%;vertical-align:middle;-moz-tab-size:4;tab-size:4}.sui-2-7-0 .sui-wrap code{display:inline-block;padding:2px 5px}.sui-2-7-0 .sui-wrap b,.sui-2-7-0 .sui-wrap strong{font-weight:500}.sui-2-7-0 .sui-wrap dfn{font-style:normal;font-weight:normal;border-bottom:1px dotted #888}.sui-2-7-0 .sui-wrap hr{border:none;display:block;height:1px;background:#e6e6e6;margin:30px 0}.sui-2-7-0 .sui-wrap [class*="sui-icon-"]:before,.sui-2-7-0 .sui-wrap [class*="sui-icon-"]:after,.sui-2-7-0 .sui-wrap .sui-box-body .sui-upsell-row .sui-upsell-notice p:first-of-type:before,.sui-2-7-0 .sui-wrap .sui-insert-variables .select-container .select-list-container .list-value:before,.sui-2-7-0 .sui-wrap .sui-insert-variables .sui-variables+.select2 .select2-selection--single .select2-selection__arrow:before,.sui-2-7-0 .sui-wrap .sui-checkbox input+span:before,.sui-2-7-0 .sui-dialog .sui-dialog-close:before,.sui-2-7-0 .sui-dialog .sui-dialog-back:before,.sui-2-7-0 .sui-wrap .sui-box-selector input:checked+span:before,.sui-2-7-0 .sui-wrap .sui-upload .sui-upload-image .sui-image-preview:before,.sui-2-7-0 .sui-wrap .sui-upload .sui-upload-file:before,.sui-2-7-0 .sui-wrap .sui-reviews__stars:before,.sui-2-7-0 .sui-wrap .wp-smush-progress-dialog.wp-smush-exceed-limit .sui-progress .sui-progress-icon .sui-icon-loader:before,.sui-2-7-0 .sui-wrap .smush-pro-features .smush-pro-feature-title:before,.sui-2-7-0 .sui-wrap .sui-button.smush-button-check-success:before,.sui-2-7-0 .sui-wrap .sui-button.smush-button-check-success:hover:before,.sui-2-7-0 .wp-smush-pagespeed-recommendation .dismiss-recommendation:before,.sui-2-7-0 ul.fancytree-container span.fancytree-checkbox:before{font-family:'wpmudev-plugin-icons' !important;speak:none;font-size:1em;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;text-rendering:auto;display:inline-block;color:#888;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@font-face{font-family:'wpmudev-plugin-icons';src:url(../fonts/wpmudev-plugin-icons.eot);src:url(../fonts/wpmudev-plugin-icons.eot) format("embedded-opentype"),url(../fonts/wpmudev-plugin-icons.ttf) format("truetype"),url(../fonts/wpmudev-plugin-icons.woff) format("woff"),url(../fonts/wpmudev-plugin-icons.woff2) format("woff2"),url(../fonts/wpmudev-plugin-icons.svg) format("svg");font-weight:normal;font-style:normal}.sui-2-7-0 .sui-wrap .sui-loading:before{animation:spin 1.3s linear infinite}.sui-2-7-0 .sui-wrap [class*="sui-icon-"]{display:inline-block}.sui-2-7-0 .sui-wrap [class*="sui-icon-"].sui-xl:before{font-size:30px}.sui-2-7-0 .sui-wrap [class*="sui-icon-"].sui-lg:before{font-size:20px}.sui-2-7-0 .sui-wrap [class*="sui-icon-"].sui-md:before{font-size:16px}.sui-2-7-0 .sui-wrap [class*="sui-icon-"].sui-sm:before{font-size:12px}.sui-2-7-0 .sui-wrap [class*="sui-icon-"].sui-success:before{color:inherit}.sui-2-7-0 .sui-wrap [class*="sui-icon-"].sui-error:before{color:inherit}.sui-2-7-0 .sui-wrap [class*="sui-icon-"].sui-warning:before{color:inherit}.sui-2-7-0 .sui-wrap [class*="sui-icon-"].sui-info:before{color:inherit}.sui-2-7-0 .sui-wrap [class*="sui-icon-"].sui-fw{width:1.8em;text-align:center;min-height:1em}.sui-2-7-0 .sui-wrap .sui-icon-check:before{content:"("}.sui-2-7-0 .sui-wrap .sui-icon-close:before{content:")"}.sui-2-7-0 .sui-wrap .sui-icon-check-tick:before{content:"_"}.sui-2-7-0 .sui-wrap .sui-icon-cross-close:before{content:"+"}.sui-2-7-0 .sui-wrap .sui-icon-plus-circle:before{content:"@"}.sui-2-7-0 .sui-wrap .sui-icon-warning-alert:before{content:"!"}.sui-2-7-0 .sui-wrap .sui-icon-info:before{content:"I"}.sui-2-7-0 .sui-wrap .sui-icon-question:before{content:"?"}.sui-2-7-0 .sui-wrap .sui-icon-trash:before{content:"Q"}.sui-2-7-0 .sui-wrap .sui-icon-pencil:before{content:"/"}.sui-2-7-0 .sui-wrap .sui-icon-unlock:before{content:"0"}.sui-2-7-0 .sui-wrap .sui-icon-lock:before{content:"9"}.sui-2-7-0 .sui-wrap .sui-icon-key:before{content:"◊"}.sui-2-7-0 .sui-wrap .sui-icon-plus:before{content:"="}.sui-2-7-0 .sui-wrap .sui-icon-magnifying-glass-search:before{content:"º"}.sui-2-7-0 .sui-wrap .sui-icon-more:before{content:"…"}.sui-2-7-0 .sui-wrap .sui-icon-wrench-tool:before{content:"⁄"}.sui-2-7-0 .sui-wrap .sui-icon-widget-settings-config:before{content:"x"}.sui-2-7-0 .sui-wrap .sui-icon-settings-slider-control:before{content:"œ"}.sui-2-7-0 .sui-wrap .sui-icon-loader:before{content:"N"}.sui-2-7-0 .sui-wrap .sui-icon-calendar:before{content:"∏"}.sui-2-7-0 .sui-wrap .sui-icon-clock:before{content:","}.sui-2-7-0 .sui-wrap .sui-icon-speed-optimize:before{content:"ø"}.sui-2-7-0 .sui-wrap .sui-icon-stopwatch:before{content:"V"}.sui-2-7-0 .sui-wrap .sui-icon-filter:before{content:"z"}.sui-2-7-0 .sui-wrap .sui-icon-bookmark:before{content:"√"}.sui-2-7-0 .sui-wrap .sui-icon-chevron-up:before{content:"˝"}.sui-2-7-0 .sui-wrap .sui-icon-chevron-right:before{content:"˜"}.sui-2-7-0 .sui-wrap .sui-icon-chevron-down:before{content:"ı"}.sui-2-7-0 .sui-wrap .sui-icon-chevron-left:before{content:"Ó"}.sui-2-7-0 .sui-wrap .sui-icon-arrow-up:before{content:"Ô"}.sui-2-7-0 .sui-wrap .sui-icon-arrow-right:before{content:"¯"}.sui-2-7-0 .sui-wrap .sui-icon-arrow-down:before{content:"Â"}.sui-2-7-0 .sui-wrap .sui-icon-arrow-left:before{content:""}.sui-2-7-0 .sui-wrap .sui-icon-arrow-skip-back:before{content:"{"}.sui-2-7-0 .sui-wrap .sui-icon-arrow-skip-forward:before{content:"}"}.sui-2-7-0 .sui-wrap .sui-icon-arrow-skip-start:before{content:":"}.sui-2-7-0 .sui-wrap .sui-icon-arrow-skip-end:before{content:'"'}.sui-2-7-0 .sui-wrap .sui-icon-play:before{content:"´"}.sui-2-7-0 .sui-wrap .sui-icon-pause:before{content:"†"}.sui-2-7-0 .sui-wrap .sui-icon-arrows-out:before{content:"˚"}.sui-2-7-0 .sui-wrap .sui-icon-arrows-in:before{content:"≤"}.sui-2-7-0 .sui-wrap .sui-icon-arrows-expand:before{content:"¬"}.sui-2-7-0 .sui-wrap .sui-icon-arrows-compress:before{content:"≥"}.sui-2-7-0 .sui-wrap .sui-icon-refresh2:before{content:"Á"}.sui-2-7-0 .sui-wrap .sui-icon-zip:before{content:"a"}.sui-2-7-0 .sui-wrap .sui-icon-combine:before{content:"o"}.sui-2-7-0 .sui-wrap .sui-icon-defer:before{content:"p"}.sui-2-7-0 .sui-wrap .sui-icon-inlinecss:before{content:"c"}.sui-2-7-0 .sui-wrap .sui-icon-movefooter:before{content:"u"}.sui-2-7-0 .sui-wrap .sui-icon-popup:before{content:"1"}.sui-2-7-0 .sui-wrap .sui-icon-slide-in:before{content:"2"}.sui-2-7-0 .sui-wrap .sui-icon-embed:before{content:"3"}.sui-2-7-0 .sui-wrap .sui-icon-list:before{content:"`"}.sui-2-7-0 .sui-wrap .sui-icon-layout-grid:before{content:"∞"}.sui-2-7-0 .sui-wrap .sui-icon-layout:before{content:"©"}.sui-2-7-0 .sui-wrap .sui-icon-thumbnails:before{content:"G"}.sui-2-7-0 .sui-wrap .sui-icon-drag:before{content:"„"}.sui-2-7-0 .sui-wrap .sui-icon-align-left:before{content:"%"}.sui-2-7-0 .sui-wrap .sui-icon-align-center:before{content:"^"}.sui-2-7-0 .sui-wrap .sui-icon-align-right:before{content:"&"}.sui-2-7-0 .sui-wrap .sui-icon-align-justify:before{content:"#"}.sui-2-7-0 .sui-wrap .sui-icon-indent-more:before{content:"’"}.sui-2-7-0 .sui-wrap .sui-icon-indent-less:before{content:"”"}.sui-2-7-0 .sui-wrap .sui-icon-blog:before{content:"Y"}.sui-2-7-0 .sui-wrap .sui-icon-list-number:before{content:"7"}.sui-2-7-0 .sui-wrap .sui-icon-list-bullet:before{content:"8"}.sui-2-7-0 .sui-wrap .sui-icon-bold:before{content:"B"}.sui-2-7-0 .sui-wrap .sui-icon-quote-2:before{content:"'"}.sui-2-7-0 .sui-wrap .sui-icon-style-type:before{content:"<"}.sui-2-7-0 .sui-wrap .sui-icon-wand-magic:before{content:"Z"}.sui-2-7-0 .sui-wrap .sui-icon-link:before{content:"5"}.sui-2-7-0 .sui-wrap .sui-icon-unlink:before{content:"6"}.sui-2-7-0 .sui-wrap .sui-icon-paperclip:before{content:"A"}.sui-2-7-0 .sui-wrap .sui-icon-code:before{content:";"}.sui-2-7-0 .sui-wrap .sui-icon-color-pick-eyedropper:before{content:"¥"}.sui-2-7-0 .sui-wrap .sui-icon-crop:before{content:"C"}.sui-2-7-0 .sui-wrap .sui-icon-paint-bucket:before{content:"∫"}.sui-2-7-0 .sui-wrap .sui-icon-camera:before{content:"Ø"}.sui-2-7-0 .sui-wrap .sui-icon-photo-picture:before{content:"D"}.sui-2-7-0 .sui-wrap .sui-icon-animation-video:before{content:"F"}.sui-2-7-0 .sui-wrap .sui-icon-home:before{content:"J"}.sui-2-7-0 .sui-wrap .sui-icon-mail:before{content:"m"}.sui-2-7-0 .sui-wrap .sui-icon-send:before{content:"“"}.sui-2-7-0 .sui-wrap .sui-icon-phone:before{content:">"}.sui-2-7-0 .sui-wrap .sui-icon-pin:before{content:"Œ"}.sui-2-7-0 .sui-wrap .sui-icon-post-pin:before{content:"ˇ"}.sui-2-7-0 .sui-wrap .sui-icon-calculator:before{content:"¨"}.sui-2-7-0 .sui-wrap .sui-icon-element-checkbox:before{content:"Å"}.sui-2-7-0 .sui-wrap .sui-icon-element-radio:before{content:"Í"}.sui-2-7-0 .sui-wrap .sui-icon-element-select:before{content:"Ï"}.sui-2-7-0 .sui-wrap .sui-icon-element-number:before{content:"Ú"}.sui-2-7-0 .sui-wrap .sui-icon-recaptcha:before{content:"–"}.sui-2-7-0 .sui-wrap .sui-icon-folder:before{content:"˘"}.sui-2-7-0 .sui-wrap .sui-icon-folder-open:before{content:"»"}.sui-2-7-0 .sui-wrap .sui-icon-archive:before{content:"b"}.sui-2-7-0 .sui-wrap .sui-icon-book:before{content:"∆"}.sui-2-7-0 .sui-wrap .sui-icon-page-multiple:before{content:"ç"}.sui-2-7-0 .sui-wrap .sui-icon-layers:before{content:"æ"}.sui-2-7-0 .sui-wrap .sui-icon-copy:before{content:"4"}.sui-2-7-0 .sui-wrap .sui-icon-graph-bar:before{content:"Ç"}.sui-2-7-0 .sui-wrap .sui-icon-graph-bar-2:before{content:"˛"}.sui-2-7-0 .sui-wrap .sui-icon-graph-line:before{content:"¡"}.sui-2-7-0 .sui-wrap .sui-icon-tracking-disabled:before{content:"€"}.sui-2-7-0 .sui-wrap .sui-icon-page:before{content:"Ò"}.sui-2-7-0 .sui-wrap .sui-icon-clipboard-notes:before{content:"¿"}.sui-2-7-0 .sui-wrap .sui-icon-page-pdf:before{content:"Æ"}.sui-2-7-0 .sui-wrap .sui-icon-heart:before{content:"K"}.sui-2-7-0 .sui-wrap .sui-icon-star:before{content:"S"}.sui-2-7-0 .sui-wrap .sui-icon-plugin-2:before{content:"O"}.sui-2-7-0 .sui-wrap .sui-icon-brush:before{content:"~"}.sui-2-7-0 .sui-wrap .sui-icon-plug-connected:before{content:"R"}.sui-2-7-0 .sui-wrap .sui-icon-plug-disconnected:before{content:"."}.sui-2-7-0 .sui-wrap .sui-icon-power-on-off:before{content:"["}.sui-2-7-0 .sui-wrap .sui-icon-target:before{content:"≠"}.sui-2-7-0 .sui-wrap .sui-icon-upload-cloud:before{content:"¢"}.sui-2-7-0 .sui-wrap .sui-icon-download-cloud:before{content:"£"}.sui-2-7-0 .sui-wrap .sui-icon-cloud:before{content:"™"}.sui-2-7-0 .sui-wrap .sui-icon-cloud-migration:before{content:"l"}.sui-2-7-0 .sui-wrap .sui-icon-unpublish:before{content:"ˆ"}.sui-2-7-0 .sui-wrap .sui-icon-download:before{content:"X"}.sui-2-7-0 .sui-wrap .sui-icon-save:before{content:"ß"}.sui-2-7-0 .sui-wrap .sui-icon-lightbulb:before{content:"L"}.sui-2-7-0 .sui-wrap .sui-icon-sitemap:before{content:"¸"}.sui-2-7-0 .sui-wrap .sui-icon-storage-server-data:before{content:"Î"}.sui-2-7-0 .sui-wrap .sui-icon-user-reputation-points:before{content:"E"}.sui-2-7-0 .sui-wrap .sui-icon-tablet-portrait:before{content:"]"}.sui-2-7-0 .sui-wrap .sui-icon-laptop:before{content:"«"}.sui-2-7-0 .sui-wrap .sui-icon-monitor:before{content:"$"}.sui-2-7-0 .sui-wrap .sui-icon-eye:before{content:"e"}.sui-2-7-0 .sui-wrap .sui-icon-eye-hide:before{content:"q"}.sui-2-7-0 .sui-wrap .sui-icon-update:before{content:"®"}.sui-2-7-0 .sui-wrap .sui-icon-refresh:before{content:"H"}.sui-2-7-0 .sui-wrap .sui-icon-undo:before{content:"‰"}.sui-2-7-0 .sui-wrap .sui-icon-web-globe-world:before{content:"W"}.sui-2-7-0 .sui-wrap .sui-icon-flag:before{content:"|"}.sui-2-7-0 .sui-wrap .sui-icon-academy:before{content:"π"}.sui-2-7-0 .sui-wrap .sui-icon-profile-male:before{content:"µ"}.sui-2-7-0 .sui-wrap .sui-icon-community-people:before{content:"‘"}.sui-2-7-0 .sui-wrap .sui-icon-help-support:before{content:"M"}.sui-2-7-0 .sui-wrap .sui-icon-gdpr:before{content:"∑"}.sui-2-7-0 .sui-wrap .sui-icon-like:before{content:"j"}.sui-2-7-0 .sui-wrap .sui-icon-dislike:before{content:"k"}.sui-2-7-0 .sui-wrap .sui-icon-finger-point:before{content:"≈"}.sui-2-7-0 .sui-wrap .sui-icon-open-new-window:before{content:"n"}.sui-2-7-0 .sui-wrap .sui-icon-reply:before{content:"r"}.sui-2-7-0 .sui-wrap .sui-icon-share:before{content:"s"}.sui-2-7-0 .sui-wrap .sui-icon-wordpress:before{content:"w"}.sui-2-7-0 .sui-wrap .sui-icon-social-facebook:before{content:"f"}.sui-2-7-0 .sui-wrap .sui-icon-social-twitter:before{content:"t"}.sui-2-7-0 .sui-wrap .sui-icon-social-linkedin:before{content:"i"}.sui-2-7-0 .sui-wrap .sui-icon-social-dropbox:before{content:"d"}.sui-2-7-0 .sui-wrap .sui-icon-social-drive:before{content:"v"}.sui-2-7-0 .sui-wrap .sui-icon-social-google-plus:before{content:"g"}.sui-2-7-0 .sui-wrap .sui-icon-social-youtube:before{content:"y"}.sui-2-7-0 .sui-wrap .sui-icon-instagram:before{content:"-"}.sui-2-7-0 .sui-wrap .sui-icon-cloudflare:before{content:"Ð"}.sui-2-7-0 .sui-wrap .sui-icon-social-github:before{content:"h"}.sui-2-7-0 .sui-wrap .sui-icon-wpmudev-logo:before{content:"‹"}.sui-2-7-0 .sui-wrap .sui-icon-defender:before{content:"·"}.sui-2-7-0 .sui-wrap .sui-icon-smush:before{content:"‡"}.sui-2-7-0 .sui-wrap .sui-icon-upfront:before{content:"‚"}.sui-2-7-0 .sui-wrap .sui-icon-hummingbird:before{content:"°"}.sui-2-7-0 .sui-wrap .sui-icon-uptime:before{content:"±"}.sui-2-7-0 .sui-wrap .sui-icon-smart-crawl:before{content:"∂"}.sui-2-7-0 .sui-wrap .sui-icon-forminator:before{content:"P"}.sui-2-7-0 .sui-wrap .sui-icon-shipper-anchor:before{content:"T"}.sui-2-7-0 .sui-wrap .sui-icon-snapshot:before{content:"fi"}.sui-2-7-0 .sui-wrap .sui-icon-hustle:before{content:"—"}.sui-2-7-0 .sui-wrap .sui-icon-performance:before{content:"U"}.sui-2-7-0 .sui-wrap .sui-icon-hub:before{content:"fl"}.sui-2-7-0 .sui-wrap .sui-icon-automate:before{content:"˙"}.sui-2-7-0 .sui-wrap .sui-icon-align-y-center:before{content:"*"}.sui-2-7-0 .sui-wrap .sui-icon-align-y-top:before{content:"§"}.sui-2-7-0 .sui-wrap .sui-icon-align-y-bottom:before{content:"¶"}.sui-2-7-0 .sui-wrap .sui-icon-align-x-center:before{content:"ƒ"}.sui-2-7-0 .sui-wrap .sui-icon-align-x-right:before{content:"•"}.sui-2-7-0 .sui-wrap .sui-icon-align-x-left:before{content:"å"}.sui-2-7-0 .sui-wrap .sui-icon-logout:before{content:"›"}.sui-2-7-0 .sui-wrap .sui-button,.sui-2-7-0 .sui-wrap .sui-button-icon,.sui-2-7-0 .sui-wrap a.sui-button,.sui-2-7-0 .sui-wrap a.sui-button-icon,.sui-2-7-0 .sui-wrap button.sui-button,.sui-2-7-0 .sui-wrap button.sui-button-icon{cursor:pointer;display:inline-block;position:relative;margin:0;border-width:2px;border-style:solid;border-color:transparent;border-radius:4px;text-decoration:none;text-align:center;transition:all 0.3s ease}.sui-2-7-0 .sui-wrap .sui-button .sui-loading,.sui-2-7-0 .sui-wrap .sui-button-icon .sui-loading,.sui-2-7-0 .sui-wrap a.sui-button .sui-loading,.sui-2-7-0 .sui-wrap a.sui-button-icon .sui-loading,.sui-2-7-0 .sui-wrap button.sui-button .sui-loading,.sui-2-7-0 .sui-wrap button.sui-button-icon .sui-loading{width:16px;height:16px;display:none;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;position:absolute;margin:0}.sui-2-7-0 .sui-wrap .sui-button .sui-loading:before,.sui-2-7-0 .sui-wrap .sui-button-icon .sui-loading:before,.sui-2-7-0 .sui-wrap a.sui-button .sui-loading:before,.sui-2-7-0 .sui-wrap a.sui-button-icon .sui-loading:before,.sui-2-7-0 .sui-wrap button.sui-button .sui-loading:before,.sui-2-7-0 .sui-wrap button.sui-button-icon .sui-loading:before{display:block}.sui-2-7-0 .sui-wrap .sui-button .sui-loading-text,.sui-2-7-0 .sui-wrap .sui-button .sui-button-text-default,.sui-2-7-0 .sui-wrap .sui-button-icon .sui-loading-text,.sui-2-7-0 .sui-wrap .sui-button-icon .sui-button-text-default,.sui-2-7-0 .sui-wrap a.sui-button .sui-loading-text,.sui-2-7-0 .sui-wrap a.sui-button .sui-button-text-default,.sui-2-7-0 .sui-wrap a.sui-button-icon .sui-loading-text,.sui-2-7-0 .sui-wrap a.sui-button-icon .sui-button-text-default,.sui-2-7-0 .sui-wrap button.sui-button .sui-loading-text,.sui-2-7-0 .sui-wrap button.sui-button .sui-button-text-default,.sui-2-7-0 .sui-wrap button.sui-button-icon .sui-loading-text,.sui-2-7-0 .sui-wrap button.sui-button-icon .sui-button-text-default{display:block;pointer-events:none}@media (max-width: 782px){.sui-2-7-0 .sui-wrap .sui-button .sui-loading-text .sui-loading-text,.sui-2-7-0 .sui-wrap .sui-button .sui-button-text-default .sui-loading-text,.sui-2-7-0 .sui-wrap .sui-button-icon .sui-loading-text .sui-loading-text,.sui-2-7-0 .sui-wrap .sui-button-icon .sui-button-text-default .sui-loading-text,.sui-2-7-0 .sui-wrap a.sui-button .sui-loading-text .sui-loading-text,.sui-2-7-0 .sui-wrap a.sui-button .sui-button-text-default .sui-loading-text,.sui-2-7-0 .sui-wrap a.sui-button-icon .sui-loading-text .sui-loading-text,.sui-2-7-0 .sui-wrap a.sui-button-icon .sui-button-text-default .sui-loading-text,.sui-2-7-0 .sui-wrap button.sui-button .sui-loading-text .sui-loading-text,.sui-2-7-0 .sui-wrap button.sui-button .sui-button-text-default .sui-loading-text,.sui-2-7-0 .sui-wrap button.sui-button-icon .sui-loading-text .sui-loading-text,.sui-2-7-0 .sui-wrap button.sui-button-icon .sui-button-text-default .sui-loading-text{overflow:hidden;text-overflow:ellipsis}}.sui-2-7-0 .sui-wrap .sui-button .sui-button-text-onload,.sui-2-7-0 .sui-wrap .sui-button-icon .sui-button-text-onload,.sui-2-7-0 .sui-wrap a.sui-button .sui-button-text-onload,.sui-2-7-0 .sui-wrap a.sui-button-icon .sui-button-text-onload,.sui-2-7-0 .sui-wrap button.sui-button .sui-button-text-onload,.sui-2-7-0 .sui-wrap button.sui-button-icon .sui-button-text-onload{display:none}.sui-2-7-0 .sui-wrap .sui-button [class*="sui-icon-"],.sui-2-7-0 .sui-wrap .sui-button-icon [class*="sui-icon-"],.sui-2-7-0 .sui-wrap a.sui-button [class*="sui-icon-"],.sui-2-7-0 .sui-wrap a.sui-button-icon [class*="sui-icon-"],.sui-2-7-0 .sui-wrap button.sui-button [class*="sui-icon-"],.sui-2-7-0 .sui-wrap button.sui-button-icon [class*="sui-icon-"]{font-size:12px}.sui-2-7-0 .sui-wrap .sui-button [class*="sui-icon-"]:before,.sui-2-7-0 .sui-wrap .sui-button-icon [class*="sui-icon-"]:before,.sui-2-7-0 .sui-wrap a.sui-button [class*="sui-icon-"]:before,.sui-2-7-0 .sui-wrap a.sui-button-icon [class*="sui-icon-"]:before,.sui-2-7-0 .sui-wrap button.sui-button [class*="sui-icon-"]:before,.sui-2-7-0 .sui-wrap button.sui-button-icon [class*="sui-icon-"]:before{display:block;color:inherit}.sui-2-7-0 .sui-wrap .sui-button,.sui-2-7-0 .sui-wrap .sui-button:hover,.sui-2-7-0 .sui-wrap .sui-button:focus,.sui-2-7-0 .sui-wrap .sui-button:active,.sui-2-7-0 .sui-wrap .sui-button-icon,.sui-2-7-0 .sui-wrap .sui-button-icon:hover,.sui-2-7-0 .sui-wrap .sui-button-icon:focus,.sui-2-7-0 .sui-wrap .sui-button-icon:active,.sui-2-7-0 .sui-wrap a.sui-button,.sui-2-7-0 .sui-wrap a.sui-button:hover,.sui-2-7-0 .sui-wrap a.sui-button:focus,.sui-2-7-0 .sui-wrap a.sui-button:active,.sui-2-7-0 .sui-wrap a.sui-button-icon,.sui-2-7-0 .sui-wrap a.sui-button-icon:hover,.sui-2-7-0 .sui-wrap a.sui-button-icon:focus,.sui-2-7-0 .sui-wrap a.sui-button-icon:active,.sui-2-7-0 .sui-wrap button.sui-button,.sui-2-7-0 .sui-wrap button.sui-button:hover,.sui-2-7-0 .sui-wrap button.sui-button:focus,.sui-2-7-0 .sui-wrap button.sui-button:active,.sui-2-7-0 .sui-wrap button.sui-button-icon,.sui-2-7-0 .sui-wrap button.sui-button-icon:hover,.sui-2-7-0 .sui-wrap button.sui-button-icon:focus,.sui-2-7-0 .sui-wrap button.sui-button-icon:active{outline:none;box-shadow:none}.sui-2-7-0 .sui-wrap .sui-button.disabled,.sui-2-7-0 .sui-wrap .sui-button:disabled,.sui-2-7-0 .sui-wrap .sui-button[disabled],.sui-2-7-0 .sui-wrap .sui-button.sui-button-onload,.sui-2-7-0 .sui-wrap .sui-button.sui-button-onload-text,.sui-2-7-0 .sui-wrap .sui-button-icon.disabled,.sui-2-7-0 .sui-wrap .sui-button-icon:disabled,.sui-2-7-0 .sui-wrap .sui-button-icon[disabled],.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-onload,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-onload-text,.sui-2-7-0 .sui-wrap a.sui-button.disabled,.sui-2-7-0 .sui-wrap a.sui-button:disabled,.sui-2-7-0 .sui-wrap a.sui-button[disabled],.sui-2-7-0 .sui-wrap a.sui-button.sui-button-onload,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-onload-text,.sui-2-7-0 .sui-wrap a.sui-button-icon.disabled,.sui-2-7-0 .sui-wrap a.sui-button-icon:disabled,.sui-2-7-0 .sui-wrap a.sui-button-icon[disabled],.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-onload,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-onload-text,.sui-2-7-0 .sui-wrap button.sui-button.disabled,.sui-2-7-0 .sui-wrap button.sui-button:disabled,.sui-2-7-0 .sui-wrap button.sui-button[disabled],.sui-2-7-0 .sui-wrap button.sui-button.sui-button-onload,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-onload-text,.sui-2-7-0 .sui-wrap button.sui-button-icon.disabled,.sui-2-7-0 .sui-wrap button.sui-button-icon:disabled,.sui-2-7-0 .sui-wrap button.sui-button-icon[disabled],.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-onload,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-onload-text{cursor:default;pointer-events:none}.sui-2-7-0 .sui-wrap .sui-button.sui-button-onload,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-onload,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-onload,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-onload,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-onload,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-onload{pointer-events:none;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.sui-2-7-0 .sui-wrap .sui-button.sui-button-onload .sui-loading,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-onload .sui-loading,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-onload .sui-loading,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-onload .sui-loading,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-onload .sui-loading,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-onload .sui-loading{display:-ms-flexbox;display:flex}.sui-2-7-0 .sui-wrap .sui-button.sui-button-onload .sui-loading-text,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-onload .sui-loading-text,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-onload .sui-loading-text,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-onload .sui-loading-text,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-onload .sui-loading-text,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-onload .sui-loading-text{opacity:0}.sui-2-7-0 .sui-wrap .sui-button.sui-button-onload-text,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-onload-text,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-onload-text,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-onload-text,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-onload-text,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-onload-text{pointer-events:none}.sui-2-7-0 .sui-wrap .sui-button.sui-button-onload-text .sui-button-text-default,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-onload-text .sui-button-text-default,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-onload-text .sui-button-text-default,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-onload-text .sui-button-text-default,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-onload-text .sui-button-text-default,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-onload-text .sui-button-text-default{display:none}.sui-2-7-0 .sui-wrap .sui-button.sui-button-onload-text .sui-button-text-onload,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-onload-text .sui-button-text-onload,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-onload-text .sui-button-text-onload,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-onload-text .sui-button-text-onload,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-onload-text .sui-button-text-onload,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-onload-text .sui-button-text-onload{display:block}.sui-2-7-0 .sui-wrap .sui-button.sui-button-onload-text .sui-button-text-onload .sui-loading,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-onload-text .sui-button-text-onload .sui-loading,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-onload-text .sui-button-text-onload .sui-loading,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-onload-text .sui-button-text-onload .sui-loading,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-onload-text .sui-button-text-onload .sui-loading,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-onload-text .sui-button-text-onload .sui-loading{width:auto;height:auto;display:inline-block;position:relative;vertical-align:unset;margin-right:4px}.sui-2-7-0 .sui-wrap .sui-button.sui-button-onload-text .sui-button-text-onload .sui-loading:before,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-onload-text .sui-button-text-onload .sui-loading:before,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-onload-text .sui-button-text-onload .sui-loading:before,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-onload-text .sui-button-text-onload .sui-loading:before,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-onload-text .sui-button-text-onload .sui-loading:before,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-onload-text .sui-button-text-onload .sui-loading:before{display:inline-block}.sui-2-7-0 .sui-wrap .sui-button:not(:last-child),.sui-2-7-0 .sui-wrap .sui-button-icon:not(:last-child),.sui-2-7-0 .sui-wrap a.sui-button:not(:last-child),.sui-2-7-0 .sui-wrap a.sui-button-icon:not(:last-child),.sui-2-7-0 .sui-wrap button.sui-button:not(:last-child),.sui-2-7-0 .sui-wrap button.sui-button-icon:not(:last-child){margin-right:10px}.sui-2-7-0 .sui-wrap .sui-button,.sui-2-7-0 .sui-wrap a.sui-button,.sui-2-7-0 .sui-wrap button.sui-button{width:auto;min-width:80px;padding:5px 14px;background-color:#888;color:#fff;font:500 12px/16px "Roboto",Arial,sans-serif;letter-spacing:-.25px;text-transform:uppercase}.sui-2-7-0 .sui-wrap .sui-button [class*="sui-icon-"],.sui-2-7-0 .sui-wrap a.sui-button [class*="sui-icon-"],.sui-2-7-0 .sui-wrap button.sui-button [class*="sui-icon-"]{vertical-align:middle}.sui-2-7-0 .sui-wrap .sui-button [class*="sui-icon-"]:not(.sui-loading),.sui-2-7-0 .sui-wrap a.sui-button [class*="sui-icon-"]:not(.sui-loading),.sui-2-7-0 .sui-wrap button.sui-button [class*="sui-icon-"]:not(.sui-loading){width:22px;position:relative;top:-1px;margin-left:-7px}.sui-2-7-0 .sui-wrap .sui-button:hover,.sui-2-7-0 .sui-wrap .sui-button:focus,.sui-2-7-0 .sui-wrap .sui-button:active,.sui-2-7-0 .sui-wrap a.sui-button:hover,.sui-2-7-0 .sui-wrap a.sui-button:focus,.sui-2-7-0 .sui-wrap a.sui-button:active,.sui-2-7-0 .sui-wrap button.sui-button:hover,.sui-2-7-0 .sui-wrap button.sui-button:focus,.sui-2-7-0 .sui-wrap button.sui-button:active{background-color:#6f6f6f}.sui-2-7-0 .sui-wrap .sui-button.disabled,.sui-2-7-0 .sui-wrap .sui-button:disabled,.sui-2-7-0 .sui-wrap .sui-button[disabled],.sui-2-7-0 .sui-wrap .sui-button.sui-button-onload,.sui-2-7-0 .sui-wrap .sui-button.sui-button-onload-text,.sui-2-7-0 .sui-wrap a.sui-button.disabled,.sui-2-7-0 .sui-wrap a.sui-button:disabled,.sui-2-7-0 .sui-wrap a.sui-button[disabled],.sui-2-7-0 .sui-wrap a.sui-button.sui-button-onload,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-onload-text,.sui-2-7-0 .sui-wrap button.sui-button.disabled,.sui-2-7-0 .sui-wrap button.sui-button:disabled,.sui-2-7-0 .sui-wrap button.sui-button[disabled],.sui-2-7-0 .sui-wrap button.sui-button.sui-button-onload,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-onload-text{background-color:#E6E6E6;color:#aaa}.sui-2-7-0 .sui-wrap .sui-button.sui-button-icon-right [class*="sui-icon-"]:not(.sui-loading),.sui-2-7-0 .sui-wrap a.sui-button.sui-button-icon-right [class*="sui-icon-"]:not(.sui-loading),.sui-2-7-0 .sui-wrap button.sui-button.sui-button-icon-right [class*="sui-icon-"]:not(.sui-loading){margin-right:-7px;margin-left:0}.sui-2-7-0 .sui-wrap .sui-button.sui-button-blue,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-blue,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-blue{background-color:#17A8E3;color:#fff}.sui-2-7-0 .sui-wrap .sui-button.sui-button-blue:hover,.sui-2-7-0 .sui-wrap .sui-button.sui-button-blue:focus,.sui-2-7-0 .sui-wrap .sui-button.sui-button-blue:active,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-blue:hover,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-blue:focus,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-blue:active,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-blue:hover,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-blue:focus,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-blue:active{background-color:#1286b5}.sui-2-7-0 .sui-wrap .sui-button.sui-button-blue.disabled,.sui-2-7-0 .sui-wrap .sui-button.sui-button-blue:disabled,.sui-2-7-0 .sui-wrap .sui-button.sui-button-blue[disabled],.sui-2-7-0 .sui-wrap .sui-button.sui-button-blue.sui-button-onload,.sui-2-7-0 .sui-wrap .sui-button.sui-button-blue.sui-button-onload-text,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-blue.disabled,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-blue:disabled,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-blue[disabled],.sui-2-7-0 .sui-wrap a.sui-button.sui-button-blue.sui-button-onload,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-blue.sui-button-onload-text,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-blue.disabled,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-blue:disabled,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-blue[disabled],.sui-2-7-0 .sui-wrap button.sui-button.sui-button-blue.sui-button-onload,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-blue.sui-button-onload-text{background-color:#E6E6E6;color:#aaa}.sui-2-7-0 .sui-wrap .sui-button.sui-button-green,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-green,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-green{background-color:#1ABC9C;color:#fff}.sui-2-7-0 .sui-wrap .sui-button.sui-button-green:hover,.sui-2-7-0 .sui-wrap .sui-button.sui-button-green:focus,.sui-2-7-0 .sui-wrap .sui-button.sui-button-green:active,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-green:hover,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-green:focus,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-green:active,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-green:hover,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-green:focus,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-green:active{background-color:#148f77}.sui-2-7-0 .sui-wrap .sui-button.sui-button-green.disabled,.sui-2-7-0 .sui-wrap .sui-button.sui-button-green:disabled,.sui-2-7-0 .sui-wrap .sui-button.sui-button-green[disabled],.sui-2-7-0 .sui-wrap .sui-button.sui-button-green.sui-button-onload,.sui-2-7-0 .sui-wrap .sui-button.sui-button-green.sui-button-onload-text,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-green.disabled,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-green:disabled,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-green[disabled],.sui-2-7-0 .sui-wrap a.sui-button.sui-button-green.sui-button-onload,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-green.sui-button-onload-text,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-green.disabled,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-green:disabled,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-green[disabled],.sui-2-7-0 .sui-wrap button.sui-button.sui-button-green.sui-button-onload,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-green.sui-button-onload-text{background-color:#E6E6E6;color:#aaa}.sui-2-7-0 .sui-wrap .sui-button.sui-button-red,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-red,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-red{background-color:#FF6D6D;color:#fff}.sui-2-7-0 .sui-wrap .sui-button.sui-button-red:hover,.sui-2-7-0 .sui-wrap .sui-button.sui-button-red:focus,.sui-2-7-0 .sui-wrap .sui-button.sui-button-red:active,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-red:hover,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-red:focus,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-red:active,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-red:hover,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-red:focus,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-red:active{background-color:#ff3a3a}.sui-2-7-0 .sui-wrap .sui-button.sui-button-red.disabled,.sui-2-7-0 .sui-wrap .sui-button.sui-button-red:disabled,.sui-2-7-0 .sui-wrap .sui-button.sui-button-red[disabled],.sui-2-7-0 .sui-wrap .sui-button.sui-button-red.sui-button-onload,.sui-2-7-0 .sui-wrap .sui-button.sui-button-red.sui-button-onload-text,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-red.disabled,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-red:disabled,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-red[disabled],.sui-2-7-0 .sui-wrap a.sui-button.sui-button-red.sui-button-onload,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-red.sui-button-onload-text,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-red.disabled,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-red:disabled,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-red[disabled],.sui-2-7-0 .sui-wrap button.sui-button.sui-button-red.sui-button-onload,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-red.sui-button-onload-text{background-color:#E6E6E6;color:#aaa}.sui-2-7-0 .sui-wrap .sui-button.sui-button-orange,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-orange,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-orange{background-color:#FF7E41;color:#fff}.sui-2-7-0 .sui-wrap .sui-button.sui-button-orange:hover,.sui-2-7-0 .sui-wrap .sui-button.sui-button-orange:focus,.sui-2-7-0 .sui-wrap .sui-button.sui-button-orange:active,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-orange:hover,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-orange:focus,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-orange:active,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-orange:hover,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-orange:focus,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-orange:active{background-color:#ff5b0e}.sui-2-7-0 .sui-wrap .sui-button.sui-button-orange.disabled,.sui-2-7-0 .sui-wrap .sui-button.sui-button-orange:disabled,.sui-2-7-0 .sui-wrap .sui-button.sui-button-orange[disabled],.sui-2-7-0 .sui-wrap .sui-button.sui-button-orange.sui-button-onload,.sui-2-7-0 .sui-wrap .sui-button.sui-button-orange.sui-button-onload-text,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-orange.disabled,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-orange:disabled,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-orange[disabled],.sui-2-7-0 .sui-wrap a.sui-button.sui-button-orange.sui-button-onload,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-orange.sui-button-onload-text,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-orange.disabled,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-orange:disabled,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-orange[disabled],.sui-2-7-0 .sui-wrap button.sui-button.sui-button-orange.sui-button-onload,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-orange.sui-button-onload-text{background-color:#E6E6E6;color:#aaa}.sui-2-7-0 .sui-wrap .sui-button.sui-button-yellow,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-yellow,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-yellow{background-color:#FECF2F;color:#333}.sui-2-7-0 .sui-wrap .sui-button.sui-button-yellow:hover,.sui-2-7-0 .sui-wrap .sui-button.sui-button-yellow:focus,.sui-2-7-0 .sui-wrap .sui-button.sui-button-yellow:active,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-yellow:hover,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-yellow:focus,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-yellow:active,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-yellow:hover,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-yellow:focus,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-yellow:active{background-color:#f9c101}.sui-2-7-0 .sui-wrap .sui-button.sui-button-yellow.disabled,.sui-2-7-0 .sui-wrap .sui-button.sui-button-yellow:disabled,.sui-2-7-0 .sui-wrap .sui-button.sui-button-yellow[disabled],.sui-2-7-0 .sui-wrap .sui-button.sui-button-yellow.sui-button-onload,.sui-2-7-0 .sui-wrap .sui-button.sui-button-yellow.sui-button-onload-text,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-yellow.disabled,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-yellow:disabled,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-yellow[disabled],.sui-2-7-0 .sui-wrap a.sui-button.sui-button-yellow.sui-button-onload,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-yellow.sui-button-onload-text,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-yellow.disabled,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-yellow:disabled,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-yellow[disabled],.sui-2-7-0 .sui-wrap button.sui-button.sui-button-yellow.sui-button-onload,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-yellow.sui-button-onload-text{background-color:#E6E6E6;color:#aaa}.sui-2-7-0 .sui-wrap .sui-button.sui-button-purple,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-purple,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-purple{background-color:#8D00B1;color:#fff}.sui-2-7-0 .sui-wrap .sui-button.sui-button-purple:hover,.sui-2-7-0 .sui-wrap .sui-button.sui-button-purple:focus,.sui-2-7-0 .sui-wrap .sui-button.sui-button-purple:active,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-purple:hover,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-purple:focus,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-purple:active,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-purple:hover,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-purple:focus,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-purple:active{background-color:#64007e}.sui-2-7-0 .sui-wrap .sui-button.sui-button-purple.disabled,.sui-2-7-0 .sui-wrap .sui-button.sui-button-purple:disabled,.sui-2-7-0 .sui-wrap .sui-button.sui-button-purple[disabled],.sui-2-7-0 .sui-wrap .sui-button.sui-button-purple.sui-button-onload,.sui-2-7-0 .sui-wrap .sui-button.sui-button-purple.sui-button-onload-text,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-purple.disabled,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-purple:disabled,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-purple[disabled],.sui-2-7-0 .sui-wrap a.sui-button.sui-button-purple.sui-button-onload,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-purple.sui-button-onload-text,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-purple.disabled,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-purple:disabled,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-purple[disabled],.sui-2-7-0 .sui-wrap button.sui-button.sui-button-purple.sui-button-onload,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-purple.sui-button-onload-text{background-color:#E6E6E6;color:#aaa}.sui-2-7-0 .sui-wrap .sui-button.sui-button-upsell,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-upsell,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-upsell{width:auto;height:26px;padding:4px 14px;border-color:#D1F1EA;border-radius:14px;background-color:transparent;color:#1ABC9C;line-height:14px;text-transform:none}.sui-2-7-0 .sui-wrap .sui-button.sui-button-upsell:hover,.sui-2-7-0 .sui-wrap .sui-button.sui-button-upsell:focus,.sui-2-7-0 .sui-wrap .sui-button.sui-button-upsell:active,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-upsell:hover,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-upsell:focus,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-upsell:active,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-upsell:hover,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-upsell:focus,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-upsell:active{opacity:1;border-color:#1ABC9C;background-color:#1ABC9C;color:#fff}.sui-2-7-0 .sui-wrap .sui-button.sui-button-dashed,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-dashed,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-dashed{width:100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-width:1px;border-style:dashed;border-color:#aaa;background-color:rgba(0,0,0,0);color:#888;line-height:18px}.sui-2-7-0 .sui-wrap .sui-button.sui-button-dashed.sui-lg,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-dashed.sui-lg,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-dashed.sui-lg{height:70px}@media (max-width: 782px){.sui-2-7-0 .sui-wrap .sui-button.sui-button-dashed.sui-lg,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-dashed.sui-lg,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-dashed.sui-lg{height:50px}}@media (max-width: 782px){.sui-2-7-0 .sui-wrap .sui-button.sui-button-dashed,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-dashed,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-dashed{height:50px}}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-button.sui-button-dashed,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-dashed,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-dashed{height:60px}}.sui-2-7-0 .sui-wrap .sui-button.sui-button-ghost,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-ghost,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-ghost{border-color:#ddd;background-color:transparent;color:#888}.sui-2-7-0 .sui-wrap .sui-button.sui-button-ghost:hover,.sui-2-7-0 .sui-wrap .sui-button.sui-button-ghost:focus,.sui-2-7-0 .sui-wrap .sui-button.sui-button-ghost:active,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-ghost:hover,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-ghost:focus,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-ghost:active,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-ghost:hover,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-ghost:focus,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-ghost:active{border-color:#888;background-color:#888;color:#fff}.sui-2-7-0 .sui-wrap .sui-button.sui-button-ghost.disabled,.sui-2-7-0 .sui-wrap .sui-button.sui-button-ghost:disabled,.sui-2-7-0 .sui-wrap .sui-button.sui-button-ghost[disabled],.sui-2-7-0 .sui-wrap .sui-button.sui-button-ghost.sui-button-onload,.sui-2-7-0 .sui-wrap .sui-button.sui-button-ghost.sui-button-onload-text,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-ghost.disabled,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-ghost:disabled,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-ghost[disabled],.sui-2-7-0 .sui-wrap a.sui-button.sui-button-ghost.sui-button-onload,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-ghost.sui-button-onload-text,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-ghost.disabled,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-ghost:disabled,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-ghost[disabled],.sui-2-7-0 .sui-wrap button.sui-button.sui-button-ghost.sui-button-onload,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-ghost.sui-button-onload-text{border-color:#E6E6E6;background-color:#E6E6E6;color:#aaa}.sui-2-7-0 .sui-wrap .sui-button.sui-button-ghost.sui-button-blue,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-ghost.sui-button-blue,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-ghost.sui-button-blue{border-color:#E1F6FF;color:#17A8E3}.sui-2-7-0 .sui-wrap .sui-button.sui-button-ghost.sui-button-blue:hover,.sui-2-7-0 .sui-wrap .sui-button.sui-button-ghost.sui-button-blue:focus,.sui-2-7-0 .sui-wrap .sui-button.sui-button-ghost.sui-button-blue:active,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-ghost.sui-button-blue:hover,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-ghost.sui-button-blue:focus,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-ghost.sui-button-blue:active,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-ghost.sui-button-blue:hover,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-ghost.sui-button-blue:focus,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-ghost.sui-button-blue:active{border-color:#17A8E3;background-color:#17A8E3;color:#fff}.sui-2-7-0 .sui-wrap .sui-button.sui-button-ghost.sui-button-blue.disabled,.sui-2-7-0 .sui-wrap .sui-button.sui-button-ghost.sui-button-blue:disabled,.sui-2-7-0 .sui-wrap .sui-button.sui-button-ghost.sui-button-blue[disabled],.sui-2-7-0 .sui-wrap .sui-button.sui-button-ghost.sui-button-blue.sui-button-onload,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-ghost.sui-button-blue.disabled,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-ghost.sui-button-blue:disabled,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-ghost.sui-button-blue[disabled],.sui-2-7-0 .sui-wrap a.sui-button.sui-button-ghost.sui-button-blue.sui-button-onload,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-ghost.sui-button-blue.disabled,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-ghost.sui-button-blue:disabled,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-ghost.sui-button-blue[disabled],.sui-2-7-0 .sui-wrap button.sui-button.sui-button-ghost.sui-button-blue.sui-button-onload{border-color:#E6E6E6;background-color:#E6E6E6;color:#aaa}.sui-2-7-0 .sui-wrap .sui-button.sui-button-ghost.sui-button-green,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-ghost.sui-button-green,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-ghost.sui-button-green{border-color:#D1F1EA;color:#1ABC9C}.sui-2-7-0 .sui-wrap .sui-button.sui-button-ghost.sui-button-green:hover,.sui-2-7-0 .sui-wrap .sui-button.sui-button-ghost.sui-button-green:focus,.sui-2-7-0 .sui-wrap .sui-button.sui-button-ghost.sui-button-green:active,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-ghost.sui-button-green:hover,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-ghost.sui-button-green:focus,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-ghost.sui-button-green:active,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-ghost.sui-button-green:hover,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-ghost.sui-button-green:focus,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-ghost.sui-button-green:active{border-color:#1ABC9C;background-color:#1ABC9C;color:#fff}.sui-2-7-0 .sui-wrap .sui-button.sui-button-ghost.sui-button-green.disabled,.sui-2-7-0 .sui-wrap .sui-button.sui-button-ghost.sui-button-green:disabled,.sui-2-7-0 .sui-wrap .sui-button.sui-button-ghost.sui-button-green[disabled],.sui-2-7-0 .sui-wrap .sui-button.sui-button-ghost.sui-button-green.sui-button-onload,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-ghost.sui-button-green.disabled,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-ghost.sui-button-green:disabled,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-ghost.sui-button-green[disabled],.sui-2-7-0 .sui-wrap a.sui-button.sui-button-ghost.sui-button-green.sui-button-onload,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-ghost.sui-button-green.disabled,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-ghost.sui-button-green:disabled,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-ghost.sui-button-green[disabled],.sui-2-7-0 .sui-wrap button.sui-button.sui-button-ghost.sui-button-green.sui-button-onload{border-color:#E6E6E6;background-color:#E6E6E6;color:#aaa}.sui-2-7-0 .sui-wrap .sui-button.sui-button-ghost.sui-button-red,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-ghost.sui-button-red,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-ghost.sui-button-red{border-color:#FFE5E9;color:#FF6D6D}.sui-2-7-0 .sui-wrap .sui-button.sui-button-ghost.sui-button-red:hover,.sui-2-7-0 .sui-wrap .sui-button.sui-button-ghost.sui-button-red:focus,.sui-2-7-0 .sui-wrap .sui-button.sui-button-ghost.sui-button-red:active,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-ghost.sui-button-red:hover,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-ghost.sui-button-red:focus,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-ghost.sui-button-red:active,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-ghost.sui-button-red:hover,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-ghost.sui-button-red:focus,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-ghost.sui-button-red:active{border-color:#FF6D6D;background-color:#FF6D6D;color:#fff}.sui-2-7-0 .sui-wrap .sui-button.sui-button-ghost.sui-button-red.disabled,.sui-2-7-0 .sui-wrap .sui-button.sui-button-ghost.sui-button-red:disabled,.sui-2-7-0 .sui-wrap .sui-button.sui-button-ghost.sui-button-red[disabled],.sui-2-7-0 .sui-wrap .sui-button.sui-button-ghost.sui-button-red.sui-button-onload,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-ghost.sui-button-red.disabled,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-ghost.sui-button-red:disabled,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-ghost.sui-button-red[disabled],.sui-2-7-0 .sui-wrap a.sui-button.sui-button-ghost.sui-button-red.sui-button-onload,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-ghost.sui-button-red.disabled,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-ghost.sui-button-red:disabled,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-ghost.sui-button-red[disabled],.sui-2-7-0 .sui-wrap button.sui-button.sui-button-ghost.sui-button-red.sui-button-onload{border-color:#E6E6E6;background-color:#E6E6E6;color:#aaa}.sui-2-7-0 .sui-wrap .sui-button.sui-button-ghost.sui-button-orange,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-ghost.sui-button-orange,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-ghost.sui-button-orange{border-color:#FFE5D9;color:#FF7E41}.sui-2-7-0 .sui-wrap .sui-button.sui-button-ghost.sui-button-orange:hover,.sui-2-7-0 .sui-wrap .sui-button.sui-button-ghost.sui-button-orange:focus,.sui-2-7-0 .sui-wrap .sui-button.sui-button-ghost.sui-button-orange:active,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-ghost.sui-button-orange:hover,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-ghost.sui-button-orange:focus,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-ghost.sui-button-orange:active,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-ghost.sui-button-orange:hover,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-ghost.sui-button-orange:focus,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-ghost.sui-button-orange:active{border-color:#FF7E41;background-color:#FF7E41;color:#fff}.sui-2-7-0 .sui-wrap .sui-button.sui-button-ghost.sui-button-orange.disabled,.sui-2-7-0 .sui-wrap .sui-button.sui-button-ghost.sui-button-orange:disabled,.sui-2-7-0 .sui-wrap .sui-button.sui-button-ghost.sui-button-orange[disabled],.sui-2-7-0 .sui-wrap .sui-button.sui-button-ghost.sui-button-orange.sui-button-onload,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-ghost.sui-button-orange.disabled,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-ghost.sui-button-orange:disabled,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-ghost.sui-button-orange[disabled],.sui-2-7-0 .sui-wrap a.sui-button.sui-button-ghost.sui-button-orange.sui-button-onload,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-ghost.sui-button-orange.disabled,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-ghost.sui-button-orange:disabled,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-ghost.sui-button-orange[disabled],.sui-2-7-0 .sui-wrap button.sui-button.sui-button-ghost.sui-button-orange.sui-button-onload{border-color:#E6E6E6;background-color:#E6E6E6;color:#aaa}.sui-2-7-0 .sui-wrap .sui-button.sui-button-ghost.sui-button-yellow,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-ghost.sui-button-yellow,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-ghost.sui-button-yellow{border-color:#FFF5D5;color:#FECF2F}.sui-2-7-0 .sui-wrap .sui-button.sui-button-ghost.sui-button-yellow:hover,.sui-2-7-0 .sui-wrap .sui-button.sui-button-ghost.sui-button-yellow:focus,.sui-2-7-0 .sui-wrap .sui-button.sui-button-ghost.sui-button-yellow:active,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-ghost.sui-button-yellow:hover,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-ghost.sui-button-yellow:focus,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-ghost.sui-button-yellow:active,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-ghost.sui-button-yellow:hover,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-ghost.sui-button-yellow:focus,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-ghost.sui-button-yellow:active{border-color:#FECF2F;background-color:#FECF2F;color:#333}.sui-2-7-0 .sui-wrap .sui-button.sui-button-ghost.sui-button-yellow.disabled,.sui-2-7-0 .sui-wrap .sui-button.sui-button-ghost.sui-button-yellow:disabled,.sui-2-7-0 .sui-wrap .sui-button.sui-button-ghost.sui-button-yellow[disabled],.sui-2-7-0 .sui-wrap .sui-button.sui-button-ghost.sui-button-yellow.sui-button-onload,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-ghost.sui-button-yellow.disabled,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-ghost.sui-button-yellow:disabled,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-ghost.sui-button-yellow[disabled],.sui-2-7-0 .sui-wrap a.sui-button.sui-button-ghost.sui-button-yellow.sui-button-onload,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-ghost.sui-button-yellow.disabled,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-ghost.sui-button-yellow:disabled,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-ghost.sui-button-yellow[disabled],.sui-2-7-0 .sui-wrap button.sui-button.sui-button-ghost.sui-button-yellow.sui-button-onload{border-color:#E6E6E6;background-color:#E6E6E6;color:#aaa}.sui-2-7-0 .sui-wrap .sui-button.sui-button-ghost.sui-button-purple,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-ghost.sui-button-purple,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-ghost.sui-button-purple{border-color:#F9E1FF;color:#8D00B1}.sui-2-7-0 .sui-wrap .sui-button.sui-button-ghost.sui-button-purple:hover,.sui-2-7-0 .sui-wrap .sui-button.sui-button-ghost.sui-button-purple:focus,.sui-2-7-0 .sui-wrap .sui-button.sui-button-ghost.sui-button-purple:active,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-ghost.sui-button-purple:hover,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-ghost.sui-button-purple:focus,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-ghost.sui-button-purple:active,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-ghost.sui-button-purple:hover,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-ghost.sui-button-purple:focus,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-ghost.sui-button-purple:active{border-color:#8D00B1;background-color:#8D00B1;color:#fff}.sui-2-7-0 .sui-wrap .sui-button.sui-button-ghost.sui-button-purple.disabled,.sui-2-7-0 .sui-wrap .sui-button.sui-button-ghost.sui-button-purple:disabled,.sui-2-7-0 .sui-wrap .sui-button.sui-button-ghost.sui-button-purple[disabled],.sui-2-7-0 .sui-wrap .sui-button.sui-button-ghost.sui-button-purple.sui-button-onload,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-ghost.sui-button-purple.disabled,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-ghost.sui-button-purple:disabled,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-ghost.sui-button-purple[disabled],.sui-2-7-0 .sui-wrap a.sui-button.sui-button-ghost.sui-button-purple.sui-button-onload,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-ghost.sui-button-purple.disabled,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-ghost.sui-button-purple:disabled,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-ghost.sui-button-purple[disabled],.sui-2-7-0 .sui-wrap button.sui-button.sui-button-ghost.sui-button-purple.sui-button-onload{border-color:#E6E6E6;background-color:#E6E6E6;color:#aaa}@media (max-width: 782px){.sui-2-7-0 .sui-wrap .sui-button.sui-button-compound .sui-compound-desktop,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-compound .sui-compound-desktop,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-compound .sui-compound-desktop{display:none}}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-button.sui-button-compound .sui-compound-desktop,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-compound .sui-compound-desktop,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-compound .sui-compound-desktop{display:block}}@media (max-width: 782px){.sui-2-7-0 .sui-wrap .sui-button.sui-button-compound .sui-compound-mobile [class*="sui-icon-"],.sui-2-7-0 .sui-wrap a.sui-button.sui-button-compound .sui-compound-mobile [class*="sui-icon-"],.sui-2-7-0 .sui-wrap button.sui-button.sui-button-compound .sui-compound-mobile [class*="sui-icon-"]{margin-right:0;margin-left:0}}@media (max-width: 782px){.sui-2-7-0 .sui-wrap .sui-button.sui-button-compound .sui-compound-mobile,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-compound .sui-compound-mobile,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-compound .sui-compound-mobile{display:block}}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-button.sui-button-compound .sui-compound-mobile,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-compound .sui-compound-mobile,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-compound .sui-compound-mobile{display:none}}@media (max-width: 782px){.sui-2-7-0 .sui-wrap .sui-button.sui-button-compound,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-compound,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-compound{min-width:44px;padding-right:5px;padding-left:5px}}.sui-2-7-0 .sui-wrap .sui-button.sui-button-lg,.sui-2-7-0 .sui-wrap a.sui-button.sui-button-lg,.sui-2-7-0 .sui-wrap button.sui-button.sui-button-lg{padding:8px 20px;font-size:15px;line-height:20px}.sui-2-7-0 .sui-wrap .sui-button.sui-button-lg [class*="sui-icon-"],.sui-2-7-0 .sui-wrap a.sui-button.sui-button-lg [class*="sui-icon-"],.sui-2-7-0 .sui-wrap button.sui-button.sui-button-lg [class*="sui-icon-"]{font-size:16px}.sui-2-7-0 .sui-wrap .sui-button-icon,.sui-2-7-0 .sui-wrap a.sui-button-icon,.sui-2-7-0 .sui-wrap button.sui-button-icon{width:30px;height:30px;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:0 4px;border-width:1px;background-color:transparent;color:#888;text-align:center;white-space:nowrap}.sui-2-7-0 .sui-wrap .sui-button-icon [class*="sui-icon-"]:not(.sui-loading),.sui-2-7-0 .sui-wrap a.sui-button-icon [class*="sui-icon-"]:not(.sui-loading),.sui-2-7-0 .sui-wrap button.sui-button-icon [class*="sui-icon-"]:not(.sui-loading){display:block}.sui-2-7-0 .sui-wrap .sui-button-icon:hover,.sui-2-7-0 .sui-wrap .sui-button-icon:focus,.sui-2-7-0 .sui-wrap .sui-button-icon:active,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-active,.sui-2-7-0 .sui-wrap a.sui-button-icon:hover,.sui-2-7-0 .sui-wrap a.sui-button-icon:focus,.sui-2-7-0 .sui-wrap a.sui-button-icon:active,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-active,.sui-2-7-0 .sui-wrap button.sui-button-icon:hover,.sui-2-7-0 .sui-wrap button.sui-button-icon:focus,.sui-2-7-0 .sui-wrap button.sui-button-icon:active,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-active{background-color:#F2F2F2;color:#333}.sui-2-7-0 .sui-wrap .sui-button-icon.disabled,.sui-2-7-0 .sui-wrap .sui-button-icon:disabled,.sui-2-7-0 .sui-wrap .sui-button-icon[disabled],.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-onload,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-onload-text,.sui-2-7-0 .sui-wrap a.sui-button-icon.disabled,.sui-2-7-0 .sui-wrap a.sui-button-icon:disabled,.sui-2-7-0 .sui-wrap a.sui-button-icon[disabled],.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-onload,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-onload-text,.sui-2-7-0 .sui-wrap button.sui-button-icon.disabled,.sui-2-7-0 .sui-wrap button.sui-button-icon:disabled,.sui-2-7-0 .sui-wrap button.sui-button-icon[disabled],.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-onload,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-onload-text{color:#aaa;background-color:#E6E6E6}.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-blue,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-blue,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-blue{color:#17A8E3}.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-blue:hover,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-blue:focus,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-blue:active,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-blue.sui-active,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-blue:hover,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-blue:focus,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-blue:active,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-blue.sui-active,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-blue:hover,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-blue:focus,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-blue:active,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-blue.sui-active{background-color:#E1F6FF;color:#17A8E3}.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-blue.disabled,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-blue:disabled,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-blue[disabled],.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-blue.sui-button-onload,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-blue.sui-button-onload-text,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-blue.disabled,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-blue:disabled,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-blue[disabled],.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-blue.sui-button-onload,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-blue.sui-button-onload-text,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-blue.disabled,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-blue:disabled,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-blue[disabled],.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-blue.sui-button-onload,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-blue.sui-button-onload-text{color:#aaa;background-color:#E6E6E6}.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-green,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-green,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-green{color:#1ABC9C}.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-green:hover,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-green:focus,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-green:active,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-green.sui-active,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-green:hover,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-green:focus,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-green:active,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-green.sui-active,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-green:hover,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-green:focus,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-green:active,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-green.sui-active{background-color:#D1F1EA;color:#1ABC9C}.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-green.disabled,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-green:disabled,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-green[disabled],.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-green.sui-button-onload,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-green.sui-button-onload-text,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-green.disabled,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-green:disabled,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-green[disabled],.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-green.sui-button-onload,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-green.sui-button-onload-text,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-green.disabled,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-green:disabled,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-green[disabled],.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-green.sui-button-onload,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-green.sui-button-onload-text{color:#aaa;background-color:#E6E6E6}.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-red,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-red,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-red{color:#FF6D6D}.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-red:hover,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-red:focus,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-red:active,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-red.sui-active,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-red:hover,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-red:focus,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-red:active,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-red.sui-active,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-red:hover,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-red:focus,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-red:active,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-red.sui-active{background-color:#FFE5E9;color:#FF6D6D}.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-red.disabled,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-red:disabled,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-red[disabled],.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-red.sui-button-onload,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-red.sui-button-onload-text,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-red.disabled,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-red:disabled,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-red[disabled],.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-red.sui-button-onload,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-red.sui-button-onload-text,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-red.disabled,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-red:disabled,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-red[disabled],.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-red.sui-button-onload,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-red.sui-button-onload-text{color:#aaa;background-color:#E6E6E6}.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-orange,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-orange,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-orange{color:#FF7E41}.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-orange:hover,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-orange:focus,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-orange:active,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-orange.sui-active,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-orange:hover,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-orange:focus,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-orange:active,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-orange.sui-active,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-orange:hover,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-orange:focus,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-orange:active,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-orange.sui-active{background-color:#FFE5D9;color:#FF7E41}.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-orange.disabled,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-orange:disabled,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-orange[disabled],.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-orange.sui-button-onload,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-orange.sui-button-onload-text,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-orange.disabled,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-orange:disabled,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-orange[disabled],.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-orange.sui-button-onload,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-orange.sui-button-onload-text,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-orange.disabled,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-orange:disabled,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-orange[disabled],.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-orange.sui-button-onload,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-orange.sui-button-onload-text{color:#aaa;background-color:#E6E6E6}.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-yellow,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-yellow,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-yellow{color:#FECF2F}.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-yellow:hover,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-yellow:focus,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-yellow:active,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-yellow.sui-active,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-yellow:hover,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-yellow:focus,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-yellow:active,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-yellow.sui-active,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-yellow:hover,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-yellow:focus,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-yellow:active,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-yellow.sui-active{background-color:#FFF5D5;color:#FECF2F}.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-yellow.disabled,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-yellow:disabled,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-yellow[disabled],.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-yellow.sui-button-onload,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-yellow.sui-button-onload-text,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-yellow.disabled,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-yellow:disabled,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-yellow[disabled],.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-yellow.sui-button-onload,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-yellow.sui-button-onload-text,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-yellow.disabled,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-yellow:disabled,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-yellow[disabled],.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-yellow.sui-button-onload,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-yellow.sui-button-onload-text{color:#aaa;background-color:#E6E6E6}.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-purple,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-purple,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-purple{color:#8D00B1}.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-purple:hover,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-purple:focus,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-purple:active,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-purple.sui-active,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-purple:hover,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-purple:focus,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-purple:active,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-purple.sui-active,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-purple:hover,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-purple:focus,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-purple:active,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-purple.sui-active{background-color:#F9E1FF;color:#8D00B1}.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-purple.disabled,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-purple:disabled,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-purple[disabled],.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-purple.sui-button-onload,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-purple.sui-button-onload-text,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-purple.disabled,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-purple:disabled,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-purple[disabled],.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-purple.sui-button-onload,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-purple.sui-button-onload-text,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-purple.disabled,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-purple:disabled,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-purple[disabled],.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-purple.sui-button-onload,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-purple.sui-button-onload-text{color:#aaa;background-color:#E6E6E6}.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-outlined,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-outlined,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-outlined{width:44px;border-color:#ddd}.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-outlined:hover,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-outlined:focus,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-outlined:active,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-active,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-outlined:hover,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-outlined:focus,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-outlined:active,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-active,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-outlined:hover,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-outlined:focus,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-outlined:active,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-active{border-color:#888;background-color:#888;color:#fff}.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-outlined.disabled,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-outlined:disabled,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-outlined[disabled],.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-onload,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-onload-text,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-outlined.disabled,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-outlined:disabled,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-outlined[disabled],.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-onload,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-onload-text,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-outlined.disabled,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-outlined:disabled,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-outlined[disabled],.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-onload,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-onload-text{border-color:#E6E6E6}.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-blue,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-blue,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-blue{border-color:#E1F6FF}.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-blue:hover,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-blue:focus,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-blue:active,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-blue.sui-active,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-blue:hover,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-blue:focus,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-blue:active,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-blue.sui-active,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-blue:hover,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-blue:focus,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-blue:active,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-blue.sui-active{border-color:#17A8E3;background-color:#17A8E3;color:#fff}.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-blue.disabled,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-blue:disabled,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-blue[disabled],.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-blue.sui-button-onload,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-blue.sui-button-onload-text,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-blue.disabled,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-blue:disabled,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-blue[disabled],.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-blue.sui-button-onload,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-blue.sui-button-onload-text,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-blue.disabled,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-blue:disabled,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-blue[disabled],.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-blue.sui-button-onload,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-blue.sui-button-onload-text{border-color:#E6E6E6}.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-green,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-green,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-green{border-color:#D1F1EA}.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-green:hover,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-green:focus,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-green:active,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-green.sui-active,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-green:hover,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-green:focus,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-green:active,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-green.sui-active,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-green:hover,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-green:focus,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-green:active,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-green.sui-active{border-color:#1ABC9C;background-color:#1ABC9C;color:#fff}.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-green.disabled,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-green:disabled,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-green[disabled],.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-green.sui-button-onload,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-green.sui-button-onload-text,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-green.disabled,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-green:disabled,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-green[disabled],.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-green.sui-button-onload,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-green.sui-button-onload-text,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-green.disabled,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-green:disabled,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-green[disabled],.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-green.sui-button-onload,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-green.sui-button-onload-text{border-color:#E6E6E6}.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-red,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-red,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-red{border-color:#FFE5E9}.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-red:hover,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-red:focus,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-red:active,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-red.sui-active,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-red:hover,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-red:focus,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-red:active,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-red.sui-active,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-red:hover,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-red:focus,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-red:active,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-red.sui-active{border-color:#FF6D6D;background-color:#FF6D6D;color:#fff}.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-red.disabled,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-red:disabled,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-red[disabled],.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-red.sui-button-onload,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-red.sui-button-onload-text,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-red.disabled,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-red:disabled,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-red[disabled],.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-red.sui-button-onload,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-red.sui-button-onload-text,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-red.disabled,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-red:disabled,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-red[disabled],.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-red.sui-button-onload,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-red.sui-button-onload-text{border-color:#E6E6E6}.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-orange,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-orange,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-orange{border-color:#FFE5D9}.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-orange:hover,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-orange:focus,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-orange:active,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-orange.sui-active,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-orange:hover,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-orange:focus,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-orange:active,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-orange.sui-active,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-orange:hover,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-orange:focus,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-orange:active,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-orange.sui-active{border-color:#FF7E41;background-color:#FF7E41;color:#fff}.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-orange.disabled,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-orange:disabled,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-orange[disabled],.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-orange.sui-button-onload,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-orange.sui-button-onload-text,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-orange.disabled,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-orange:disabled,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-orange[disabled],.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-orange.sui-button-onload,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-orange.sui-button-onload-text,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-orange.disabled,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-orange:disabled,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-orange[disabled],.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-orange.sui-button-onload,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-orange.sui-button-onload-text{border-color:#E6E6E6}.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-yellow,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-yellow,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-yellow{border-color:#FFF5D5}.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-yellow:hover,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-yellow:focus,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-yellow:active,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-yellow.sui-active,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-yellow:hover,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-yellow:focus,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-yellow:active,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-yellow.sui-active,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-yellow:hover,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-yellow:focus,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-yellow:active,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-yellow.sui-active{border-color:#FECF2F;background-color:#FECF2F;color:#333}.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-yellow.disabled,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-yellow:disabled,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-yellow[disabled],.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-yellow.sui-button-onload,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-yellow.sui-button-onload-text,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-yellow.disabled,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-yellow:disabled,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-yellow[disabled],.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-yellow.sui-button-onload,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-yellow.sui-button-onload-text,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-yellow.disabled,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-yellow:disabled,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-yellow[disabled],.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-yellow.sui-button-onload,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-yellow.sui-button-onload-text{border-color:#E6E6E6}.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-purple,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-purple,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-purple{border-color:#F9E1FF}.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-purple:hover,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-purple:focus,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-purple:active,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-purple.sui-active,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-purple:hover,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-purple:focus,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-purple:active,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-purple.sui-active,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-purple:hover,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-purple:focus,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-purple:active,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-purple.sui-active{border-color:#8D00B1;background-color:#8D00B1;color:#fff}.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-purple.disabled,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-purple:disabled,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-purple[disabled],.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-purple.sui-button-onload,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-outlined.sui-button-purple.sui-button-onload-text,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-purple.disabled,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-purple:disabled,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-purple[disabled],.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-purple.sui-button-onload,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-outlined.sui-button-purple.sui-button-onload-text,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-purple.disabled,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-purple:disabled,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-purple[disabled],.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-purple.sui-button-onload,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-outlined.sui-button-purple.sui-button-onload-text{border-color:#E6E6E6}.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-filled,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-filled,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-filled{background-color:#E6E6E6;color:#aaa}.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-filled:hover,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-filled:focus,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-filled:active,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-active,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-filled:hover,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-filled:focus,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-filled:active,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-active,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-filled:hover,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-filled:focus,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-filled:active,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-active{background-color:#d2d2d2}.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-filled.disabled,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-filled:disabled,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-filled[disabled],.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-onload,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-onload-text,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-filled.disabled,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-filled:disabled,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-filled[disabled],.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-onload,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-onload-text,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-filled.disabled,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-filled:disabled,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-filled[disabled],.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-onload,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-onload-text{background-color:#E6E6E6;color:#aaa}.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-blue,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-blue,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-blue{background-color:#17A8E3;color:#fff}.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-blue:hover,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-blue:focus,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-blue:active,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-blue.sui-active,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-blue:hover,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-blue:focus,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-blue:active,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-blue.sui-active,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-blue:hover,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-blue:focus,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-blue:active,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-blue.sui-active{background-color:#1286b5}.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-blue.disabled,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-blue:disabled,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-blue[disabled],.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-blue.sui-button-onload,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-blue.sui-button-onload-text,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-blue.disabled,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-blue:disabled,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-blue[disabled],.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-blue.sui-button-onload,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-blue.sui-button-onload-text,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-blue.disabled,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-blue:disabled,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-blue[disabled],.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-blue.sui-button-onload,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-blue.sui-button-onload-text{background-color:#E6E6E6;color:#aaa}.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-green,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-green,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-green{background-color:#1ABC9C;color:#fff}.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-green:hover,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-green:focus,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-green:active,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-green.sui-active,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-green:hover,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-green:focus,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-green:active,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-green.sui-active,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-green:hover,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-green:focus,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-green:active,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-green.sui-active{background-color:#148f77}.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-green.disabled,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-green:disabled,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-green[disabled],.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-green.sui-button-onload,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-green.sui-button-onload-text,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-green.disabled,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-green:disabled,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-green[disabled],.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-green.sui-button-onload,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-green.sui-button-onload-text,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-green.disabled,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-green:disabled,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-green[disabled],.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-green.sui-button-onload,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-green.sui-button-onload-text{background-color:#E6E6E6;color:#aaa}.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-red,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-red,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-red{background-color:#FF6D6D;color:#fff}.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-red:hover,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-red:focus,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-red:active,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-red.sui-active,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-red:hover,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-red:focus,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-red:active,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-red.sui-active,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-red:hover,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-red:focus,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-red:active,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-red.sui-active{background-color:#ff3a3a}.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-red.disabled,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-red:disabled,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-red[disabled],.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-red.sui-button-onload,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-red.sui-button-onload-text,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-red.disabled,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-red:disabled,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-red[disabled],.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-red.sui-button-onload,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-red.sui-button-onload-text,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-red.disabled,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-red:disabled,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-red[disabled],.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-red.sui-button-onload,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-red.sui-button-onload-text{background-color:#E6E6E6;color:#aaa}.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-orange,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-orange,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-orange{background-color:#FF7E41;color:#fff}.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-orange:hover,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-orange:focus,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-orange:active,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-orange.sui-active,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-orange:hover,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-orange:focus,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-orange:active,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-orange.sui-active,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-orange:hover,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-orange:focus,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-orange:active,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-orange.sui-active{background-color:#ff5b0e}.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-orange.disabled,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-orange:disabled,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-orange[disabled],.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-orange.sui-button-onload,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-orange.sui-button-onload-text,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-orange.disabled,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-orange:disabled,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-orange[disabled],.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-orange.sui-button-onload,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-orange.sui-button-onload-text,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-orange.disabled,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-orange:disabled,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-orange[disabled],.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-orange.sui-button-onload,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-orange.sui-button-onload-text{background-color:#E6E6E6;color:#aaa}.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-yellow,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-yellow,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-yellow{background-color:#FECF2F;color:#333}.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-yellow:hover,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-yellow:focus,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-yellow:active,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-yellow.sui-active,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-yellow:hover,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-yellow:focus,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-yellow:active,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-yellow.sui-active,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-yellow:hover,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-yellow:focus,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-yellow:active,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-yellow.sui-active{background-color:#f9c101}.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-yellow.disabled,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-yellow:disabled,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-yellow[disabled],.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-yellow.sui-button-onload,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-yellow.sui-button-onload-text,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-yellow.disabled,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-yellow:disabled,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-yellow[disabled],.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-yellow.sui-button-onload,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-yellow.sui-button-onload-text,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-yellow.disabled,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-yellow:disabled,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-yellow[disabled],.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-yellow.sui-button-onload,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-yellow.sui-button-onload-text{background-color:#E6E6E6;color:#aaa}.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-purple,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-purple,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-purple{background-color:#8D00B1;color:#fff}.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-purple:hover,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-purple:focus,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-purple:active,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-purple.sui-active,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-purple:hover,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-purple:focus,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-purple:active,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-purple.sui-active,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-purple:hover,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-purple:focus,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-purple:active,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-purple.sui-active{background-color:#64007e}.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-purple.disabled,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-purple:disabled,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-purple[disabled],.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-purple.sui-button-onload,.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-filled.sui-button-purple.sui-button-onload-text,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-purple.disabled,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-purple:disabled,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-purple[disabled],.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-purple.sui-button-onload,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-filled.sui-button-purple.sui-button-onload-text,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-purple.disabled,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-purple:disabled,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-purple[disabled],.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-purple.sui-button-onload,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-filled.sui-button-purple.sui-button-onload-text{background-color:#E6E6E6;color:#aaa}.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-lg,.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-lg,.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-lg{width:50px;height:40px}.sui-2-7-0 .sui-wrap .sui-button-icon.sui-button-lg [class*="sui-icon-"],.sui-2-7-0 .sui-wrap a.sui-button-icon.sui-button-lg [class*="sui-icon-"],.sui-2-7-0 .sui-wrap button.sui-button-icon.sui-button-lg [class*="sui-icon-"]{font-size:13px}.sui-2-7-0 .sui-wrap .sui-dropdown .sui-button:not(:last-child),.sui-2-7-0 .sui-wrap .sui-dropdown .sui-button-icon:not(:last-child),.sui-2-7-0 .sui-wrap .sui-dropdown a.sui-button:not(:last-child),.sui-2-7-0 .sui-wrap .sui-dropdown a.sui-button-icon:not(:last-child),.sui-2-7-0 .sui-wrap .sui-dropdown button.sui-button:not(:last-child),.sui-2-7-0 .sui-wrap .sui-dropdown button.sui-button-icon:not(:last-child){margin-right:0}.sui-2-7-0 .sui-wrap .sui-toggle{display:block}.sui-2-7-0 .sui-wrap .sui-toggle input:focus ~ .sui-toggle-slider{box-shadow:0 0 0 5px #F2F2F2}.sui-2-7-0 .sui-wrap .sui-toggle input:checked ~ .sui-toggle-slider{background-color:#17A8E3}.sui-2-7-0 .sui-wrap .sui-toggle input:checked ~ .sui-toggle-slider:before{transform:translateX(18px)}.sui-2-7-0 .sui-wrap .sui-toggle input:checked ~ .sui-toggle-slider:hover{box-shadow:0 0 0 5px #E1F6FF}.sui-2-7-0 .sui-wrap .sui-toggle input:checked:focus ~ .sui-toggle-slider{box-shadow:0 0 0 5px #E1F6FF}.sui-2-7-0 .sui-wrap .sui-toggle .sui-toggle-slider{width:34px;height:16px;float:left;display:block;position:relative;margin:3px 0;padding:0;border:0;border-radius:8px;background-color:#aaa;transition:all 0.3s ease}.sui-2-7-0 .sui-wrap .sui-toggle .sui-toggle-slider:before{content:" ";width:14px;height:14px;position:absolute;top:1px;left:1px;border-radius:16px;background-color:#fff;transition:0.2s linear}.sui-2-7-0 .sui-wrap .sui-toggle .sui-toggle-slider:hover{box-shadow:0 0 0 5px #F2F2F2}.sui-2-7-0 .sui-wrap .sui-toggle .sui-toggle-slider ~ .sui-toggle-label,.sui-2-7-0 .sui-wrap .sui-toggle .sui-toggle-slider ~ .sui-description{margin-left:44px}.sui-2-7-0 .sui-wrap .sui-toggle .sui-toggle-label{display:block;font:500 15px/22px "Roboto",Arial,sans-serif;letter-spacing:-.25px}.sui-2-7-0 .sui-wrap .sui-toggle .sui-description{display:block}.sui-2-7-0 .sui-wrap .sui-toggle+label,.sui-2-7-0 .sui-wrap .sui-toggle+.sui-toggle-label{position:relative;top:-3px;margin-left:10px;font-weight:500}.sui-2-7-0 .sui-wrap .sui-toggle-content,.sui-2-7-0 .sui-wrap .sui-toggle-content.sui-border-frame{margin-left:44px}.sui-2-7-0 .sui-wrap *{box-sizing:border-box}.sui-2-7-0 .sui-wrap *:before,.sui-2-7-0 .sui-wrap *:after{box-sizing:border-box}.sui-2-7-0 .sui-wrap .sui-box{min-height:20px;position:relative;border-radius:4px;background-color:#fff;box-shadow:0 2px 0 #E6E6E6}.sui-2-7-0 .sui-wrap .sui-box .sui-box-header{border-bottom:1px solid #E6E6E6;padding:15px 30px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}@media (max-width: 782px){.sui-2-7-0 .sui-wrap .sui-box .sui-box-header{padding:15px 20px}}.sui-2-7-0 .sui-wrap .sui-box .sui-box-header>h3>i{line-height:30px}@media (max-width: 782px){.sui-2-7-0 .sui-wrap .sui-box .sui-box-body{padding:20px}}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-box .sui-box-body{padding:30px}}.sui-2-7-0 .sui-wrap .sui-box .sui-box-footer{border-top:1px solid #E6E6E6;padding:30px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.sui-2-7-0 .sui-wrap .sui-box .sui-box-footer.sui-pull-up{margin-top:-15px}@media (max-width: 782px){.sui-2-7-0 .sui-wrap .sui-box .sui-box-footer{padding:20px}}.sui-2-7-0 .sui-wrap .sui-box .sui-box-status{padding:15px 20px 20px}.sui-2-7-0 .sui-wrap .sui-box .sui-box-status .sui-status{display:-ms-flexbox;display:flex}.sui-2-7-0 .sui-wrap .sui-box .sui-box-status .sui-status [class*="sui-status-"]{font-size:12px;line-height:30px;font-family:"Roboto",Arial,sans-serif;letter-spacing:-.25px}.sui-2-7-0 .sui-wrap .sui-box .sui-box-status .sui-status [class*="sui-status-"] .sui-tag{margin-left:8px}.sui-2-7-0 .sui-wrap .sui-box .sui-box-status .sui-status [class*="sui-status-"] [class*="sui-icon-"]{margin-right:4px;font-size:12px}.sui-2-7-0 .sui-wrap .sui-box .sui-box-status .sui-status [class*="sui-status-"] [class*="sui-icon-"]:before{display:block}.sui-2-7-0 .sui-wrap .sui-box .sui-box-status .sui-status [class*="sui-status-"]:not(:last-child){margin-right:20px}.sui-2-7-0 .sui-wrap .sui-box .sui-box-status .sui-status [class*="sui-status-"]:not(:first-child){padding-left:20px;border-left:1px solid #E6E6E6}.sui-2-7-0 .sui-wrap .sui-box .sui-box-status .sui-status .sui-status-module{color:#888;font-weight:bold}.sui-2-7-0 .sui-wrap .sui-box .sui-box-status .sui-status .sui-status-changes{color:#aaa;font-weight:500;letter-spacing:-.25px}.sui-2-7-0 .sui-wrap .sui-box .sui-box-status .sui-status .sui-status-changes .sui-icon-check-tick:before{color:#1ABC9C}.sui-2-7-0 .sui-wrap .sui-box .sui-box-status .sui-status .sui-status-changes .sui-icon-update:before{color:#888}@media (max-width: 782px){.sui-2-7-0 .sui-wrap .sui-box .sui-box-status .sui-status+.sui-actions{margin-top:15px}}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-box .sui-box-status .sui-status+.sui-actions{margin-left:15px}}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-box .sui-box-status .sui-status{-ms-flex:1;flex:1}}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-box .sui-box-status .sui-actions{-ms-flex:0 0 auto;flex:0 0 auto}}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-box .sui-box-status{display:-ms-flexbox;display:flex;padding:15px 30px}}.sui-2-7-0 .sui-wrap .sui-box .sui-box-search>*{max-width:100%;-ms-flex:0 1 auto;flex:0 1 auto}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-box .sui-box-search>.sui-search-left:not(:last-child){margin-right:15px}}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-box .sui-box-search>.sui-search-left{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1}}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-box .sui-box-search>.sui-search-right:only-child{-ms-flex:1;flex:1}}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-box .sui-box-search>.sui-search-right:not(:only-child):not(:last-child){margin-right:15px}}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-box .sui-box-search>.sui-search-right:not(:only-child){-ms-flex:0 0 auto;flex:0 0 auto}}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-box .sui-box-search{display:-ms-flexbox;display:flex}}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-box.sui-box-sticky{position:-webkit-sticky !important;position:sticky !important;top:32px;z-index:12}}.sui-2-7-0 .sui-wrap .sui-box.sui-box-sticky.sui-is-sticky{box-shadow:0 5px 25px rgba(0,0,0,0.15)}.sui-2-7-0 .sui-wrap .sui-box>.sui-box-search{padding-top:15px;padding-bottom:15px}@media (max-width: 782px){.sui-2-7-0 .sui-wrap .sui-box>.sui-box-search{padding-right:20px;padding-left:20px}}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-box>.sui-box-search{padding-right:30px;padding-left:30px}}@media (max-width: 782px){.sui-2-7-0 .sui-wrap .sui-box:last-child{margin-bottom:0}}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-box:last-child{margin-bottom:0}}@media (max-width: 782px){.sui-2-7-0 .sui-wrap .sui-box{margin-bottom:20px}}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-box{margin-bottom:30px}}.sui-2-7-0 .sui-wrap .sui-message{display:block;text-align:center}.sui-2-7-0 .sui-wrap .sui-message .sui-message-content{max-width:600px;margin-right:auto;margin-left:auto}.sui-2-7-0 .sui-wrap .sui-message .sui-message-content h1,.sui-2-7-0 .sui-wrap .sui-message .sui-message-content h2,.sui-2-7-0 .sui-wrap .sui-message .sui-message-content h3,.sui-2-7-0 .sui-wrap .sui-message .sui-message-content h4,.sui-2-7-0 .sui-wrap .sui-message .sui-message-content h5,.sui-2-7-0 .sui-wrap .sui-message .sui-message-content h6{margin:0 0 20px}.sui-2-7-0 .sui-wrap .sui-message .sui-message-content h1:last-child,.sui-2-7-0 .sui-wrap .sui-message .sui-message-content h2:last-child,.sui-2-7-0 .sui-wrap .sui-message .sui-message-content h3:last-child,.sui-2-7-0 .sui-wrap .sui-message .sui-message-content h4:last-child,.sui-2-7-0 .sui-wrap .sui-message .sui-message-content h5:last-child,.sui-2-7-0 .sui-wrap .sui-message .sui-message-content h6:last-child{margin-bottom:0}.sui-2-7-0 .sui-wrap .sui-message .sui-message-content p{margin:0 0 30px;letter-spacing:-0.25px}.sui-2-7-0 .sui-wrap .sui-message .sui-message-content p:last-child{margin-bottom:0}@media (max-width: 782px){.sui-2-7-0 .sui-wrap .sui-message .sui-message-content{margin-top:20px;margin-bottom:20px}}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-message .sui-message-content{margin-top:30px;margin-bottom:30px}}.sui-2-7-0 .sui-wrap .sui-message:not(.sui-message-lg) .sui-image{margin:10px auto}.sui-2-7-0 .sui-wrap .sui-message:not(.sui-message-lg) .sui-message-content:first-child{margin-top:0}.sui-2-7-0 .sui-wrap .sui-message:not(.sui-message-lg) .sui-message-content:last-child{margin-bottom:0}.sui-2-7-0 .sui-wrap .sui-message.sui-message-lg .sui-image{margin:30px auto}.sui-2-7-0 .sui-wrap .sui-message:first-child{margin-top:0}.sui-2-7-0 .sui-wrap .sui-message:last-child{margin-bottom:0}@media (max-width: 782px){.sui-2-7-0 .sui-wrap .sui-message{padding:20px}}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-message{padding:30px}}.sui-2-7-0 .sui-wrap .sui-box .sui-box-title{display:block;margin:0;padding:0;border:0;color:#333;font:700 15px/30px "Roboto",Arial,sans-serif;text-transform:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sui-2-7-0 .sui-wrap .sui-box .sui-box-title *{vertical-align:middle}.sui-2-7-0 .sui-wrap .sui-box .sui-box-title [class*="sui-icon-"]{float:left;display:block;margin-right:10px}.sui-2-7-0 .sui-wrap .sui-box .sui-box-title [class*="sui-icon-"]:before{color:inherit;font-size:20px;vertical-align:text-bottom}.sui-2-7-0 .sui-wrap .sui-box-body .sui-upsell-row{position:relative}.sui-2-7-0 .sui-wrap .sui-box-body .sui-upsell-row .sui-upsell-image{width:100px;position:absolute;bottom:0}@media (max-width: 782px){.sui-2-7-0 .sui-wrap .sui-box-body .sui-upsell-row .sui-upsell-image{display:none}}.sui-2-7-0 .sui-wrap .sui-box-body .sui-upsell-row .sui-upsell-notice p{position:relative;padding:15px 20px 15px 43px;border-radius:4px;color:#333;font-size:13px;line-height:22px;border-top:1px solid #e6e6e6;border-right:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;border-left:2px solid #8D00B1}.sui-2-7-0 .sui-wrap .sui-box-body .sui-upsell-row .sui-upsell-notice p a{color:#333;font-weight:500}.sui-2-7-0 .sui-wrap .sui-box-body .sui-upsell-row .sui-upsell-notice p:first-of-type:before{content:"I"}.sui-2-7-0 .sui-wrap .sui-box-body .sui-upsell-row .sui-upsell-notice p:first-of-type:before{color:#8D00B1;margin-left:-23px;margin-right:10px}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-box-body .sui-upsell-row .sui-upsell-notice{padding-left:130px}}.sui-2-7-0 .sui-wrap .sui-box-body.sui-upsell-items{padding:0}.sui-2-7-0 .sui-wrap .sui-box-body .sui-settings-box{padding:20px;border:1px solid #E6E6E6;border-radius:4px}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-box-body .sui-settings-box{padding:30px}}.sui-2-7-0 .sui-wrap .sui-with-bottom-border{margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid #E6E6E6}@media (max-width: 782px){.sui-2-7-0 .sui-wrap .sui-with-bottom-border{margin-bottom:20px;padding-bottom:20px}}.sui-2-7-0 .sui-wrap .sui-border-frame{margin:10px 0 0;border:1px solid #E6E6E6;border-radius:4px}@media (max-width: 782px){.sui-2-7-0 .sui-wrap .sui-border-frame:not(:last-child){margin-bottom:20px}}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-border-frame:not(:last-child){margin-bottom:30px}}@media (max-width: 782px){.sui-2-7-0 .sui-wrap .sui-border-frame{padding:20px}}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-border-frame{padding:30px}}.sui-2-7-0 .sui-wrap .sui-box-body .sui-box-settings-row{position:relative;margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid #E6E6E6}@media (max-width: 782px){.sui-2-7-0 .sui-wrap .sui-box-body .sui-box-settings-row [class*="sui-box-settings-col-"]+div{padding-top:20px}}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-box-body .sui-box-settings-row [class*="sui-box-settings-col-"]+div{margin-left:30px}}.sui-2-7-0 .sui-wrap .sui-box-body .sui-box-settings-row:last-child{margin-bottom:0;padding-bottom:0;border-bottom-width:0}.sui-2-7-0 .sui-wrap .sui-box-body .sui-box-settings-row.sui-disabled{opacity:0.5;pointer-events:none;background-color:rgba(242,242,242,0.5)}.sui-2-7-0 .sui-wrap .sui-box-body .sui-box-settings-row.sui-flushed{margin-right:-20px;margin-left:-20px;padding-right:20px;padding-left:20px}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-box-body .sui-box-settings-row.sui-flushed{margin-right:-30px;margin-left:-30px;padding-right:30px;padding-left:30px}}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-box-body .sui-box-settings-row{display:-ms-flexbox;display:flex}}.sui-2-7-0 .sui-wrap .sui-box-body .sui-box-settings-slim-row{position:relative;margin-bottom:20px}@media (max-width: 782px){.sui-2-7-0 .sui-wrap .sui-box-body .sui-box-settings-slim-row [class*="sui-box-settings-col-"]+div{padding-top:20px}}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-box-body .sui-box-settings-slim-row [class*="sui-box-settings-col-"]+div{margin-left:30px}}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-box-body .sui-box-settings-slim-row .sui-settings-label:only-child,.sui-2-7-0 .sui-wrap .sui-box-body .sui-box-settings-slim-row .sui-settings-label-with-tag:only-child{margin:5px 0;line-height:30px}}.sui-2-7-0 .sui-wrap .sui-box-body .sui-box-settings-slim-row:last-child{margin-bottom:0}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-box-body .sui-box-settings-slim-row{display:-ms-flexbox;display:flex}}.sui-2-7-0 .sui-wrap .sui-box-body .sui-box-settings-col-1{max-width:200px;-ms-flex:0 1 200px;flex:0 1 200px}.sui-2-7-0 .sui-wrap .sui-box-body .sui-box-settings-col-1 .sui-settings-label,.sui-2-7-0 .sui-wrap .sui-box-body .sui-box-settings-col-1 .sui-settings-label-with-tag{color:#333}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-box-body .sui-box-settings-col-2{min-width:0;-ms-flex:1;flex:1}}.sui-2-7-0 .sui-wrap .sui-box-body .sui-settings-label,.sui-2-7-0 .sui-wrap .sui-box-body .sui-settings-label-with-tag{display:block;margin:0 0 5px;padding:0;border:0;color:#666;font:500 15px/22px "Roboto",Arial,sans-serif;letter-spacing:-.25px}.sui-2-7-0 .sui-wrap .sui-box-body .sui-settings-label:last-child,.sui-2-7-0 .sui-wrap .sui-box-body .sui-settings-label-with-tag:last-child{margin:0}.sui-2-7-0 .sui-wrap .sui-box-body .sui-settings-label.sui-dark,.sui-2-7-0 .sui-wrap .sui-box-body .sui-dark.sui-settings-label-with-tag{color:#333}.sui-2-7-0 .sui-wrap .sui-box-body .sui-settings-label-with-tag{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.sui-2-7-0 .sui-wrap .sui-box-body .sui-settings-label-with-tag .sui-tag{margin-top:-2px;margin-left:10px}.sui-2-7-0 .sui-wrap .sui-box-body .sui-settings-label-with-tag .sui-tag.sui-tag-sm{margin-top:4px}.sui-2-7-0 .sui-wrap .sui-box-body .sui-settings-label-with-tag .sui-tag.sui-tag-pro,.sui-2-7-0 .sui-wrap .sui-box-body .sui-settings-label-with-tag .sui-tag.sui-tag-beta{margin-top:5px}.sui-2-7-0 .sui-wrap .sui-box-body .sui-description{line-height:22px}.sui-2-7-0 .sui-wrap .sui-box-body .sui-description+.sui-settings-box{margin-top:10px}.sui-2-7-0 .sui-wrap .sui-box-body.sui-upsell-items .sui-box-settings-row{margin:0;padding-top:21px;padding-right:20px;padding-left:20px;border-bottom:none}.sui-2-7-0 .sui-wrap .sui-box-body.sui-upsell-items .sui-box-settings-row:after{content:'';height:1px;clear:both;display:block;position:absolute;right:0;bottom:0;left:0;background-color:#E6E6E6}.sui-2-7-0 .sui-wrap .sui-box-body.sui-upsell-items .sui-box-settings-row:last-child,.sui-2-7-0 .sui-wrap .sui-box-body.sui-upsell-items .sui-box-settings-row:last-of-type{padding-bottom:30px}.sui-2-7-0 .sui-wrap .sui-box-body.sui-upsell-items .sui-box-settings-row:last-child:after,.sui-2-7-0 .sui-wrap .sui-box-body.sui-upsell-items .sui-box-settings-row:last-of-type:after{content:unset}@media (max-width: 782px){.sui-2-7-0 .sui-wrap .sui-box-body.sui-upsell-items .sui-box-settings-row:last-child,.sui-2-7-0 .sui-wrap .sui-box-body.sui-upsell-items .sui-box-settings-row:last-of-type{padding-top:20px}}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-box-body.sui-upsell-items .sui-box-settings-row{padding-top:31px;padding-right:30px;padding-left:30px}}.sui-2-7-0 .sui-wrap .sui-col,.sui-2-7-0 .sui-wrap [class*="sui-col-"]{min-height:1px;padding-left:15px;padding-right:15px;position:relative}@media (max-width: 782px){.sui-2-7-0 .sui-wrap .sui-col,.sui-2-7-0 .sui-wrap [class*="sui-col-"]{padding-left:10px;padding-right:10px}}.sui-2-7-0 .sui-wrap .sui-row{display:-ms-flexbox;display:flex;-ms-flex-flow:wrap;flex-flow:wrap;margin-right:-15px;margin-bottom:30px;margin-left:-15px}.sui-2-7-0 .sui-wrap .sui-row:last-child{margin-bottom:0}@media (max-width: 782px){.sui-2-7-0 .sui-wrap .sui-row:last-child{margin-bottom:0}}@media (max-width: 782px){.sui-2-7-0 .sui-wrap .sui-row{margin-right:-10px;margin-bottom:20px;margin-left:-10px}}.sui-2-7-0 .sui-wrap .sui-reverse{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.sui-2-7-0 .sui-wrap .sui-col{-ms-flex:1;flex:1}.sui-2-7-0 .sui-wrap [class*="sui-col-"]{-ms-flex:0 0 auto;flex:0 0 auto;width:100%;max-width:100%;-ms-flex-preferred-size:100%;flex-basis:100%}.sui-2-7-0 .sui-wrap .sui-col-xs-12{width:100%;max-width:100%;-ms-flex-preferred-size:100%;flex-basis:100%}.sui-2-7-0 .sui-wrap .sui-col-xs-offset-12{margin-left:100%}.sui-2-7-0 .sui-wrap .sui-col-xs-11{width:91.66667%;max-width:91.66667%;-ms-flex-preferred-size:91.66667%;flex-basis:91.66667%}.sui-2-7-0 .sui-wrap .sui-col-xs-offset-11{margin-left:91.66667%}.sui-2-7-0 .sui-wrap .sui-col-xs-10{width:83.33333%;max-width:83.33333%;-ms-flex-preferred-size:83.33333%;flex-basis:83.33333%}.sui-2-7-0 .sui-wrap .sui-col-xs-offset-10{margin-left:83.33333%}.sui-2-7-0 .sui-wrap .sui-col-xs-9{width:75%;max-width:75%;-ms-flex-preferred-size:75%;flex-basis:75%}.sui-2-7-0 .sui-wrap .sui-col-xs-offset-9{margin-left:75%}.sui-2-7-0 .sui-wrap .sui-col-xs-8{width:66.66667%;max-width:66.66667%;-ms-flex-preferred-size:66.66667%;flex-basis:66.66667%}.sui-2-7-0 .sui-wrap .sui-col-xs-offset-8{margin-left:66.66667%}.sui-2-7-0 .sui-wrap .sui-col-xs-7{width:58.33333%;max-width:58.33333%;-ms-flex-preferred-size:58.33333%;flex-basis:58.33333%}.sui-2-7-0 .sui-wrap .sui-col-xs-offset-7{margin-left:58.33333%}.sui-2-7-0 .sui-wrap .sui-col-xs-6{width:50%;max-width:50%;-ms-flex-preferred-size:50%;flex-basis:50%}.sui-2-7-0 .sui-wrap .sui-col-xs-offset-6{margin-left:50%}.sui-2-7-0 .sui-wrap .sui-col-xs-5{width:41.66667%;max-width:41.66667%;-ms-flex-preferred-size:41.66667%;flex-basis:41.66667%}.sui-2-7-0 .sui-wrap .sui-col-xs-offset-5{margin-left:41.66667%}.sui-2-7-0 .sui-wrap .sui-col-xs-4{width:33.33333%;max-width:33.33333%;-ms-flex-preferred-size:33.33333%;flex-basis:33.33333%}.sui-2-7-0 .sui-wrap .sui-col-xs-offset-4{margin-left:33.33333%}.sui-2-7-0 .sui-wrap .sui-col-xs-3{width:25%;max-width:25%;-ms-flex-preferred-size:25%;flex-basis:25%}.sui-2-7-0 .sui-wrap .sui-col-xs-offset-3{margin-left:25%}.sui-2-7-0 .sui-wrap .sui-col-xs-2{width:16.66667%;max-width:16.66667%;-ms-flex-preferred-size:16.66667%;flex-basis:16.66667%}.sui-2-7-0 .sui-wrap .sui-col-xs-offset-2{margin-left:16.66667%}.sui-2-7-0 .sui-wrap .sui-col-xs-1{width:8.33333%;max-width:8.33333%;-ms-flex-preferred-size:8.33333%;flex-basis:8.33333%}.sui-2-7-0 .sui-wrap .sui-col-xs-offset-1{margin-left:8.33333%}@media (min-width: 0px){.sui-2-7-0 .sui-wrap .sui-col-xs-12{width:100%;max-width:100%;-ms-flex-preferred-size:100%;flex-basis:100%}.sui-2-7-0 .sui-wrap .sui-col-xs-offset-12{margin-left:100%}.sui-2-7-0 .sui-wrap .sui-col-xs-11{width:91.66667%;max-width:91.66667%;-ms-flex-preferred-size:91.66667%;flex-basis:91.66667%}.sui-2-7-0 .sui-wrap .sui-col-xs-offset-11{margin-left:91.66667%}.sui-2-7-0 .sui-wrap .sui-col-xs-10{width:83.33333%;max-width:83.33333%;-ms-flex-preferred-size:83.33333%;flex-basis:83.33333%}.sui-2-7-0 .sui-wrap .sui-col-xs-offset-10{margin-left:83.33333%}.sui-2-7-0 .sui-wrap .sui-col-xs-9{width:75%;max-width:75%;-ms-flex-preferred-size:75%;flex-basis:75%}.sui-2-7-0 .sui-wrap .sui-col-xs-offset-9{margin-left:75%}.sui-2-7-0 .sui-wrap .sui-col-xs-8{width:66.66667%;max-width:66.66667%;-ms-flex-preferred-size:66.66667%;flex-basis:66.66667%}.sui-2-7-0 .sui-wrap .sui-col-xs-offset-8{margin-left:66.66667%}.sui-2-7-0 .sui-wrap .sui-col-xs-7{width:58.33333%;max-width:58.33333%;-ms-flex-preferred-size:58.33333%;flex-basis:58.33333%}.sui-2-7-0 .sui-wrap .sui-col-xs-offset-7{margin-left:58.33333%}.sui-2-7-0 .sui-wrap .sui-col-xs-6{width:50%;max-width:50%;-ms-flex-preferred-size:50%;flex-basis:50%}.sui-2-7-0 .sui-wrap .sui-col-xs-offset-6{margin-left:50%}.sui-2-7-0 .sui-wrap .sui-col-xs-5{width:41.66667%;max-width:41.66667%;-ms-flex-preferred-size:41.66667%;flex-basis:41.66667%}.sui-2-7-0 .sui-wrap .sui-col-xs-offset-5{margin-left:41.66667%}.sui-2-7-0 .sui-wrap .sui-col-xs-4{width:33.33333%;max-width:33.33333%;-ms-flex-preferred-size:33.33333%;flex-basis:33.33333%}.sui-2-7-0 .sui-wrap .sui-col-xs-offset-4{margin-left:33.33333%}.sui-2-7-0 .sui-wrap .sui-col-xs-3{width:25%;max-width:25%;-ms-flex-preferred-size:25%;flex-basis:25%}.sui-2-7-0 .sui-wrap .sui-col-xs-offset-3{margin-left:25%}.sui-2-7-0 .sui-wrap .sui-col-xs-2{width:16.66667%;max-width:16.66667%;-ms-flex-preferred-size:16.66667%;flex-basis:16.66667%}.sui-2-7-0 .sui-wrap .sui-col-xs-offset-2{margin-left:16.66667%}.sui-2-7-0 .sui-wrap .sui-col-xs-1{width:8.33333%;max-width:8.33333%;-ms-flex-preferred-size:8.33333%;flex-basis:8.33333%}.sui-2-7-0 .sui-wrap .sui-col-xs-offset-1{margin-left:8.33333%}}@media (min-width: 480px){.sui-2-7-0 .sui-wrap .sui-col-sm-12{width:100%;max-width:100%;-ms-flex-preferred-size:100%;flex-basis:100%}.sui-2-7-0 .sui-wrap .sui-col-sm-offset-12{margin-left:100%}.sui-2-7-0 .sui-wrap .sui-col-sm-11{width:91.66667%;max-width:91.66667%;-ms-flex-preferred-size:91.66667%;flex-basis:91.66667%}.sui-2-7-0 .sui-wrap .sui-col-sm-offset-11{margin-left:91.66667%}.sui-2-7-0 .sui-wrap .sui-col-sm-10{width:83.33333%;max-width:83.33333%;-ms-flex-preferred-size:83.33333%;flex-basis:83.33333%}.sui-2-7-0 .sui-wrap .sui-col-sm-offset-10{margin-left:83.33333%}.sui-2-7-0 .sui-wrap .sui-col-sm-9{width:75%;max-width:75%;-ms-flex-preferred-size:75%;flex-basis:75%}.sui-2-7-0 .sui-wrap .sui-col-sm-offset-9{margin-left:75%}.sui-2-7-0 .sui-wrap .sui-col-sm-8{width:66.66667%;max-width:66.66667%;-ms-flex-preferred-size:66.66667%;flex-basis:66.66667%}.sui-2-7-0 .sui-wrap .sui-col-sm-offset-8{margin-left:66.66667%}.sui-2-7-0 .sui-wrap .sui-col-sm-7{width:58.33333%;max-width:58.33333%;-ms-flex-preferred-size:58.33333%;flex-basis:58.33333%}.sui-2-7-0 .sui-wrap .sui-col-sm-offset-7{margin-left:58.33333%}.sui-2-7-0 .sui-wrap .sui-col-sm-6{width:50%;max-width:50%;-ms-flex-preferred-size:50%;flex-basis:50%}.sui-2-7-0 .sui-wrap .sui-col-sm-offset-6{margin-left:50%}.sui-2-7-0 .sui-wrap .sui-col-sm-5{width:41.66667%;max-width:41.66667%;-ms-flex-preferred-size:41.66667%;flex-basis:41.66667%}.sui-2-7-0 .sui-wrap .sui-col-sm-offset-5{margin-left:41.66667%}.sui-2-7-0 .sui-wrap .sui-col-sm-4{width:33.33333%;max-width:33.33333%;-ms-flex-preferred-size:33.33333%;flex-basis:33.33333%}.sui-2-7-0 .sui-wrap .sui-col-sm-offset-4{margin-left:33.33333%}.sui-2-7-0 .sui-wrap .sui-col-sm-3{width:25%;max-width:25%;-ms-flex-preferred-size:25%;flex-basis:25%}.sui-2-7-0 .sui-wrap .sui-col-sm-offset-3{margin-left:25%}.sui-2-7-0 .sui-wrap .sui-col-sm-2{width:16.66667%;max-width:16.66667%;-ms-flex-preferred-size:16.66667%;flex-basis:16.66667%}.sui-2-7-0 .sui-wrap .sui-col-sm-offset-2{margin-left:16.66667%}.sui-2-7-0 .sui-wrap .sui-col-sm-1{width:8.33333%;max-width:8.33333%;-ms-flex-preferred-size:8.33333%;flex-basis:8.33333%}.sui-2-7-0 .sui-wrap .sui-col-sm-offset-1{margin-left:8.33333%}}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-col-md-12{width:100%;max-width:100%;-ms-flex-preferred-size:100%;flex-basis:100%}.sui-2-7-0 .sui-wrap .sui-col-md-offset-12{margin-left:100%}.sui-2-7-0 .sui-wrap .sui-col-md-11{width:91.66667%;max-width:91.66667%;-ms-flex-preferred-size:91.66667%;flex-basis:91.66667%}.sui-2-7-0 .sui-wrap .sui-col-md-offset-11{margin-left:91.66667%}.sui-2-7-0 .sui-wrap .sui-col-md-10{width:83.33333%;max-width:83.33333%;-ms-flex-preferred-size:83.33333%;flex-basis:83.33333%}.sui-2-7-0 .sui-wrap .sui-col-md-offset-10{margin-left:83.33333%}.sui-2-7-0 .sui-wrap .sui-col-md-9{width:75%;max-width:75%;-ms-flex-preferred-size:75%;flex-basis:75%}.sui-2-7-0 .sui-wrap .sui-col-md-offset-9{margin-left:75%}.sui-2-7-0 .sui-wrap .sui-col-md-8{width:66.66667%;max-width:66.66667%;-ms-flex-preferred-size:66.66667%;flex-basis:66.66667%}.sui-2-7-0 .sui-wrap .sui-col-md-offset-8{margin-left:66.66667%}.sui-2-7-0 .sui-wrap .sui-col-md-7{width:58.33333%;max-width:58.33333%;-ms-flex-preferred-size:58.33333%;flex-basis:58.33333%}.sui-2-7-0 .sui-wrap .sui-col-md-offset-7{margin-left:58.33333%}.sui-2-7-0 .sui-wrap .sui-col-md-6{width:50%;max-width:50%;-ms-flex-preferred-size:50%;flex-basis:50%}.sui-2-7-0 .sui-wrap .sui-col-md-offset-6{margin-left:50%}.sui-2-7-0 .sui-wrap .sui-col-md-5{width:41.66667%;max-width:41.66667%;-ms-flex-preferred-size:41.66667%;flex-basis:41.66667%}.sui-2-7-0 .sui-wrap .sui-col-md-offset-5{margin-left:41.66667%}.sui-2-7-0 .sui-wrap .sui-col-md-4{width:33.33333%;max-width:33.33333%;-ms-flex-preferred-size:33.33333%;flex-basis:33.33333%}.sui-2-7-0 .sui-wrap .sui-col-md-offset-4{margin-left:33.33333%}.sui-2-7-0 .sui-wrap .sui-col-md-3{width:25%;max-width:25%;-ms-flex-preferred-size:25%;flex-basis:25%}.sui-2-7-0 .sui-wrap .sui-col-md-offset-3{margin-left:25%}.sui-2-7-0 .sui-wrap .sui-col-md-2{width:16.66667%;max-width:16.66667%;-ms-flex-preferred-size:16.66667%;flex-basis:16.66667%}.sui-2-7-0 .sui-wrap .sui-col-md-offset-2{margin-left:16.66667%}.sui-2-7-0 .sui-wrap .sui-col-md-1{width:8.33333%;max-width:8.33333%;-ms-flex-preferred-size:8.33333%;flex-basis:8.33333%}.sui-2-7-0 .sui-wrap .sui-col-md-offset-1{margin-left:8.33333%}}@media (min-width: 1200px){.sui-2-7-0 .sui-wrap .sui-col-lg-12{width:100%;max-width:100%;-ms-flex-preferred-size:100%;flex-basis:100%}.sui-2-7-0 .sui-wrap .sui-col-lg-offset-12{margin-left:100%}.sui-2-7-0 .sui-wrap .sui-col-lg-11{width:91.66667%;max-width:91.66667%;-ms-flex-preferred-size:91.66667%;flex-basis:91.66667%}.sui-2-7-0 .sui-wrap .sui-col-lg-offset-11{margin-left:91.66667%}.sui-2-7-0 .sui-wrap .sui-col-lg-10{width:83.33333%;max-width:83.33333%;-ms-flex-preferred-size:83.33333%;flex-basis:83.33333%}.sui-2-7-0 .sui-wrap .sui-col-lg-offset-10{margin-left:83.33333%}.sui-2-7-0 .sui-wrap .sui-col-lg-9{width:75%;max-width:75%;-ms-flex-preferred-size:75%;flex-basis:75%}.sui-2-7-0 .sui-wrap .sui-col-lg-offset-9{margin-left:75%}.sui-2-7-0 .sui-wrap .sui-col-lg-8{width:66.66667%;max-width:66.66667%;-ms-flex-preferred-size:66.66667%;flex-basis:66.66667%}.sui-2-7-0 .sui-wrap .sui-col-lg-offset-8{margin-left:66.66667%}.sui-2-7-0 .sui-wrap .sui-col-lg-7{width:58.33333%;max-width:58.33333%;-ms-flex-preferred-size:58.33333%;flex-basis:58.33333%}.sui-2-7-0 .sui-wrap .sui-col-lg-offset-7{margin-left:58.33333%}.sui-2-7-0 .sui-wrap .sui-col-lg-6{width:50%;max-width:50%;-ms-flex-preferred-size:50%;flex-basis:50%}.sui-2-7-0 .sui-wrap .sui-col-lg-offset-6{margin-left:50%}.sui-2-7-0 .sui-wrap .sui-col-lg-5{width:41.66667%;max-width:41.66667%;-ms-flex-preferred-size:41.66667%;flex-basis:41.66667%}.sui-2-7-0 .sui-wrap .sui-col-lg-offset-5{margin-left:41.66667%}.sui-2-7-0 .sui-wrap .sui-col-lg-4{width:33.33333%;max-width:33.33333%;-ms-flex-preferred-size:33.33333%;flex-basis:33.33333%}.sui-2-7-0 .sui-wrap .sui-col-lg-offset-4{margin-left:33.33333%}.sui-2-7-0 .sui-wrap .sui-col-lg-3{width:25%;max-width:25%;-ms-flex-preferred-size:25%;flex-basis:25%}.sui-2-7-0 .sui-wrap .sui-col-lg-offset-3{margin-left:25%}.sui-2-7-0 .sui-wrap .sui-col-lg-2{width:16.66667%;max-width:16.66667%;-ms-flex-preferred-size:16.66667%;flex-basis:16.66667%}.sui-2-7-0 .sui-wrap .sui-col-lg-offset-2{margin-left:16.66667%}.sui-2-7-0 .sui-wrap .sui-col-lg-1{width:8.33333%;max-width:8.33333%;-ms-flex-preferred-size:8.33333%;flex-basis:8.33333%}.sui-2-7-0 .sui-wrap .sui-col-lg-offset-1{margin-left:8.33333%}}@media (max-width: 1200px){.sui-2-7-0 .sui-wrap [class*="sui-col-lg-"]:last-child{margin-bottom:0}}@media (max-width: 1200px){.sui-2-7-0 .sui-wrap [class*="sui-col-lg-"]{margin-bottom:30px}}@media (max-width: 783px){.sui-2-7-0 .sui-wrap [class*="sui-col-lg-"]{margin-bottom:20px}}@media (max-width: 783px){.sui-2-7-0 .sui-wrap [class*="sui-col-md-"]:last-child{margin-bottom:0}}@media (max-width: 783px){.sui-2-7-0 .sui-wrap [class*="sui-col-md-"]{margin-bottom:20px}}@media (max-width: 480px){.sui-2-7-0 .sui-wrap [class*="sui-col-sm-"]:last-child{margin-bottom:0}}@media (max-width: 480px){.sui-2-7-0 .sui-wrap [class*="sui-col-sm-"]{margin-bottom:20px}}@media (max-width: 0px){.sui-2-7-0 .sui-wrap [class*="sui-col-xs-"]:last-child{margin-bottom:0}}@media (max-width: 0px){.sui-2-7-0 .sui-wrap [class*="sui-col-xs-"]{margin-bottom:20px}}.sui-2-7-0 .sui-wrap .sui-notice{margin:0 0 30px}.sui-2-7-0 .sui-wrap .sui-notice .sui-notice-content{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;margin:0;padding:11px 20px;border:0;border-radius:4px;background-color:#fff;box-shadow:inset 2px 0 0 0 #aaa,inset 0 0 0 1px #E6E6E6}.sui-2-7-0 .sui-wrap .sui-notice .sui-notice-content p{margin:0 0 10px;padding:0;border:0;color:#333;font-size:13px;line-height:22px}.sui-2-7-0 .sui-wrap .sui-notice .sui-notice-content p:last-child{margin-bottom:0}.sui-2-7-0 .sui-wrap .sui-notice .sui-notice-content .sui-notice-icon{width:30px;display:block;color:#888;text-align:center}.sui-2-7-0 .sui-wrap .sui-notice .sui-notice-content .sui-notice-icon:before{display:block;color:inherit}.sui-2-7-0 .sui-wrap .sui-notice .sui-notice-content .sui-notice-icon ~ *:not(.sui-notice-icon){padding-left:26px}.sui-2-7-0 .sui-wrap .sui-notice .sui-notice-content .sui-notice-message{-ms-flex:1;flex:1;position:relative;padding:5px 0 3px}.sui-2-7-0 .sui-wrap .sui-notice .sui-notice-content .sui-notice-message .sui-notice-icon{position:absolute;top:8px;left:-7px}.sui-2-7-0 .sui-wrap .sui-notice .sui-notice-content .sui-notice-message .sui-notice-icon.sui-sm{top:9px}.sui-2-7-0 .sui-wrap .sui-notice .sui-notice-content .sui-notice-message .sui-notice-icon.sui-md{top:7px}.sui-2-7-0 .sui-wrap .sui-notice .sui-notice-content .sui-notice-message .sui-notice-icon.sui-lg{top:5px}.sui-2-7-0 .sui-wrap .sui-notice .sui-notice-content .sui-notice-message+.sui-notice-actions{-ms-flex:0 0 auto;flex:0 0 auto;margin-right:-9px;margin-left:10px}.sui-2-7-0 .sui-wrap .sui-notice[role="alert"],.sui-2-7-0 .sui-wrap .sui-notice[aria-live="assertive"]{display:none}.sui-2-7-0 .sui-wrap .sui-notice.sui-notice-blue .sui-notice-content,.sui-2-7-0 .sui-wrap .sui-notice.sui-notice-info .sui-notice-content{box-shadow:inset 2px 0 0 0 #17A8E3,inset 0 0 0 1px #E6E6E6}.sui-2-7-0 .sui-wrap .sui-notice.sui-notice-blue .sui-notice-content .sui-notice-icon,.sui-2-7-0 .sui-wrap .sui-notice.sui-notice-info .sui-notice-content .sui-notice-icon{color:#17A8E3}.sui-2-7-0 .sui-wrap .sui-notice.sui-notice-green .sui-notice-content,.sui-2-7-0 .sui-wrap .sui-notice.sui-notice-success .sui-notice-content{box-shadow:inset 2px 0 0 0 #1ABC9C,inset 0 0 0 1px #E6E6E6}.sui-2-7-0 .sui-wrap .sui-notice.sui-notice-green .sui-notice-content .sui-notice-icon,.sui-2-7-0 .sui-wrap .sui-notice.sui-notice-success .sui-notice-content .sui-notice-icon{color:#1ABC9C}.sui-2-7-0 .sui-wrap .sui-notice.sui-notice-yellow .sui-notice-content,.sui-2-7-0 .sui-wrap .sui-notice.sui-notice-warning .sui-notice-content{box-shadow:inset 2px 0 0 0 #FECF2F,inset 0 0 0 1px #E6E6E6}.sui-2-7-0 .sui-wrap .sui-notice.sui-notice-yellow .sui-notice-content .sui-notice-icon,.sui-2-7-0 .sui-wrap .sui-notice.sui-notice-warning .sui-notice-content .sui-notice-icon{color:#FECF2F}.sui-2-7-0 .sui-wrap .sui-notice.sui-notice-red .sui-notice-content,.sui-2-7-0 .sui-wrap .sui-notice.sui-notice-error .sui-notice-content{box-shadow:inset 2px 0 0 0 #FF6D6D,inset 0 0 0 1px #E6E6E6}.sui-2-7-0 .sui-wrap .sui-notice.sui-notice-red .sui-notice-content .sui-notice-icon,.sui-2-7-0 .sui-wrap .sui-notice.sui-notice-error .sui-notice-content .sui-notice-icon{color:#FF6D6D}.sui-2-7-0 .sui-wrap .sui-notice.sui-notice-purple .sui-notice-content,.sui-2-7-0 .sui-wrap .sui-notice.sui-notice-upsell .sui-notice-content{box-shadow:inset 2px 0 0 0 #8D00B1,inset 0 0 0 1px #E6E6E6}.sui-2-7-0 .sui-wrap .sui-notice.sui-notice-purple .sui-notice-content .sui-notice-icon,.sui-2-7-0 .sui-wrap .sui-notice.sui-notice-upsell .sui-notice-content .sui-notice-icon{color:#8D00B1}.sui-2-7-0 .sui-wrap .sui-notice:last-child{margin:0}.sui-2-7-0 .sui-wrap .sui-floating-notices{pointer-events:none;position:fixed;z-index:99999;top:0;right:0;bottom:0;padding:10px}.sui-2-7-0 .sui-wrap .sui-floating-notices .sui-notice{width:100%;max-width:600px;pointer-events:initial;z-index:1;margin:0 auto 10px}.sui-2-7-0 .sui-wrap .sui-floating-notices .sui-notice .sui-notice-content{box-shadow:0 5px 25px 0 rgba(0,0,0,0.15),inset 2px 0 0 0 #aaa}.sui-2-7-0 .sui-wrap .sui-floating-notices .sui-notice.sui-notice-blue .sui-notice-content,.sui-2-7-0 .sui-wrap .sui-floating-notices .sui-notice.sui-notice-info .sui-notice-content{box-shadow:0 5px 25px 0 rgba(0,0,0,0.15),inset 2px 0 0 0 #17A8E3}.sui-2-7-0 .sui-wrap .sui-floating-notices .sui-notice.sui-notice-green .sui-notice-content,.sui-2-7-0 .sui-wrap .sui-floating-notices .sui-notice.sui-notice-success .sui-notice-content{box-shadow:0 5px 25px 0 rgba(0,0,0,0.15),inset 2px 0 0 0 #1ABC9C}.sui-2-7-0 .sui-wrap .sui-floating-notices .sui-notice.sui-notice-yellow .sui-notice-content,.sui-2-7-0 .sui-wrap .sui-floating-notices .sui-notice.sui-notice-warning .sui-notice-content{box-shadow:0 5px 25px 0 rgba(0,0,0,0.15),inset 2px 0 0 0 #FECF2F}.sui-2-7-0 .sui-wrap .sui-floating-notices .sui-notice.sui-notice-red .sui-notice-content,.sui-2-7-0 .sui-wrap .sui-floating-notices .sui-notice.sui-notice-error .sui-notice-content{box-shadow:0 5px 25px 0 rgba(0,0,0,0.15),inset 2px 0 0 0 #FF6D6D}.sui-2-7-0 .sui-wrap .sui-floating-notices .sui-notice.sui-notice-purple .sui-notice-content,.sui-2-7-0 .sui-wrap .sui-floating-notices .sui-notice.sui-notice-upsell .sui-notice-content{box-shadow:0 5px 25px 0 rgba(0,0,0,0.15),inset 2px 0 0 0 #8D00B1}.sui-2-7-0 .sui-wrap .sui-floating-notices .sui-notice:last-child{margin-bottom:0}@media only screen and (max-width: 640px){.sui-2-7-0 .sui-wrap .sui-floating-notices .sui-notice{max-width:100%}}.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-notice .sui-notice-content{box-shadow:inset 2px 0 0 0 #000,inset 0 0 0 1px #E6E6E6}.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-notice .sui-notice-content p{color:#000}.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-notice.sui-notice-blue .sui-notice-content,.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-notice.sui-notice-info .sui-notice-content,.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-notice.sui-notice-green .sui-notice-content,.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-notice.sui-notice-success .sui-notice-content,.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-notice.sui-notice-yellow .sui-notice-content,.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-notice.sui-notice-warning .sui-notice-content,.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-notice.sui-notice-red .sui-notice-content,.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-notice.sui-notice-error .sui-notice-content,.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-notice.sui-notice-purple .sui-notice-content,.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-notice.sui-notice-upsell .sui-notice-content{box-shadow:inset 2px 0 0 0 #000,inset 0 0 0 1px #E6E6E6}.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-floating-notices .sui-notice .sui-notice-content{box-shadow:0 5px 25px 0 rgba(0,0,0,0.15),inset 2px 0 0 0 #000}.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-floating-notices .sui-notice.sui-notice-blue .sui-notice-content,.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-floating-notices .sui-notice.sui-notice-info .sui-notice-content,.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-floating-notices .sui-notice.sui-notice-green .sui-notice-content,.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-floating-notices .sui-notice.sui-notice-success .sui-notice-content,.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-floating-notices .sui-notice.sui-notice-yellow .sui-notice-content,.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-floating-notices .sui-notice.sui-notice-warning .sui-notice-content,.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-floating-notices .sui-notice.sui-notice-red .sui-notice-content,.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-floating-notices .sui-notice.sui-notice-error .sui-notice-content,.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-floating-notices .sui-notice.sui-notice-purple .sui-notice-content,.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-floating-notices .sui-notice.sui-notice-upsell .sui-notice-content{box-shadow:0 5px 25px 0 rgba(0,0,0,0.15),inset 2px 0 0 0 #000}.sui-2-7-0[dir="rtl"] .sui-wrap .sui-notice{direction:rtl}.sui-2-7-0[dir="rtl"] .sui-wrap .sui-notice .sui-notice-content{-ms-flex-direction:row;flex-direction:row;box-shadow:inset -2px 0 0 0 #aaa,inset 0 0 0 1px #E6E6E6}.sui-2-7-0[dir="rtl"] .sui-wrap .sui-notice .sui-notice-content p{padding-right:26px;padding-left:0}.sui-2-7-0[dir="rtl"] .sui-wrap .sui-notice .sui-notice-content .sui-notice-message .sui-notice-icon{left:auto;right:-7px}.sui-2-7-0[dir="rtl"] .sui-wrap .sui-notice .sui-notice-content .sui-notice-message+.sui-notice-actions{margin-right:10px;margin-left:-9px}.sui-2-7-0[dir="rtl"] .sui-wrap .sui-notice.sui-notice-blue .sui-notice-content,.sui-2-7-0[dir="rtl"] .sui-wrap .sui-notice.sui-notice-info .sui-notice-content{box-shadow:inset -2px 0 0 0 #17A8E3,inset 0 0 0 1px #E6E6E6}.sui-2-7-0[dir="rtl"] .sui-wrap .sui-notice.sui-notice-green .sui-notice-content,.sui-2-7-0[dir="rtl"] .sui-wrap .sui-notice.sui-notice-success .sui-notice-content{box-shadow:inset -2px 0 0 0 #1ABC9C,inset 0 0 0 1px #E6E6E6}.sui-2-7-0[dir="rtl"] .sui-wrap .sui-notice.sui-notice-yellow .sui-notice-content,.sui-2-7-0[dir="rtl"] .sui-wrap .sui-notice.sui-notice-warning .sui-notice-content{box-shadow:inset -2px 0 0 0 #FECF2F,inset 0 0 0 1px #E6E6E6}.sui-2-7-0[dir="rtl"] .sui-wrap .sui-notice.sui-notice-red .sui-notice-content,.sui-2-7-0[dir="rtl"] .sui-wrap .sui-notice.sui-notice-error .sui-notice-content{box-shadow:inset -2px 0 0 0 #FF6D6D,inset 0 0 0 1px #E6E6E6}.sui-2-7-0[dir="rtl"] .sui-wrap .sui-notice.sui-notice-purple .sui-notice-content,.sui-2-7-0[dir="rtl"] .sui-wrap .sui-notice.sui-notice-upsell .sui-notice-content{box-shadow:inset -2px 0 0 0 #8D00B1,inset 0 0 0 1px #E6E6E6}.sui-2-7-0[dir="rtl"] .sui-wrap .sui-floating-notices .sui-notice .sui-notice-content{box-shadow:0 5px 25px 0 rgba(0,0,0,0.15),inset -2px 0 0 0 #aaa}.sui-2-7-0[dir="rtl"] .sui-wrap .sui-floating-notices .sui-notice.sui-notice-blue .sui-notice-content,.sui-2-7-0[dir="rtl"] .sui-wrap .sui-floating-notices .sui-notice.sui-notice-info .sui-notice-content{box-shadow:0 5px 25px 0 rgba(0,0,0,0.15),inset -2px 0 0 0 #17A8E3}.sui-2-7-0[dir="rtl"] .sui-wrap .sui-floating-notices .sui-notice.sui-notice-green .sui-notice-content,.sui-2-7-0[dir="rtl"] .sui-wrap .sui-floating-notices .sui-notice.sui-notice-success .sui-notice-content{box-shadow:0 5px 25px 0 rgba(0,0,0,0.15),inset -2px 0 0 0 #1ABC9C}.sui-2-7-0[dir="rtl"] .sui-wrap .sui-floating-notices .sui-notice.sui-notice-yellow .sui-notice-content,.sui-2-7-0[dir="rtl"] .sui-wrap .sui-floating-notices .sui-notice.sui-notice-warning .sui-notice-content{box-shadow:0 5px 25px 0 rgba(0,0,0,0.15),inset -2px 0 0 0 #FECF2F}.sui-2-7-0[dir="rtl"] .sui-wrap .sui-floating-notices .sui-notice.sui-notice-red .sui-notice-content,.sui-2-7-0[dir="rtl"] .sui-wrap .sui-floating-notices .sui-notice.sui-notice-error .sui-notice-content{box-shadow:0 5px 25px 0 rgba(0,0,0,0.15),inset -2px 0 0 0 #FF6D6D}.sui-2-7-0[dir="rtl"] .sui-wrap .sui-floating-notices .sui-notice.sui-notice-purple .sui-notice-content,.sui-2-7-0[dir="rtl"] .sui-wrap .sui-floating-notices .sui-notice.sui-notice-upsell .sui-notice-content{box-shadow:0 5px 25px 0 rgba(0,0,0,0.15),inset -2px 0 0 0 #8D00B1}.sui-2-7-0[dir="rtl"] .sui-wrap.sui-color-accessible .sui-notice .sui-notice-content{box-shadow:inset -2px 0 0 0 #000,inset 0 0 0 1px #E6E6E6}.sui-2-7-0[dir="rtl"] .sui-wrap.sui-color-accessible .sui-notice .sui-notice-content p{color:#000}.sui-2-7-0[dir="rtl"] .sui-wrap.sui-color-accessible .sui-notice.sui-notice-blue .sui-notice-content,.sui-2-7-0[dir="rtl"] .sui-wrap.sui-color-accessible .sui-notice.sui-notice-info .sui-notice-content,.sui-2-7-0[dir="rtl"] .sui-wrap.sui-color-accessible .sui-notice.sui-notice-green .sui-notice-content,.sui-2-7-0[dir="rtl"] .sui-wrap.sui-color-accessible .sui-notice.sui-notice-success .sui-notice-content,.sui-2-7-0[dir="rtl"] .sui-wrap.sui-color-accessible .sui-notice.sui-notice-yellow .sui-notice-content,.sui-2-7-0[dir="rtl"] .sui-wrap.sui-color-accessible .sui-notice.sui-notice-warning .sui-notice-content,.sui-2-7-0[dir="rtl"] .sui-wrap.sui-color-accessible .sui-notice.sui-notice-red .sui-notice-content,.sui-2-7-0[dir="rtl"] .sui-wrap.sui-color-accessible .sui-notice.sui-notice-error .sui-notice-content,.sui-2-7-0[dir="rtl"] .sui-wrap.sui-color-accessible .sui-notice.sui-notice-purple .sui-notice-content,.sui-2-7-0[dir="rtl"] .sui-wrap.sui-color-accessible .sui-notice.sui-notice-upsell .sui-notice-content{box-shadow:inset -2px 0 0 0 #000,inset 0 0 0 1px #E6E6E6}.sui-2-7-0[dir="rtl"] .sui-wrap.sui-color-accessible .sui-floating-notices .sui-notice .sui-notice-content{box-shadow:0 5px 25px 0 rgba(0,0,0,0.15),inset -2px 0 0 0 #000}.sui-2-7-0[dir="rtl"] .sui-wrap.sui-color-accessible .sui-floating-notices .sui-notice.sui-notice-blue .sui-notice-content,.sui-2-7-0[dir="rtl"] .sui-wrap.sui-color-accessible .sui-floating-notices .sui-notice.sui-notice-info .sui-notice-content,.sui-2-7-0[dir="rtl"] .sui-wrap.sui-color-accessible .sui-floating-notices .sui-notice.sui-notice-green .sui-notice-content,.sui-2-7-0[dir="rtl"] .sui-wrap.sui-color-accessible .sui-floating-notices .sui-notice.sui-notice-success .sui-notice-content,.sui-2-7-0[dir="rtl"] .sui-wrap.sui-color-accessible .sui-floating-notices .sui-notice.sui-notice-yellow .sui-notice-content,.sui-2-7-0[dir="rtl"] .sui-wrap.sui-color-accessible .sui-floating-notices .sui-notice.sui-notice-warning .sui-notice-content,.sui-2-7-0[dir="rtl"] .sui-wrap.sui-color-accessible .sui-floating-notices .sui-notice.sui-notice-red .sui-notice-content,.sui-2-7-0[dir="rtl"] .sui-wrap.sui-color-accessible .sui-floating-notices .sui-notice.sui-notice-error .sui-notice-content,.sui-2-7-0[dir="rtl"] .sui-wrap.sui-color-accessible .sui-floating-notices .sui-notice.sui-notice-purple .sui-notice-content,.sui-2-7-0[dir="rtl"] .sui-wrap.sui-color-accessible .sui-floating-notices .sui-notice.sui-notice-upsell .sui-notice-content{box-shadow:0 5px 25px 0 rgba(0,0,0,0.15),inset -2px 0 0 0 #000}.sui-2-7-0.wp-admin .sui-floating-notices{left:160px}.sui-2-7-0.wp-admin.folded .sui-floating-notices{left:36px}@media only screen and (max-width: 960px){.sui-2-7-0.wp-admin.auto-fold .sui-floating-notices{left:36px}}@media only screen and (max-width: 782px){.sui-2-7-0.wp-admin.auto-fold .sui-floating-notices{left:0}}.sui-2-7-0 .sui-wrap .sui-header{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;position:relative;margin-bottom:30px;line-height:1}@media (max-width: 782px){.sui-2-7-0 .sui-wrap .sui-header h1{-ms-flex:0 0 100%;flex:0 0 100%}}@media (max-width: 782px){.sui-2-7-0 .sui-wrap .sui-header .sui-actions-right{margin-top:10px;margin-right:auto;margin-left:0}}@media (max-width: 782px){.sui-2-7-0 .sui-wrap .sui-header .sui-actions-left{margin-top:10px;margin-right:0;margin-left:0}}@media (max-width: 782px){.sui-2-7-0 .sui-wrap .sui-header.sui-header-inline h1+*{margin-left:10px}}@media (max-width: 782px){.sui-2-7-0 .sui-wrap .sui-header.sui-header-inline h1{-ms-flex:1;flex:1}}@media (max-width: 782px){.sui-2-7-0 .sui-wrap .sui-header.sui-header-inline .sui-actions-right,.sui-2-7-0 .sui-wrap .sui-header.sui-header-inline .sui-actions-left{-ms-flex:0 0 auto;flex:0 0 auto;margin-top:0;margin-right:0}}@media (min-width: 1200px){.sui-2-7-0 .sui-wrap .sui-header.sui-with-floating-input h1{padding-right:260px}}@media (max-width: 782px){.sui-2-7-0 .sui-wrap .sui-header.sui-with-floating-input{margin-bottom:15px}}@media (max-width: 782px){.sui-2-7-0 .sui-wrap .sui-header{margin-bottom:20px}}.sui-2-7-0 .sui-wrap .sui-header-title{color:#333;margin:0;text-align:left;font-weight:bold;max-width:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sui-2-7-0 .sui-wrap .sui-summary{padding:10px 20px}.sui-2-7-0 .sui-wrap .sui-summary .sui-summary-image-space,.sui-2-7-0 .sui-wrap .sui-summary .sui-summary-segment{padding:10px 0}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-summary .sui-summary-image-space,.sui-2-7-0 .sui-wrap .sui-summary .sui-summary-segment{padding:0 15px}}.sui-2-7-0 .sui-wrap .sui-summary .sui-summary-image-space{display:none}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-summary .sui-summary-image-space{min-width:222px;min-height:212px;-ms-flex:0 0 222px;flex:0 0 222px}}.sui-2-7-0 .sui-wrap .sui-summary .sui-summary-segment{display:block}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-summary .sui-summary-segment .sui-list{padding-right:15px;padding-left:15px}}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-summary .sui-summary-segment .sui-summary-details{padding-right:30px;padding-left:30px}}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-summary .sui-summary-segment:first-child .sui-list,.sui-2-7-0 .sui-wrap .sui-summary .sui-summary-segment:first-child .sui-summary-details{padding-left:0}}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-summary .sui-summary-segment:last-child .sui-list,.sui-2-7-0 .sui-wrap .sui-summary .sui-summary-segment:last-child .sui-summary-details{padding-right:0}}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-summary .sui-summary-segment{overflow:hidden;-ms-flex:1;flex:1;text-overflow:ellipsis;white-space:nowrap}}.sui-2-7-0 .sui-wrap .sui-summary .sui-summary-details{color:#333;font-size:13px;line-height:22px;font-family:"Roboto",Arial,sans-serif;letter-spacing:-.25px;text-align:center}.sui-2-7-0 .sui-wrap .sui-summary .sui-summary-details span{display:inline-block}.sui-2-7-0 .sui-wrap .sui-summary .sui-summary-details .sui-summary-sub{display:block;margin-top:0;margin-bottom:5px;color:#888}.sui-2-7-0 .sui-wrap .sui-summary .sui-summary-details .sui-summary-sub:last-child{margin-bottom:0}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-summary .sui-summary-details .sui-summary-sub:last-child{margin-bottom:0}}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-summary .sui-summary-details .sui-summary-sub{margin-bottom:24px;white-space:normal}}.sui-2-7-0 .sui-wrap .sui-summary .sui-summary-details .sui-summary-percent{margin-left:-5px}.sui-2-7-0 .sui-wrap .sui-summary .sui-summary-details .sui-summary-large{font-size:50px;line-height:55px}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-summary .sui-summary-details .sui-summary-large+.sui-summary-sub{margin-top:-1px}}.sui-2-7-0 .sui-wrap .sui-summary .sui-summary-details .sui-summary-detail{display:block;font-size:15px;font-weight:500}.sui-2-7-0 .sui-wrap .sui-summary .sui-summary-details .sui-summary-detail img{position:relative;vertical-align:middle;top:-1px;margin-right:6px}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-summary .sui-summary-details .sui-summary-detail img{float:left;vertical-align:unset;top:1px}}.sui-2-7-0 .sui-wrap .sui-summary .sui-summary-details .sui-summary-detail+.sui-summary-sub{margin-top:5px}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-summary .sui-summary-details .sui-summary-detail{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.sui-2-7-0 .sui-wrap .sui-summary .sui-summary-details [class*="sui-icon-"]{position:relative;top:-22px;left:5px;font-size:16px}.sui-2-7-0 .sui-wrap .sui-summary .sui-summary-details [class*="sui-icon-"]+.sui-summary-percent{margin-left:-20px}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-summary .sui-summary-details{padding-top:30px;padding-bottom:30px;text-align:left}}.sui-2-7-0 .sui-wrap .sui-summary .sui-list li span{white-space:normal}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-summary .sui-list{padding-top:30px;padding-bottom:30px}}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-summary.sui-summary-sm .sui-summary-image-space{min-width:222px;min-height:151px;-ms-flex:0 0 222px;flex:0 0 222px}}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-summary:not(.sui-unbranded):not(.sui-summary-sm) .sui-summary-image-space{display:block}}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-summary:not(.sui-unbranded):not(.sui-summary-sm){background-image:url(../fonts/smush-graphic-dashboard-summary.svg);background-size:192px 182px;background-position:30px bottom;background-repeat:no-repeat}}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-summary:not(.sui-unbranded).sui-summary-sm .sui-summary-image-space:first-child+.sui-summary-segment .sui-list,.sui-2-7-0 .sui-wrap .sui-summary:not(.sui-unbranded).sui-summary-sm .sui-summary-image-space:first-child+.sui-summary-segment .sui-summary-details{padding-left:0}}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-summary.sui-unbranded .sui-summary-image-space:first-child+.sui-summary-segment .sui-list,.sui-2-7-0 .sui-wrap .sui-summary.sui-unbranded .sui-summary-image-space:first-child+.sui-summary-segment .sui-summary-details{padding-left:0}}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-summary.sui-unbranded .sui-summary-image-space{display:none}}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-summary.sui-rebranded:not(.sui-summary-sm) .sui-summary-image-space{background-size:contain;background-position:center;background-repeat:no-repeat}}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-summary{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:0 15px}}.sui-2-7-0 .sui-wrap .sui-list{margin:20px 0;padding:0;border:0}.sui-2-7-0 .sui-wrap .sui-list,.sui-2-7-0 .sui-wrap .sui-list li{list-style:none}.sui-2-7-0 .sui-wrap .sui-list li{display:-ms-flexbox;display:flex;margin:0;padding:9px 0;border:0;border-bottom:1px solid #E6E6E6;color:#888;font-size:13px;line-height:22px;font-family:"Roboto",Arial,sans-serif;font-weight:500;letter-spacing:-.25px}.sui-2-7-0 .sui-wrap .sui-list li [class*="sui-list-"]{padding:0 10px}.sui-2-7-0 .sui-wrap .sui-list li [class*="sui-list-"]:first-child{padding-left:0}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-list li [class*="sui-list-"]:first-child{padding-left:0}}.sui-2-7-0 .sui-wrap .sui-list li [class*="sui-list-"]:last-child{padding-right:0}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-list li [class*="sui-list-"]:last-child{padding-right:0}}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-list li [class*="sui-list-"]{padding:0 15px}}.sui-2-7-0 .sui-wrap .sui-list li .sui-list-label{-ms-flex:1;flex:1;color:#333}.sui-2-7-0 .sui-wrap .sui-list li .sui-list-detail{-ms-flex:0 0 auto;flex:0 0 auto;text-align:right}.sui-2-7-0 .sui-wrap .sui-list li:first-child{padding-top:0}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-list li:first-child{padding-top:0}}.sui-2-7-0 .sui-wrap .sui-list li:last-child{padding-bottom:0;border-bottom:0}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-list li:last-child{padding-bottom:0}}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-list li{padding:19px 0}}.sui-2-7-0 .sui-wrap .sui-list:first-child{margin-top:0}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-list:first-child{margin-top:0}}.sui-2-7-0 .sui-wrap .sui-list:last-child{margin-bottom:0}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-list:last-child{margin-bottom:0}}.sui-2-7-0 .sui-wrap .sui-list ul,.sui-2-7-0 .sui-wrap .sui-list ol{display:none}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-list{margin:30px 0}}.sui-2-7-0 .sui-wrap .sui-tooltip{position:relative}.sui-2-7-0 .sui-wrap .sui-tooltip:before,.sui-2-7-0 .sui-wrap .sui-tooltip:after{content:" ";opacity:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;pointer-events:none;position:absolute;z-index:1;transition:0.2s}.sui-2-7-0 .sui-wrap .sui-tooltip:before{left:50%;bottom:100%;border:5px solid transparent;border-top-color:#333;transform:translateX(-50%)}.sui-2-7-0 .sui-wrap .sui-tooltip:after{content:attr(data-tooltip);min-width:var(--tooltip-width, 40px);left:50%;bottom:100%;margin-bottom:10px;padding:8px 12px;border-radius:4px;background-color:#333;box-sizing:border-box;transform:translateX(-50%);color:#fff;font:500 12px/18px "Roboto",Arial,sans-serif;letter-spacing:-.25px;text-transform:none;text-align:var(--tooltip-text-align, center)}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-tooltip:after{white-space:nowrap}}.sui-2-7-0 .sui-wrap .sui-tooltip.sui-tooltip-constrained:after{min-width:var(--tooltip-width, 240px);white-space:normal}.sui-2-7-0 .sui-wrap .sui-tooltip.sui-tooltip-top-left:after{left:0;transform:translateX(0)}.sui-2-7-0 .sui-wrap .sui-tooltip.sui-tooltip-top-right:after{right:0;left:unset;transform:translateX(0)}.sui-2-7-0 .sui-wrap .sui-tooltip.sui-tooltip-bottom:before,.sui-2-7-0 .sui-wrap .sui-tooltip.sui-tooltip-bottom-left:before,.sui-2-7-0 .sui-wrap .sui-tooltip.sui-tooltip-bottom-right:before{top:100%;bottom:unset;border-top-color:transparent;border-bottom-color:#333}.sui-2-7-0 .sui-wrap .sui-tooltip.sui-tooltip-bottom:after,.sui-2-7-0 .sui-wrap .sui-tooltip.sui-tooltip-bottom-left:after,.sui-2-7-0 .sui-wrap .sui-tooltip.sui-tooltip-bottom-right:after{top:100%;bottom:unset;margin-top:10px;margin-bottom:0}.sui-2-7-0 .sui-wrap .sui-tooltip.sui-tooltip-bottom-left:after{left:0;transform:translate(0)}.sui-2-7-0 .sui-wrap .sui-tooltip.sui-tooltip-bottom-right:after{left:unset;right:0;transform:translate(0)}.sui-2-7-0 .sui-wrap .sui-tooltip.sui-tooltip-left:before{top:50%;right:100%;bottom:unset;left:unset;border-top-color:transparent;border-left-color:#333;transform:translateY(-50%)}.sui-2-7-0 .sui-wrap .sui-tooltip.sui-tooltip-left:after{top:50%;right:100%;bottom:unset;left:unset;margin-right:10px;margin-bottom:0;transform:translateY(-50%)}.sui-2-7-0 .sui-wrap .sui-tooltip.sui-tooltip-right:before{top:50%;bottom:unset;left:100%;border-top-color:transparent;border-right-color:#333;transform:translateY(-50%)}.sui-2-7-0 .sui-wrap .sui-tooltip.sui-tooltip-right:after{top:50%;bottom:unset;left:100%;margin-left:10px;margin-bottom:0;transform:translateY(-50%)}@media (max-width: 782px){.sui-2-7-0 .sui-wrap .sui-tooltip.sui-tooltip-mobile:after{min-width:var(--tooltip-width-mobile, 120px);white-space:normal}}@media (max-width: 782px){.sui-2-7-0 .sui-wrap .sui-tooltip.sui-tooltip-top-mobile:before,.sui-2-7-0 .sui-wrap .sui-tooltip.sui-tooltip-top-left-mobile:before,.sui-2-7-0 .sui-wrap .sui-tooltip.sui-tooltip-top-right-mobile:before{top:unset;bottom:100%;left:50%;right:unset;border-top-color:#333;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent;transform:translateX(-50%)}}@media (max-width: 782px){.sui-2-7-0 .sui-wrap .sui-tooltip.sui-tooltip-top-mobile:after,.sui-2-7-0 .sui-wrap .sui-tooltip.sui-tooltip-top-left-mobile:after,.sui-2-7-0 .sui-wrap .sui-tooltip.sui-tooltip-top-right-mobile:after{min-width:var(--tooltip-width-mobile, 120px);top:unset;bottom:100%;margin-top:0;margin-right:0;margin-bottom:10px;margin-left:0;white-space:normal}}@media (max-width: 782px){.sui-2-7-0 .sui-wrap .sui-tooltip.sui-tooltip-top-mobile:after{right:unset;left:50%;transform:translateX(-50%)}}@media (max-width: 782px){.sui-2-7-0 .sui-wrap .sui-tooltip.sui-tooltip-top-left-mobile:after{right:unset;left:0;transform:translateX(0)}}@media (max-width: 782px){.sui-2-7-0 .sui-wrap .sui-tooltip.sui-tooltip-top-right-mobile:after{right:0;left:unset;transform:translateX(0)}}@media (max-width: 782px){.sui-2-7-0 .sui-wrap .sui-tooltip.sui-tooltip-bottom-mobile:before,.sui-2-7-0 .sui-wrap .sui-tooltip.sui-tooltip-bottom-left-mobile:before,.sui-2-7-0 .sui-wrap .sui-tooltip.sui-tooltip-bottom-right-mobile:before{top:100%;bottom:unset;left:50%;right:unset;border-top-color:transparent;border-right-color:transparent;border-bottom-color:#333;border-left-color:transparent;transform:translateX(-50%)}}@media (max-width: 782px){.sui-2-7-0 .sui-wrap .sui-tooltip.sui-tooltip-bottom-mobile:after,.sui-2-7-0 .sui-wrap .sui-tooltip.sui-tooltip-bottom-left-mobile:after,.sui-2-7-0 .sui-wrap .sui-tooltip.sui-tooltip-bottom-right-mobile:after{min-width:var(--tooltip-width-mobile, 120px);top:100%;bottom:unset;margin-top:10px;margin-right:0;margin-bottom:0;margin-left:0;white-space:normal}}@media (max-width: 782px){.sui-2-7-0 .sui-wrap .sui-tooltip.sui-tooltip-bottom-mobile:after{right:unset;left:50%;transform:translateX(-50%)}}@media (max-width: 782px){.sui-2-7-0 .sui-wrap .sui-tooltip.sui-tooltip-bottom-left-mobile:after{right:unset;left:0;transform:translateX(0)}}@media (max-width: 782px){.sui-2-7-0 .sui-wrap .sui-tooltip.sui-tooltip-bottom-right-mobile:after{right:0;left:unset;transform:translateX(0)}}@media (max-width: 782px){.sui-2-7-0 .sui-wrap .sui-tooltip.sui-tooltip-left-mobile:before{top:50%;right:100%;bottom:unset;left:unset;border-top-color:transparent;border-right-color:transparent;border-bottom-color:transparent;border-left-color:#333;transform:translateY(-50%)}}@media (max-width: 782px){.sui-2-7-0 .sui-wrap .sui-tooltip.sui-tooltip-left-mobile:after{min-width:var(--tooltip-width-mobile, 120px);top:50%;right:100%;bottom:unset;left:unset;margin-top:0;margin-right:10px;margin-bottom:0;margin-left:0;transform:translateY(-50%);white-space:normal}}@media (max-width: 782px){.sui-2-7-0 .sui-wrap .sui-tooltip.sui-tooltip-right-mobile:before{top:50%;right:unset;bottom:unset;left:100%;border-top-color:transparent;border-right-color:#333;border-bottom-color:transparent;border-left-color:transparent;transform:translateY(-50%)}}@media (max-width: 782px){.sui-2-7-0 .sui-wrap .sui-tooltip.sui-tooltip-right-mobile:after{min-width:var(--tooltip-width-mobile, 120px);top:50%;right:unset;bottom:unset;left:100%;margin-top:0;margin-right:0;margin-bottom:0;margin-left:10px;transform:translateY(-50%);white-space:normal}}.sui-2-7-0 .sui-wrap .sui-tooltip:hover:before,.sui-2-7-0 .sui-wrap .sui-tooltip:hover:after{opacity:1;-webkit-backface-visibility:visible;backface-visibility:visible}.sui-2-7-0 .select-container{cursor:pointer;display:block;position:relative;z-index:1;border:1px solid #ddd;border-radius:4px;background-color:#FAFAFA;text-align:left;transition-property:background;transition-duration:0.3s}.sui-2-7-0 .select-container select{display:none}.sui-2-7-0 .select-container .dropdown-handle{width:39px;display:block;position:absolute;z-index:1011;top:0;right:0;padding:0;line-height:38px;text-align:center;transition-property:color, border-color;transition-duration:0.3s}.sui-2-7-0 .select-container .dropdown-handle [class*="sui-icon-"]{height:38px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin:0 !important;font-size:12px !important;transition:transform 0.2s linear}.sui-2-7-0 .select-container .dropdown-handle [class*="sui-icon-"]:before{display:block;-ms-flex:0 0 auto;flex:0 0 auto}.sui-2-7-0 .select-container .select-list-container{zoom:1;display:block;position:relative;padding-right:39px}.sui-2-7-0 .select-container .select-list-container .list-value{width:100%;height:auto;cursor:pointer;overflow:hidden;display:block;position:relative;padding:8px 8px 8px 14px;border:0;border-radius:0;background-color:transparent;background-clip:padding-box;color:#333;font:500 15px/22px "Roboto",Arial,sans-serif;letter-spacing:-.25px;text-align:left;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;transition-property:color;transition-duration:0.3s}.sui-2-7-0 .select-container .select-list-container .list-value:focus,.sui-2-7-0 .select-container .select-list-container .list-value:hover,.sui-2-7-0 .select-container .select-list-container .list-value:active{outline:none;box-shadow:none}.sui-2-7-0 .select-container .select-list-container ul.list-results{width:0;max-height:200px;overflow-y:auto;display:none;position:absolute;z-index:1010;top:38px;right:-9999px;left:-9999px;margin:0 -1px;padding:10px 0;border:1px solid #ddd;border-radius:4px;background-color:#fff;box-shadow:0 3px 7px 0 rgba(0,0,0,0.07);transition-property:opacity, border-color;transition-duration:0.3s}.sui-2-7-0 .select-container .select-list-container ul.list-results,.sui-2-7-0 .select-container .select-list-container ul.list-results ul,.sui-2-7-0 .select-container .select-list-container ul.list-results li{-webkit-padding-start:0;padding-inline-start:0;list-style:none}.sui-2-7-0 .select-container .select-list-container ul.list-results li{cursor:pointer;margin:0;padding:5px 14px;color:#888;font:500 15px/25px "Roboto",Arial,sans-serif;letter-spacing:-.25px;word-wrap:break-word;transition:0.3s ease}.sui-2-7-0 .select-container .select-list-container ul.list-results li [class*="sui-icon-"]{margin-right:7px;text-align:center}.sui-2-7-0 .select-container .select-list-container ul.list-results li [class*="sui-icon-"]:before{color:inherit}.sui-2-7-0 .select-container .select-list-container ul.list-results li.current{background-color:#888;color:#fff}.sui-2-7-0 .select-container .select-list-container ul.list-results li:not(.current):hover{background-color:rgba(51,51,51,0.05);color:#666}.sui-2-7-0 .select-container .select-list-container ul.list-results li.sui-disabled{cursor:not-allowed;opacity:0.5;pointer-events:none}.sui-2-7-0 .select-container .select-list-container ul.list-results .optgroup{cursor:default}.sui-2-7-0 .select-container .select-list-container ul.list-results .optgroup li.optgroup-label{cursor:default;pointer-events:none;color:#aaa;font-size:12px;font-weight:500}.sui-2-7-0 .select-container .select-list-container ul.list-results .optgroup li.optgroup-label:hover{background-color:transparent}.sui-2-7-0 .select-container .select-list-container ul.list-results .optgroup li:not(.optgroup-label){cursor:pointer;padding-left:28px}.sui-2-7-0 .select-container .select-list-container ul.list-results:focus,.sui-2-7-0 .select-container .select-list-container ul.list-results:hover,.sui-2-7-0 .select-container .select-list-container ul.list-results:active{outline:none;box-shadow:none}.sui-2-7-0 .select-container:hover{background-color:#fff}.sui-2-7-0 .select-container.active{z-index:13;background-color:#fff}.sui-2-7-0 .select-container.active .dropdown-handle [class*="sui-icon-"]{transform:rotate(180deg)}.sui-2-7-0 .select-container.active .select-list-container .list-results{width:auto;display:block;left:0;right:0;transition-duration:0ms}.sui-2-7-0 .select-container.sui-mobile-nav{margin-bottom:30px;background-color:#fff}.sui-2-7-0 .select-container.sui-mobile-nav .dropdown-handle{background-color:#fff;font-size:13px}.sui-2-7-0 .select-container.sui-mobile-nav.active .dropdown-handle{background-color:transparent;font-size:13px}@media (max-width: 782px){.sui-2-7-0 .select-container.sui-mobile-nav{margin-bottom:20px}}.sui-2-7-0 .select-container.sui-select-sm .dropdown-handle{width:29px;line-height:28px}.sui-2-7-0 .select-container.sui-select-sm .dropdown-handle [class*="sui-icon-"]{height:28px}.sui-2-7-0 .select-container.sui-select-sm .select-list-container{padding-right:29px}.sui-2-7-0 .select-container.sui-select-sm .select-list-container .list-value{padding:6px 7px 6px 11px;font-size:13px;line-height:16px}.sui-2-7-0 .select-container.sui-select-sm .select-list-container .list-results{top:28px;padding:7px 0}.sui-2-7-0 .select-container.sui-select-sm .select-list-container .list-results li{font-size:13px;line-height:20px}.sui-2-7-0 .select-container.sui-select-inline{width:auto;max-width:100%;min-width:120px;display:-ms-inline-flexbox;display:inline-flex;margin-right:10px}.sui-2-7-0 .select-container.sui-select-inline .select-list-container{-ms-flex:0 0 100%;flex:0 0 100%}.sui-2-7-0 .select-container.sui-select-inline:last-child{margin-right:0}.sui-2-7-0 .select-container.sui-select-colors .select-list-container .list-value{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-top:5px;padding-left:5px;padding-bottom:5px}.sui-2-7-0 .select-container.sui-select-colors .select-list-container .list-value span{width:30px;height:30px;display:block;margin-right:10px;border:1px solid transparent;border-radius:2px}.sui-2-7-0 .select-container.sui-select-colors .select-list-container .list-value span[data-color="#FFF"],.sui-2-7-0 .select-container.sui-select-colors .select-list-container .list-value span[data-color="white"],.sui-2-7-0 .select-container.sui-select-colors .select-list-container .list-value span[data-color="#FFFFFF"]{border-color:#2C2E2F}.sui-2-7-0 .select-container.sui-select-colors .select-list-container .list-results li{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-left:9px;padding-right:9px;font-size:13px;line-height:20px}.sui-2-7-0 .select-container.sui-select-colors .select-list-container .list-results li span{width:20px;height:20px;display:block;margin-right:10px;border:1px solid transparent;border-radius:2px}.sui-2-7-0 .select-container.sui-select-colors .select-list-container .list-results li span[data-color="#FFF"],.sui-2-7-0 .select-container.sui-select-colors .select-list-container .list-results li span[data-color="white"],.sui-2-7-0 .select-container.sui-select-colors .select-list-container .list-results li span[data-color="#FFFFFF"]{border-color:#2C2E2F}.sui-2-7-0 .list-table>thead>.select-open th,.sui-2-7-0 .list-table>thead>.select-open td,.sui-2-7-0 .list-table>tbody>.select-open th,.sui-2-7-0 .list-table>tbody>.select-open td,.sui-2-7-0 .list-table>tfoot>.select-open th,.sui-2-7-0 .list-table>tfoot>.select-open td{z-index:9}.sui-2-7-0 .sui-wrap .sui-tag{height:auto;min-height:26px;cursor:default;display:inline-block;margin:0 3px;padding:0 16px;border:2px solid transparent;border-radius:13px;background-color:#F2F2F2;color:#333;font:500 12px/22px "Roboto",Arial,sans-serif;letter-spacing:-.25px;text-align:center}.sui-2-7-0 .sui-wrap .sui-tag.sui-tag-truncated{max-width:100%}.sui-2-7-0 .sui-wrap .sui-tag.sui-tag-truncated span{max-width:100%;overflow:hidden;display:block;text-overflow:ellipsis;white-space:nowrap}.sui-2-7-0 .sui-wrap .sui-tag.sui-tag-red,.sui-2-7-0 .sui-wrap .sui-tag.sui-tag-error{background-color:#FF6D6D;color:#fff}.sui-2-7-0 .sui-wrap .sui-tag.sui-tag-yellow,.sui-2-7-0 .sui-wrap .sui-tag.sui-tag-warning{background-color:#FECF2F;color:#333}.sui-2-7-0 .sui-wrap .sui-tag.sui-tag-green,.sui-2-7-0 .sui-wrap .sui-tag.sui-tag-upsell,.sui-2-7-0 .sui-wrap .sui-tag.sui-tag-success,.sui-2-7-0 .sui-wrap .sui-tag.sui-tag-upgrade{background-color:#1ABC9C;color:#fff}.sui-2-7-0 .sui-wrap .sui-tag.sui-tag-blue,.sui-2-7-0 .sui-wrap .sui-tag.sui-tag-branded{background-color:#17A8E3;color:#fff}.sui-2-7-0 .sui-wrap .sui-tag.sui-tag-purple{background-color:#8D00B1;color:#fff}.sui-2-7-0 .sui-wrap .sui-tag.sui-tag-disabled,.sui-2-7-0 .sui-wrap .sui-tag.sui-tag-inactive{background-color:#F2F2F2;color:#aaa}.sui-2-7-0 .sui-wrap .sui-tag.sui-tag-uppercase{text-transform:uppercase}.sui-2-7-0 .sui-wrap .sui-tag.sui-tag-pro,.sui-2-7-0 .sui-wrap .sui-tag.sui-tag-beta{min-height:12px;padding:2px 8px 1px;border:0;border-radius:6px;font-size:8px;line-height:9px;text-align:center;text-transform:uppercase}.sui-2-7-0 .sui-wrap .sui-tag.sui-tag-pro{background-color:#8D00B1;color:#fff}.sui-2-7-0 .sui-wrap .sui-tag.sui-tag-beta{background-color:#FF7E41;color:#fff}.sui-2-7-0 .sui-wrap .sui-tag.sui-tag-sm{min-height:18px;padding:2px 10px;font-size:10px;line-height:12px;font-weight:bold}.sui-2-7-0 .sui-wrap .sui-tag.sui-tag-ghost.sui-tag-red,.sui-2-7-0 .sui-wrap .sui-tag.sui-tag-ghost.sui-tag-error{border-color:#FFE5E9;background-color:transparent;color:#FF6D6D}.sui-2-7-0 .sui-wrap .sui-tag.sui-tag-ghost.sui-tag-yellow,.sui-2-7-0 .sui-wrap .sui-tag.sui-tag-ghost.sui-tag-warning{border-color:#FFF5D5;background-color:transparent;color:#FECF2F}.sui-2-7-0 .sui-wrap .sui-tag.sui-tag-ghost.sui-tag-green,.sui-2-7-0 .sui-wrap .sui-tag.sui-tag-ghost.sui-tag-upsell,.sui-2-7-0 .sui-wrap .sui-tag.sui-tag-ghost.sui-tag-success,.sui-2-7-0 .sui-wrap .sui-tag.sui-tag-ghost.sui-tag-upgrade{border-color:#D1F1EA;background-color:transparent;color:#1ABC9C}.sui-2-7-0 .sui-wrap .sui-tag.sui-tag-ghost.sui-tag-blue,.sui-2-7-0 .sui-wrap .sui-tag.sui-tag-ghost.sui-tag-branded{border-color:#E1F6FF;background-color:transparent;color:#17A8E3}.sui-2-7-0 .sui-wrap .sui-tag.sui-tag-ghost.sui-tag-purple{border-color:#F9E1FF;background-color:transparent;color:#8D00B1}.sui-2-7-0 .sui-wrap .sui-tag:first-child{margin-left:0}.sui-2-7-0 .sui-wrap .sui-tag:last-child{margin-right:0}.sui-2-7-0 .sui-wrap .sui-label,.sui-2-7-0 .sui-wrap .sui-label-inline{display:-ms-inline-flexbox;display:inline-flex;padding:0;border:0;color:#888;font:500 12px/16px "Roboto",Arial,sans-serif}.sui-2-7-0 .sui-wrap .sui-form-control,.sui-2-7-0 .sui-wrap .sui-multi-checkbox{width:100%;height:40px;margin:0;padding:9px 14px;border:1px solid #ddd;border-radius:4px;background-color:#FAFAFA;background-image:none;color:#333;font:500 15px/20px "Roboto",Arial,sans-serif;letter-spacing:-.25px;transition:0.3s ease-in-out}.sui-2-7-0 .sui-wrap .sui-form-control,.sui-2-7-0 .sui-wrap .sui-multi-checkbox,.sui-2-7-0 .sui-wrap .sui-form-control:hover,.sui-2-7-0 .sui-wrap .sui-multi-checkbox:hover,.sui-2-7-0 .sui-wrap .sui-form-control:focus,.sui-2-7-0 .sui-wrap .sui-multi-checkbox:focus,.sui-2-7-0 .sui-wrap .sui-form-control:active,.sui-2-7-0 .sui-wrap .sui-multi-checkbox:active{outline:none;box-shadow:none}.sui-2-7-0 .sui-wrap .sui-form-control:hover,.sui-2-7-0 .sui-wrap .sui-multi-checkbox:hover,.sui-2-7-0 .sui-wrap .sui-form-control:focus,.sui-2-7-0 .sui-wrap .sui-multi-checkbox:focus{border-color:#ddd;background-color:#fff}.sui-2-7-0 .sui-wrap .sui-form-control:focus,.sui-2-7-0 .sui-wrap .sui-multi-checkbox:focus{background-color:#fff;color:#333}.sui-2-7-0 .sui-wrap .sui-form-control:-ms-input-placeholder, .sui-2-7-0 .sui-wrap .sui-multi-checkbox:-ms-input-placeholder{color:#aaa}.sui-2-7-0 .sui-wrap .sui-form-control::-ms-input-placeholder, .sui-2-7-0 .sui-wrap .sui-multi-checkbox::-ms-input-placeholder{color:#aaa}.sui-2-7-0 .sui-wrap .sui-form-control::placeholder,.sui-2-7-0 .sui-wrap .sui-multi-checkbox::placeholder{color:#aaa}.sui-2-7-0 .sui-wrap .sui-form-control[disabled],.sui-2-7-0 .sui-wrap .sui-multi-checkbox[disabled],.sui-2-7-0 .sui-wrap .sui-disabled.sui-form-control,.sui-2-7-0 .sui-wrap .sui-disabled.sui-multi-checkbox,fieldset[disabled] .sui-2-7-0 .sui-wrap .sui-form-control,fieldset[disabled] .sui-2-7-0 .sui-wrap .sui-multi-checkbox{cursor:not-allowed}.sui-2-7-0 .sui-wrap .sui-form-control[disabled],.sui-2-7-0 .sui-wrap .sui-multi-checkbox[disabled],.sui-2-7-0 .sui-wrap .sui-form-control[disabled]:focus,.sui-2-7-0 .sui-wrap .sui-multi-checkbox[disabled]:focus,.sui-2-7-0 .sui-wrap .sui-form-control[disabled]:hover,.sui-2-7-0 .sui-wrap .sui-multi-checkbox[disabled]:hover,.sui-2-7-0 .sui-wrap .sui-disabled.sui-form-control,.sui-2-7-0 .sui-wrap .sui-disabled.sui-multi-checkbox,.sui-2-7-0 .sui-wrap .sui-disabled.sui-form-control:focus,.sui-2-7-0 .sui-wrap .sui-disabled.sui-multi-checkbox:focus,.sui-2-7-0 .sui-wrap .sui-disabled.sui-form-control:hover,.sui-2-7-0 .sui-wrap .sui-disabled.sui-multi-checkbox:hover,fieldset[disabled] .sui-2-7-0 .sui-wrap .sui-form-control,fieldset[disabled] .sui-2-7-0 .sui-wrap .sui-multi-checkbox,fieldset[disabled] .sui-2-7-0 .sui-wrap .sui-form-control:focus,fieldset[disabled] .sui-2-7-0 .sui-wrap .sui-multi-checkbox:focus,fieldset[disabled] .sui-2-7-0 .sui-wrap .sui-form-control:hover,fieldset[disabled] .sui-2-7-0 .sui-wrap .sui-multi-checkbox:hover{border-color:#F2F2F2;background-color:#F2F2F2;color:#aaa}.sui-2-7-0 .sui-wrap .sui-form-control::-ms-expand,.sui-2-7-0 .sui-wrap .sui-multi-checkbox::-ms-expand{border:0;background-color:transparent}.sui-2-7-0 .sui-wrap label{cursor:default}.sui-2-7-0 .sui-wrap label[for]{cursor:pointer}.sui-2-7-0 .sui-wrap .sui-label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin:0 0 5px}.sui-2-7-0 .sui-wrap .sui-label .sui-tag{margin-left:5px}.sui-2-7-0 .sui-wrap .sui-label .sui-tag.sui-left{margin-right:5px;margin-left:0}.sui-2-7-0 .sui-wrap .sui-label:last-child{margin:0}.sui-2-7-0 .sui-wrap .sui-label-link{margin-right:0;margin-left:auto;color:#888;font-weight:400}.sui-2-7-0 .sui-wrap .sui-label-inline{margin:0}.sui-2-7-0 .sui-wrap .sui-label-note{margin-right:0;margin-left:auto}.sui-2-7-0 .sui-wrap .sui-form-control,.sui-2-7-0 .sui-wrap .sui-multi-checkbox{display:block}.sui-2-7-0 .sui-wrap .sui-form-control.sui-input-sm,.sui-2-7-0 .sui-wrap .sui-input-sm.sui-multi-checkbox{max-width:80px}.sui-2-7-0 .sui-wrap .sui-form-control.sui-input-md,.sui-2-7-0 .sui-wrap .sui-input-md.sui-multi-checkbox{max-width:240px}.sui-2-7-0 .sui-wrap .sui-form-control.sui-field-has-prefix,.sui-2-7-0 .sui-wrap .sui-field-has-prefix.sui-multi-checkbox,.sui-2-7-0 .sui-wrap .sui-form-control.sui-field-has-suffix,.sui-2-7-0 .sui-wrap .sui-field-has-suffix.sui-multi-checkbox{width:auto;display:inline-block}.sui-2-7-0 .sui-wrap .sui-multi-checkbox{height:auto;max-height:114px;overflow-y:auto;padding:1px}.sui-2-7-0 .sui-wrap .sui-multi-checkbox label{margin:1px 0}.sui-2-7-0 .sui-wrap .sui-multi-checkbox label input:checked+span{background-color:#17A8E3;color:#fff}.sui-2-7-0 .sui-wrap .sui-multi-checkbox label span{display:block;padding:10px}.sui-2-7-0 .sui-wrap .sui-multi-checkbox label:first-child{margin-top:0}.sui-2-7-0 .sui-wrap .sui-multi-checkbox label:first-child span{border-radius:3px 3px 0 0}.sui-2-7-0 .sui-wrap .sui-multi-checkbox label:last-child{margin-bottom:0}.sui-2-7-0 .sui-wrap .sui-multi-checkbox label:last-child span{border-radius:0 0 3px 3px}.sui-2-7-0 .sui-wrap .sui-description,.sui-2-7-0 .sui-wrap .sui-multi-checkbox label{display:block;margin-top:5px;color:#888;font-size:13px;line-height:22px;font-weight:400;letter-spacing:-.25px}.sui-2-7-0 .sui-wrap .sui-description.sui-toggle-description,.sui-2-7-0 .sui-wrap .sui-multi-checkbox label.sui-toggle-description{margin-left:48px}.sui-2-7-0 .sui-wrap .sui-description.sui-checkbox-description,.sui-2-7-0 .sui-wrap .sui-description.sui-radio-description,.sui-2-7-0 .sui-wrap .sui-multi-checkbox label.sui-checkbox-description,.sui-2-7-0 .sui-wrap .sui-multi-checkbox label.sui-radio-description{margin:0 27px 5px}.sui-2-7-0 .sui-wrap .sui-description+.sui-form-field,.sui-2-7-0 .sui-wrap .sui-description+.sui-form-field-inline,.sui-2-7-0 .sui-wrap .sui-multi-checkbox label+.sui-form-field,.sui-2-7-0 .sui-wrap .sui-multi-checkbox label+.sui-form-field-inline{margin-top:20px}.sui-2-7-0 .sui-wrap .sui-error-message{display:block;margin-top:8px;color:#FF6D6D;font-size:12px;line-height:16px;font-weight:500}.sui-2-7-0 .sui-wrap .sui-form-field.sui-input-sm{max-width:80px}.sui-2-7-0 .sui-wrap .sui-form-field.sui-input-md{max-width:240px}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-form-field>.sui-row [class^="sui-col"]{padding-right:5px;padding-left:5px}}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-form-field>.sui-row:first-child{margin-top:0}}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-form-field>.sui-row{margin-top:10px;margin-right:-5px;margin-bottom:0;margin-left:-5px}}.sui-2-7-0 .sui-wrap .sui-form-field:last-child{margin-bottom:0}@media (max-width: 782px){.sui-2-7-0 .sui-wrap .sui-form-field:last-child{margin-bottom:0}}.sui-2-7-0 .sui-wrap .sui-form-field.sui-has_error .sui-form-control,.sui-2-7-0 .sui-wrap .sui-form-field.sui-has_error .sui-multi-checkbox,.sui-2-7-0 .sui-wrap .sui-form-field.sui-form-field-error .sui-form-control,.sui-2-7-0 .sui-wrap .sui-form-field.sui-form-field-error .sui-multi-checkbox{border-bottom:2px solid #FF6D6D}.sui-2-7-0 .sui-wrap .sui-form-field.sui-has_error .sui-control-with-icon [class*="sui-icon-"]:before,.sui-2-7-0 .sui-wrap .sui-form-field.sui-form-field-error .sui-control-with-icon [class*="sui-icon-"]:before{color:#FF6D6D}@media (max-width: 782px){.sui-2-7-0 .sui-wrap .sui-form-field{margin-bottom:20px}}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-form-field{margin-bottom:30px}}.sui-2-7-0 .sui-wrap .sui-field-suffix,.sui-2-7-0 .sui-wrap .sui-field-prefix{display:inline-block;color:#888888;font-size:13px;line-height:22px}.sui-2-7-0 .sui-wrap .sui-field-prefix{margin-right:10px}.sui-2-7-0 .sui-wrap .sui-field-suffix{margin-left:10px}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-form-field-inline>.sui-form-field:first-child,.sui-2-7-0 .sui-wrap .sui-form-field-inline>.select-container:first-child{margin-left:0}}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-form-field-inline>.sui-form-field:last-child,.sui-2-7-0 .sui-wrap .sui-form-field-inline>.select-container:last-child{margin-right:0}}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-form-field-inline>.sui-form-field,.sui-2-7-0 .sui-wrap .sui-form-field-inline>.select-container{-ms-flex:0 0 auto;flex:0 0 auto;margin-top:0;margin-bottom:0;margin-right:10px;margin-left:10px}}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-form-field-inline>.sui-form-field{-ms-flex:0 0 auto;flex:0 0 auto;margin-bottom:0}}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-form-field-inline>p,.sui-2-7-0 .sui-wrap .sui-form-field-inline>span,.sui-2-7-0 .sui-wrap .sui-form-field-inline>.sui-label{-ms-flex:0 0 auto;flex:0 0 auto;margin:0}}@media (max-width: 782px){.sui-2-7-0 .sui-wrap .sui-form-field-inline:last-child{margin-bottom:0}}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-form-field-inline:last-child{margin-bottom:0}}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-form-field-inline{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-bottom:30px}}@media (max-width: 782px){.sui-2-7-0 .sui-wrap .sui-form-field-inline{margin-bottom:20px}}.sui-2-7-0 .sui-wrap .sui-control-with-icon{position:relative}.sui-2-7-0 .sui-wrap .sui-control-with-icon .sui-form-control,.sui-2-7-0 .sui-wrap .sui-control-with-icon .sui-multi-checkbox{padding-left:40px}.sui-2-7-0 .sui-wrap .sui-control-with-icon select.sui-select+.select2-container .select2-selection__rendered{padding-left:40px}.sui-2-7-0 .sui-wrap .sui-control-with-icon [class*="sui-icon-"]{width:16px;height:16px;pointer-events:none;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;position:absolute;top:11px;left:14px}.sui-2-7-0 .sui-wrap .sui-control-with-icon [class*="sui-icon-"]:before{color:#aaa;display:block}.sui-2-7-0 .sui-wrap .sui-control-with-icon.sui-right-icon .sui-form-control,.sui-2-7-0 .sui-wrap .sui-control-with-icon.sui-right-icon .sui-multi-checkbox{padding-right:40px;padding-left:14px}.sui-2-7-0 .sui-wrap .sui-control-with-icon.sui-right-icon [class*="sui-icon-"]{right:14px;left:auto;color:#888}.sui-2-7-0 .sui-wrap .sui-with-button{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.sui-2-7-0 .sui-wrap .sui-with-button .sui-button{-ms-flex:0 0 auto;flex:0 0 auto}.sui-2-7-0 .sui-wrap .sui-with-button .sui-form-control,.sui-2-7-0 .sui-wrap .sui-with-button .sui-multi-checkbox{-ms-flex:1;flex:1;margin:0 5px}.sui-2-7-0 .sui-wrap .sui-with-button .sui-form-control:first-child,.sui-2-7-0 .sui-wrap .sui-with-button .sui-multi-checkbox:first-child{margin-left:0}.sui-2-7-0 .sui-wrap .sui-with-button .sui-form-control:last-child,.sui-2-7-0 .sui-wrap .sui-with-button .sui-multi-checkbox:last-child{margin-right:0}.sui-2-7-0 .sui-wrap .sui-with-button.sui-inside,.sui-2-7-0 .sui-wrap .sui-with-button.sui-with-button-inside{display:block;position:relative}.sui-2-7-0 .sui-wrap .sui-with-button.sui-inside .sui-button,.sui-2-7-0 .sui-wrap .sui-with-button.sui-inside .sui-button-icon,.sui-2-7-0 .sui-wrap .sui-with-button.sui-with-button-inside .sui-button,.sui-2-7-0 .sui-wrap .sui-with-button.sui-with-button-inside .sui-button-icon{position:absolute;top:5px;right:5px}.sui-2-7-0 .sui-wrap .sui-with-button.sui-inside .sui-button-lg,.sui-2-7-0 .sui-wrap .sui-with-button.sui-with-button-inside .sui-button-lg{top:0;right:0;border-top-left-radius:0;border-bottom-left-radius:0}.sui-2-7-0 .sui-wrap .sui-with-button.sui-inside .sui-form-control,.sui-2-7-0 .sui-wrap .sui-with-button.sui-inside .sui-multi-checkbox,.sui-2-7-0 .sui-wrap .sui-with-button.sui-with-button-inside .sui-form-control,.sui-2-7-0 .sui-wrap .sui-with-button.sui-with-button-inside .sui-multi-checkbox{margin:0;padding-right:90px}.sui-2-7-0 .sui-wrap .sui-with-button.sui-with-button-icon{display:block;position:relative}.sui-2-7-0 .sui-wrap .sui-with-button.sui-with-button-icon .sui-button,.sui-2-7-0 .sui-wrap .sui-with-button.sui-with-button-icon .sui-button-icon{position:absolute;top:5px;right:5px}.sui-2-7-0 .sui-wrap .sui-with-button.sui-with-button-icon .sui-button-lg{top:0;right:0}.sui-2-7-0 .sui-wrap .sui-with-button.sui-with-button-icon .sui-form-control,.sui-2-7-0 .sui-wrap .sui-with-button.sui-with-button-icon .sui-multi-checkbox{margin:0;padding-right:40px}.sui-2-7-0 .sui-wrap .sui-input-group{width:100%;display:-ms-flexbox;display:flex;-ms-flex-align:stretch;align-items:stretch;position:relative}.sui-2-7-0 .sui-wrap .sui-password-group{position:relative}.sui-2-7-0 .sui-wrap .sui-password-group .sui-password-toggle{width:30px;height:30px;cursor:pointer;position:absolute;top:50%;right:7px;padding:0;border:0;border-radius:4px;background:transparent;color:#888;font-size:15px;line-height:1em;transform:translateY(-50%)}.sui-2-7-0 .sui-wrap .sui-password-group .sui-password-toggle:hover,.sui-2-7-0 .sui-wrap .sui-password-group .sui-password-toggle:focus,.sui-2-7-0 .sui-wrap .sui-password-group .sui-password-toggle:active{outline:0}.sui-2-7-0 .sui-wrap .sui-password-group .sui-password-toggle:hover{background-color:rgba(0,0,0,0.03)}.sui-2-7-0 .sui-wrap .sui-password-group .sui-password-toggle:hover [class*="sui-icon-"]:before{color:#666}.sui-2-7-0 .sui-wrap .sui-date{position:relative}.sui-2-7-0 .sui-wrap .sui-date .sui-form-control:first-child,.sui-2-7-0 .sui-wrap .sui-date .sui-multi-checkbox:first-child{padding-right:40px}.sui-2-7-0 .sui-wrap .sui-date .sui-form-control:last-child,.sui-2-7-0 .sui-wrap .sui-date .sui-multi-checkbox:last-child{padding-left:40px}.sui-2-7-0 .sui-wrap .sui-date [class*="sui-icon-"]{width:30px;height:30px;pointer-events:none;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;position:absolute;top:5px}.sui-2-7-0 .sui-wrap .sui-date [class*="sui-icon-"]:before{display:block}.sui-2-7-0 .sui-wrap .sui-date [class*="sui-icon-"]:first-child{left:5px}.sui-2-7-0 .sui-wrap .sui-date [class*="sui-icon-"]:last-child{right:5px}.sui-2-7-0 .sui-wrap .sui-multi-date{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.sui-2-7-0 .sui-wrap .sui-multi-date .sui-form-field{-ms-flex:1;flex:1}.sui-2-7-0 .sui-wrap .sui-multi-date .sui-form-field+button{-ms-flex:0 0 auto;flex:0 0 auto;margin-left:10px}@media (max-width: 782px){.sui-2-7-0 .sui-wrap .sui-multi-date .sui-form-field{margin-bottom:0}}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-multi-date .sui-form-field{margin-bottom:0}}.sui-2-7-0 .sui-wrap .sui-multi-date:not(:last-child){margin-bottom:10px}.sui-2-7-0 .sui-wrap .sui-insert-variables{position:relative}.sui-2-7-0 .sui-wrap .sui-insert-variables .sui-form-control,.sui-2-7-0 .sui-wrap .sui-insert-variables .sui-multi-checkbox{padding-right:53px}.sui-2-7-0 .sui-wrap .sui-insert-variables .select-container{position:absolute;top:0;right:0;border:0;background-color:transparent;pointer-events:none}.sui-2-7-0 .sui-wrap .sui-insert-variables .select-container .dropdown-handle{display:none}.sui-2-7-0 .sui-wrap .sui-insert-variables .select-container .select-list-container{padding-right:0;pointer-events:initial}.sui-2-7-0 .sui-wrap .sui-insert-variables .select-container .select-list-container .list-value{width:40px;height:40px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;position:relative;padding:0;border:1px solid #ddd;border-left-color:transparent;border-radius:0 4px 4px 0;color:transparent;font-size:16px;transition:0.2s ease}.sui-2-7-0 .sui-wrap .sui-insert-variables .select-container .select-list-container .list-value:hover{border-left-color:#ddd;background-color:#F2F2F2}.sui-2-7-0 .sui-wrap .sui-insert-variables .select-container .select-list-container .list-value:hover:before{color:#666}.sui-2-7-0 .sui-wrap .sui-insert-variables .select-container .select-list-container .list-value:before{content:"@";width:16px;height:16px;display:block;position:absolute}.sui-2-7-0 .sui-wrap .sui-insert-variables .select-container .select-list-container .list-results{width:320px;left:auto;margin-right:0;border-color:#ddd;background-color:#fff}.sui-2-7-0 .sui-wrap .sui-insert-variables .select-container .select-list-container .list-results li.sui-element-flex{display:-ms-flexbox;display:flex}.sui-2-7-0 .sui-wrap .sui-insert-variables .select-container .select-list-container .list-results li.sui-element-flex span{pointer-events:none;overflow:hidden;display:block;text-overflow:ellipsis;white-space:nowrap}.sui-2-7-0 .sui-wrap .sui-insert-variables .select-container .select-list-container .list-results li.sui-element-flex span{-ms-flex:1;flex:1}.sui-2-7-0 .sui-wrap .sui-insert-variables .select-container .select-list-container .list-results li.sui-element-flex span+span{-ms-flex:0 0 auto;flex:0 0 auto;margin-left:5px;color:#AAA;font-size:12px}.sui-2-7-0 .sui-wrap .sui-insert-variables .select-container .select-list-container .list-results .current{background-color:transparent;color:#888}.sui-2-7-0 .sui-wrap .sui-insert-variables .select-container .select-list-container .list-results .current:hover{background-color:#F8F8F8;color:#333}.sui-2-7-0 .sui-wrap .sui-insert-variables .select-container.active .select-list-container .list-value{z-index:1011;border-bottom-color:#fff;border-left-color:#ddd;background-color:#fff;border-bottom-right-radius:0}.sui-2-7-0 .sui-wrap .sui-insert-variables .select-container.active .select-list-container .list-value:before{color:#333}.sui-2-7-0 .sui-wrap .sui-insert-variables .select-container.active .select-list-container .list-results{top:38px;border-top-right-radius:0}.sui-2-7-0 .sui-wrap .sui-insert-variables .sui-variables+.select2{width:auto !important;height:auto !important;display:block;position:absolute;top:0;right:0}.sui-2-7-0 .sui-wrap .sui-insert-variables .sui-variables+.select2 *{display:block;outline:none}.sui-2-7-0 .sui-wrap .sui-insert-variables .sui-variables+.select2 .select2-selection--single{height:auto;border:1px solid #ddd;border-left-color:transparent;border-radius:0 4px 4px 0;background-color:transparent;transition:0.2s ease}.sui-2-7-0 .sui-wrap .sui-insert-variables .sui-variables+.select2 .select2-selection--single .select2-selection__arrow{width:38px;height:38px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;position:relative;top:auto;right:auto}.sui-2-7-0 .sui-wrap .sui-insert-variables .sui-variables+.select2 .select2-selection--single .select2-selection__arrow:before{content:"@";display:block;margin:0 auto;color:#888;font-size:16px}.sui-2-7-0 .sui-wrap .sui-insert-variables .sui-variables+.select2 .select2-selection--single .select2-selection__arrow b{display:none}.sui-2-7-0 .sui-wrap .sui-insert-variables .sui-variables+.select2 .select2-selection--single:hover{border-left-color:#ddd;background-color:#F2F2F2}.sui-2-7-0 .sui-wrap .sui-insert-variables .sui-variables+.select2 .select2-selection--single:hover .select2-selection__arrow:before{color:#666}.sui-2-7-0 .sui-wrap .sui-insert-variables .sui-variables+.select2.select2-container--open .select2-selection--single{border-left-color:#ddd;background-color:#fff;border-bottom-right-radius:0}.sui-2-7-0 .sui-wrap .sui-insert-variables .sui-variables+.select2.select2-container--open .select2-selection--single .select2-selection__arrow:before{color:#333}.sui-2-7-0 .sui-wrap .sui-insert-variables textarea.sui-form-control+.select-container .select-list-container .list-value,.sui-2-7-0 .sui-wrap .sui-insert-variables textarea.sui-multi-checkbox+.select-container .select-list-container .list-value{border-color:transparent}.sui-2-7-0 .sui-wrap .sui-insert-variables textarea.sui-form-control+.select-container .select-list-container .list-value:hover,.sui-2-7-0 .sui-wrap .sui-insert-variables textarea.sui-multi-checkbox+.select-container .select-list-container .list-value:hover{border-left-color:transparent;background-color:transparent}.sui-2-7-0 .sui-wrap .sui-insert-variables textarea.sui-form-control+.select-container.active .select-list-container .list-value,.sui-2-7-0 .sui-wrap .sui-insert-variables textarea.sui-multi-checkbox+.select-container.active .select-list-container .list-value{border-left-color:transparent;background-color:transparent}.sui-2-7-0 .sui-wrap textarea.sui-form-control,.sui-2-7-0 .sui-wrap textarea.sui-multi-checkbox{max-width:100%;height:auto;resize:vertical;line-height:20px}.sui-2-7-0 .sui-wrap select.sui-form-control,.sui-2-7-0 .sui-wrap select.sui-multi-checkbox{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAs0lEQVQ4T6WS2w0CIRBF59KA2oklaAdbgpbgB48SIBThduKWYClrA2CGgEEXNWH5moR7Zu48QJ0PnRytA6WUe67svb//clDrUkWt9UxEMYRw/AYzJIS4sd45t0ugMeZERNcY49yCCwRgS0Rna+346rGGAVz4s06aW0gQx2/DUUoNAEYAG86cxezkAWCw1k5lBoupZltThomhEMLhs/fmOgrM2VvQwmq9in8rWncAPWfXXfEJ6RpWD7sJ1JwAAAAASUVORK5CYII=);background-repeat:no-repeat;background-position:center right 10px;line-height:1}.sui-2-7-0 .sui-wrap .sui-radio,.sui-2-7-0 .sui-wrap .sui-checkbox{-webkit-user-select:none;-ms-user-select:none;user-select:none;-ms-flex-align:start;align-items:flex-start}.sui-2-7-0 .sui-wrap .sui-radio input+span,.sui-2-7-0 .sui-wrap .sui-checkbox input+span{width:16px;height:16px;cursor:pointer;display:block;-ms-flex-negative:0;flex-shrink:0;position:relative;margin:3px 0;border:1px solid #ddd;border-radius:4px;background-color:#FAFAFA;transition:0.3s ease}.sui-2-7-0 .sui-wrap .sui-radio input+span:before,.sui-2-7-0 .sui-wrap .sui-checkbox input+span:before{opacity:0;transition:0.3s ease}.sui-2-7-0 .sui-wrap .sui-radio input+span+span,.sui-2-7-0 .sui-wrap .sui-checkbox input+span+span,.sui-2-7-0 .sui-wrap .sui-radio input+span+.sui-description,.sui-2-7-0 .sui-wrap .sui-checkbox input+span+.sui-description{cursor:pointer;margin:0 0 0 10px;color:#666;font-size:15px;line-height:22px;font-weight:500}.sui-2-7-0 .sui-wrap .sui-radio input+span+span.sui-description-sm,.sui-2-7-0 .sui-wrap .sui-checkbox input+span+span.sui-description-sm,.sui-2-7-0 .sui-wrap .sui-radio input+span+.sui-description.sui-description-sm,.sui-2-7-0 .sui-wrap .sui-checkbox input+span+.sui-description.sui-description-sm{font-size:13px}.sui-2-7-0 .sui-wrap .sui-radio input+span ~ .sui-tag,.sui-2-7-0 .sui-wrap .sui-checkbox input+span ~ .sui-tag{margin-top:auto;margin-bottom:auto;margin-left:10px}.sui-2-7-0 .sui-wrap .sui-radio input:checked+span,.sui-2-7-0 .sui-wrap .sui-checkbox input:checked+span{border-color:#17A8E3;background-color:#17A8E3}.sui-2-7-0 .sui-wrap .sui-radio input:checked+span:before,.sui-2-7-0 .sui-wrap .sui-checkbox input:checked+span:before{opacity:1}.sui-2-7-0 .sui-wrap .sui-radio input:disabled+span,.sui-2-7-0 .sui-wrap .sui-checkbox input:disabled+span,.sui-2-7-0 .sui-wrap .sui-radio input[disabled]+span,.sui-2-7-0 .sui-wrap .sui-checkbox input[disabled]+span,.sui-2-7-0 .sui-wrap .sui-radio input.sui-disabled+span,.sui-2-7-0 .sui-wrap .sui-checkbox input.sui-disabled+span{cursor:not-allowed;border-color:#F2F2F2;background-color:#F2F2F2}.sui-2-7-0 .sui-wrap .sui-radio input:disabled+span+span,.sui-2-7-0 .sui-wrap .sui-checkbox input:disabled+span+span,.sui-2-7-0 .sui-wrap .sui-radio input:disabled+span+.sui-description,.sui-2-7-0 .sui-wrap .sui-checkbox input:disabled+span+.sui-description,.sui-2-7-0 .sui-wrap .sui-radio input[disabled]+span+span,.sui-2-7-0 .sui-wrap .sui-checkbox input[disabled]+span+span,.sui-2-7-0 .sui-wrap .sui-radio input[disabled]+span+.sui-description,.sui-2-7-0 .sui-wrap .sui-checkbox input[disabled]+span+.sui-description,.sui-2-7-0 .sui-wrap .sui-radio input.sui-disabled+span+span,.sui-2-7-0 .sui-wrap .sui-checkbox input.sui-disabled+span+span,.sui-2-7-0 .sui-wrap .sui-radio input.sui-disabled+span+.sui-description,.sui-2-7-0 .sui-wrap .sui-checkbox input.sui-disabled+span+.sui-description{cursor:not-allowed}@media (max-width: 782px){.sui-2-7-0 .sui-wrap .sui-radio:last-child,.sui-2-7-0 .sui-wrap .sui-checkbox:last-child{margin-bottom:0}}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-radio:last-child,.sui-2-7-0 .sui-wrap .sui-checkbox:last-child{margin-right:0}}@media (max-width: 782px){.sui-2-7-0 .sui-wrap .sui-radio,.sui-2-7-0 .sui-wrap .sui-checkbox{display:-ms-flexbox;display:flex;margin:0 0 10px}}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-radio,.sui-2-7-0 .sui-wrap .sui-checkbox{display:-ms-inline-flexbox;display:inline-flex;margin:0 15px 0 0}}.sui-2-7-0 .sui-wrap .sui-radio input+span{position:relative;border-radius:50%}.sui-2-7-0 .sui-wrap .sui-radio input+span:before{content:" ";width:6px;height:6px;display:block;position:absolute;top:4px;left:4px;border-radius:16px;background-color:#fff}.sui-2-7-0 .sui-wrap .sui-radio input:disabled+span:before,.sui-2-7-0 .sui-wrap .sui-radio input[disabled]+span:before,.sui-2-7-0 .sui-wrap .sui-radio input.sui-disabled+span:before{background-color:#aaa}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-radio.sui-radio-stacked:last-child{margin:0}}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-radio.sui-radio-stacked{display:-ms-flexbox;display:flex;margin:0 0 10px}}.sui-2-7-0 .sui-wrap .sui-radio.sui-radio-sm input+span+span,.sui-2-7-0 .sui-wrap .sui-radio.sui-radio-sm input+span+.sui-description{font-size:13px}.sui-2-7-0 .sui-wrap .sui-radio-image{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.sui-2-7-0 .sui-wrap .sui-radio-image img{display:block;margin:0;padding:0;border:0}.sui-2-7-0 .sui-wrap .sui-radio-image img+.sui-radio{margin-top:15px}@media (max-width: 782px){.sui-2-7-0 .sui-wrap .sui-radio-image+*{margin-top:20px}}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-radio-image+*{margin-left:20px}}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-radio-image.sui-radio-stacked+*{margin-top:30px;margin-left:0}}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-radio-image.sui-radio-stacked{display:-ms-inline-flexbox;display:inline-flex}}@media (max-width: 782px){.sui-2-7-0 .sui-wrap .sui-radio-image{display:-ms-flexbox;display:flex}}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-radio-image{display:-ms-inline-flexbox;display:inline-flex}}.sui-2-7-0 .sui-wrap .sui-checkbox input+span:before{content:"(";width:14px;height:14px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;color:#fff;font-size:10px;text-align:center}.sui-2-7-0 .sui-wrap .sui-checkbox input:disabled+span:before,.sui-2-7-0 .sui-wrap .sui-checkbox input[disabled]+span:before,.sui-2-7-0 .sui-wrap .sui-checkbox input.sui-disabled+span:before{color:#aaa}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-checkbox.sui-checkbox-stacked:last-child{margin:0}}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-checkbox.sui-checkbox-stacked{display:-ms-flexbox;display:flex;margin:0 0 10px}}.sui-2-7-0 .sui-wrap .sui-checkbox.sui-checkbox-sm input+span+span,.sui-2-7-0 .sui-wrap .sui-checkbox.sui-checkbox-sm input+span+.sui-description{font-size:13px}.sui-2-7-0 .sui-wrap .sui-checkbox-image{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.sui-2-7-0 .sui-wrap .sui-checkbox-image img{display:block;margin:0;padding:0;border:0}.sui-2-7-0 .sui-wrap .sui-checkbox-image img+.sui-checkbox{margin-top:15px}@media (max-width: 782px){.sui-2-7-0 .sui-wrap .sui-checkbox-image+*{margin-top:20px}}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-checkbox-image+*{margin-left:20px}}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-checkbox-image.sui-checkbox-stacked+*{margin-top:30px;margin-left:0}}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-checkbox-image.sui-checkbox-stacked{display:-ms-inline-flexbox;display:inline-flex}}@media (max-width: 782px){.sui-2-7-0 .sui-wrap .sui-checkbox-image{display:-ms-flexbox;display:flex}}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-checkbox-image{display:-ms-inline-flexbox;display:inline-flex}}.sui-2-7-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs],.sui-2-7-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu{display:-ms-flexbox;display:flex;margin:0;padding:0;border-top:1px solid #E6E6E6;list-style:none}.sui-2-7-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs]>*,.sui-2-7-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs] .sui-tab-item,.sui-2-7-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu>*,.sui-2-7-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu .sui-tab-item{cursor:pointer;margin:0 10px;padding:14px 0 12px;border:0;background-color:transparent;font:500 13px/22px "Roboto",Arial,sans-serif;letter-spacing:-.25px;text-transform:uppercase;text-decoration:none}.sui-2-7-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs]>*,.sui-2-7-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs]>*:focus,.sui-2-7-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs]>*:hover,.sui-2-7-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs]>*:active,.sui-2-7-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs]>*:visited,.sui-2-7-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs] .sui-tab-item,.sui-2-7-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs] .sui-tab-item:focus,.sui-2-7-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs] .sui-tab-item:hover,.sui-2-7-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs] .sui-tab-item:active,.sui-2-7-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs] .sui-tab-item:visited,.sui-2-7-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu>*,.sui-2-7-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu>*:focus,.sui-2-7-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu>*:hover,.sui-2-7-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu>*:active,.sui-2-7-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu>*:visited,.sui-2-7-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu .sui-tab-item,.sui-2-7-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu .sui-tab-item:focus,.sui-2-7-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu .sui-tab-item:hover,.sui-2-7-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu .sui-tab-item:active,.sui-2-7-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu .sui-tab-item:visited{outline:none;border-bottom:2px solid transparent}.sui-2-7-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs]>*,.sui-2-7-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs]>*:visited,.sui-2-7-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs] .sui-tab-item,.sui-2-7-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs] .sui-tab-item:visited,.sui-2-7-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu>*,.sui-2-7-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu>*:visited,.sui-2-7-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu .sui-tab-item,.sui-2-7-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu .sui-tab-item:visited{color:#888}.sui-2-7-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs]>*:focus,.sui-2-7-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs]>*:hover,.sui-2-7-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs]>*:active,.sui-2-7-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs] .sui-tab-item:focus,.sui-2-7-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs] .sui-tab-item:hover,.sui-2-7-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs] .sui-tab-item:active,.sui-2-7-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu>*:focus,.sui-2-7-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu>*:hover,.sui-2-7-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu>*:active,.sui-2-7-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu .sui-tab-item:focus,.sui-2-7-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu .sui-tab-item:hover,.sui-2-7-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu .sui-tab-item:active{color:#333}.sui-2-7-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs]>*:first-child,.sui-2-7-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs] .sui-tab-item:first-child,.sui-2-7-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu>*:first-child,.sui-2-7-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu .sui-tab-item:first-child{margin-left:0}.sui-2-7-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs]>*:last-child,.sui-2-7-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs] .sui-tab-item:last-child,.sui-2-7-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu>*:last-child,.sui-2-7-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu .sui-tab-item:last-child{margin-right:0}.sui-2-7-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs]>*.active,.sui-2-7-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-tabs] .sui-tab-item.active,.sui-2-7-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu>*.active,.sui-2-7-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-menu .sui-tab-item.active{color:#333;border-bottom-color:#333}.sui-2-7-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-panes]>*,.sui-2-7-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-panes]>.sui-tab-content,.sui-2-7-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-content>*,.sui-2-7-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-content>.sui-tab-content{display:none;margin-top:-1px;padding:20px 0 0;border-top:1px solid #E6E6E6}.sui-2-7-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-panes]>*.active,.sui-2-7-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-panes]>.sui-tab-content.active,.sui-2-7-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-content>*.active,.sui-2-7-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-content>.sui-tab-content.active{display:block}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-panes]>*,.sui-2-7-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>[data-panes]>.sui-tab-content,.sui-2-7-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-content>*,.sui-2-7-0 .sui-wrap .sui-tabs:not(.sui-side-tabs)>.sui-tabs-content>.sui-tab-content{padding:30px 0 0}}.sui-2-7-0 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-flushed>[data-tabs],.sui-2-7-0 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-flushed>.sui-tabs-menu{border-top-width:0}.sui-2-7-0 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-overflow{border:1px solid #E6E6E6;border-radius:4px;position:relative}.sui-2-7-0 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-overflow>[data-tabs],.sui-2-7-0 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-overflow>.sui-tabs-menu{overflow:auto;margin-right:20px;margin-left:20px;border-top-width:0;scrollbar-width:none;scrollbar-height:none}.sui-2-7-0 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-overflow>[data-tabs]::-webkit-scrollbar,.sui-2-7-0 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-overflow>.sui-tabs-menu::-webkit-scrollbar{width:0;height:0;background:transparent}.sui-2-7-0 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-overflow>[data-tabs]>*,.sui-2-7-0 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-overflow>[data-tabs] .sui-tab-item,.sui-2-7-0 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-overflow>.sui-tabs-menu>*,.sui-2-7-0 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-overflow>.sui-tabs-menu .sui-tab-item{-ms-flex:0 0 auto;flex:0 0 auto}.sui-2-7-0 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-overflow>[data-panes]>*,.sui-2-7-0 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-overflow>[data-panes]>.sui-tab-content,.sui-2-7-0 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-overflow>.sui-tabs-content>*,.sui-2-7-0 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-overflow>.sui-tabs-content>.sui-tab-content{padding-right:20px;padding-bottom:20px;padding-left:20px}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-overflow>[data-panes]>*,.sui-2-7-0 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-overflow>[data-panes]>.sui-tab-content,.sui-2-7-0 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-overflow>.sui-tabs-content>*,.sui-2-7-0 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-overflow>.sui-tabs-content>.sui-tab-content{padding-right:30px;padding-bottom:30px;padding-left:30px}}.sui-2-7-0 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-overflow .sui-tabs-navigation{position:absolute;width:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;height:50px;-ms-flex-align:center;align-items:center;top:1px;pointer-events:none;opacity:1}.sui-2-7-0 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-overflow .sui-tabs-navigation--left,.sui-2-7-0 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-overflow .sui-tabs-navigation--right{background:rgba(255,255,255,0.8);pointer-events:all;transition:all .2s}.sui-2-7-0 .sui-wrap .sui-tabs:not(.sui-side-tabs).sui-tabs-overflow .sui-tabs-navigation--hidden{visibility:hidden;opacity:0}.sui-2-7-0 .sui-wrap .sui-side-tabs{margin:0 0 20px}.sui-2-7-0 .sui-wrap .sui-side-tabs>[data-tabs],.sui-2-7-0 .sui-wrap .sui-side-tabs>.sui-tabs-menu{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0;padding:0;list-style:none}.sui-2-7-0 .sui-wrap .sui-side-tabs>[data-tabs]>*,.sui-2-7-0 .sui-wrap .sui-side-tabs>[data-tabs] .sui-tab-item,.sui-2-7-0 .sui-wrap .sui-side-tabs>.sui-tabs-menu>*,.sui-2-7-0 .sui-wrap .sui-side-tabs>.sui-tabs-menu .sui-tab-item{cursor:pointer;-ms-flex:0 0 auto;flex:0 0 auto;margin:0 1px 0 0;padding:9px 20px;border:0;font:500 13px/22px "Roboto",Arial,sans-serif;letter-spacing:-.25px;text-decoration:none}.sui-2-7-0 .sui-wrap .sui-side-tabs>[data-tabs]>*,.sui-2-7-0 .sui-wrap .sui-side-tabs>[data-tabs]>*:focus,.sui-2-7-0 .sui-wrap .sui-side-tabs>[data-tabs]>*:hover,.sui-2-7-0 .sui-wrap .sui-side-tabs>[data-tabs]>*:active,.sui-2-7-0 .sui-wrap .sui-side-tabs>[data-tabs]>*:visited,.sui-2-7-0 .sui-wrap .sui-side-tabs>[data-tabs] .sui-tab-item,.sui-2-7-0 .sui-wrap .sui-side-tabs>[data-tabs] .sui-tab-item:focus,.sui-2-7-0 .sui-wrap .sui-side-tabs>[data-tabs] .sui-tab-item:hover,.sui-2-7-0 .sui-wrap .sui-side-tabs>[data-tabs] .sui-tab-item:active,.sui-2-7-0 .sui-wrap .sui-side-tabs>[data-tabs] .sui-tab-item:visited,.sui-2-7-0 .sui-wrap .sui-side-tabs>.sui-tabs-menu>*,.sui-2-7-0 .sui-wrap .sui-side-tabs>.sui-tabs-menu>*:focus,.sui-2-7-0 .sui-wrap .sui-side-tabs>.sui-tabs-menu>*:hover,.sui-2-7-0 .sui-wrap .sui-side-tabs>.sui-tabs-menu>*:active,.sui-2-7-0 .sui-wrap .sui-side-tabs>.sui-tabs-menu>*:visited,.sui-2-7-0 .sui-wrap .sui-side-tabs>.sui-tabs-menu .sui-tab-item,.sui-2-7-0 .sui-wrap .sui-side-tabs>.sui-tabs-menu .sui-tab-item:focus,.sui-2-7-0 .sui-wrap .sui-side-tabs>.sui-tabs-menu .sui-tab-item:hover,.sui-2-7-0 .sui-wrap .sui-side-tabs>.sui-tabs-menu .sui-tab-item:active,.sui-2-7-0 .sui-wrap .sui-side-tabs>.sui-tabs-menu .sui-tab-item:visited{outline:none;background-color:#F8F8F8;color:#666}.sui-2-7-0 .sui-wrap .sui-side-tabs>[data-tabs]>*:first-child,.sui-2-7-0 .sui-wrap .sui-side-tabs>[data-tabs] .sui-tab-item:first-child,.sui-2-7-0 .sui-wrap .sui-side-tabs>.sui-tabs-menu>*:first-child,.sui-2-7-0 .sui-wrap .sui-side-tabs>.sui-tabs-menu .sui-tab-item:first-child{border-radius:4px 0 0 4px}.sui-2-7-0 .sui-wrap .sui-side-tabs>[data-tabs]>*:last-child,.sui-2-7-0 .sui-wrap .sui-side-tabs>[data-tabs] .sui-tab-item:last-child,.sui-2-7-0 .sui-wrap .sui-side-tabs>.sui-tabs-menu>*:last-child,.sui-2-7-0 .sui-wrap .sui-side-tabs>.sui-tabs-menu .sui-tab-item:last-child{margin:0;border-radius:0 4px 4px 0}.sui-2-7-0 .sui-wrap .sui-side-tabs>[data-tabs]>*.active,.sui-2-7-0 .sui-wrap .sui-side-tabs>[data-tabs] .sui-tab-item.active,.sui-2-7-0 .sui-wrap .sui-side-tabs>.sui-tabs-menu>*.active,.sui-2-7-0 .sui-wrap .sui-side-tabs>.sui-tabs-menu .sui-tab-item.active{background-color:#E1F6FF;color:#17A8E3}.sui-2-7-0 .sui-wrap .sui-side-tabs>[data-panes]>*,.sui-2-7-0 .sui-wrap .sui-side-tabs>[data-panes]>.sui-tab-content,.sui-2-7-0 .sui-wrap .sui-side-tabs>.sui-tabs-content>*,.sui-2-7-0 .sui-wrap .sui-side-tabs>.sui-tabs-content>.sui-tab-content{display:none;margin:10px 0 0}.sui-2-7-0 .sui-wrap .sui-side-tabs>[data-panes]>*.sui-tab-boxed,.sui-2-7-0 .sui-wrap .sui-side-tabs>[data-panes]>.sui-tab-content.sui-tab-boxed,.sui-2-7-0 .sui-wrap .sui-side-tabs>.sui-tabs-content>*.sui-tab-boxed,.sui-2-7-0 .sui-wrap .sui-side-tabs>.sui-tabs-content>.sui-tab-content.sui-tab-boxed{padding:20px;border:1px solid #E6E6E6;border-radius:4px}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-side-tabs>[data-panes]>*.sui-tab-boxed,.sui-2-7-0 .sui-wrap .sui-side-tabs>[data-panes]>.sui-tab-content.sui-tab-boxed,.sui-2-7-0 .sui-wrap .sui-side-tabs>.sui-tabs-content>*.sui-tab-boxed,.sui-2-7-0 .sui-wrap .sui-side-tabs>.sui-tabs-content>.sui-tab-content.sui-tab-boxed{padding:30px}}.sui-2-7-0 .sui-wrap .sui-side-tabs>[data-panes]>*.active,.sui-2-7-0 .sui-wrap .sui-side-tabs>[data-panes]>.sui-tab-content.active,.sui-2-7-0 .sui-wrap .sui-side-tabs>.sui-tabs-content>*.active,.sui-2-7-0 .sui-wrap .sui-side-tabs>.sui-tabs-content>.sui-tab-content.active{display:block}.sui-2-7-0 .sui-wrap .sui-side-tabs>[data-panes].sui-tabs-content-lg>*,.sui-2-7-0 .sui-wrap .sui-side-tabs>[data-panes].sui-tabs-content-lg>.sui-tab-content,.sui-2-7-0 .sui-wrap .sui-side-tabs>.sui-tabs-content.sui-tabs-content-lg>*,.sui-2-7-0 .sui-wrap .sui-side-tabs>.sui-tabs-content.sui-tabs-content-lg>.sui-tab-content{margin-top:30px}.sui-2-7-0 .sui-wrap .sui-side-tabs:last-child{margin:0}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-side-tabs:last-child{margin:0}}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-side-tabs{margin:0 0 30px}}.sui-2-7-0 .sui-wrap .sui-box-body>.sui-tabs-flushed>[data-tabs],.sui-2-7-0 .sui-wrap .sui-box-body>.sui-tabs-flushed>.sui-tabs-menu{padding:0 20px}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-box-body>.sui-tabs-flushed>[data-tabs],.sui-2-7-0 .sui-wrap .sui-box-body>.sui-tabs-flushed>.sui-tabs-menu{padding:0 30px}}.sui-2-7-0 .sui-wrap .sui-box-body>.sui-tabs-flushed>[data-panes]>*,.sui-2-7-0 .sui-wrap .sui-box-body>.sui-tabs-flushed>[data-panes]>.sui-tab-content,.sui-2-7-0 .sui-wrap .sui-box-body>.sui-tabs-flushed>.sui-tabs-content>*,.sui-2-7-0 .sui-wrap .sui-box-body>.sui-tabs-flushed>.sui-tabs-content>.sui-tab-content{padding:20px}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-box-body>.sui-tabs-flushed>[data-panes]>*,.sui-2-7-0 .sui-wrap .sui-box-body>.sui-tabs-flushed>[data-panes]>.sui-tab-content,.sui-2-7-0 .sui-wrap .sui-box-body>.sui-tabs-flushed>.sui-tabs-content>*,.sui-2-7-0 .sui-wrap .sui-box-body>.sui-tabs-flushed>.sui-tabs-content>.sui-tab-content{padding:30px}}@media (max-width: 782px){.sui-2-7-0 .sui-wrap .sui-box-body>.sui-tabs-flushed{margin:-20px !important}}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-box-body>.sui-tabs-flushed{margin:-30px !important}}.sui-2-7-0 .sui-wrap{position:relative}.sui-2-7-0 .sui-wrap .sui-row-with-sidenav{width:100%;display:table;table-layout:fixed;clear:both;margin-bottom:30px}.sui-2-7-0 .sui-wrap .sui-row-with-sidenav .sui-sidenav{vertical-align:top}.sui-2-7-0 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-vertical-tabs{margin:15px 0 0;padding:0;border:0;list-style:none}.sui-2-7-0 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-vertical-tabs .sui-vertical-tab{height:30px;position:relative;margin:0 0 6px;padding:5px 15px;line-height:1.5em;list-style:none}.sui-2-7-0 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-vertical-tabs .sui-vertical-tab.current{background-color:#E6E6E6;border-radius:20px}.sui-2-7-0 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-vertical-tabs .sui-vertical-tab.current a{color:#333}.sui-2-7-0 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-vertical-tabs .sui-vertical-tab i,.sui-2-7-0 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-vertical-tabs .sui-vertical-tab .sui-tag{position:absolute;top:2px;right:3px}.sui-2-7-0 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-vertical-tabs .sui-vertical-tab [class*="sui-icon-"]{top:6px;right:7px}.sui-2-7-0 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-vertical-tabs .sui-vertical-tab [class*="sui-icon-"]:before{font-size:16px}.sui-2-7-0 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-vertical-tabs a{display:block;color:#666;font-weight:500;transition:0.3s ease}.sui-2-7-0 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-vertical-tabs a:hover,.sui-2-7-0 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-vertical-tabs a:focus{color:#333}.sui-2-7-0 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-vertical-tabs.sui-alt-design .sui-vertical-tab{height:auto;padding:0;background-color:transparent;line-height:auto}.sui-2-7-0 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-vertical-tabs.sui-alt-design .sui-vertical-tab a{padding:5px 15px;border-radius:20px;background-color:transparent}.sui-2-7-0 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-vertical-tabs.sui-alt-design .sui-vertical-tab a.current{background-color:#E6E6E6;color:#333}@media (max-width: 1199px){.sui-2-7-0 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-vertical-tabs{margin-bottom:15px}}@media (min-width: 1200px){.sui-2-7-0 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-vertical-tabs{margin-bottom:30px}}@media (max-width: 1199px){.sui-2-7-0 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-with-floating-input{left:0 !important}}@media (min-width: 1200px){.sui-2-7-0 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-with-floating-input{width:240px;position:absolute;top:0;left:230px;margin:0}}.sui-2-7-0 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-sidenav-settings .sui-form-field{margin:0 0 10px}.sui-2-7-0 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-sidenav-settings .sui-form-field .sui-mobile-nav{margin-bottom:0}.sui-2-7-0 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-sidenav-settings .sui-form-field:last-child{margin:0}@media (max-width: 1199px){.sui-2-7-0 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-sidenav-settings{margin-bottom:20px}}@media (min-width: 1200px){.sui-2-7-0 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-sidenav-settings{padding-left:15px}}@media (max-width: 1199px){.sui-2-7-0 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-sidenav-hide-md{display:none}}@media (min-width: 1200px){.sui-2-7-0 .sui-wrap .sui-row-with-sidenav .sui-sidenav .sui-sidenav-hide-lg{display:none}}@media (max-width: 1199px){.sui-2-7-0 .sui-wrap .sui-row-with-sidenav .sui-sidenav{width:100%;display:block}}@media (min-width: 1200px){.sui-2-7-0 .sui-wrap .sui-row-with-sidenav .sui-sidenav{width:220px;display:table-cell;padding-right:30px}}@media (min-width: 1200px){.sui-2-7-0 .sui-wrap .sui-row-with-sidenav .sui-sidenav-sticky{position:-webkit-sticky !important;position:sticky !important;top:47px;z-index:11}}.sui-2-7-0 .sui-wrap .sui-row-with-sidenav>div:not(.sui-sidenav){display:block;position:relative;vertical-align:top;margin-bottom:0}@media (max-width: 1100px){.sui-2-7-0 .sui-wrap .sui-row-with-sidenav{display:block}}@keyframes sui1{to{stroke-dasharray:2.63894 262.89378}}@keyframes sui2{to{stroke-dasharray:5.27788 525.78757}}@keyframes sui3{to{stroke-dasharray:7.91681 788.68135}}@keyframes sui4{to{stroke-dasharray:10.55575 1051.57513}}@keyframes sui5{to{stroke-dasharray:13.19469 1314.46891}}@keyframes sui6{to{stroke-dasharray:15.83363 1577.3627}}@keyframes sui7{to{stroke-dasharray:18.47256 1840.25648}}@keyframes sui8{to{stroke-dasharray:21.1115 2103.15026}}@keyframes sui9{to{stroke-dasharray:23.75044 2366.04405}}@keyframes sui10{to{stroke-dasharray:26.38938 2628.93783}}@keyframes sui11{to{stroke-dasharray:29.02832 2891.83161}}@keyframes sui12{to{stroke-dasharray:31.66725 3154.72539}}@keyframes sui13{to{stroke-dasharray:34.30619 3417.61918}}@keyframes sui14{to{stroke-dasharray:36.94513 3680.51296}}@keyframes sui15{to{stroke-dasharray:39.58407 3943.40674}}@keyframes sui16{to{stroke-dasharray:42.22301 4206.30053}}@keyframes sui17{to{stroke-dasharray:44.86194 4469.19431}}@keyframes sui18{to{stroke-dasharray:47.50088 4732.08809}}@keyframes sui19{to{stroke-dasharray:50.13982 4994.98188}}@keyframes sui20{to{stroke-dasharray:52.77876 5257.87566}}@keyframes sui21{to{stroke-dasharray:55.41769 5520.76944}}@keyframes sui22{to{stroke-dasharray:58.05663 5783.66322}}@keyframes sui23{to{stroke-dasharray:60.69557 6046.55701}}@keyframes sui24{to{stroke-dasharray:63.33451 6309.45079}}@keyframes sui25{to{stroke-dasharray:65.97345 6572.34457}}@keyframes sui26{to{stroke-dasharray:68.61238 6835.23836}}@keyframes sui27{to{stroke-dasharray:71.25132 7098.13214}}@keyframes sui28{to{stroke-dasharray:73.89026 7361.02592}}@keyframes sui29{to{stroke-dasharray:76.5292 7623.9197}}@keyframes sui30{to{stroke-dasharray:79.16813 7886.81349}}@keyframes sui31{to{stroke-dasharray:81.80707 8149.70727}}@keyframes sui32{to{stroke-dasharray:84.44601 8412.60105}}@keyframes sui33{to{stroke-dasharray:87.08495 8675.49484}}@keyframes sui34{to{stroke-dasharray:89.72389 8938.38862}}@keyframes sui35{to{stroke-dasharray:92.36282 9201.2824}}@keyframes sui36{to{stroke-dasharray:95.00176 9464.17618}}@keyframes sui37{to{stroke-dasharray:97.6407 9727.06997}}@keyframes sui38{to{stroke-dasharray:100.27964 9989.96375}}@keyframes sui39{to{stroke-dasharray:102.91858 10252.85753}}@keyframes sui40{to{stroke-dasharray:105.55751 10515.75132}}@keyframes sui41{to{stroke-dasharray:108.19645 10778.6451}}@keyframes sui42{to{stroke-dasharray:110.83539 11041.53888}}@keyframes sui43{to{stroke-dasharray:113.47433 11304.43266}}@keyframes sui44{to{stroke-dasharray:116.11326 11567.32645}}@keyframes sui45{to{stroke-dasharray:118.7522 11830.22023}}@keyframes sui46{to{stroke-dasharray:121.39114 12093.11401}}@keyframes sui47{to{stroke-dasharray:124.03008 12356.0078}}@keyframes sui48{to{stroke-dasharray:126.66902 12618.90158}}@keyframes sui49{to{stroke-dasharray:129.30795 12881.79536}}@keyframes sui50{to{stroke-dasharray:131.94689 13144.68915}}@keyframes sui51{to{stroke-dasharray:134.58583 13407.58293}}@keyframes sui52{to{stroke-dasharray:137.22477 13670.47671}}@keyframes sui53{to{stroke-dasharray:139.8637 13933.37049}}@keyframes sui54{to{stroke-dasharray:142.50264 14196.26428}}@keyframes sui55{to{stroke-dasharray:145.14158 14459.15806}}@keyframes sui56{to{stroke-dasharray:147.78052 14722.05184}}@keyframes sui57{to{stroke-dasharray:150.41946 14984.94563}}@keyframes sui58{to{stroke-dasharray:153.05839 15247.83941}}@keyframes sui59{to{stroke-dasharray:155.69733 15510.73319}}@keyframes sui60{to{stroke-dasharray:158.33627 15773.62697}}@keyframes sui61{to{stroke-dasharray:160.97521 16036.52076}}@keyframes sui62{to{stroke-dasharray:163.61415 16299.41454}}@keyframes sui63{to{stroke-dasharray:166.25308 16562.30832}}@keyframes sui64{to{stroke-dasharray:168.89202 16825.20211}}@keyframes sui65{to{stroke-dasharray:171.53096 17088.09589}}@keyframes sui66{to{stroke-dasharray:174.1699 17350.98967}}@keyframes sui67{to{stroke-dasharray:176.80883 17613.88345}}@keyframes sui68{to{stroke-dasharray:179.44777 17876.77724}}@keyframes sui69{to{stroke-dasharray:182.08671 18139.67102}}@keyframes sui70{to{stroke-dasharray:184.72565 18402.5648}}@keyframes sui71{to{stroke-dasharray:187.36459 18665.45859}}@keyframes sui72{to{stroke-dasharray:190.00352 18928.35237}}@keyframes sui73{to{stroke-dasharray:192.64246 19191.24615}}@keyframes sui74{to{stroke-dasharray:195.2814 19454.13993}}@keyframes sui75{to{stroke-dasharray:197.92034 19717.03372}}@keyframes sui76{to{stroke-dasharray:200.55928 19979.9275}}@keyframes sui77{to{stroke-dasharray:203.19821 20242.82128}}@keyframes sui78{to{stroke-dasharray:205.83715 20505.71507}}@keyframes sui79{to{stroke-dasharray:208.47609 20768.60885}}@keyframes sui80{to{stroke-dasharray:211.11503 21031.50263}}@keyframes sui81{to{stroke-dasharray:213.75396 21294.39642}}@keyframes sui82{to{stroke-dasharray:216.3929 21557.2902}}@keyframes sui83{to{stroke-dasharray:219.03184 21820.18398}}@keyframes sui84{to{stroke-dasharray:221.67078 22083.07776}}@keyframes sui85{to{stroke-dasharray:224.30972 22345.97155}}@keyframes sui86{to{stroke-dasharray:226.94865 22608.86533}}@keyframes sui87{to{stroke-dasharray:229.58759 22871.75911}}@keyframes sui88{to{stroke-dasharray:232.22653 23134.6529}}@keyframes sui89{to{stroke-dasharray:234.86547 23397.54668}}@keyframes sui90{to{stroke-dasharray:237.5044 23660.44046}}@keyframes sui91{to{stroke-dasharray:240.14334 23923.33424}}@keyframes sui92{to{stroke-dasharray:242.78228 24186.22803}}@keyframes sui93{to{stroke-dasharray:245.42122 24449.12181}}@keyframes sui94{to{stroke-dasharray:248.06016 24712.01559}}@keyframes sui95{to{stroke-dasharray:250.69909 24974.90938}}@keyframes sui96{to{stroke-dasharray:253.33803 25237.80316}}@keyframes sui97{to{stroke-dasharray:255.97697 25500.69694}}@keyframes sui98{to{stroke-dasharray:258.61591 25763.59072}}@keyframes sui99{to{stroke-dasharray:261.25485 26026.48451}}@keyframes sui100{to{stroke-dasharray:263.89378 26289.37829}}.sui-2-7-0 .sui-wrap .sui-circle-score{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:30px;width:auto;opacity:0;transition:all .4s}.sui-2-7-0 .sui-wrap .sui-circle-score svg{height:100%;transform:rotate(-90deg);transform-origin:center}.sui-2-7-0 .sui-wrap .sui-circle-score svg circle{fill:none;stroke-linecap:butt}.sui-2-7-0 .sui-wrap .sui-circle-score svg circle:first-child{stroke:#F2F2F2}.sui-2-7-0 .sui-wrap .sui-circle-score svg circle:last-child{stroke:#1ABC9C}.sui-2-7-0 .sui-wrap .sui-circle-score.loaded{opacity:1}.sui-2-7-0 .sui-wrap .sui-circle-score-label{margin-left:10px;font-weight:500}.sui-2-7-0 .sui-wrap .sui-circle-score-sm{height:30px}.sui-2-7-0 .sui-wrap .sui-circle-score-lg{height:120px}.sui-2-7-0 .sui-wrap .sui-circle-score-lg .sui-circle-score-label{display:none}.sui-2-7-0 .sui-wrap .sui-grade-success svg circle:last-child,.sui-2-7-0 .sui-wrap .sui-grade-aplus svg circle:last-child,.sui-2-7-0 .sui-wrap .sui-grade-a svg circle:last-child,.sui-2-7-0 .sui-wrap .sui-grade-b svg circle:last-child{stroke:#1ABC9C}.sui-2-7-0 .sui-wrap .sui-grade-warning svg circle:last-child,.sui-2-7-0 .sui-wrap .sui-grade-c svg circle:last-child,.sui-2-7-0 .sui-wrap .sui-grade-d svg circle:last-child{stroke:#FECF2F}.sui-2-7-0 .sui-wrap .sui-grade-error svg circle:last-child,.sui-2-7-0 .sui-wrap .sui-grade-e svg circle:last-child,.sui-2-7-0 .sui-wrap .sui-grade-f svg circle:last-child{stroke:#FF6D6D}.sui-2-7-0 .sui-wrap .sui-grade-dismissed svg circle:last-child,.sui-2-7-0 .sui-wrap .sui-grade-disabled svg circle:last-child{stroke:#aaa}.sui-2-7-0 .sui-wrap .sui-grade-default svg circle:last-child{stroke:#666}.sui-2-7-0 .sui-wrap .sui-footer{margin-top:40px;color:#aaa;font:500 12px/22px "Roboto",Arial,sans-serif;letter-spacing:-.25px;text-align:center}.sui-2-7-0 .sui-wrap .sui-footer [class*="sui-icon-"]{margin:0 3px;font-size:11px}.sui-2-7-0 .sui-wrap .sui-footer [class*="sui-icon-"]:before{display:block;color:#aaa}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-footer{margin-top:60px}}.sui-2-7-0 .sui-wrap .sui-footer-nav,.sui-2-7-0 .sui-wrap .sui-footer-social{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;margin:20px 0 0;text-align:center}.sui-2-7-0 .sui-wrap .sui-footer-nav,.sui-2-7-0 .sui-wrap .sui-footer-nav li,.sui-2-7-0 .sui-wrap .sui-footer-social,.sui-2-7-0 .sui-wrap .sui-footer-social li{padding:0;border:0;list-style:none}.sui-2-7-0 .sui-wrap .sui-footer-nav li,.sui-2-7-0 .sui-wrap .sui-footer-social li{display:-ms-inline-flexbox;display:inline-flex;margin:0;color:#aaa;font:400 12px/16px "Roboto",Arial,sans-serif}.sui-2-7-0 .sui-wrap .sui-footer-nav li a,.sui-2-7-0 .sui-wrap .sui-footer-social li a{display:block;color:#aaa;font-weight:400;transition:all 0.3s ease}.sui-2-7-0 .sui-wrap .sui-footer-nav li a [class*="sui-icon-"],.sui-2-7-0 .sui-wrap .sui-footer-social li a [class*="sui-icon-"]{width:30px;text-align:center}.sui-2-7-0 .sui-wrap .sui-footer-nav li a [class*="sui-icon-"]:before,.sui-2-7-0 .sui-wrap .sui-footer-social li a [class*="sui-icon-"]:before{display:block;color:inherit}.sui-2-7-0 .sui-wrap .sui-footer-nav li a,.sui-2-7-0 .sui-wrap .sui-footer-nav li a:hover,.sui-2-7-0 .sui-wrap .sui-footer-nav li a:active,.sui-2-7-0 .sui-wrap .sui-footer-social li a,.sui-2-7-0 .sui-wrap .sui-footer-social li a:hover,.sui-2-7-0 .sui-wrap .sui-footer-social li a:active{outline:none;box-shadow:none}.sui-2-7-0 .sui-wrap .sui-footer-nav li a:hover,.sui-2-7-0 .sui-wrap .sui-footer-nav li a:active,.sui-2-7-0 .sui-wrap .sui-footer-social li a:hover,.sui-2-7-0 .sui-wrap .sui-footer-social li a:active{color:#666}@media (max-width: 782px){.sui-2-7-0 .sui-wrap .sui-footer-nav,.sui-2-7-0 .sui-wrap .sui-footer-social{-ms-flex-wrap:wrap;flex-wrap:wrap}}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-footer-nav,.sui-2-7-0 .sui-wrap .sui-footer-social{margin-top:30px}}.sui-2-7-0 .sui-wrap .sui-footer-nav li:not(:last-child):after{content:"/";margin-right:6px;margin-left:6px}.sui-2-7-0 .sui-wrap .sui-footer-social li{margin:0 5px}.sui-2-7-0 .sui-wrap .sui-footer-social li:first-child{margin-left:0}.sui-2-7-0 .sui-wrap .sui-footer-social li:last-child{margin-right:0}.sui-2-7-0 .sui-wrap #sui-cross-sell-footer>div{width:100%;text-align:center;border-bottom:1px solid #E6E6E6;line-height:0.1em;margin:10px 0 40px}.sui-2-7-0 .sui-wrap #sui-cross-sell-footer>div>span{position:relative;color:#888;background-color:#f1f1f1;padding:0 30px;font-size:16px;top:8px}.sui-2-7-0 .sui-wrap #sui-cross-sell-footer h3{font-size:22px;font-weight:bold;line-height:30px;text-transform:none}.sui-2-7-0 .sui-wrap .sui-cross-sell-modules{margin-top:30px}@media (min-width: 600px) and (max-width: 783px){.sui-2-7-0 .sui-wrap .sui-cross-sell-modules .sui-col-md-4{display:-ms-flexbox;display:flex}}.sui-2-7-0 .sui-wrap .sui-cross-sell-modules [class*="sui-cross-"]{min-height:150px;border-radius:4px 4px 0 0;background-size:cover;background-position:center}.sui-2-7-0 .sui-wrap .sui-cross-sell-modules [class*="sui-cross-"]>span{width:56px;height:56px;display:block;border:3px solid #fff;border-radius:50%;position:relative;top:80px;left:15px;box-shadow:0 1px 10px 0 rgba(0,0,0,0.25)}@media (min-width: 600px) and (max-width: 783px){.sui-2-7-0 .sui-wrap .sui-cross-sell-modules [class*="sui-cross-"]>span{top:110px}}@media (max-width: 600px){.sui-2-7-0 .sui-wrap .sui-cross-sell-modules [class*="sui-cross-"]>span{z-index:1;top:45px;left:50%;transform:translateX(-50%)}}@media (min-width: 600px) and (max-width: 783px){.sui-2-7-0 .sui-wrap .sui-cross-sell-modules [class*="sui-cross-"]{width:180px;-ms-flex:none;flex:none;border-radius:4px 0 0 4px}}@media (max-width: 600px){.sui-2-7-0 .sui-wrap .sui-cross-sell-modules [class*="sui-cross-"]{height:80px;min-height:auto}}.sui-2-7-0 .sui-wrap .sui-cross-sell-modules .sui-cross-1{background-image:url(../images/plugins-hummingbird.jpg)}.sui-2-7-0 .sui-wrap .sui-cross-sell-modules .sui-cross-1>span{background:url(../images/plugins-hummingbird-icon.png) no-repeat center center;background-size:50px 50px}@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx){.sui-2-7-0 .sui-wrap .sui-cross-sell-modules .sui-cross-1>span{background-image:url(../images/plugins-hummingbird-icon@2x.png)}}.sui-2-7-0 .sui-wrap .sui-cross-sell-modules .sui-cross-2{background-image:url(../images/plugins-defender.jpg)}.sui-2-7-0 .sui-wrap .sui-cross-sell-modules .sui-cross-2>span{background:url(../images/plugins-defender-icon.png) no-repeat center center;background-size:50px 50px}@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx){.sui-2-7-0 .sui-wrap .sui-cross-sell-modules .sui-cross-2>span{background-image:url(../images/plugins-defender-icon@2x.png)}}.sui-2-7-0 .sui-wrap .sui-cross-sell-modules .sui-cross-3{background-image:url(../images/plugins-smartcrawl.jpg)}.sui-2-7-0 .sui-wrap .sui-cross-sell-modules .sui-cross-3>span{background:url(../images/plugins-smartcrawl-icon.png) no-repeat center center;background-size:50px 50px}@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx){.sui-2-7-0 .sui-wrap .sui-cross-sell-modules .sui-cross-3>span{background-image:url(../images/plugins-smartcrawl-icon@2x.png)}}.sui-2-7-0 .sui-wrap .sui-cross-sell-modules .sui-box{margin-bottom:0}.sui-2-7-0 .sui-wrap .sui-cross-sell-modules .sui-box h3{margin-top:0;font-size:18px;line-height:30px;font-weight:700;text-transform:none}@media (min-width: 600px) and (max-width: 783px){.sui-2-7-0 .sui-wrap .sui-cross-sell-modules .sui-box h3{margin:0;min-height:auto}}@media (max-width: 600px){.sui-2-7-0 .sui-wrap .sui-cross-sell-modules .sui-box h3{min-height:auto}}.sui-2-7-0 .sui-wrap .sui-cross-sell-modules .sui-box .sui-box-body{padding:30px;border-radius:0 0 4px 4px;text-align:center}.sui-2-7-0 .sui-wrap .sui-cross-sell-modules .sui-box .sui-box-body p{margin-bottom:30px;color:#888;font-size:13px;line-height:22px}@media (min-width: 600px) and (max-width: 783px){.sui-2-7-0 .sui-wrap .sui-cross-sell-modules .sui-box .sui-box-body p{margin-bottom:14px}}@media (max-width: 600px){.sui-2-7-0 .sui-wrap .sui-cross-sell-modules .sui-box .sui-box-body p{margin-bottom:20px}}@media (min-width: 600px) and (max-width: 783px){.sui-2-7-0 .sui-wrap .sui-cross-sell-modules .sui-box .sui-box-body{text-align:left}}@media (max-width: 600px){.sui-2-7-0 .sui-wrap .sui-cross-sell-modules .sui-box .sui-box-body{padding:26px 20px 20px 20px}}@media (min-width: 600px) and (max-width: 783px){.sui-2-7-0 .sui-wrap .sui-cross-sell-modules .sui-box{border-radius:0 4px 4px 0}}.sui-2-7-0 .sui-wrap .sui-cross-sell-bottom{text-align:center;margin-top:50px}.sui-2-7-0 .sui-wrap .sui-cross-sell-bottom h3{font-size:22px;font-weight:bold;line-height:30px;text-transform:none}.sui-2-7-0 .sui-wrap .sui-cross-sell-bottom p{max-width:500px;margin:20px auto 30px}.sui-2-7-0 .sui-wrap .sui-cross-sell-bottom .sui-button{margin:0}.sui-2-7-0 .sui-wrap .sui-cross-sell-bottom img{display:block;height:auto;max-width:100%;margin:30px auto 0}.sui-2-7-0 #wpfooter{display:none}.sui-2-7-0 .sui-wrap .sui-progress{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.sui-2-7-0 .sui-wrap .sui-progress .sui-progress-icon{width:26px;text-align:center}.sui-2-7-0 .sui-wrap .sui-progress .sui-progress-icon [class*="sui-icon-"]{display:block;font-size:16px}.sui-2-7-0 .sui-wrap .sui-progress .sui-progress-icon [class*="sui-icon-"]:before{display:block}.sui-2-7-0 .sui-wrap .sui-progress .sui-progress-icon+.sui-progress-text{margin-left:0}.sui-2-7-0 .sui-wrap .sui-progress .sui-progress-icon+.sui-progress-bar{margin-left:5px}.sui-2-7-0 .sui-wrap .sui-progress .sui-progress-text{min-width:40px;-ms-flex:0 0 auto;flex:0 0 auto;color:#888;font:bold 12px/20px "Roboto",Arial,sans-serif;letter-spacing:-.25px;text-align:center}.sui-2-7-0 .sui-wrap .sui-progress .sui-progress-text span{display:block}.sui-2-7-0 .sui-wrap .sui-progress .sui-progress-text+.sui-progress-bar{margin-left:5px}.sui-2-7-0 .sui-wrap .sui-progress .sui-progress-bar{height:10px;overflow:hidden;-ms-flex:1;flex:1;border-radius:5px;background-color:#E6E6E6}.sui-2-7-0 .sui-wrap .sui-progress .sui-progress-bar span{height:100%;display:block;background-color:#17A8E3}.sui-2-7-0 .sui-wrap .sui-progress-block{width:100%;max-width:100%;min-height:60px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:14px 14px;border:1px solid #E6E6E6;border-radius:4px;background-color:#fff}.sui-2-7-0 .sui-wrap .sui-progress-block .sui-progress{-ms-flex:1;flex:1}.sui-2-7-0 .sui-wrap .sui-progress-block .sui-progress+.sui-button,.sui-2-7-0 .sui-wrap .sui-progress-block .sui-progress+.sui-button-icon{margin-left:10px}.sui-2-7-0 .sui-wrap .sui-progress-block .sui-button,.sui-2-7-0 .sui-wrap .sui-progress-block .sui-button-icon{-ms-flex:0 0 auto;flex:0 0 auto}.sui-2-7-0 .sui-wrap .sui-progress-block .sui-button-icon [class*="sui-icon-"],.sui-2-7-0 .sui-wrap .sui-progress-block a.sui-button-icon [class*="sui-icon-"],.sui-2-7-0 .sui-wrap .sui-progress-block button.sui-button-icon [class*="sui-icon-"]{font-size:16px}.sui-2-7-0 .sui-wrap .sui-progress-block+.sui-progress-state{margin-top:10px}.sui-2-7-0 .sui-wrap .sui-progress-state{display:block;color:#888;font:400 13px/22px "Roboto",Arial,sans-serif;letter-spacing:-.25px;text-align:center}.sui-2-7-0 .sui-wrap .sui-progress-state span{display:block}.sui-2-7-0 .sui-modal{width:calc(100% - 160px);height:calc(100vh - 32px);overflow-x:hidden;overflow-y:auto;-webkit-user-select:auto;-ms-user-select:auto;user-select:auto;display:none;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;position:fixed;z-index:13;top:32px;left:160px;padding:30px 0;background-color:rgba(51,51,51,0.95)}.sui-2-7-0 .sui-modal,.sui-2-7-0 .sui-modal *{box-sizing:border-box}.sui-2-7-0 .sui-modal .sui-modal-overlay{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0}.sui-2-7-0 .sui-modal .sui-modal-overlay:hover{cursor:pointer;outline:none;box-shadow:none}.sui-2-7-0 .sui-modal .sui-modal-content{width:100%;min-height:0;-ms-flex:0 0 auto;flex:0 0 auto;position:relative;margin:auto;padding:0 30px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-modal-content{padding:0 20px}}.sui-2-7-0 .sui-modal .sui-modal-slide{display:none}.sui-2-7-0 .sui-modal .sui-modal-slide.sui-active{opacity:0;display:block;animation-duration:0.7s;animation-fill-mode:both;transform-origin:center;transform-style:preserve-3d}.sui-2-7-0 .sui-modal .sui-modal-slide.sui-active.sui-loaded{opacity:1}.sui-2-7-0 .sui-modal .sui-modal-slide.sui-active.sui-fadein{opacity:1;animation-name:fadeIn}@media screen and (prefers-reduced-motion: reduce){.sui-2-7-0 .sui-modal .sui-modal-slide.sui-active.sui-fadein{opacity:1;animation-name:none}}.sui-2-7-0 .sui-modal .sui-modal-slide.sui-active.sui-fadein-left{opacity:1;animation-name:fadeInLeft}@media screen and (prefers-reduced-motion: reduce){.sui-2-7-0 .sui-modal .sui-modal-slide.sui-active.sui-fadein-left{opacity:1;animation-name:none}}.sui-2-7-0 .sui-modal .sui-modal-slide.sui-active.sui-fadein-right{opacity:1;animation-name:fadeInRight}@media screen and (prefers-reduced-motion: reduce){.sui-2-7-0 .sui-modal .sui-modal-slide.sui-active.sui-fadein-right{opacity:1;animation-name:none}}@media screen and (prefers-reduced-motion: reduce){.sui-2-7-0 .sui-modal .sui-modal-slide.sui-active{animation-duration:0.001ms}}.sui-2-7-0 .sui-modal .sui-modal-slide:disabled a,.sui-2-7-0 .sui-modal .sui-modal-slide:disabled input,.sui-2-7-0 .sui-modal .sui-modal-slide:disabled select,.sui-2-7-0 .sui-modal .sui-modal-slide:disabled button,.sui-2-7-0 .sui-modal .sui-modal-slide:disabled textarea,.sui-2-7-0 .sui-modal .sui-modal-slide[disabled] a,.sui-2-7-0 .sui-modal .sui-modal-slide[disabled] input,.sui-2-7-0 .sui-modal .sui-modal-slide[disabled] select,.sui-2-7-0 .sui-modal .sui-modal-slide[disabled] button,.sui-2-7-0 .sui-modal .sui-modal-slide[disabled] textarea{opacity:0.5;pointer-events:none}.sui-2-7-0 .sui-modal .sui-box{box-shadow:none}.sui-2-7-0 .sui-modal .sui-box .sui-box-title.sui-lg{font-size:22px;line-height:30px}.sui-2-7-0 .sui-modal .sui-box .sui-box-title+.sui-description{margin-top:15px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-title+.sui-description{margin-top:10px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-banner{width:100%;max-width:100%;height:auto;overflow:hidden;display:block;margin:0;padding:0;border:0;border-radius:0}.sui-2-7-0 .sui-modal .sui-box .sui-box-banner img{max-width:100%;display:block;margin:0 auto;padding:0;border:0}.sui-2-7-0 .sui-modal .sui-box .sui-box-logo{width:70px;height:70px;overflow:hidden;display:block;margin:0 auto;padding:0;border:5px solid #fff;border-radius:4px;background-color:#fff}.sui-2-7-0 .sui-modal .sui-box .sui-box-logo img{width:60px;height:60px;display:block;margin:0;padding:0;border:0;border-radius:4px}.sui-2-7-0 .sui-modal .sui-box .sui-box-header{position:relative}.sui-2-7-0 .sui-modal .sui-box .sui-box-header .sui-box-banner{width:auto;max-width:none;margin-top:-15px;margin-right:-30px;margin-bottom:40px;margin-left:-30px;border-top-left-radius:4px;border-top-right-radius:4px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-header .sui-box-banner{margin-top:-10px;margin-right:-20px;margin-bottom:30px;margin-left:-20px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-header .sui-box-logo{position:absolute;top:-35px;left:50%;transform:translateX(-50%)}.sui-2-7-0 .sui-modal .sui-box .sui-box-header .sui-button-float--right{position:absolute;top:20px;right:20px;margin:0}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-header .sui-button-float--right{top:15px;right:15px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-header .sui-button-float--left{position:absolute;top:20px;left:20px;margin:0}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-header .sui-button-float--left{top:15px;left:15px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-header .sui-steps-float{position:absolute;top:20px;left:50%;margin:0;transform:translateX(-50%)}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-header .sui-steps-float{top:15px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-flatten{padding-bottom:0;border-bottom-width:0}.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-top--0{padding-top:0}.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-top--0 .sui-box-banner{margin-top:-0}.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-right--0{padding-right:0}.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-right--0 .sui-box-banner{margin-right:-0}.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-bottom--0{padding-bottom:0}.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-left--0{padding-left:0}.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-left--0 .sui-box-banner{margin-left:-0}.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--0{padding-left:0;padding-right:0}.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--0 .sui-box-banner{margin-left:-0;margin-right:-0}.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-top--10{padding-top:10px}.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-top--10 .sui-box-banner{margin-top:-10px}.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-right--10{padding-right:10px}.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-right--10 .sui-box-banner{margin-right:-10px}.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-bottom--10{padding-bottom:10px}.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-left--10{padding-left:10px}.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-left--10 .sui-box-banner{margin-left:-10px}.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--10{padding-left:10px;padding-right:10px}.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--10 .sui-box-banner{margin-left:-10px;margin-right:-10px}.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-top--20{padding-top:20px}.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-top--20 .sui-box-banner{margin-top:-20px}.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-right--20{padding-right:20px}.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-right--20 .sui-box-banner{margin-right:-20px}.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-bottom--20{padding-bottom:20px}.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-left--20{padding-left:20px}.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-left--20 .sui-box-banner{margin-left:-20px}.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--20{padding-left:20px;padding-right:20px}.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--20 .sui-box-banner{margin-left:-20px;margin-right:-20px}.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-top--30{padding-top:30px}.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-top--30 .sui-box-banner{margin-top:-30px}.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-right--30{padding-right:30px}.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-right--30 .sui-box-banner{margin-right:-30px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-right--30 .sui-box-banner{margin-right:-20px}}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-right--30{padding-right:20px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-bottom--30{padding-bottom:30px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-bottom--30{padding-bottom:20px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-left--30{padding-left:30px}.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-left--30 .sui-box-banner{margin-left:-30px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-left--30 .sui-box-banner{margin-left:-20px}}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-left--30{padding-left:20px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--30{padding-left:30px;padding-right:30px}.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--30 .sui-box-banner{margin-left:-30px;margin-right:-30px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--30 .sui-box-banner{margin-left:-20px;margin-right:-20px}}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--30{padding-left:20px;padding-right:20px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-top--40{padding-top:40px}.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-top--40 .sui-box-banner{margin-top:-40px}.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-right--40{padding-right:40px}.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-right--40 .sui-box-banner{margin-right:-40px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-right--40 .sui-box-banner{margin-right:-20px}}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-right--40{padding-right:20px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-bottom--40{padding-bottom:40px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-bottom--40{padding-bottom:20px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-left--40{padding-left:40px}.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-left--40 .sui-box-banner{margin-left:-40px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-left--40 .sui-box-banner{margin-left:-20px}}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-left--40{padding-left:20px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--40{padding-left:40px;padding-right:40px}.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--40 .sui-box-banner{margin-left:-40px;margin-right:-40px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--40 .sui-box-banner{margin-left:-20px;margin-right:-20px}}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--40{padding-left:20px;padding-right:20px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-top--50{padding-top:50px}.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-top--50 .sui-box-banner{margin-top:-50px}.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-right--50{padding-right:50px}.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-right--50 .sui-box-banner{margin-right:-50px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-right--50 .sui-box-banner{margin-right:-40px}}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-right--50{padding-right:40px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-bottom--50{padding-bottom:50px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-bottom--50{padding-bottom:40px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-left--50{padding-left:50px}.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-left--50 .sui-box-banner{margin-left:-50px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-left--50 .sui-box-banner{margin-left:-40px}}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-left--50{padding-left:40px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--50{padding-left:50px;padding-right:50px}.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--50 .sui-box-banner{margin-left:-50px;margin-right:-50px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--50 .sui-box-banner{margin-left:-40px;margin-right:-40px}}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--50{padding-left:40px;padding-right:40px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-top--60{padding-top:60px}.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-top--60 .sui-box-banner{margin-top:-60px}.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-right--60{padding-right:60px}.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-right--60 .sui-box-banner{margin-right:-60px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-right--60 .sui-box-banner{margin-right:-40px}}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-right--60{padding-right:40px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-bottom--60{padding-bottom:60px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-bottom--60{padding-bottom:40px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-left--60{padding-left:60px}.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-left--60 .sui-box-banner{margin-left:-60px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-left--60 .sui-box-banner{margin-left:-40px}}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-left--60{padding-left:40px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--60{padding-left:60px;padding-right:60px}.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--60 .sui-box-banner{margin-left:-60px;margin-right:-60px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--60 .sui-box-banner{margin-left:-40px;margin-right:-40px}}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--60{padding-left:40px;padding-right:40px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-top--70{padding-top:70px}.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-top--70 .sui-box-banner{margin-top:-70px}.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-right--70{padding-right:70px}.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-right--70 .sui-box-banner{margin-right:-70px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-right--70 .sui-box-banner{margin-right:-40px}}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-right--70{padding-right:40px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-bottom--70{padding-bottom:70px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-bottom--70{padding-bottom:40px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-left--70{padding-left:70px}.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-left--70 .sui-box-banner{margin-left:-70px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-left--70 .sui-box-banner{margin-left:-40px}}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-left--70{padding-left:40px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--70{padding-left:70px;padding-right:70px}.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--70 .sui-box-banner{margin-left:-70px;margin-right:-70px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--70 .sui-box-banner{margin-left:-40px;margin-right:-40px}}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--70{padding-left:40px;padding-right:40px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-top--80{padding-top:80px}.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-top--80 .sui-box-banner{margin-top:-80px}.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-right--80{padding-right:80px}.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-right--80 .sui-box-banner{margin-right:-80px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-right--80 .sui-box-banner{margin-right:-40px}}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-right--80{padding-right:40px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-bottom--80{padding-bottom:80px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-bottom--80{padding-bottom:40px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-left--80{padding-left:80px}.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-left--80 .sui-box-banner{margin-left:-80px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-left--80 .sui-box-banner{margin-left:-40px}}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-left--80{padding-left:40px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--80{padding-left:80px;padding-right:80px}.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--80 .sui-box-banner{margin-left:-80px;margin-right:-80px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--80 .sui-box-banner{margin-left:-40px;margin-right:-40px}}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--80{padding-left:40px;padding-right:40px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-top--90{padding-top:90px}.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-top--90 .sui-box-banner{margin-top:-90px}.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-right--90{padding-right:90px}.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-right--90 .sui-box-banner{margin-right:-90px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-right--90 .sui-box-banner{margin-right:-50px}}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-right--90{padding-right:50px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-bottom--90{padding-bottom:90px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-bottom--90{padding-bottom:50px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-left--90{padding-left:90px}.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-left--90 .sui-box-banner{margin-left:-90px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-left--90 .sui-box-banner{margin-left:-50px}}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-left--90{padding-left:50px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--90{padding-left:90px;padding-right:90px}.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--90 .sui-box-banner{margin-left:-90px;margin-right:-90px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--90 .sui-box-banner{margin-left:-50px;margin-right:-50px}}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--90{padding-left:50px;padding-right:50px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-top--100{padding-top:100px}.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-top--100 .sui-box-banner{margin-top:-100px}.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-right--100{padding-right:100px}.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-right--100 .sui-box-banner{margin-right:-100px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-right--100 .sui-box-banner{margin-right:-50px}}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-right--100{padding-right:50px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-bottom--100{padding-bottom:100px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-bottom--100{padding-bottom:50px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-left--100{padding-left:100px}.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-left--100 .sui-box-banner{margin-left:-100px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-left--100 .sui-box-banner{margin-left:-50px}}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-left--100{padding-left:50px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--100{padding-left:100px;padding-right:100px}.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--100 .sui-box-banner{margin-left:-100px;margin-right:-100px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--100 .sui-box-banner{margin-left:-50px;margin-right:-50px}}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-spacing-sides--100{padding-left:50px;padding-right:50px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-content-center{display:block;text-align:center}.sui-2-7-0 .sui-modal .sui-box .sui-box-header.sui-content-center-inline{-ms-flex-pack:center;justify-content:center}.sui-2-7-0 .sui-modal .sui-box .sui-box-header+.sui-box-footer.sui-flatten{padding-top:30px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-header+.sui-box-footer.sui-flatten{padding-top:20px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-header+.sui-box-footer:not(.sui-flatten){margin-top:30px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-header+.sui-box-footer:not(.sui-flatten){margin-top:20px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-body.sui-content-center{text-align:center}.sui-2-7-0 .sui-modal .sui-box .sui-box-body.sui-content-center-inline{text-align:right}.sui-2-7-0 .sui-modal .sui-box .sui-box-body.sui-spacing-top--0{padding-top:0}.sui-2-7-0 .sui-modal .sui-box .sui-box-body.sui-spacing-right--0{padding-right:0}.sui-2-7-0 .sui-modal .sui-box .sui-box-body.sui-spacing-bottom--0{padding-bottom:0}.sui-2-7-0 .sui-modal .sui-box .sui-box-body.sui-spacing-left--0{padding-left:0}.sui-2-7-0 .sui-modal .sui-box .sui-box-body.sui-spacing-sides--0{padding-left:0;padding-right:0}.sui-2-7-0 .sui-modal .sui-box .sui-box-body.sui-spacing-top--10{padding-top:10px}.sui-2-7-0 .sui-modal .sui-box .sui-box-body.sui-spacing-right--10{padding-right:10px}.sui-2-7-0 .sui-modal .sui-box .sui-box-body.sui-spacing-bottom--10{padding-bottom:10px}.sui-2-7-0 .sui-modal .sui-box .sui-box-body.sui-spacing-left--10{padding-left:10px}.sui-2-7-0 .sui-modal .sui-box .sui-box-body.sui-spacing-sides--10{padding-left:10px;padding-right:10px}.sui-2-7-0 .sui-modal .sui-box .sui-box-body.sui-spacing-top--20{padding-top:20px}.sui-2-7-0 .sui-modal .sui-box .sui-box-body.sui-spacing-right--20{padding-right:20px}.sui-2-7-0 .sui-modal .sui-box .sui-box-body.sui-spacing-bottom--20{padding-bottom:20px}.sui-2-7-0 .sui-modal .sui-box .sui-box-body.sui-spacing-left--20{padding-left:20px}.sui-2-7-0 .sui-modal .sui-box .sui-box-body.sui-spacing-sides--20{padding-left:20px;padding-right:20px}.sui-2-7-0 .sui-modal .sui-box .sui-box-body.sui-spacing-top--30{padding-top:30px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-body.sui-spacing-top--30{padding-top:20px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-body.sui-spacing-right--30{padding-right:30px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-body.sui-spacing-right--30{padding-right:20px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-body.sui-spacing-bottom--30{padding-bottom:30px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-body.sui-spacing-bottom--30{padding-bottom:20px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-body.sui-spacing-left--30{padding-left:30px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-body.sui-spacing-left--30{padding-left:20px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-body.sui-spacing-sides--30{padding-left:30px;padding-right:30px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-body.sui-spacing-sides--30{padding-left:20px;padding-right:20px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-body.sui-spacing-top--40{padding-top:40px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-body.sui-spacing-top--40{padding-top:20px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-body.sui-spacing-right--40{padding-right:40px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-body.sui-spacing-right--40{padding-right:20px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-body.sui-spacing-bottom--40{padding-bottom:40px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-body.sui-spacing-bottom--40{padding-bottom:20px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-body.sui-spacing-left--40{padding-left:40px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-body.sui-spacing-left--40{padding-left:20px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-body.sui-spacing-sides--40{padding-left:40px;padding-right:40px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-body.sui-spacing-sides--40{padding-left:20px;padding-right:20px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-body.sui-spacing-top--50{padding-top:50px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-body.sui-spacing-top--50{padding-top:40px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-body.sui-spacing-right--50{padding-right:50px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-body.sui-spacing-right--50{padding-right:40px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-body.sui-spacing-bottom--50{padding-bottom:50px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-body.sui-spacing-bottom--50{padding-bottom:40px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-body.sui-spacing-left--50{padding-left:50px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-body.sui-spacing-left--50{padding-left:40px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-body.sui-spacing-sides--50{padding-left:50px;padding-right:50px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-body.sui-spacing-sides--50{padding-left:40px;padding-right:40px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-body.sui-spacing-top--60{padding-top:60px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-body.sui-spacing-top--60{padding-top:40px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-body.sui-spacing-right--60{padding-right:60px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-body.sui-spacing-right--60{padding-right:40px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-body.sui-spacing-bottom--60{padding-bottom:60px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-body.sui-spacing-bottom--60{padding-bottom:40px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-body.sui-spacing-left--60{padding-left:60px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-body.sui-spacing-left--60{padding-left:40px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-body.sui-spacing-sides--60{padding-left:60px;padding-right:60px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-body.sui-spacing-sides--60{padding-left:40px;padding-right:40px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-body.sui-spacing-top--70{padding-top:70px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-body.sui-spacing-top--70{padding-top:40px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-body.sui-spacing-right--70{padding-right:70px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-body.sui-spacing-right--70{padding-right:40px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-body.sui-spacing-bottom--70{padding-bottom:70px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-body.sui-spacing-bottom--70{padding-bottom:40px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-body.sui-spacing-left--70{padding-left:70px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-body.sui-spacing-left--70{padding-left:40px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-body.sui-spacing-sides--70{padding-left:70px;padding-right:70px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-body.sui-spacing-sides--70{padding-left:40px;padding-right:40px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-body.sui-spacing-top--80{padding-top:80px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-body.sui-spacing-top--80{padding-top:40px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-body.sui-spacing-right--80{padding-right:80px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-body.sui-spacing-right--80{padding-right:40px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-body.sui-spacing-bottom--80{padding-bottom:80px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-body.sui-spacing-bottom--80{padding-bottom:40px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-body.sui-spacing-left--80{padding-left:80px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-body.sui-spacing-left--80{padding-left:40px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-body.sui-spacing-sides--80{padding-left:80px;padding-right:80px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-body.sui-spacing-sides--80{padding-left:40px;padding-right:40px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-body.sui-spacing-top--90{padding-top:90px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-body.sui-spacing-top--90{padding-top:50px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-body.sui-spacing-right--90{padding-right:90px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-body.sui-spacing-right--90{padding-right:50px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-body.sui-spacing-bottom--90{padding-bottom:90px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-body.sui-spacing-bottom--90{padding-bottom:50px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-body.sui-spacing-left--90{padding-left:90px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-body.sui-spacing-left--90{padding-left:50px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-body.sui-spacing-sides--90{padding-left:90px;padding-right:90px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-body.sui-spacing-sides--90{padding-left:50px;padding-right:50px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-body.sui-spacing-top--100{padding-top:100px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-body.sui-spacing-top--100{padding-top:50px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-body.sui-spacing-right--100{padding-right:100px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-body.sui-spacing-right--100{padding-right:50px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-body.sui-spacing-bottom--100{padding-bottom:100px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-body.sui-spacing-bottom--100{padding-bottom:50px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-body.sui-spacing-left--100{padding-left:100px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-body.sui-spacing-left--100{padding-left:50px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-body.sui-spacing-sides--100{padding-left:100px;padding-right:100px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-body.sui-spacing-sides--100{padding-left:50px;padding-right:50px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-selectors{margin:30px 0}.sui-2-7-0 .sui-modal .sui-box .sui-box-selectors:first-child{margin-top:0}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-selectors:first-child{margin-top:0}}.sui-2-7-0 .sui-modal .sui-box .sui-box-selectors:last-child{margin-bottom:0}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-selectors:last-child{margin-bottom:0}}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-selectors{margin:20px 0}}.sui-2-7-0 .sui-modal .sui-box .sui-box-footer.sui-flatten{padding-top:0;border-top-width:0}.sui-2-7-0 .sui-modal .sui-box .sui-box-footer.sui-content-center{-ms-flex-pack:center;justify-content:center}.sui-2-7-0 .sui-modal .sui-box .sui-box-footer.sui-content-right{-ms-flex-pack:end;justify-content:flex-end}.sui-2-7-0 .sui-modal .sui-box .sui-box-footer.sui-content-separated{-ms-flex-pack:justify;justify-content:space-between}.sui-2-7-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-top--0{padding-top:0}.sui-2-7-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-right--0{padding-right:0}.sui-2-7-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-bottom--0{padding-bottom:0}.sui-2-7-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-left--0{padding-left:0}.sui-2-7-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-sides--0{padding-left:0;padding-right:0}.sui-2-7-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-top--10{padding-top:10px}.sui-2-7-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-right--10{padding-right:10px}.sui-2-7-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-bottom--10{padding-bottom:10px}.sui-2-7-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-left--10{padding-left:10px}.sui-2-7-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-sides--10{padding-left:10px;padding-right:10px}.sui-2-7-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-top--20{padding-top:20px}.sui-2-7-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-right--20{padding-right:20px}.sui-2-7-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-bottom--20{padding-bottom:20px}.sui-2-7-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-left--20{padding-left:20px}.sui-2-7-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-sides--20{padding-left:20px;padding-right:20px}.sui-2-7-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-top--30{padding-top:30px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-top--30{padding-top:20px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-right--30{padding-right:30px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-right--30{padding-right:20px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-bottom--30{padding-bottom:30px}.sui-2-7-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-left--30{padding-left:30px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-left--30{padding-left:20px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-sides--30{padding-left:30px;padding-right:30px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-sides--30{padding-left:20px;padding-right:20px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-top--40{padding-top:40px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-top--40{padding-top:20px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-right--40{padding-right:40px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-right--40{padding-right:20px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-bottom--40{padding-bottom:40px}.sui-2-7-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-left--40{padding-left:40px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-left--40{padding-left:20px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-sides--40{padding-left:40px;padding-right:40px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-sides--40{padding-left:20px;padding-right:20px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-top--50{padding-top:50px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-top--50{padding-top:40px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-right--50{padding-right:50px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-right--50{padding-right:40px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-bottom--50{padding-bottom:50px}.sui-2-7-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-left--50{padding-left:50px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-left--50{padding-left:40px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-sides--50{padding-left:50px;padding-right:50px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-sides--50{padding-left:40px;padding-right:40px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-top--60{padding-top:60px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-top--60{padding-top:40px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-right--60{padding-right:60px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-right--60{padding-right:40px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-bottom--60{padding-bottom:60px}.sui-2-7-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-left--60{padding-left:60px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-left--60{padding-left:40px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-sides--60{padding-left:60px;padding-right:60px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-sides--60{padding-left:40px;padding-right:40px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-top--70{padding-top:70px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-top--70{padding-top:40px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-right--70{padding-right:70px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-right--70{padding-right:40px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-bottom--70{padding-bottom:70px}.sui-2-7-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-left--70{padding-left:70px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-left--70{padding-left:40px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-sides--70{padding-left:70px;padding-right:70px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-sides--70{padding-left:40px;padding-right:40px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-top--80{padding-top:80px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-top--80{padding-top:40px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-right--80{padding-right:80px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-right--80{padding-right:40px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-bottom--80{padding-bottom:80px}.sui-2-7-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-left--80{padding-left:80px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-left--80{padding-left:40px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-sides--80{padding-left:80px;padding-right:80px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-sides--80{padding-left:40px;padding-right:40px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-top--90{padding-top:90px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-top--90{padding-top:50px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-right--90{padding-right:90px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-right--90{padding-right:50px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-bottom--90{padding-bottom:90px}.sui-2-7-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-left--90{padding-left:90px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-left--90{padding-left:50px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-sides--90{padding-left:90px;padding-right:90px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-sides--90{padding-left:50px;padding-right:50px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-top--100{padding-top:100px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-top--100{padding-top:50px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-right--100{padding-right:100px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-right--100{padding-right:50px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-bottom--100{padding-bottom:100px}.sui-2-7-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-left--100{padding-left:100px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-left--100{padding-left:50px}}.sui-2-7-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-sides--100{padding-left:100px;padding-right:100px}@media (max-width: 782px){.sui-2-7-0 .sui-modal .sui-box .sui-box-footer.sui-spacing-sides--100{padding-left:50px;padding-right:50px}}.sui-2-7-0 .sui-modal .sui-modal-skip:not(.sui-button){width:auto;max-width:100%;cursor:pointer;display:block;margin:0 auto;padding:0;border:0;background-color:transparent;background-image:none;box-shadow:none;color:#aaa;font:500 12px/16px "Roboto",Arial,sans-serif;letter-spacing:-0.18px;text-align:center}.sui-2-7-0 .sui-modal .sui-modal-skip:not(.sui-button):focus,.sui-2-7-0 .sui-modal .sui-modal-skip:not(.sui-button):hover,.sui-2-7-0 .sui-modal .sui-modal-skip:not(.sui-button):active{color:#fff}.sui-2-7-0 .sui-modal .sui-box-steps{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin:0 -5px;padding:0;border:0}.sui-2-7-0 .sui-modal .sui-box-steps a,.sui-2-7-0 .sui-modal .sui-box-steps span,.sui-2-7-0 .sui-modal .sui-box-steps button{overflow:hidden;display:block;-ms-flex:0 0 auto;flex:0 0 auto;margin:0 5px;padding:0;border:0;background-color:#E6E6E6;white-space:nowrap;text-overflow:clip;color:transparent}.sui-2-7-0 .sui-modal .sui-box-steps a.sui-current,.sui-2-7-0 .sui-modal .sui-box-steps span.sui-current,.sui-2-7-0 .sui-modal .sui-box-steps button.sui-current{background-color:#17A8E3}.sui-2-7-0 .sui-modal .sui-box-steps a:disabled,.sui-2-7-0 .sui-modal .sui-box-steps a[disabled],.sui-2-7-0 .sui-modal .sui-box-steps a.sui-disabled,.sui-2-7-0 .sui-modal .sui-box-steps span:disabled,.sui-2-7-0 .sui-modal .sui-box-steps span[disabled],.sui-2-7-0 .sui-modal .sui-box-steps span.sui-disabled,.sui-2-7-0 .sui-modal .sui-box-steps button:disabled,.sui-2-7-0 .sui-modal .sui-box-steps button[disabled],.sui-2-7-0 .sui-modal .sui-box-steps button.sui-disabled{cursor:not-allowed;pointer-events:none}.sui-2-7-0 .sui-modal .sui-box-steps a,.sui-2-7-0 .sui-modal .sui-box-steps button,.sui-2-7-0 .sui-modal .sui-box-steps span[role="button"]{cursor:pointer}.sui-2-7-0 .sui-modal .sui-box-steps.sui-lg{padding:8px 0}.sui-2-7-0 .sui-modal .sui-box-steps.sui-lg a,.sui-2-7-0 .sui-modal .sui-box-steps.sui-lg span,.sui-2-7-0 .sui-modal .sui-box-steps.sui-lg button{width:14px;height:14px;border-radius:28px}.sui-2-7-0 .sui-modal .sui-box-steps.sui-md{padding:10px 0}.sui-2-7-0 .sui-modal .sui-box-steps.sui-md a,.sui-2-7-0 .sui-modal .sui-box-steps.sui-md span,.sui-2-7-0 .sui-modal .sui-box-steps.sui-md button{width:10px;height:10px;border-radius:20px}.sui-2-7-0 .sui-modal .sui-box-steps.sui-sm{padding:11.5px 0}.sui-2-7-0 .sui-modal .sui-box-steps.sui-sm a,.sui-2-7-0 .sui-modal .sui-box-steps.sui-sm span,.sui-2-7-0 .sui-modal .sui-box-steps.sui-sm button{width:7px;height:7px;border-radius:14px}.sui-2-7-0 .sui-modal.sui-modal-xl .sui-modal-content{max-width:1040px}@media (max-width: 782px){.sui-2-7-0 .sui-modal.sui-modal-xl .sui-modal-content{max-width:1020px}}.sui-2-7-0 .sui-modal.sui-modal-lg .sui-modal-content{max-width:660px}@media (max-width: 782px){.sui-2-7-0 .sui-modal.sui-modal-lg .sui-modal-content{max-width:640px}}.sui-2-7-0 .sui-modal.sui-modal-md .sui-modal-content{max-width:560px}@media (max-width: 782px){.sui-2-7-0 .sui-modal.sui-modal-md .sui-modal-content{max-width:540px}}.sui-2-7-0 .sui-modal.sui-modal-sm .sui-modal-content{max-width:460px}@media (max-width: 782px){.sui-2-7-0 .sui-modal.sui-modal-sm .sui-modal-content{max-width:440px}}.sui-2-7-0 .sui-modal.sui-active{display:-ms-flexbox;display:flex}@media (max-width: 782px){.sui-2-7-0 .sui-modal{width:100%;left:0;padding:20px 0}}.sui-2-7-0 .sui-dialog{overflow:auto;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;position:fixed;z-index:13;top:0;right:0;bottom:0;left:160px;background-color:rgba(51,51,51,0.95)}.sui-2-7-0 .sui-dialog,.sui-2-7-0 .sui-dialog *{box-sizing:border-box}.sui-2-7-0 .sui-dialog,.sui-2-7-0 .sui-dialog:hover,.sui-2-7-0 .sui-dialog:focus,.sui-2-7-0 .sui-dialog:active{outline:none;box-shadow:none}.sui-2-7-0 .sui-dialog .sui-dialog-overlay{position:absolute;z-index:13;top:0;right:0;bottom:0;left:0}@media (max-width: 960px){.sui-2-7-0 .sui-dialog .sui-dialog-overlay{left:36px}}@media (max-width: 782px){.sui-2-7-0 .sui-dialog .sui-dialog-overlay{left:0}}.sui-2-7-0 .sui-dialog .sui-dialog-content{width:100%;max-width:660px;max-height:85%;position:relative;z-index:13;margin:0 auto;padding:0 30px}.sui-2-7-0 .sui-dialog .sui-dialog-content>.sui-box{margin:30px 0;box-shadow:0 10px 40px rgba(0,0,0,0.2)}.sui-2-7-0 .sui-dialog .sui-dialog-content>.sui-box .sui-box-body>*{margin-bottom:30px}@media (max-width: 782px){.sui-2-7-0 .sui-dialog .sui-dialog-content>.sui-box .sui-box-body>*{margin-bottom:20px}}.sui-2-7-0 .sui-dialog .sui-dialog-content>.sui-box .sui-box-body>*:last-child{margin-bottom:0}@media (max-width: 782px){.sui-2-7-0 .sui-dialog .sui-dialog-content>.sui-box{margin:20px 0}}@media (max-width: 782px){.sui-2-7-0 .sui-dialog .sui-dialog-content{max-width:640px;padding:0 20px}}.sui-2-7-0 .sui-dialog .sui-dialog-close{width:30px;height:30px;cursor:pointer;margin:0;padding:0;border:0;outline-style:none;background-image:none;background-color:transparent;transition:0.3s ease}.sui-2-7-0 .sui-dialog .sui-dialog-close:hover:before,.sui-2-7-0 .sui-dialog .sui-dialog-close:active:before{color:#888}.sui-2-7-0 .sui-dialog .sui-dialog-close:before{content:")";color:#aaa;font-size:16px;line-height:30px}.sui-2-7-0 .sui-dialog .sui-dialog-back{width:30px;height:30px;cursor:pointer;margin:0;padding:0;border:0;outline-style:none;background-image:none;background-color:transparent;transition:0.3s ease}.sui-2-7-0 .sui-dialog .sui-dialog-back:hover:before,.sui-2-7-0 .sui-dialog .sui-dialog-back:active:before{color:#888}.sui-2-7-0 .sui-dialog .sui-dialog-back:before{content:"Ó";color:#aaa;font-size:16px;line-height:30px}.sui-2-7-0 .sui-dialog.sui-dialog-alt .sui-dialog-content>.sui-box .sui-box-header.sui-block-content-center .sui-notice,.sui-2-7-0 .sui-dialog.sui-dialog-alt .sui-dialog-content>.sui-box .sui-box-header.sui-block-content-center .sui-form-field,.sui-2-7-0 .sui-dialog.sui-dialog-alt .sui-dialog-content>.sui-box .sui-box-body.sui-block-content-center .sui-notice,.sui-2-7-0 .sui-dialog.sui-dialog-alt .sui-dialog-content>.sui-box .sui-box-body.sui-block-content-center .sui-form-field,.sui-2-7-0 .sui-dialog.sui-dialog-alt .sui-dialog-content>.sui-box .sui-box-footer.sui-block-content-center .sui-notice,.sui-2-7-0 .sui-dialog.sui-dialog-alt .sui-dialog-content>.sui-box .sui-box-footer.sui-block-content-center .sui-form-field{text-align:initial}.sui-2-7-0 .sui-dialog.sui-dialog-alt .sui-dialog-content>.sui-box .sui-box-header{display:block;position:relative;padding-top:40px;padding-bottom:10px;border-bottom:0}.sui-2-7-0 .sui-dialog.sui-dialog-alt .sui-dialog-content>.sui-box .sui-box-header .sui-dialog-close{position:absolute;top:20px;right:20px}.sui-2-7-0 .sui-dialog.sui-dialog-alt .sui-dialog-content>.sui-box .sui-box-header .sui-dialog-back{position:absolute;top:20px;left:20px}.sui-2-7-0 .sui-dialog.sui-dialog-alt .sui-dialog-content>.sui-box .sui-box-header .sui-box-title{font-size:22px;line-height:30px;font-family:"Roboto",Arial,sans-serif}.sui-2-7-0 .sui-dialog.sui-dialog-alt .sui-dialog-content>.sui-box .sui-box-header .sui-box-title+.sui-description{margin-top:20px}.sui-2-7-0 .sui-dialog.sui-dialog-alt .sui-dialog-content>.sui-box .sui-box-header .sui-dialog-image{width:70px;height:70px;display:block;position:absolute;top:-30px;left:50%;margin-left:-35px;border:5px solid #fff;border-radius:4px;background-color:#fff}.sui-2-7-0 .sui-dialog.sui-dialog-alt .sui-dialog-content>.sui-box .sui-box-header .sui-dialog-image img{max-width:100%;max-height:100%;display:block;margin:0 auto;border-radius:3px}@media (max-width: 782px){.sui-2-7-0 .sui-dialog.sui-dialog-alt .sui-dialog-content>.sui-box .sui-box-header .sui-dialog-image{display:none}}.sui-2-7-0 .sui-dialog.sui-dialog-alt .sui-dialog-content>.sui-box .sui-box-header:last-child{padding-bottom:20px}@media (min-width: 783px){.sui-2-7-0 .sui-dialog.sui-dialog-alt .sui-dialog-content>.sui-box .sui-box-header:last-child{padding-bottom:30px}}@media (min-width: 783px){.sui-2-7-0 .sui-dialog.sui-dialog-alt .sui-dialog-content>.sui-box .sui-box-header{padding-top:60px}}.sui-2-7-0 .sui-dialog.sui-dialog-alt .sui-dialog-content>.sui-box .sui-box-body.sui-box-body-slim{padding-top:10px}.sui-2-7-0 .sui-dialog.sui-dialog-alt .sui-dialog-content>.sui-box .sui-box-body+.sui-box-footer{padding-top:0}.sui-2-7-0 .sui-dialog.sui-dialog-alt .sui-dialog-content>.sui-box .sui-box-footer{-ms-flex-pack:justify;justify-content:space-between;border-top:0}.sui-2-7-0 .sui-dialog.sui-dialog-alt .sui-dialog-content>.sui-box .sui-box-footer.sui-box-footer-center{-ms-flex-pack:center;justify-content:center}.sui-2-7-0 .sui-dialog.sui-dialog-alt .sui-dialog-content>.sui-box .sui-box-footer.sui-box-footer-right{-ms-flex-pack:end;justify-content:flex-end}.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content{pointer-events:none}.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider{display:block;position:relative}.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-content{pointer-events:all;padding:0}.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-content,.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-content>li{display:block;margin:0;border:0;list-style:none}.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-content>li{display:none}.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-content>li.sui-current{opacity:0;display:block;animation-duration:0.7s;animation-fill-mode:both;transform-origin:center;transform-style:preserve-3d}.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-content>li.sui-current.sui-loaded{opacity:1}.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-content>li.sui-current.fadeInLeft{opacity:1;animation-name:fadeInLeft}.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-content>li.sui-current.fadeInRight{opacity:1;animation-name:fadeInRight}@media (max-width: 782px){.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-content>li{padding:20px 0}}@media (min-width: 783px){.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-content>li{padding:30px 0}}.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-navigation button{cursor:pointer;pointer-events:all;position:absolute;top:50%;border-radius:50%;transform:translateY(-50%);font-size:16px;transition:all 0.3s ease}.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-navigation button,.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-navigation button:hover,.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-navigation button:focus,.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-navigation button:active{margin:0;padding:0;border:0;outline:none;box-shadow:none}.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-navigation button:hover,.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-navigation button:active{background-color:#fff;color:#666}.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-navigation button:disabled{opacity:0.3;pointer-events:none}.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-navigation button [class*="sui-icon-"]{display:block}.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-navigation button [class*="sui-icon-"]:before{display:block;color:inherit}.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-navigation button.sui-prev{left:0}.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-navigation button.sui-next{right:0}@media (max-width: 782px){.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-navigation button{width:30px;height:30px;background-color:#fff;color:#666}}@media (min-width: 783px){.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-navigation button{width:40px;height:40px;background-color:transparent;color:#fff}}.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-steps{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin:0 -5px;padding:20px 0;border:0}.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-steps,.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-steps li{list-style:none}.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-steps:before,.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-steps:after,.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-steps li:before,.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-steps li:after{content:unset}.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-steps li{display:block;-ms-flex:0 0 auto;flex:0 0 auto;margin:0;padding:0 5px}.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-steps li a,.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-steps li button,.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-steps li>span{width:7px;height:7px;display:block;border-radius:14px}.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-steps li a,.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-steps li a:hover,.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-steps li a:focus,.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-steps li a:active,.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-steps li a:visited,.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-steps li button,.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-steps li button:hover,.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-steps li button:focus,.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-steps li button:active,.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-steps li button:visited,.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-steps li>span,.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-steps li>span:hover,.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-steps li>span:focus,.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-steps li>span:active,.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-steps li>span:visited{margin:0;padding:0;border:0;outline:none;box-shadow:none}.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-steps.sui-clickable li a,.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-steps.sui-clickable li button,.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-steps.sui-clickable li>span{background-color:#E6E6E6}.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-steps.sui-clickable li a,.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-steps.sui-clickable li button{cursor:pointer}.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-steps.sui-clickable li.current a,.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-steps.sui-clickable li.current button,.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-steps.sui-clickable li.current>span{background-color:#666}.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-steps.sui-clickable li.current a,.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-steps.sui-clickable li.current button{pointer-events:none}.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-steps:not(.sui-clickable) li a,.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-steps:not(.sui-clickable) li button,.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-steps:not(.sui-clickable) li>span{background-color:#666}.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-steps:not(.sui-clickable) li a,.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-steps:not(.sui-clickable) li button{pointer-events:none}.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-steps:not(.sui-clickable) li.current ~ li a,.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-steps:not(.sui-clickable) li.current ~ li button,.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-steps:not(.sui-clickable) li.current ~ li>span{background-color:#E6E6E6}@media (max-width: 782px){.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider{padding:0 15px}}@media (min-width: 783px){.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider{padding:0 55px}}.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-content li>.sui-box .sui-box-banner{display:block}.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-content li>.sui-box .sui-box-banner img{width:auto;max-width:100%;height:auto;display:block;margin:0 auto}.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-content li>.sui-box .sui-box-banner:first-child{overflow:hidden;border-top-left-radius:4px;border-top-right-radius:4px}.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-content li>.sui-box .sui-box-banner:last-child{overflow:hidden;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-content li>.sui-box .sui-box-banner+[class*="sui-box-"]{padding-top:40px}.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-content li>.sui-box>[class*="sui-box-"]:not(.sui-box-selectors)+.sui-box-selectors{margin-top:20px}@media (min-width: 783px){.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-content li>.sui-box>[class*="sui-box-"]:not(.sui-box-selectors)+.sui-box-selectors{margin-top:30px}}.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-content li>.sui-box>[class*="sui-box-"]:not(.sui-box-selectors)+[class*="sui-box-"]:not(.sui-box-selectors){padding-top:20px}@media (min-width: 783px){.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-content li>.sui-box>[class*="sui-box-"]:not(.sui-box-selectors)+[class*="sui-box-"]:not(.sui-box-selectors){padding-top:30px}}.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-content li>.sui-box>[class*="sui-box-"]:not(.sui-box-selectors).sui-lg{padding-right:20px;padding-left:20px}.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-content li>.sui-box>[class*="sui-box-"]:not(.sui-box-selectors).sui-lg.sui-last,.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-content li>.sui-box>[class*="sui-box-"]:not(.sui-box-selectors).sui-lg:last-child{padding-bottom:40px}@media (min-width: 783px){.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-content li>.sui-box>[class*="sui-box-"]:not(.sui-box-selectors).sui-lg.sui-last,.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-content li>.sui-box>[class*="sui-box-"]:not(.sui-box-selectors).sui-lg:last-child{padding-bottom:60px}}@media (min-width: 783px){.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-content li>.sui-box>[class*="sui-box-"]:not(.sui-box-selectors).sui-lg{padding-right:60px;padding-left:60px}}.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-content li>.sui-box>[class*="sui-box-"]:not(.sui-box-selectors):last-child{padding-bottom:20px}@media (min-width: 783px){.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-content li>.sui-box>[class*="sui-box-"]:not(.sui-box-selectors):last-child{padding-bottom:30px}}.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-content li>.sui-box>[class*="sui-box-"]:not(.sui-box-selectors):not(:last-child){padding-bottom:0}.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-content li>.sui-box>.sui-box-header{display:block;border-bottom-width:0}.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-content li>.sui-box>.sui-box-header .sui-box-title{font-size:22px;line-height:30px}.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-content li>.sui-box>.sui-box-header .sui-box-title+.sui-description{margin-top:10px}@media (min-width: 783px){.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-content li>.sui-box>.sui-box-header .sui-box-title+.sui-description{margin-top:15px}}.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-content li>.sui-box>.sui-box-header .sui-description{line-height:22px}.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-content li>.sui-box>.sui-box-header .sui-dialog-close{position:absolute;top:20px;right:20px}.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-content li>.sui-box>.sui-box-header .sui-dialog-back{position:absolute;top:20px;left:20px}.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-slider .sui-slider-content li>.sui-box>.sui-box-footer{display:block;border-top-width:0}.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-onboard-skip{font-size:13px;line-height:22px;letter-spacing:-.25px;text-align:center}.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-onboard-skip a{opacity:0.7}.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-onboard-skip a,.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-onboard-skip a:hover,.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-onboard-skip a:active,.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-onboard-skip a:visited{color:#fff}.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-onboard-skip a:hover,.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content .sui-onboard-skip a:active{opacity:1}@media (max-width: 782px){.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content{max-width:640px;padding:0 10px}}@media (min-width: 783px){.sui-2-7-0 .sui-dialog.sui-dialog-onboard .sui-dialog-content{max-width:670px}}.sui-2-7-0 .sui-dialog.sui-dialog-sm:not(.sui-dialog-alt) .sui-dialog-content>.sui-box .sui-box-header{border:none;text-align:center;display:block;position:relative;padding-top:40px;padding-bottom:10px}.sui-2-7-0 .sui-dialog.sui-dialog-sm:not(.sui-dialog-alt) .sui-dialog-content>.sui-box .sui-box-header .sui-dialog-close{width:30px;height:30px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;position:absolute;top:15px;right:15px;margin:0;padding:0}.sui-2-7-0 .sui-dialog.sui-dialog-sm:not(.sui-dialog-alt) .sui-dialog-content>.sui-box .sui-box-header .sui-dialog-close,.sui-2-7-0 .sui-dialog.sui-dialog-sm:not(.sui-dialog-alt) .sui-dialog-content>.sui-box .sui-box-header .sui-dialog-close:before{color:#888}.sui-2-7-0 .sui-dialog.sui-dialog-sm:not(.sui-dialog-alt) .sui-dialog-content>.sui-box .sui-box-header .sui-dialog-close:before{font-size:16px}.sui-2-7-0 .sui-dialog.sui-dialog-sm:not(.sui-dialog-alt) .sui-dialog-content>.sui-box .sui-box-header .sui-dialog-close:hover,.sui-2-7-0 .sui-dialog.sui-dialog-sm:not(.sui-dialog-alt) .sui-dialog-content>.sui-box .sui-box-header .sui-dialog-close:focus{outline:none}@media (max-width: 782px){.sui-2-7-0 .sui-dialog.sui-dialog-sm:not(.sui-dialog-alt) .sui-dialog-content>.sui-box .sui-box-header .sui-dialog-close{top:20px;right:10px}}.sui-2-7-0 .sui-dialog.sui-dialog-sm:not(.sui-dialog-alt) .sui-dialog-content>.sui-box .sui-box-header .sui-dialog-image{width:70px;height:70px;display:block;position:absolute;top:-35px;left:50%;margin-left:-35px;border:5px solid #fff;border-radius:4px;background-color:#fff}.sui-2-7-0 .sui-dialog.sui-dialog-sm:not(.sui-dialog-alt) .sui-dialog-content>.sui-box .sui-box-header .sui-dialog-image img{display:block;border-radius:3px}@media (max-width: 782px){.sui-2-7-0 .sui-dialog.sui-dialog-sm:not(.sui-dialog-alt) .sui-dialog-content>.sui-box .sui-box-header .sui-dialog-image{display:none}}.sui-2-7-0 .sui-dialog.sui-dialog-sm:not(.sui-dialog-alt) .sui-dialog-content>.sui-box .sui-box-header .sui-box-title{margin:0;color:#333;font:bold 22px/30px "Roboto",Arial,sans-serif}.sui-2-7-0 .sui-dialog.sui-dialog-sm:not(.sui-dialog-alt) .sui-dialog-content>.sui-box .sui-box-header p{margin:10px 0 0;color:#666;font-size:13px;line-height:22px}.sui-2-7-0 .sui-dialog.sui-dialog-sm:not(.sui-dialog-alt) .sui-dialog-content>.sui-box .sui-box-header p:first-child{margin-top:0}.sui-2-7-0 .sui-dialog.sui-dialog-sm:not(.sui-dialog-alt) .sui-dialog-content>.sui-box .sui-box-header.sui-dialog-with-image{margin-top:35px;padding-top:60px}@media (max-width: 782px){.sui-2-7-0 .sui-dialog.sui-dialog-sm:not(.sui-dialog-alt) .sui-dialog-content>.sui-box .sui-box-header.sui-dialog-with-image{margin-top:0}}.sui-2-7-0 .sui-dialog.sui-dialog-sm:not(.sui-dialog-alt) .sui-dialog-content>.sui-box .sui-box-body{padding-top:10px;padding-bottom:15px;text-align:center}.sui-2-7-0 .sui-dialog.sui-dialog-sm:not(.sui-dialog-alt) .sui-dialog-content>.sui-box .sui-box-body p{font-size:13px;line-height:20px}.sui-2-7-0 .sui-dialog.sui-dialog-sm:not(.sui-dialog-alt) .sui-dialog-content>.sui-box .sui-box-body label{text-align:left}.sui-2-7-0 .sui-dialog.sui-dialog-sm:not(.sui-dialog-alt) .sui-dialog-content>.sui-box .sui-box-body .sui-label{line-height:22px}.sui-2-7-0 .sui-dialog.sui-dialog-sm:not(.sui-dialog-alt) .sui-dialog-content>.sui-box .sui-box-body .sui-form-field{margin-bottom:20px}.sui-2-7-0 .sui-dialog.sui-dialog-sm:not(.sui-dialog-alt) .sui-dialog-content>.sui-box .sui-box-body .sui-form-field:last-child{margin-bottom:0}.sui-2-7-0 .sui-dialog.sui-dialog-sm:not(.sui-dialog-alt) .sui-dialog-content>.sui-box .sui-box-body:last-child{padding-bottom:40px}@media (max-width: 782px){.sui-2-7-0 .sui-dialog.sui-dialog-sm:not(.sui-dialog-alt) .sui-dialog-content>.sui-box .sui-box-body{padding-bottom:10px}}.sui-2-7-0 .sui-dialog.sui-dialog-sm:not(.sui-dialog-alt) .sui-dialog-content>.sui-box .sui-box-footer{-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding-top:15px;padding-bottom:40px;border:0}.sui-2-7-0 .sui-dialog.sui-dialog-sm:not(.sui-dialog-alt) .sui-dialog-content>.sui-box .sui-box-footer.sui-align-unset{-ms-flex-pack:unset;justify-content:unset}.sui-2-7-0 .sui-dialog.sui-dialog-sm:not(.sui-dialog-alt) .sui-dialog-content>.sui-box .sui-box-footer.sui-space-between{-ms-flex-pack:justify;justify-content:space-between}@media (max-width: 782px){.sui-2-7-0 .sui-dialog.sui-dialog-sm:not(.sui-dialog-alt) .sui-dialog-content>.sui-box .sui-box-footer{padding-top:10px}}.sui-2-7-0 .sui-dialog.sui-dialog-reduced .sui-dialog-content{max-width:560px}@media (max-width: 500px){.sui-2-7-0 .sui-dialog.sui-dialog-reduced .sui-dialog-content{max-width:calc(500px + (20px*2))}}.sui-2-7-0 .sui-dialog.sui-dialog-sm .sui-dialog-content{max-width:460px}@media (max-width: 400px){.sui-2-7-0 .sui-dialog.sui-dialog-sm .sui-dialog-content{max-width:calc(400px + (20px*2))}}.sui-2-7-0 .sui-dialog.sui-dialog-lg .sui-dialog-content{max-width:1040px}@media (max-width: 1200px){.sui-2-7-0 .sui-dialog.sui-dialog-lg .sui-dialog-content{max-width:1020px}}.sui-2-7-0 .sui-dialog[aria-hidden="true"]{display:none}@media (max-width: 960px){.sui-2-7-0 .sui-dialog{left:36px}}@media (max-width: 782px){.sui-2-7-0 .sui-dialog{left:0}}@media (min-width: 783px){.sui-2-7-0.wp-admin.folded .sui-modal{width:calc(100% - 36px);left:36px}}.sui-2-7-0.wp-admin.folded .sui-dialog{left:36px}.sui-2-7-0.wp-admin.folded .sui-dialog .sui-dialog-overlay{left:36px}@media (max-width: 782px){.sui-2-7-0.wp-admin.folded .sui-dialog .sui-dialog-overlay{left:0}}@media (max-width: 782px){.sui-2-7-0.wp-admin.folded .sui-dialog{left:0}}@media only screen and (max-width: 960px){.sui-2-7-0.wp-admin.auto-fold .sui-modal{width:calc(100% - 36px);left:36px}}@media only screen and (max-width: 782px){.sui-2-7-0.wp-admin.auto-fold .sui-modal{width:100%;left:0}}html.sui-has-modal,html.sui-has-overlay{overflow:hidden}.sui-2-7-0 .sui-wrap .sui-hidden{display:none}.sui-2-7-0 .sui-wrap .sui-hidden-important{display:none !important}.sui-2-7-0 .sui-wrap .sui-block-content-center{text-align:center}.sui-2-7-0 .sui-wrap .sui-image{display:block;height:auto;max-width:100%}.sui-2-7-0 .sui-wrap .sui-image-center{margin-right:auto;margin-left:auto}.sui-2-7-0 .sui-wrap .sui-actions-left{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-left:10px;margin-right:auto}.sui-2-7-0 .sui-wrap .sui-actions-right{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-left:auto;margin-right:0}.sui-2-7-0 .sui-wrap .sui-space-between{-ms-flex-pack:justify;justify-content:space-between}.sui-2-7-0 .sui-wrap .sui-align-start{-ms-flex-pack:start;justify-content:flex-start}.sui-2-7-0 .sui-wrap .sui-align-end{-ms-flex-pack:end;justify-content:flex-end}.sui-2-7-0 .sui-wrap .sui-success{color:#1ABC9C}.sui-2-7-0 .sui-wrap .sui-warning{color:#FECF2F}.sui-2-7-0 .sui-wrap .sui-error{color:#FF6D6D}.sui-2-7-0 .sui-wrap .sui-info{color:#17A8E3}.sui-2-7-0 .sui-wrap .sui-no-margin{margin:0 !important}.sui-2-7-0 .sui-wrap .sui-no-margin-top{margin-top:0 !important}.sui-2-7-0 .sui-wrap .sui-no-margin-bottom{margin-bottom:0 !important}.sui-2-7-0 .sui-wrap .sui-no-margin-left{margin-left:0 !important}.sui-2-7-0 .sui-wrap .sui-no-margin-right{margin-right:0 !important}.sui-2-7-0 .sui-wrap .sui-no-padding{padding:0 !important}.sui-2-7-0 .sui-wrap .sui-no-padding-top{padding-top:0 !important}.sui-2-7-0 .sui-wrap .sui-no-padding-bottom{padding-bottom:0 !important}.sui-2-7-0 .sui-wrap .sui-no-padding-left{padding-left:0 !important}.sui-2-7-0 .sui-wrap .sui-no-padding-right{padding-right:0 !important}.sui-2-7-0 .sui-wrap .sui-margin{margin:30px !important}.sui-2-7-0 .sui-wrap .sui-margin-top{margin-top:30px !important}.sui-2-7-0 .sui-wrap .sui-margin-bottom{margin-bottom:30px !important}.sui-2-7-0 .sui-wrap .sui-margin-left{margin-left:30px !important}.sui-2-7-0 .sui-wrap .sui-margin-right{margin-right:30px !important}.sui-2-7-0 .sui-wrap .sui-padding{padding:30px !important}.sui-2-7-0 .sui-wrap .sui-padding-top{padding-top:30px !important}.sui-2-7-0 .sui-wrap .sui-padding-bottom{padding-bottom:30px !important}.sui-2-7-0 .sui-wrap .sui-padding-left{padding-left:30px !important}.sui-2-7-0 .sui-wrap .sui-padding-right{padding-right:30px !important}@media (max-width: 479px){.sui-hidden-xs{display:none !important}}@media (min-width: 480px) and (max-width: 782px){.sui-hidden-sm{display:none !important}}@media (min-width: 783px) and (max-width: 1199px){.sui-hidden-md{display:none !important}}@media (min-width: 1200px){.sui-hidden-lg{display:none !important}}.sui-2-7-0 #wpbody-content>.notice{margin:10px 30px 15px 10px}@media (max-width: 782px){.sui-2-7-0 #wpbody-content>.notice{margin:20px 10px 0 0px}}.sui-2-7-0 .sui-wrap .sui-table{width:100%;table-layout:fixed;margin:20px 0;border-collapse:unset;border-spacing:unset;border:1px solid #E6E6E6;border-radius:4px;color:#666;font-size:13px;line-height:22px;letter-spacing:-.25px}.sui-2-7-0 .sui-wrap .sui-table thead>tr>th,.sui-2-7-0 .sui-wrap .sui-table thead>tr>.sui-table-item-title,.sui-2-7-0 .sui-wrap .sui-table thead>tr>.sui-accordion-item-title,.sui-2-7-0 .sui-wrap .sui-table tbody>tr>th,.sui-2-7-0 .sui-wrap .sui-table tbody>tr>.sui-table-item-title,.sui-2-7-0 .sui-wrap .sui-table tbody>tr>.sui-accordion-item-title,.sui-2-7-0 .sui-wrap .sui-table tfoot>tr>th,.sui-2-7-0 .sui-wrap .sui-table tfoot>tr>.sui-table-item-title,.sui-2-7-0 .sui-wrap .sui-table tfoot>tr>.sui-accordion-item-title{color:#333;text-align:left}.sui-2-7-0 .sui-wrap .sui-table thead>tr>th,.sui-2-7-0 .sui-wrap .sui-table thead>tr>td,.sui-2-7-0 .sui-wrap .sui-table tbody>tr>th,.sui-2-7-0 .sui-wrap .sui-table tbody>tr>td,.sui-2-7-0 .sui-wrap .sui-table tfoot>tr>th,.sui-2-7-0 .sui-wrap .sui-table tfoot>tr>td{height:40px;vertical-align:middle;padding:5px 9px;border:0;border-bottom:1px solid #E6E6E6}.sui-2-7-0 .sui-wrap .sui-table thead>tr>th:first-child,.sui-2-7-0 .sui-wrap .sui-table thead>tr>td:first-child,.sui-2-7-0 .sui-wrap .sui-table tbody>tr>th:first-child,.sui-2-7-0 .sui-wrap .sui-table tbody>tr>td:first-child,.sui-2-7-0 .sui-wrap .sui-table tfoot>tr>th:first-child,.sui-2-7-0 .sui-wrap .sui-table tfoot>tr>td:first-child{padding-left:19px}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-table thead>tr>th:first-child,.sui-2-7-0 .sui-wrap .sui-table thead>tr>td:first-child,.sui-2-7-0 .sui-wrap .sui-table tbody>tr>th:first-child,.sui-2-7-0 .sui-wrap .sui-table tbody>tr>td:first-child,.sui-2-7-0 .sui-wrap .sui-table tfoot>tr>th:first-child,.sui-2-7-0 .sui-wrap .sui-table tfoot>tr>td:first-child{padding-left:29px}}.sui-2-7-0 .sui-wrap .sui-table thead>tr>th:last-child,.sui-2-7-0 .sui-wrap .sui-table thead>tr>td:last-child,.sui-2-7-0 .sui-wrap .sui-table tbody>tr>th:last-child,.sui-2-7-0 .sui-wrap .sui-table tbody>tr>td:last-child,.sui-2-7-0 .sui-wrap .sui-table tfoot>tr>th:last-child,.sui-2-7-0 .sui-wrap .sui-table tfoot>tr>td:last-child{padding-right:19px}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-table thead>tr>th:last-child,.sui-2-7-0 .sui-wrap .sui-table thead>tr>td:last-child,.sui-2-7-0 .sui-wrap .sui-table tbody>tr>th:last-child,.sui-2-7-0 .sui-wrap .sui-table tbody>tr>td:last-child,.sui-2-7-0 .sui-wrap .sui-table tfoot>tr>th:last-child,.sui-2-7-0 .sui-wrap .sui-table tfoot>tr>td:last-child{padding-right:29px}}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-table thead>tr>th,.sui-2-7-0 .sui-wrap .sui-table thead>tr>td,.sui-2-7-0 .sui-wrap .sui-table tbody>tr>th,.sui-2-7-0 .sui-wrap .sui-table tbody>tr>td,.sui-2-7-0 .sui-wrap .sui-table tfoot>tr>th,.sui-2-7-0 .sui-wrap .sui-table tfoot>tr>td{height:60px;padding-right:14px;padding-left:14px}}.sui-2-7-0 .sui-wrap .sui-table thead:last-child>tr:last-child>th,.sui-2-7-0 .sui-wrap .sui-table thead:last-child>tr:last-child>td,.sui-2-7-0 .sui-wrap .sui-table tbody:last-child>tr:last-child>th,.sui-2-7-0 .sui-wrap .sui-table tbody:last-child>tr:last-child>td,.sui-2-7-0 .sui-wrap .sui-table tfoot:last-child>tr:last-child>th,.sui-2-7-0 .sui-wrap .sui-table tfoot:last-child>tr:last-child>td{border-bottom:0}.sui-2-7-0 .sui-wrap .sui-table thead tr th{font-weight:bold;white-space:nowrap}.sui-2-7-0 .sui-wrap .sui-table tbody tr th .sui-toggle,.sui-2-7-0 .sui-wrap .sui-table tbody tr td .sui-toggle{vertical-align:text-top}.sui-2-7-0 .sui-wrap .sui-table tbody tr th>[class*="sui-icon-"],.sui-2-7-0 .sui-wrap .sui-table tbody tr td>[class*="sui-icon-"]{margin-right:10px;font-size:10px}.sui-2-7-0 .sui-wrap .sui-table tbody tr th>[class*="sui-icon-"].sui-icon-right,.sui-2-7-0 .sui-wrap .sui-table tbody tr td>[class*="sui-icon-"].sui-icon-right{margin-right:0;margin-left:10px}.sui-2-7-0 .sui-wrap .sui-table tbody tr th,.sui-2-7-0 .sui-wrap .sui-table tbody tr .sui-table-item-title,.sui-2-7-0 .sui-wrap .sui-table tbody tr .sui-accordion-item-title{font-weight:500}.sui-2-7-0 .sui-wrap .sui-table tbody tr .sui-table-item-title>[class*="sui-icon-"],.sui-2-7-0 .sui-wrap .sui-table tbody tr .sui-accordion-item-title>[class*="sui-icon-"]{margin-right:10px;font-size:16px;vertical-align:middle}.sui-2-7-0 .sui-wrap .sui-table tbody tr .sui-table-item-title>[class*="sui-icon-"]:before,.sui-2-7-0 .sui-wrap .sui-table tbody tr .sui-accordion-item-title>[class*="sui-icon-"]:before{display:inline-block;line-height:22px}.sui-2-7-0 .sui-wrap .sui-table tbody tr .sui-table-item-title>[class*="sui-icon-"].sui-icon-right,.sui-2-7-0 .sui-wrap .sui-table tbody tr .sui-accordion-item-title>[class*="sui-icon-"].sui-icon-right{margin-right:0;margin-left:10px}.sui-2-7-0 .sui-wrap .sui-table tbody tr.sui-error th,.sui-2-7-0 .sui-wrap .sui-table tbody tr.sui-error .sui-table-item-title,.sui-2-7-0 .sui-wrap .sui-table tbody tr.sui-error .sui-accordion-item-title,.sui-2-7-0 .sui-wrap .sui-table tbody tr.sui-warning th,.sui-2-7-0 .sui-wrap .sui-table tbody tr.sui-warning .sui-table-item-title,.sui-2-7-0 .sui-wrap .sui-table tbody tr.sui-warning .sui-accordion-item-title,.sui-2-7-0 .sui-wrap .sui-table tbody tr.sui-success th,.sui-2-7-0 .sui-wrap .sui-table tbody tr.sui-success .sui-table-item-title,.sui-2-7-0 .sui-wrap .sui-table tbody tr.sui-success .sui-accordion-item-title{color:#333}.sui-2-7-0 .sui-wrap .sui-table tbody tr.sui-error td,.sui-2-7-0 .sui-wrap .sui-table tbody tr.sui-warning td,.sui-2-7-0 .sui-wrap .sui-table tbody tr.sui-success td{color:#666}.sui-2-7-0 .sui-wrap .sui-table tbody tr.sui-default{box-shadow:inset 3px 0 0 #666}.sui-2-7-0 .sui-wrap .sui-table tbody tr.sui-error{box-shadow:inset 3px 0 0 #FF6D6D}.sui-2-7-0 .sui-wrap .sui-table tbody tr.sui-warning{box-shadow:inset 3px 0 0 #FECF2F}.sui-2-7-0 .sui-wrap .sui-table tbody tr.sui-success{box-shadow:inset 3px 0 0 #1ABC9C}.sui-2-7-0 .sui-wrap .sui-table:first-child,.sui-2-7-0 .sui-wrap .sui-table.sui-table-with-title{margin-top:0}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-table:first-child,.sui-2-7-0 .sui-wrap .sui-table.sui-table-with-title{margin-top:0}}.sui-2-7-0 .sui-wrap .sui-table:last-child{margin-bottom:0}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-table:last-child{margin-bottom:0}}.sui-2-7-0 .sui-wrap .sui-table.sui-table-flushed{margin:0;border:0;border-radius:0;border-collapse:collapse}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-table{margin:30px 0}}.sui-2-7-0 .sui-wrap .sui-table-title{margin:5px 0;color:#333;font:bold 13px/22px "Roboto",Arial,sans-serif;letter-spacing:0}.sui-2-7-0 .sui-wrap .sui-box-body+.sui-table.sui-table-flushed>thead:first-child>tr:first-child>th,.sui-2-7-0 .sui-wrap .sui-box-body+.sui-table.sui-table-flushed>thead:first-child>tr:first-child>td,.sui-2-7-0 .sui-wrap .sui-box-body+.sui-table.sui-table-flushed>tbody:first-child>tr:first-child>th,.sui-2-7-0 .sui-wrap .sui-box-body+.sui-table.sui-table-flushed>tbody:first-child>tr:first-child>td,.sui-2-7-0 .sui-wrap .sui-box-body+.sui-table.sui-table-flushed>tfoot:first-child>tr:first-child>th,.sui-2-7-0 .sui-wrap .sui-box-body+.sui-table.sui-table-flushed>tfoot:first-child>tr:first-child>td{height:auto;padding-top:0}.sui-2-7-0 .sui-wrap .sui-field-list{border:1px solid #E6E6E6;border-radius:4px}.sui-2-7-0 .sui-wrap .sui-field-list-header{padding:20px 30px}.sui-2-7-0 .sui-wrap .sui-field-list-item{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:15px 30px;border-top:1px solid #E6E6E6}.sui-2-7-0 .sui-wrap .sui-field-list-item-label{margin-right:auto;margin-left:0}.sui-2-7-0 .sui-wrap .sui-field-list-title{margin:0;color:#333;font-size:13px;line-height:30px;font-family:"Roboto",Arial,sans-serif;font-weight:500;text-transform:capitalize}.sui-2-7-0 .sui-wrap .sui-box-selectors{background-color:#F8F8F8}.sui-2-7-0 .sui-wrap .sui-box-selectors ul,.sui-2-7-0 .sui-wrap .sui-box-selectors li{list-style:none}.sui-2-7-0 .sui-wrap .sui-box-selectors ul{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:0;margin-right:-10px;margin-bottom:0;margin-left:-10px;padding:0;border:0}.sui-2-7-0 .sui-wrap .sui-box-selectors ul li{margin:0;padding:10px;border:0}.sui-2-7-0 .sui-wrap .sui-box-selectors ul.sui-spacing-slim li{padding:5px}.sui-2-7-0 .sui-wrap .sui-box-selectors[class*="sui-box-selectors-col-"] ul li{-ms-flex:0 0 auto;flex:0 0 auto}.sui-2-7-0 .sui-wrap .sui-box-selectors:not([class*="sui-box-selectors-col-"]) ul li{-ms-flex:1;flex:1}@media (max-width: 782px){.sui-2-7-0 .sui-wrap .sui-box-selectors.sui-box-selectors-col-1 ul li{min-width:100%;-ms-flex-preferred-size:100%;flex-basis:100%}}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-box-selectors.sui-box-selectors-col-1 ul li{min-width:100%;-ms-flex-preferred-size:100%;flex-basis:100%}}@media (max-width: 782px){.sui-2-7-0 .sui-wrap .sui-box-selectors.sui-box-selectors-col-2 ul li{min-width:100%;-ms-flex-preferred-size:100%;flex-basis:100%}}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-box-selectors.sui-box-selectors-col-2 ul li{min-width:50%;-ms-flex-preferred-size:50%;flex-basis:50%}}@media (max-width: 782px){.sui-2-7-0 .sui-wrap .sui-box-selectors.sui-box-selectors-col-3 ul li{min-width:100%;-ms-flex-preferred-size:100%;flex-basis:100%}}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-box-selectors.sui-box-selectors-col-3 ul li{min-width:33.33%;-ms-flex-preferred-size:33.33%;flex-basis:33.33%}}@media (max-width: 782px){.sui-2-7-0 .sui-wrap .sui-box-selectors.sui-box-selectors-col-4 ul li{min-width:100%;-ms-flex-preferred-size:100%;flex-basis:100%}}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-box-selectors.sui-box-selectors-col-4 ul li{min-width:25%;-ms-flex-preferred-size:25%;flex-basis:25%}}@media (max-width: 782px){.sui-2-7-0 .sui-wrap .sui-box-selectors.sui-box-selectors-col-5 ul li{min-width:100%;-ms-flex-preferred-size:100%;flex-basis:100%}}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-box-selectors.sui-box-selectors-col-5 ul li{min-width:20%;-ms-flex-preferred-size:20%;flex-basis:20%}}@media (max-width: 782px){.sui-2-7-0 .sui-wrap .sui-box-selectors{padding:10px 20px}}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-box-selectors{padding:20px 30px}}.sui-2-7-0 .sui-wrap .sui-box-selector{overflow:hidden;display:block;border-radius:4px;background-color:#fff;box-shadow:0 2px 7px 0 rgba(0,0,0,0.05);color:#888;font-family:"Roboto",Arial,sans-serif;letter-spacing:-.25px;transition:all 0.3s ease}.sui-2-7-0 .sui-wrap .sui-box-selector input ~ span{display:block;padding-right:29px;padding-left:19px;border:1px dashed transparent;border-radius:4px;transition:all 0.3s ease}.sui-2-7-0 .sui-wrap .sui-box-selector input ~ span:not(:last-child){border-bottom-color:transparent !important;border-bottom-left-radius:0;border-bottom-right-radius:0}.sui-2-7-0 .sui-wrap .sui-box-selector input ~ span:last-child{border-top-left-radius:0;border-top-right-radius:0}.sui-2-7-0 .sui-wrap .sui-box-selector input+span{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-top:19px;padding-bottom:19px;font-size:12px;line-height:20px;font-weight:500}.sui-2-7-0 .sui-wrap .sui-box-selector input+span [class*="sui-icon"]{width:30px;-ms-flex:0 0 30px;flex:0 0 30px;-ms-flex-item-align:start;align-self:flex-start;margin:0 5px 0 0;font-size:16px;text-align:center}.sui-2-7-0 .sui-wrap .sui-box-selector input+span [class*="sui-icon"]:before{display:block;color:#aaa;line-height:20px;transition:all 0.3s ease}.sui-2-7-0 .sui-wrap .sui-box-selector input+span img{max-width:24px;height:auto;display:block;margin:0 5px 0 0}.sui-2-7-0 .sui-wrap .sui-box-selector input+span ~ span{padding-top:20px;padding-bottom:20px;border-top:1px solid rgba(230,230,230,0.5);font-size:13px;line-height:22px}.sui-2-7-0 .sui-wrap .sui-box-selector input:checked+span{position:relative;background-color:#E1F6FF;color:#17A8E3}.sui-2-7-0 .sui-wrap .sui-box-selector input:checked+span:before{content:"_";position:absolute;z-index:1;top:5px;right:5px;color:#fff;font-size:12px}.sui-2-7-0 .sui-wrap .sui-box-selector input:checked+span:after{content:" ";position:absolute;top:-1px;right:-1px;border-top:40px solid #17A8E3;border-left:40px solid transparent}.sui-2-7-0 .sui-wrap .sui-box-selector input:checked+span [class*="sui-icon"]:before{color:#17A8E3}.sui-2-7-0 .sui-wrap .sui-box-selector input:checked+span ~ span{border-top-color:#E1F6FF}.sui-2-7-0 .sui-wrap .sui-box-selector:hover{box-shadow:0 0 0 4px rgba(0,0,0,0.02),0 4px 15px 0 rgba(0,0,0,0.05)}.sui-2-7-0 .sui-wrap .sui-box-selector.sui-disabled{pointer-events:none;position:relative;background-color:transparent;box-shadow:none}.sui-2-7-0 .sui-wrap .sui-box-selector.sui-disabled input+span{border-color:#aaa}.sui-2-7-0 .sui-wrap .sui-box-selector.sui-disabled input+span .sui-tag-pro,.sui-2-7-0 .sui-wrap .sui-box-selector.sui-disabled input+span .sui-tag-beta{position:absolute;top:5px;right:5px}.sui-2-7-0 .sui-wrap .sui-box-selector.sui-disabled input+span ~ span{border-color:#aaa;border-top-style:dashed;border-top-color:#ddd}.sui-2-7-0 .sui-wrap .sui-box-selector.sui-disabled:hover{box-shadow:none}.sui-2-7-0 .sui-wrap .sui-box-selector.sui-box-selector-vertical input ~ span{text-align:center}.sui-2-7-0 .sui-wrap .sui-box-selector.sui-box-selector-vertical input+span{display:block;padding-top:21px;padding-right:10px;padding-bottom:16px;padding-left:10px}.sui-2-7-0 .sui-wrap .sui-box-selector.sui-box-selector-vertical input+span [class*="sui-icon"]{display:block;margin:0 auto 7px}.sui-2-7-0 .sui-wrap .sui-box-selector.sui-box-selector-vertical input+span [class*="sui-icon"]:before{line-height:16px}.sui-2-7-0 .sui-wrap .sui-box-selector.sui-box-selector-vertical input+span img{margin:0 auto}.sui-2-7-0 .sui-wrap .sui-upload{max-width:100%;display:-ms-flexbox;display:flex}.sui-2-7-0 .sui-wrap .sui-upload button{cursor:pointer;display:block;transition:0.3s ease}.sui-2-7-0 .sui-wrap .sui-upload button,.sui-2-7-0 .sui-wrap .sui-upload button:hover,.sui-2-7-0 .sui-wrap .sui-upload button:focus,.sui-2-7-0 .sui-wrap .sui-upload button:active{outline:none;box-shadow:none}.sui-2-7-0 .sui-wrap .sui-upload .sui-upload-image{width:40px;height:40px;-ms-flex:0 0 auto;flex:0 0 auto;position:relative;margin:0;padding:1px;border:1px solid #E6E6E6;border-radius:4px}.sui-2-7-0 .sui-wrap .sui-upload .sui-upload-image [class*="sui-image-"]{width:36px;height:36px;display:block;border-radius:3px}.sui-2-7-0 .sui-wrap .sui-upload .sui-upload-image .sui-image-mask{background-color:#ddd;background-image:linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);background-size:12px 12px;background-position:0 0, 6px 6px}.sui-2-7-0 .sui-wrap .sui-upload .sui-upload-image .sui-image-preview{cursor:pointer;display:none;position:absolute;top:1px;left:1px;background-color:transparent;background-size:cover;background-repeat:no-repeat;background-position:center}.sui-2-7-0 .sui-wrap .sui-upload .sui-upload-image .sui-image-preview:before{content:"¢";opacity:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:3px;color:#fff;font-size:12px;line-height:12px;background-color:rgba(0,0,0,0.5);transition:0.2s ease}.sui-2-7-0 .sui-wrap .sui-upload .sui-upload-image .sui-image-preview,.sui-2-7-0 .sui-wrap .sui-upload .sui-upload-image .sui-image-preview:hover,.sui-2-7-0 .sui-wrap .sui-upload .sui-upload-image .sui-image-preview:focus,.sui-2-7-0 .sui-wrap .sui-upload .sui-upload-image .sui-image-preview:active{outline:none;box-shadow:none}.sui-2-7-0 .sui-wrap .sui-upload .sui-upload-image .sui-image-preview:hover:before,.sui-2-7-0 .sui-wrap .sui-upload .sui-upload-image .sui-image-preview:focus:before,.sui-2-7-0 .sui-wrap .sui-upload .sui-upload-image .sui-image-preview:active:before{opacity:1}.sui-2-7-0 .sui-wrap .sui-upload .sui-upload-image ~ .sui-upload-button,.sui-2-7-0 .sui-wrap .sui-upload .sui-upload-image ~ .sui-upload-file{margin-left:5px}.sui-2-7-0 .sui-wrap .sui-upload .sui-upload-image ~ .sui-upload-file{max-width:calc(100% - 45px);cursor:initial;padding-left:19px}.sui-2-7-0 .sui-wrap .sui-upload .sui-upload-image ~ .sui-upload-file:before{content:unset}.sui-2-7-0 .sui-wrap .sui-upload .sui-upload-image ~ .sui-upload-file:hover,.sui-2-7-0 .sui-wrap .sui-upload .sui-upload-image ~ .sui-upload-file:active{background-color:#fff}.sui-2-7-0 .sui-wrap .sui-upload .sui-upload-file{max-width:100%;cursor:pointer;-ms-flex:0 0 auto;flex:0 0 auto;display:none;position:relative;padding:11px 61px 11px 41px;border:1px solid #ddd;border-radius:4px;background-color:#fff;transition:0.3s ease}.sui-2-7-0 .sui-wrap .sui-upload .sui-upload-file:before{content:"Æ";width:29px;display:block;position:absolute;left:14px;font-size:16px;line-height:16px;text-align:center}.sui-2-7-0 .sui-wrap .sui-upload .sui-upload-file span{-webkit-user-select:none;-ms-user-select:none;user-select:none;display:block;color:#333;font:500 12px/16px "Roboto",Arial,sans-serif;letter-spacing:-.25px}.sui-2-7-0 .sui-wrap .sui-upload .sui-upload-file span:focus{outline:none;box-shadow:none}.sui-2-7-0 .sui-wrap .sui-upload .sui-upload-file button{width:39px;position:absolute;top:0;right:0;bottom:0;border:0 solid #ddd;border-left-width:1px;border-radius:0 3px 3px 0;background-color:#fff;font-size:12px;text-align:center}.sui-2-7-0 .sui-wrap .sui-upload .sui-upload-file button [class*="sui-icon-"]{display:block}.sui-2-7-0 .sui-wrap .sui-upload .sui-upload-file button [class*="sui-icon-"]:before{display:block}.sui-2-7-0 .sui-wrap .sui-upload .sui-upload-file button:hover,.sui-2-7-0 .sui-wrap .sui-upload .sui-upload-file button:focus,.sui-2-7-0 .sui-wrap .sui-upload .sui-upload-file button:active{background-color:rgba(51,51,51,0.04)}.sui-2-7-0 .sui-wrap .sui-upload .sui-upload-file:hover,.sui-2-7-0 .sui-wrap .sui-upload .sui-upload-file:active{background-color:#FAFAFA}.sui-2-7-0 .sui-wrap .sui-upload .sui-upload-button{margin:0;padding:11px 19px;border:1px dashed #ddd;border-radius:4px;background-color:rgba(0,0,0,0);color:#aaa;font:500 12px/16px "Roboto",Arial,sans-serif;letter-spacing:-.25px}.sui-2-7-0 .sui-wrap .sui-upload .sui-upload-button:hover,.sui-2-7-0 .sui-wrap .sui-upload .sui-upload-button:focus,.sui-2-7-0 .sui-wrap .sui-upload .sui-upload-button:active{border-color:#aaa;background-color:#FAFAFA}.sui-2-7-0 .sui-wrap .sui-upload .sui-upload-button [class*="sui-icon-"]{width:24px;margin-left:-4px;color:#888;font-size:16px;line-height:16px;vertical-align:bottom;text-align:center}.sui-2-7-0 .sui-wrap .sui-upload .sui-upload-button [class*="sui-icon-"]:before{display:block;color:inherit}.sui-2-7-0 .sui-wrap .sui-upload.sui-has_file .sui-upload-image .sui-image-preview{display:block}.sui-2-7-0 .sui-wrap .sui-upload.sui-has_file .sui-upload-file{display:block}.sui-2-7-0 .sui-wrap .sui-upload.sui-has_file .sui-upload-button{display:none}.sui-2-7-0 .sui-wrap .sui-upload+.sui-notice{margin-top:10px}.sui-2-7-0 .sui-wrap .sui-upload+.sui-upload{margin-top:10px}.sui-2-7-0 .sui-wrap .sui-colorpicker-wrap{display:block}.sui-2-7-0 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.sui-2-7-0 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-colorpicker-value{display:block;position:relative}.sui-2-7-0 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-colorpicker-value span[role=button],.sui-2-7-0 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-colorpicker-value input,.sui-2-7-0 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-colorpicker-value button{display:block;margin:0;border:1px solid #ddd;border-radius:4px}.sui-2-7-0 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-colorpicker-value span[role=button],.sui-2-7-0 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-colorpicker-value span[role=button]:hover,.sui-2-7-0 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-colorpicker-value span[role=button]:focus,.sui-2-7-0 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-colorpicker-value input,.sui-2-7-0 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-colorpicker-value input:hover,.sui-2-7-0 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-colorpicker-value input:focus,.sui-2-7-0 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-colorpicker-value button,.sui-2-7-0 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-colorpicker-value button:hover,.sui-2-7-0 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-colorpicker-value button:focus{outline:none;box-shadow:none}.sui-2-7-0 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-colorpicker-value span[role=button],.sui-2-7-0 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-colorpicker-value button{width:30px;height:30px;cursor:pointer;position:absolute;top:0;padding:0}.sui-2-7-0 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-colorpicker-value input,.sui-2-7-0 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-colorpicker-value button{background-color:#FAFAFA}.sui-2-7-0 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-colorpicker-value span[role=button]{left:0;background-color:#ddd;background-image:linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);background-size:12px 12px;background-position:0 0, 6px 6px}.sui-2-7-0 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-colorpicker-value span[role=button] span{width:26px;height:26px;display:block;position:absolute;top:1px;left:1px;border-radius:2px}.sui-2-7-0 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-colorpicker-value span[role=button],.sui-2-7-0 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-colorpicker-value span[role=button]:hover,.sui-2-7-0 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-colorpicker-value span[role=button]:focus{box-shadow:inset 0 0 0 1px #fff}.sui-2-7-0 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-colorpicker-value input{width:100%;height:30px;padding:6px 40px;color:#333;font:500 12px/16px "Roboto",Arial,sans-serif;letter-spacing:-.25px}.sui-2-7-0 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-colorpicker-value button{right:0;border-top-left-radius:0;border-bottom-left-radius:0}.sui-2-7-0 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-colorpicker-value button [class*="sui-icon-"]{font-size:12px}.sui-2-7-0 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker .sui-button{margin-left:5px}.sui-2-7-0 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker.sui-colorpicker-hex .sui-colorpicker-value{-ms-flex:0 1 135px;flex:0 1 135px}.sui-2-7-0 .sui-wrap .sui-colorpicker-wrap .sui-colorpicker.sui-colorpicker-rgba .sui-colorpicker-value{-ms-flex:0 1 215px;flex:0 1 215px}.sui-2-7-0 .sui-wrap .sui-colorpicker-wrap .wp-picker-container{display:none;margin:5px 0 0;padding:9px;border:1px solid #ddd;border-radius:4px;background-color:#fff;box-shadow:0 3px 7px 0 rgba(0,0,0,0.07)}.sui-2-7-0 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-input-wrap{display:block}.sui-2-7-0 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-input-wrap span,.sui-2-7-0 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-input-wrap label,.sui-2-7-0 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-input-wrap .sui-colorpicker-input{display:block}.sui-2-7-0 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-input-wrap .sui-colorpicker-input{width:100% !important;height:30px;margin:0;padding:6px 11px;border:1px solid #ddd;border-radius:4px;background-color:#FAFAFA;color:#333;font:500 12px/16px "Roboto",Arial,sans-serif;letter-spacing:-.25px}.sui-2-7-0 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-input-wrap .sui-colorpicker-input,.sui-2-7-0 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-input-wrap .sui-colorpicker-input:hover,.sui-2-7-0 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-input-wrap .sui-colorpicker-input:focus{outline:none;box-shadow:none}.sui-2-7-0 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker{width:auto !important;height:auto !important;position:relative;margin:10px 0 0;padding:0 !important;border:0}.sui-2-7-0 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-picker-inner{display:-ms-flexbox;display:flex;position:unset}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){.sui-2-7-0 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-picker-inner{position:relative;display:block}}.sui-2-7-0 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-palette-container{display:-ms-flexbox;display:flex;left:0;bottom:0}@media (max-width: 782px){.sui-2-7-0 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-palette-container{position:relative;margin-top:10px;-ms-flex-pack:justify;justify-content:space-between}}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-palette-container{width:160px}}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){.sui-2-7-0 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-palette-container{margin-left:10px}}.sui-2-7-0 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-square,.sui-2-7-0 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-slider,.sui-2-7-0 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-palette{float:none;box-shadow:none}.sui-2-7-0 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-square{width:auto !important;height:auto !important;margin-right:0;border-radius:4px}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-square{margin-bottom:30px}}.sui-2-7-0 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-square-inner{box-shadow:none}.sui-2-7-0 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-square-inner.iris-square-horiz{position:unset;display:block}@media (max-width: 782px){.sui-2-7-0 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-square-inner.iris-square-horiz{width:140px;height:140px}}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-square-inner.iris-square-horiz{width:160px;height:160px}}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){.sui-2-7-0 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-square-inner.iris-square-horiz{position:relative}}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){.sui-2-7-0 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-square{display:inline-block}}.sui-2-7-0 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-slider{width:20px !important;margin-left:10px !important;border-radius:2px}@media (max-width: 782px){.sui-2-7-0 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-slider{height:140px !important}}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-slider{height:190px !important}}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){.sui-2-7-0 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-slider{display:inline-block}}.sui-2-7-0 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-slider-offset{top:10px;bottom:0}.sui-2-7-0 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .ui-slider-handle{height:10px;opacity:1;right:-2px;left:-2px;border-width:2px;border-color:#fff;border-radius:4px;box-shadow:0 1px 3px 1px rgba(0,0,0,0.3)}.sui-2-7-0 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .ui-slider-handle:before{content:unset}.sui-2-7-0 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-palette{width:auto !important;min-width:20px;max-width:20px;height:20px !important;display:block;-ms-flex:0 0 20px;flex:0 0 20px;border:1px solid #E6E6E6}.sui-2-7-0 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-palette:first-child{margin-left:0 !important}.sui-2-7-0 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-palette:nth-child(n+8){display:none;margin-left:0 !important}@media (max-width: 782px){.sui-2-7-0 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-palette{margin-left:3.33333px !important}}@media (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-palette{margin-left:3.33333px !important}}.sui-2-7-0 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-square-value{width:0;height:0}.sui-2-7-0 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-square-handle{width:16px;height:16px;opacity:1;top:-8px;left:-8px;border-width:3px;border-color:#fff;border-radius:100%;box-shadow:0 1px 5px 0 rgba(0,0,0,0.3)}.sui-2-7-0 .sui-wrap .sui-colorpicker-wrap .wp-picker-container .wp-picker-holder .iris-picker .iris-square-handle:after{content:unset}.sui-2-7-0 .sui-wrap .sui-colorpicker-wrap .wp-picker-container.wp-picker-active{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){.sui-2-7-0 .sui-wrap .sui-colorpicker-wrap .wp-picker-container.wp-picker-active{width:262px;position:relative;display:block}}.sui-2-7-0 .sui-wrap .sui-upgrade-page{background:#FAFAFA;margin:-30px -30px 60px}@media (max-width: 783px){.sui-2-7-0 .sui-wrap .sui-upgrade-page{margin:-21px -10px 0}}.sui-2-7-0 .sui-wrap .sui-upgrade-page__container{max-width:1140px;margin:auto;display:-ms-flexbox;display:flex}@media (max-width: 800px){.sui-2-7-0 .sui-wrap .sui-upgrade-page__container{-ms-flex-wrap:wrap;flex-wrap:wrap}}.sui-2-7-0 .sui-wrap .sui-upgrade-page-header{background:#fff;margin-bottom:60px}@media (max-width: 600px){.sui-2-7-0 .sui-wrap .sui-upgrade-page-header{margin-bottom:40px}}.sui-2-7-0 .sui-wrap .sui-upgrade-page-header__content{padding:60px 60px 60px 0;width:50%}@media (max-width: 1440px){.sui-2-7-0 .sui-wrap .sui-upgrade-page-header__content{padding:60px 30px 50px 60px}}@media (max-width: 800px){.sui-2-7-0 .sui-wrap .sui-upgrade-page-header__content{-ms-flex-order:1;order:1;width:100%}}@media (max-width: 600px){.sui-2-7-0 .sui-wrap .sui-upgrade-page-header__content{padding:40px 20px}}.sui-2-7-0 .sui-wrap .sui-upgrade-page-header__content h1{font-size:28px;font-family:"Roboto",Arial,sans-serif}.sui-2-7-0 .sui-wrap .sui-upgrade-page-header__content p:first-of-type{margin-top:10px}.sui-2-7-0 .sui-wrap .sui-upgrade-page-header__image{background-image:url(../images/hero@2x.png);background-size:cover;background-position:center;background-repeat:no-repeat;width:50%}@media (max-width: 800px){.sui-2-7-0 .sui-wrap .sui-upgrade-page-header__image{background-image:url(../images/hero.png);width:100%;-ms-flex-order:0;order:0;height:250px}}.sui-2-7-0 .sui-wrap .sui-upgrade-page-header .sui-reviews{margin-top:60px}@media (max-width: 600px){.sui-2-7-0 .sui-wrap .sui-upgrade-page-header .sui-reviews{margin-top:40px}}.sui-2-7-0 .sui-wrap .sui-upgrade-page-features__header{text-align:center}.sui-2-7-0 .sui-wrap .sui-upgrade-page-features__header h2{font-family:"Roboto",Arial,sans-serif;font-size:28px;color:#333;line-height:40px;margin-bottom:0}.sui-2-7-0 .sui-wrap .sui-upgrade-page-features__header p{margin-top:5px}.sui-2-7-0 .sui-wrap .sui-upgrade-page-features__items{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:30px}@media (min-width: 1440px){.sui-2-7-0 .sui-wrap .sui-upgrade-page-features__items{margin:0 -60px}}@media (max-width: 600px){.sui-2-7-0 .sui-wrap .sui-upgrade-page-features__items{padding:0;margin:40px 0}}.sui-2-7-0 .sui-wrap .sui-upgrade-page-features__item{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;padding:30px}@media (max-width: 600px){.sui-2-7-0 .sui-wrap .sui-upgrade-page-features__item{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;padding:20px;text-align:center}}.sui-2-7-0 .sui-wrap .sui-upgrade-page-features__item i{height:44px;width:44px;text-align:center;background:#F9E1FF;border-radius:50%;font-size:20px}.sui-2-7-0 .sui-wrap .sui-upgrade-page-features__item i:before{color:#8D00B1;line-height:44px}.sui-2-7-0 .sui-wrap .sui-upgrade-page-features__item h3{font-family:"Roboto",Arial,sans-serif;margin-bottom:0}.sui-2-7-0 .sui-wrap .sui-upgrade-page-features__item p:first-of-type{margin-top:0}.sui-2-7-0 .sui-wrap .sui-upgrade-page-cta{background:#fff;padding:60px;margin-bottom:60px}@media (max-width: 600px){.sui-2-7-0 .sui-wrap .sui-upgrade-page-cta{padding:40px 20px;margin-bottom:40px}}.sui-2-7-0 .sui-wrap .sui-upgrade-page-cta__inner{max-width:600px;margin:auto;text-align:center}.sui-2-7-0 .sui-wrap .sui-upgrade-page-cta__inner h2{font-family:"Roboto",Arial,sans-serif;font-size:28px;color:#333;line-height:40px;margin-bottom:0}.sui-2-7-0 .sui-wrap .sui-upgrade-page-cta__inner a{display:block;font-size:13px;color:#888;line-height:22px;margin-top:15px}.sui-2-7-0 .sui-wrap .sui-upgrade-page-cta__inner a:focus,.sui-2-7-0 .sui-wrap .sui-upgrade-page-cta__inner a:hover{color:#666}.sui-2-7-0 .sui-wrap .sui-upgrade-page-cta__inner .sui-hidden-desktop{display:none}@media (max-width: 600px){.sui-2-7-0 .sui-wrap .sui-upgrade-page-cta__inner .sui-hidden-desktop{display:inline-block}.sui-2-7-0 .sui-wrap .sui-upgrade-page-cta__inner .sui-button:not(.sui-hidden-desktop){display:none}}.sui-2-7-0 .sui-wrap .sui-reviews{margin-left:25px}.sui-2-7-0 .sui-wrap .sui-reviews__stars{position:relative;margin-right:5px}.sui-2-7-0 .sui-wrap .sui-reviews__stars:before{content:"'"}.sui-2-7-0 .sui-wrap .sui-reviews__stars:before{position:absolute;top:-12px;left:-25px;color:#aaa}.sui-2-7-0 .sui-wrap .sui-reviews__stars i:before{color:#FECF2F}.sui-2-7-0 .sui-wrap .sui-reviews__rating{color:#888;font-size:13px;line-height:22px;vertical-align:text-bottom;display:inline-block}.sui-2-7-0 .sui-wrap .sui-reviews a.sui-reviews__link{display:block;color:#888;font-size:13px;line-height:22px;font-weight:normal;font-style:italic}.sui-2-7-0 .sui-wrap .sui-reviews a.sui-reviews__link:focus,.sui-2-7-0 .sui-wrap .sui-reviews a.sui-reviews__link:hover{color:#666}.sui-2-7-0 .sui-wrap .sui-reviews a.sui-reviews__link:focus i:before,.sui-2-7-0 .sui-wrap .sui-reviews a.sui-reviews__link:hover i:before{color:#666}.sui-2-7-0 .sui-wrap .sui-reviews a.sui-reviews__link i{margin-left:5px;font-size:12px;line-height:22px;vertical-align:middle}.sui-2-7-0 .sui-wrap .sui-reviews a.sui-reviews__link i:before{color:#888}.sui-2-7-0 .sui-notice-top p{width:100%}@media screen and (min-width: 783px){.sui-2-7-0 .sui-wrap .sui-summary:not(.sui-unbranded):not(.sui-summary-sm){background-size:auto 80%}}.sui-2-7-0 #wpfooter{display:block}.sui-2-7-0 .sui-wrap #smush-submit-description{color:#9B9B9B;font-size:13px;margin-right:20px}.sui-2-7-0 .sui-wrap .smush-upsell-notice{margin-left:130px !important}@media screen and (max-width: 782px){.sui-2-7-0 .sui-wrap .smush-upsell-notice{margin-left:0 !important}}@media screen and (min-width: 1140px){.sui-2-7-0 .sui-wrap .sui-upgrade-page-header__image{width:45% !important}}.sui-2-7-0 .sui-wrap .sui-upgrade-page .sui-upgrade-page-cta__inner a.sui-button-purple:hover{color:#fff !important}.sui-2-7-0 .sui-wrap .sui-upgrade-page .smush-stats{position:relative;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;width:600px;height:100px;border-radius:4px;background-color:#FFFFFF;box-shadow:0 0 20px 0 rgba(0,0,0,0.05);margin:-100px auto 30px;padding:20px 40px;text-align:center;font-size:15px;font-weight:500;color:#333333}.sui-2-7-0 .sui-wrap .sui-upgrade-page .smush-stats .smush-stats-description{color:#888888;font-size:12px;text-transform:uppercase}.sui-2-7-0 .sui-wrap .sui-upgrade-page .smush-stats span{font-size:24px}@media (max-width: 800px){.sui-2-7-0 .sui-wrap .sui-upgrade-page .smush-stats{margin-top:0;height:auto;width:75%;-ms-flex-wrap:wrap;flex-wrap:wrap}.sui-2-7-0 .sui-wrap .sui-upgrade-page .smush-stats-item{-ms-flex-preferred-size:100%;flex-basis:100%}.sui-2-7-0 .sui-wrap .sui-upgrade-page .smush-stats-item:nth-child(2){margin:20px 0}}.sui-2-7-0 .sui-wrap .sui-integrations .sui-settings-label,.sui-2-7-0 .sui-wrap .sui-integrations .sui-box-body .sui-settings-label-with-tag,.sui-2-7-0 .sui-wrap .sui-box-body .sui-integrations .sui-settings-label-with-tag{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.sui-2-7-0 .sui-wrap .sui-integrations .sui-settings-label .sui-tag,.sui-2-7-0 .sui-wrap .sui-integrations .sui-box-body .sui-settings-label-with-tag .sui-tag,.sui-2-7-0 .sui-wrap .sui-box-body .sui-integrations .sui-settings-label-with-tag .sui-tag{margin-left:10px}.sui-2-7-0 .sui-wrap .sui-integrations .sui-toggle-content .sui-notice{margin-top:10px}.sui-2-7-0 .sui-wrap .sui-integrations .sui-box-settings-row.sui-disabled{margin-bottom:0}.sui-2-7-0 .sui-wrap .sui-lazyload #smush-lazy-load-spinners span.sui-description:first-of-type,.sui-2-7-0 .sui-wrap .sui-lazyload #smush-lazy-load-placeholder span.sui-description:first-of-type{margin-bottom:20px}.sui-2-7-0 .sui-wrap .sui-lazyload #smush-lazy-load-spinners .sui-box-selectors,.sui-2-7-0 .sui-wrap .sui-lazyload #smush-lazy-load-placeholder .sui-box-selectors{background-color:#FFF;padding:0 0 20px 0}.sui-2-7-0 .sui-wrap .sui-lazyload #smush-lazy-load-spinners .sui-box-selectors:not([class*="sui-box-selectors-col-"]) ul li,.sui-2-7-0 .sui-wrap .sui-lazyload #smush-lazy-load-placeholder .sui-box-selectors:not([class*="sui-box-selectors-col-"]) ul li{-ms-flex:0;flex:0}.sui-2-7-0 .sui-wrap .sui-lazyload #smush-lazy-load-spinners .sui-box-selectors .sui-box-selector,.sui-2-7-0 .sui-wrap .sui-lazyload #smush-lazy-load-placeholder .sui-box-selectors .sui-box-selector{border:1px solid #DDD}.sui-2-7-0 .sui-wrap .sui-lazyload #smush-lazy-load-spinners .sui-box-selectors .remove-selector,.sui-2-7-0 .sui-wrap .sui-lazyload #smush-lazy-load-placeholder .sui-box-selectors .remove-selector{display:none;top:0;right:0;position:absolute;background-color:#AAA;width:18px;height:18px;margin-right:0;border-radius:0 3px 0 3px}.sui-2-7-0 .sui-wrap .sui-lazyload #smush-lazy-load-spinners .sui-box-selectors .remove-selector i,.sui-2-7-0 .sui-wrap .sui-lazyload #smush-lazy-load-placeholder .sui-box-selectors .remove-selector i{margin:0}.sui-2-7-0 .sui-wrap .sui-lazyload #smush-lazy-load-spinners .sui-box-selectors .remove-selector i:before,.sui-2-7-0 .sui-wrap .sui-lazyload #smush-lazy-load-placeholder .sui-box-selectors .remove-selector i:before{color:#FFF;font-size:12px;line-height:18px}.sui-2-7-0 .sui-wrap .sui-lazyload #smush-lazy-load-spinners .sui-box-selectors .remove-selector:hover,.sui-2-7-0 .sui-wrap .sui-lazyload #smush-lazy-load-placeholder .sui-box-selectors .remove-selector:hover{background-color:#FF6D6D}.sui-2-7-0 .sui-wrap .sui-lazyload #smush-lazy-load-spinners .sui-box-selectors .sui-box-selector:hover .remove-selector,.sui-2-7-0 .sui-wrap .sui-lazyload #smush-lazy-load-placeholder .sui-box-selectors .sui-box-selector:hover .remove-selector{display:-ms-flexbox;display:flex}.sui-2-7-0 .sui-wrap .sui-lazyload #smush-lazy-load-spinners .sui-box-selectors label.sui-box-selector{width:50px;height:50px;overflow:visible}.sui-2-7-0 .sui-wrap .sui-lazyload #smush-lazy-load-spinners .sui-box-selectors .sui-box-selector input+span{padding-top:17px;padding-bottom:17px;position:relative}.sui-2-7-0 .sui-wrap .sui-lazyload #smush-lazy-load-spinners .sui-box-selectors .sui-box-selector input+span img{max-width:16px;margin:0}.sui-2-7-0 .sui-wrap .sui-lazyload #smush-lazy-load-spinners .sui-box-selectors .sui-box-selector input ~ span{padding-right:17px;padding-left:17px;height:48px;border-radius:4px;overflow:visible}.sui-2-7-0 .sui-wrap .sui-lazyload #smush-lazy-load-spinners .sui-box-selectors .sui-box-selector input:checked+span:before,.sui-2-7-0 .sui-wrap .sui-lazyload #smush-lazy-load-spinners .sui-box-selectors .sui-box-selector input:checked+span:after{content:none}.sui-2-7-0 .sui-wrap .sui-lazyload #smush-lazy-load-placeholder .sui-box-selectors label.sui-box-selector{width:80px;height:60px;overflow:visible}.sui-2-7-0 .sui-wrap .sui-lazyload #smush-lazy-load-placeholder .sui-box-selectors label.sui-box-selector:hover{background-color:#E5E5E5}.sui-2-7-0 .sui-wrap .sui-lazyload #smush-lazy-load-placeholder .sui-box-selectors label.sui-box-selector input+span{height:40px;padding:0;margin:10px;overflow:visible;position:relative}.sui-2-7-0 .sui-wrap .sui-lazyload #smush-lazy-load-placeholder .sui-box-selectors label.sui-box-selector input+span:before{top:-5px;right:-5px}.sui-2-7-0 .sui-wrap .sui-lazyload #smush-lazy-load-placeholder .sui-box-selectors label.sui-box-selector input+span:after{top:-10px;right:-10px}.sui-2-7-0 .sui-wrap .sui-lazyload #smush-lazy-load-placeholder .sui-box-selectors label.sui-box-selector input+span img{margin:0 auto}.sui-2-7-0 .sui-wrap .sui-lazyload #smush-lazy-load-placeholder .sui-box-selectors label.sui-box-selector input[id^="placeholder-icon-1"]+span{background-color:#FAFAFA}.sui-2-7-0 .sui-wrap .sui-lazyload #smush-lazy-load-placeholder .sui-box-selectors label.sui-box-selector input[id^="placeholder-icon-2"]+span{background-color:#333333}.sui-2-7-0 .sui-wrap .sui-lazyload #smush-lazy-load-placeholder .sui-box-selectors label.sui-box-selector .remove-selector{top:-10px;right:-10px}@keyframes fadeInLeft{from{opacity:0;transform:translate3d(-50px, 0, 0)}to{opacity:1;transform:none}}@keyframes fadeInRight{from{opacity:0;transform:translate3d(50px, 0, 0)}to{opacity:1;transform:none}}.sui-2-7-0 .sui-wrap .smush-onboarding-dialog .sui-box{background-color:transparent}.sui-2-7-0 .sui-wrap .smush-onboarding-dialog #smush-onboarding-content{opacity:0;background-color:#fff;animation-duration:0.7s;animation-fill-mode:both;transform-origin:center;transform-style:preserve-3d}.sui-2-7-0 .sui-wrap .smush-onboarding-dialog #smush-onboarding-content.loaded,.sui-2-7-0 .sui-wrap .smush-onboarding-dialog #smush-onboarding-content.fadeInLeft,.sui-2-7-0 .sui-wrap .smush-onboarding-dialog #smush-onboarding-content.fadeInRight{opacity:1}.sui-2-7-0 .sui-wrap .smush-onboarding-dialog #smush-onboarding-content.fadeInLeft{animation-name:fadeInLeft}.sui-2-7-0 .sui-wrap .smush-onboarding-dialog #smush-onboarding-content.fadeInRight{animation-name:fadeInRight}.sui-2-7-0 .sui-wrap .smush-onboarding-dialog #smush-onboarding-content .sui-box-selectors{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.sui-2-7-0 .sui-wrap .smush-onboarding-dialog #smush-onboarding-content .sui-box-selectors label:last-of-type{top:0;font-size:13px}.sui-2-7-0 .sui-wrap .smush-onboarding-dialog .smush-onboarding-arrows a{position:absolute;top:45%;width:40px;height:40px;border-radius:20px;padding-top:3px}.sui-2-7-0 .sui-wrap .smush-onboarding-dialog .smush-onboarding-arrows a:not(.sui-hidden){display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.sui-2-7-0 .sui-wrap .smush-onboarding-dialog .smush-onboarding-arrows a:hover{background-color:rgba(217,217,217,0.2)}.sui-2-7-0 .sui-wrap .smush-onboarding-dialog .smush-onboarding-arrows a:first-of-type{left:-55px;padding-right:2px}.sui-2-7-0 .sui-wrap .smush-onboarding-dialog .smush-onboarding-arrows a:last-of-type{right:-55px;padding-left:2px}.sui-2-7-0 .sui-wrap .smush-onboarding-dialog .smush-onboarding-arrows a i:before{color:#fff}@media screen and (max-width: 782px){.sui-2-7-0 .sui-wrap .smush-onboarding-dialog .smush-onboarding-arrows{display:none}}.sui-2-7-0 .sui-wrap .wp-smush-exceed-limit .wp-smush-progress-inner{background:#FECF2F !important}.sui-2-7-0 .sui-wrap .wp-smush-exceed-limit .sui-icon-info:before{color:#FECF2F}.sui-2-7-0 .sui-wrap .wp-smush-progress-dialog.wp-smush-exceed-limit .sui-hidden{display:block}.sui-2-7-0 .sui-wrap .wp-smush-progress-dialog.wp-smush-exceed-limit .sui-progress .sui-progress-icon .sui-icon-loader:before{content:"I"}.sui-2-7-0 .sui-wrap .wp-smush-progress-dialog.wp-smush-exceed-limit .sui-progress .sui-progress-icon .sui-icon-loader:before{color:#FECF2F;animation:none}.sui-2-7-0 .sui-wrap .wp-smush-progress-dialog.wp-smush-exceed-limit .sui-progress-bar span{background:#888888}.sui-2-7-0 .sui-wrap .wp-smush-progress-dialog.wp-smush-exceed-limit .sui-box-footer .sui-actions-right:not(.sui-hidden){margin-left:10px;margin-right:auto;float:left}.sui-2-7-0 .sui-wrap .wp-smush-progress-dialog.wp-smush-exceed-limit .sui-box-footer .sui-actions-right:not(.sui-hidden) .sui-button{padding:5px 16px 7px;border:2px solid #ddd;background:transparent;color:#888}.sui-2-7-0 .sui-wrap .wp-smush-bulk-progress-bar-wrapper .sui-progress-state span{display:inline-block}.sui-2-7-0 .sui-wrap #sui-cross-sell-footer h3{text-align:center}.sui-2-7-0 .sui-wrap .smush-final-log{margin-top:30px}.sui-2-7-0 .sui-wrap .smush-final-log .smush-bulk-error-row{-ms-flex-line-pack:center;align-content:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #E6E6E6;box-shadow:inset 2px 0 0 0 #FECF2F;display:-ms-flexbox;display:flex;height:52px;-ms-flex-pack:justify;justify-content:space-between;margin:0 -30px;padding:0 20px;font-size:13px;letter-spacing:-0.25px}.sui-2-7-0 .sui-wrap .smush-final-log .smush-bulk-error-row:first-child{border-top:1px solid #E6E6E6}.sui-2-7-0 .sui-wrap .smush-final-log .smush-bulk-error-row .smush-bulk-image-data{display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center;-ms-flex-align:center;align-items:center;-ms-flex-preferred-size:100%;flex-basis:100%}.sui-2-7-0 .sui-wrap .smush-final-log .smush-bulk-error-row .smush-bulk-image-data:before{content:"I";font-family:wpmudev-plugin-icons !important;speak:none;font-size:16px;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;text-rendering:auto;display:inline-block;margin-right:10px;color:#FECF2F}.sui-2-7-0 .sui-wrap .smush-final-log .smush-bulk-error-row .smush-bulk-image-data .sui-icon-photo-picture{font-size:12px;border-radius:4px;background-color:#E6E6E6;margin-right:10px;padding-left:9px;padding-top:1px;width:30px;height:30px}.sui-2-7-0 .sui-wrap .smush-final-log .smush-bulk-error-row .smush-bulk-image-data .sui-icon-photo-picture:before{width:30px;height:30px}.sui-2-7-0 .sui-wrap .smush-final-log .smush-bulk-error-row .smush-bulk-image-data .attachment-thumbnail{border-radius:4px;width:30px;height:30px;margin-right:10px}.sui-2-7-0 .sui-wrap .smush-final-log .smush-bulk-error-row .smush-bulk-image-data .smush-image-name{line-height:15px;font-weight:500;margin-right:10px;word-break:break-all}.sui-2-7-0 .sui-wrap .smush-final-log .smush-bulk-error-row .smush-bulk-image-data .smush-image-error{line-height:15px;word-break:break-all;margin-right:10px}.sui-2-7-0 .sui-wrap .smush-final-log .smush-bulk-error-row .smush-bulk-image-actions{-ms-flex-preferred-size:30px;flex-basis:30px}.sui-2-7-0 .sui-wrap .smush-final-log .smush-bulk-error-row .smush-bulk-image-actions button:disabled{background-color:#F2F2F2;cursor:default}.sui-2-7-0 .sui-wrap .smush-final-log .smush-bulk-error-row .smush-bulk-image-actions button:disabled .sui-icon-eye-hide:before{color:#b3b3b3}@media screen and (max-width: 600px){.sui-2-7-0 .sui-wrap .smush-final-log .smush-bulk-error-row{height:auto}.sui-2-7-0 .sui-wrap .smush-final-log .smush-bulk-error-row .smush-bulk-image-data{-ms-flex-wrap:wrap;flex-wrap:wrap;padding:10px 20px}.sui-2-7-0 .sui-wrap .smush-final-log .smush-bulk-error-row .smush-image-error{margin-top:10px}}.sui-2-7-0 .sui-wrap .smush-final-log .smush-bulk-errors-actions{margin:30px 0 10px}.sui-2-7-0 .sui-wrap .tc{text-align:center}.sui-2-7-0 .sui-wrap .wp-smush-page-header .sui-actions-right .sui-button{vertical-align:middle}.sui-2-7-0 .sui-wrap .sui-box .sui-box-body.smush-summary-box-body{padding:15px 30px 0}.sui-2-7-0 .sui-wrap .sui-box .sui-box-body .wp-smush-enable-lossy{color:#888;font-size:13px;line-height:22px;margin-top:20px}.sui-2-7-0 .sui-wrap .sui-actions-right{float:right;display:inline-block;font-size:13px}.sui-2-7-0 .sui-wrap .wp-smush-resize-settings-wrap,.sui-2-7-0 .sui-wrap .wp-smush-png_to_jpg-wrap,.sui-2-7-0 .sui-wrap .wp-smush-image-size-list{background-color:#FFFFFF;border:1px solid #E6E6E6;border-radius:5px;color:#555;margin-left:48px !important;overflow:hidden;padding:30px;vertical-align:middle;margin-top:10px !important;margin-bottom:10px}.sui-2-7-0 .sui-wrap .wp-smush-resize-settings-wrap .sui-checkbox .sui-description,.sui-2-7-0 .sui-wrap .wp-smush-png_to_jpg-wrap .sui-checkbox .sui-description,.sui-2-7-0 .sui-wrap .wp-smush-image-size-list .sui-checkbox .sui-description{font-size:13px}.sui-2-7-0 .sui-wrap .wp-smush-resize-settings-wrap p:last-of-type:not(:last-child),.sui-2-7-0 .sui-wrap .wp-smush-png_to_jpg-wrap p:last-of-type:not(:last-child),.sui-2-7-0 .sui-wrap .wp-smush-image-size-list p:last-of-type:not(:last-child){margin-bottom:10px}.sui-2-7-0 .sui-wrap .smush-keep-data-form-row .sui-tabs-menu,.sui-2-7-0 .sui-wrap .smush-keep-data-form-row .sui-button-ghost{margin-top:15px}.sui-2-7-0 .sui-wrap .sui-summary-smush{background-size:180px}.sui-2-7-0 .sui-wrap .sui-summary-smush-nextgen{background-size:170px}.sui-2-7-0 .sui-wrap .sui-upgrade-page .thumbnail-container{cursor:pointer}.sui-2-7-0 .sui-wrap .sui-upgrade-page .thumbnail-container img{width:640px}@media screen and (max-width: 600px){.sui-2-7-0 .sui-wrap .sui-upgrade-page .thumbnail-container img{width:100%}}.sui-2-7-0 .sui-wrap .smush-pro-features .smush-pro-features-header{background:#F6F6F6 url(../fonts/widget-background-smush.svg) center no-repeat;background-size:cover;margin:-45px -30px 30px;padding:40px 30px;text-align:center}@media screen and (max-width: 782px){.sui-2-7-0 .sui-wrap .smush-pro-features .smush-pro-features-header{margin:-35px -20px 20px}}.sui-2-7-0 .sui-wrap .smush-pro-features .smush-pro-features-header>div{max-width:610px;margin:0 auto}.sui-2-7-0 .sui-wrap .smush-pro-features .smush-pro-features-header>div p{margin-bottom:10px}.sui-2-7-0 .sui-wrap .smush-pro-features .smush-pro-features-header>div>div{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:start;align-items:flex-start}@media screen and (max-width: 782px){.sui-2-7-0 .sui-wrap .smush-pro-features .smush-pro-features-header>div>div{-ms-flex-flow:column;flex-flow:column;-ms-flex-align:center;align-items:center}.sui-2-7-0 .sui-wrap .smush-pro-features .smush-pro-features-header>div>div a{margin-bottom:10px;margin-right:0}.sui-2-7-0 .sui-wrap .smush-pro-features .smush-pro-features-header>div>div .sui-button{padding:12px 0;width:200px}}.sui-2-7-0 .sui-wrap .smush-pro-features .smush-pro-features-header>div .sui-button-ghost{margin-right:0}.sui-2-7-0 .sui-wrap .smush-pro-features .smush-pro-features-header small{color:#C053DC;font-size:10px;line-height:30px;display:block}.sui-2-7-0 .sui-wrap .smush-pro-features .smush-pro-feature-title{font-weight:500;line-height:30px;color:#333;padding:0 0 0 30px;position:relative}.sui-2-7-0 .sui-wrap .smush-pro-features .smush-pro-feature-title:before{content:"("}.sui-2-7-0 .sui-wrap .smush-pro-features .smush-pro-feature-title:before{color:#8D00B1;vertical-align:middle;margin-left:-30px;margin-right:10px;margin-top:0;font-size:18px;position:relative}.sui-2-7-0 .sui-wrap .smush-pro-features .smush-pro-feature-desc{color:#888888;font-size:13px;line-height:22px;padding:0 0 0 33px}.sui-2-7-0 .sui-wrap .sui-upsell-row{margin-top:30px}@media screen and (min-width: 1921px){.sui-2-7-0 .sui-wrap .sui-upsell-row{margin-top:60px}}.sui-2-7-0 .sui-wrap .sui-upsell-row .sui-upsell-image.sui-upsell-image-smush:not(.integrations-upsell-image){bottom:-30px}.sui-2-7-0 .sui-wrap .sui-progress-close{border:0;background:0;text-transform:uppercase;color:#888888;font-size:12px;font-weight:500;letter-spacing:-0.25px;margin-left:10px;cursor:pointer}.sui-2-7-0 .sui-wrap .sui-progress-close.wp-smush-cancel-bulk.sui-hidden,.sui-2-7-0 .sui-wrap .sui-progress-close.wp-smush-all.sui-hidden{display:none !important}.sui-2-7-0 .sui-wrap .sui-notice.smush-highlighting-notice,.sui-2-7-0 .sui-wrap .sui-notice.smush-highlighting-warning{margin-top:10px;margin-bottom:10px}.sui-2-7-0 .sui-wrap .sui-hidden,.sui-2-7-0 .sui-wrap button.sui-hidden{display:none}.sui-2-7-0 .sui-wrap .sui-loading{font-size:18px}.sui-2-7-0 .sui-wrap span.add-dir-loader{padding-right:10px;font-size:18px}.sui-2-7-0 .sui-wrap .sui-button.smush-button-check-success,.sui-2-7-0 .sui-wrap .sui-button.smush-button-check-success:hover{background:#d1f1ea !important;color:#1abc9c !important;pointer-events:none}.sui-2-7-0 .sui-wrap .sui-button.smush-button-check-success:before,.sui-2-7-0 .sui-wrap .sui-button.smush-button-check-success:hover:before{content:"_"}.sui-2-7-0 .sui-wrap .sui-button.smush-button-check-success:before,.sui-2-7-0 .sui-wrap .sui-button.smush-button-check-success:hover:before{padding-right:5px;color:#1ABC9C}.sui-2-7-0 .sui-wrap .sui-button.wp-smush-skip-resmush,.sui-2-7-0 .sui-wrap .sui-button.wp-smush-skip-resmush:hover{display:block;background:transparent !important;border:2px solid #888 !important;color:#888 !important}.sui-2-7-0 .sui-wrap .sui-toggle+label{font-weight:500}.sui-2-7-0 .wp-smush-pagespeed-recommendation{font-size:13px}.sui-2-7-0 .wp-smush-pagespeed-recommendation .smush-recommendation-title,.sui-2-7-0 .wp-smush-pagespeed-recommendation .dismiss-recommendation{font-weight:500}.sui-2-7-0 .wp-smush-pagespeed-recommendation .dismiss-recommendation{cursor:pointer}.sui-2-7-0 .wp-smush-pagespeed-recommendation .dismiss-recommendation:before{content:")"}.sui-2-7-0 .wp-smush-pagespeed-recommendation .dismiss-recommendation:before{margin-right:5px}.sui-2-7-0 .smush-align-left{float:left}.sui-2-7-0 .smush-align-right{float:right}.sui-2-7-0 .sui-summary.sui-summary-smush .smushed-items-count{margin:5px}.sui-2-7-0 .sui-summary.sui-summary-smush .smushed-items-count .wp-smush-count-resize-total{display:inline-block;margin-left:50px}.sui-2-7-0 .sui-summary.sui-summary-smush .smushed-items-count .wp-smush-count-total{display:inline-block}.sui-2-7-0 .sui-summary.sui-summary-smush .sui-summary-segment{overflow:visible}.sui-2-7-0 .sui-summary.sui-summary-smush .sui-summary-details .sui-summary-detail{font-size:15px;font-weight:500;line-height:22px;display:-ms-inline-flexbox;display:inline-flex}.sui-2-7-0 .sui-summary.sui-summary-smush .sui-summary-details .sui-summary-detail .wp-smush-stats-percent{margin-left:5px}.sui-2-7-0 .sui-summary.sui-summary-smush .sui-summary-details .sui-summary-detail .wp-smush-stats-human{margin-right:5px}.sui-2-7-0 .sui-summary.sui-summary-smush .sui-summary-details .sui-tooltip{position:absolute;margin-top:25px;margin-left:-5px}.sui-2-7-0 .sui-summary.sui-summary-smush .sui-summary-details .sui-tooltip:before{margin-bottom:20px;margin-left:5px}.sui-2-7-0 .sui-summary.sui-summary-smush .sui-summary-details .sui-tooltip:after{margin-bottom:30px;margin-left:5px}.sui-2-7-0 .sui-summary.sui-summary-smush .wp-smush-stats-label-message{font-size:13px;line-height:22px}.sui-2-7-0 .sui-summary.sui-summary-smush .smush-stats-list .sui-tag-pro{top:-1px;margin-left:5px}.sui-2-7-0 .wp-smush-no-image{display:block;overflow:hidden}.sui-2-7-0 .wp-smush-upload-images{display:block;overflow:hidden;padding:10px 0 40px}.sui-2-7-0 .sui-box-footer .sui-icon-loader{line-height:18px;vertical-align:middle}@media screen and (max-width: 600px){.sui-2-7-0 .sui-summary-smush .smushed-items-count{margin:0;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}}.sui-2-7-0 .wp-smush-progress-dialog,.sui-2-7-0 .wp-smush-list-dialog{text-align:left}.sui-2-7-0 .sui-directory.sui-message{text-align:left}.sui-2-7-0 .sui-directory.sui-message .wp-smush-no-image,.sui-2-7-0 .sui-directory.sui-message .sui-message-content{text-align:center}.sui-2-7-0 .sui-directory .smush-final-log{margin-top:30px}.sui-2-7-0 .sui-directory .smush-final-log .sui-description{margin-top:10px}.sui-2-7-0 ul.fancytree-container{color:#666;font-family:"Roboto", sans-serif;font-size:13px;font-weight:500;letter-spacing:-0.25px;line-height:40px;padding:0;margin:0;outline:0 solid transparent;min-height:0%;position:relative}.sui-2-7-0 ul.fancytree-container ul{padding:0 0 0 16px;margin:0;display:block}.sui-2-7-0 ul.fancytree-container span.fancytree-expander{cursor:pointer;font-size:12px;margin-left:13px;width:15px}.sui-2-7-0 ul.fancytree-container span.fancytree-expander:before{font-family:wpmudev-plugin-icons, sans-serif}.sui-2-7-0 ul.fancytree-container .fancytree-exp-c span.fancytree-expander,.sui-2-7-0 ul.fancytree-container .fancytree-exp-cd:not(.fancytree-unselectable) span.fancytree-expander,.sui-2-7-0 ul.fancytree-container .fancytree-exp-cf:not(.fancytree-unselectable) span.fancytree-expander{margin-left:13px}.sui-2-7-0 ul.fancytree-container .fancytree-exp-n span.fancytree-expander:before,.sui-2-7-0 ul.fancytree-container .fancytree-exp-nl span.fancytree-expander:before{content:"\131";cursor:default}.sui-2-7-0 ul.fancytree-container span.fancytree-ico-c span.fancytree-expander:before{content:'';cursor:default}.sui-2-7-0 ul.fancytree-container .fancytree-exp-c span.fancytree-expander:before,.sui-2-7-0 ul.fancytree-container .fancytree-exp-cl span.fancytree-expander:before,.sui-2-7-0 ul.fancytree-container .fancytree-exp-cd span.fancytree-expander:before,.sui-2-7-0 ul.fancytree-container .fancytree-exp-cdl span.fancytree-expander:before,.sui-2-7-0 ul.fancytree-container .fancytree-exp-e span.fancytree-expander:before,.sui-2-7-0 ul.fancytree-container .fancytree-exp-ed span.fancytree-expander:before,.sui-2-7-0 ul.fancytree-container .fancytree-exp-el span.fancytree-expander:before,.sui-2-7-0 ul.fancytree-container .fancytree-exp-edl span.fancytree-expander:before{color:#888888;content:"\2DC"}.sui-2-7-0 ul.fancytree-container .fancytree-exp-e span.fancytree-expander:before,.sui-2-7-0 ul.fancytree-container .fancytree-exp-ed span.fancytree-expander:before,.sui-2-7-0 ul.fancytree-container .fancytree-exp-el span.fancytree-expander:before,.sui-2-7-0 ul.fancytree-container .fancytree-exp-edl span.fancytree-expander:before{content:"\131"}.sui-2-7-0 ul.fancytree-container .fancytree-unselectable span.fancytree-expander:before{content:"9"}.sui-2-7-0 ul.fancytree-container .fancytree-fade-expander span.fancytree-expander:before{transition:opacity 1.5s;opacity:0}.sui-2-7-0 ul.fancytree-container .fancytree-fade-expander:hover span.fancytree-expander:before,.sui-2-7-0 ul.fancytree-container .fancytree-fade-expander.fancytree-treefocus span.fancytree-expander:before,.sui-2-7-0 ul.fancytree-container .fancytree-fade-expander .fancytree-treefocus span.fancytree-expander:before,.sui-2-7-0 ul.fancytree-container .fancytree-fade-expander [class*='fancytree-statusnode-'] span.fancytree-expander:before{transition:opacity 0.6s;opacity:1}.sui-2-7-0 ul.fancytree-container span.fancytree-checkbox{margin-right:5px;margin-left:12px;border-radius:3px;border:1px solid #ddd;background-color:#e6e6e6;display:inline-block;width:16px;height:16px;top:2px;position:relative;transition:.2s}.sui-2-7-0 ul.fancytree-container span.fancytree-checkbox:before{content:"("}.sui-2-7-0 ul.fancytree-container span.fancytree-checkbox:before{opacity:0;color:#fff;font-size:10px;line-height:14px;position:absolute;width:100%;text-align:center;transition:.2s}.sui-2-7-0 ul.fancytree-container .fancytree-selected span.fancytree-checkbox{border:1px solid #17a8e3;background-color:#17a8e3}.sui-2-7-0 ul.fancytree-container .fancytree-selected span.fancytree-checkbox:before{opacity:1}.sui-2-7-0 ul.fancytree-container .fancytree-expanded span.fancytree-checkbox{margin-left:11px}.sui-2-7-0 ul.fancytree-container .fancytree-unselectable{background-color:transparent !important}.sui-2-7-0 ul.fancytree-container .fancytree-unselectable.fancytree-selected{margin-left:-9px}.sui-2-7-0 ul.fancytree-container .fancytree-unselectable.fancytree-selected span.fancytree-expander{margin-left:10px}.sui-2-7-0 ul.fancytree-container .fancytree-unselectable.fancytree-selected span.fancytree-checkbox{border:1px solid #ddd;background-color:#e6e6e6}.sui-2-7-0 ul.fancytree-container .fancytree-unselectable.fancytree-selected span.fancytree-checkbox:before{color:#e6e6e6 !important}.sui-2-7-0 ul.fancytree-container .fancytree-unselectable.fancytree-selected span.fancytree-title{color:#666}.sui-2-7-0 ul.fancytree-container .fancytree-unselectable span.fancytree-expander,.sui-2-7-0 ul.fancytree-container .fancytree-unselectable span.fancytree-icon,.sui-2-7-0 ul.fancytree-container .fancytree-unselectable span.fancytree-checkbox,.sui-2-7-0 ul.fancytree-container .fancytree-unselectable span.fancytree-title{opacity:0.4;filter:alpha(opacity=40)}.sui-2-7-0 ul.fancytree-container .fancytree-unselectable span.fancytree-expander:before,.sui-2-7-0 ul.fancytree-container .fancytree-unselectable span.fancytree-icon:before,.sui-2-7-0 ul.fancytree-container .fancytree-unselectable span.fancytree-checkbox:before,.sui-2-7-0 ul.fancytree-container .fancytree-unselectable span.fancytree-title:before{color:#666 !important}.sui-2-7-0 ul.fancytree-container span.fancytree-icon:before{margin-left:10px;font-family:wpmudev-plugin-icons, sans-serif;font-size:16px;color:#AAA;content:'D';position:relative;top:1px}.sui-2-7-0 ul.fancytree-container .fancytree-ico-c span.fancytree-icon:before{content:'D'}.sui-2-7-0 ul.fancytree-container .fancytree-has-children.fancytree-ico-c span.fancytree-icon:before{content:'D'}.sui-2-7-0 ul.fancytree-container .fancytree-ico-e span.fancytree-icon:before{content:'\BB'}.sui-2-7-0 ul.fancytree-container .fancytree-ico-cf span.fancytree-icon:before{content:'\2D8'}.sui-2-7-0 ul.fancytree-container .fancytree-has-children.fancytree-ico-cf span.fancytree-icon:before{content:'\2D8'}.sui-2-7-0 ul.fancytree-container .fancytree-ico-ef span.fancytree-icon:before{content:'\BB'}.sui-2-7-0 ul.fancytree-container .fancytree-loading span.fancytree-expander:before,.sui-2-7-0 ul.fancytree-container .fancytree-statusnode-loading span.fancytree-icon:before{content:'N';display:inline-block;animation:spin 1.3s linear infinite}.sui-2-7-0 ul.fancytree-container span.fancytree-node{display:inherit;width:100%;margin-top:5px;min-height:40px}.sui-2-7-0 ul.fancytree-container span.fancytree-node:not(.fancytree-unselectable):hover{background-color:#F8F8F8}.sui-2-7-0 ul.fancytree-container span.fancytree-title{color:#666;cursor:pointer;display:inline-block;vertical-align:top;min-height:20px;padding:0 3px 0 3px;margin:0 0 0 5px;border:1px solid transparent;border-radius:4px;font-weight:500}.sui-2-7-0 ul.fancytree-container span.fancytree-expanded,.sui-2-7-0 ul.fancytree-container span.fancytree-selected{border-radius:4px;background-color:#F8F8F8;color:#17A8E3}.sui-2-7-0 ul.fancytree-container span.fancytree-expanded span.fancytree-title,.sui-2-7-0 ul.fancytree-container span.fancytree-selected span.fancytree-title{color:#666666}.sui-2-7-0 ul.fancytree-container span.fancytree-selected{background-color:#E1F6FF}.sui-2-7-0 ul.fancytree-container span.fancytree-selected span.fancytree-expander:before,.sui-2-7-0 ul.fancytree-container span.fancytree-selected span.fancytree-icon:before,.sui-2-7-0 ul.fancytree-container span.fancytree-selected span.fancytree-title{color:#17A8E3}.sui-2-7-0 ul.fancytree-container span.fancytree-focused{background-color:#e1e1e1 !important}.sui-2-7-0 .sui-wrap .sui-box-settings-row .sui-box-settings-col-1{vertical-align:top}.sui-2-7-0 .sui-wrap .sui-cdn-upsell p,.sui-2-7-0 .sui-wrap .sui-cdn-disabled p{max-width:600px;margin:20px auto 0}.sui-2-7-0 .sui-wrap .sui-cdn form p:first-of-type{margin-top:0}.sui-2-7-0 .sui-wrap .wp-smush-stats{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;line-height:0}.sui-2-7-0 .sui-wrap .wp-smush-stats .sui-tooltip{line-height:10px;margin-right:10px}.sui-2-7-0 .sui-wrap .smush-filename-extension{border-radius:4px;display:inline-block;font-size:9px;font-weight:600;color:#fff;text-transform:uppercase;text-align:center;line-height:43px;height:30px;margin:0 5px 0 0;width:30px}.sui-2-7-0 .sui-wrap .smush-filename-extension.smush-extension-jpg{background-color:#F7E100}.sui-2-7-0 .sui-wrap .smush-filename-extension.smush-extension-png{background-color:#FFB694}.sui-2-7-0 .sui-wrap .smush-filename-extension.smush-extension-gif{background-color:#72D5D4}.sui-2-7-0 .sui-wrap .smush-filename-extension.smush-extension-webp{background-color:#72ADD5}.sui-2-7-0 .sui-wrap.sui-color-accessible{color:#000}.sui-2-7-0 .sui-wrap.sui-color-accessible h1,.sui-2-7-0 .sui-wrap.sui-color-accessible h2,.sui-2-7-0 .sui-wrap.sui-color-accessible h3,.sui-2-7-0 .sui-wrap.sui-color-accessible h4,.sui-2-7-0 .sui-wrap.sui-color-accessible h5,.sui-2-7-0 .sui-wrap.sui-color-accessible h6,.sui-2-7-0 .sui-wrap.sui-color-accessible p,.sui-2-7-0 .sui-wrap.sui-color-accessible p small,.sui-2-7-0 .sui-wrap.sui-color-accessible li,.sui-2-7-0 .sui-wrap.sui-color-accessible code,.sui-2-7-0 .sui-wrap.sui-color-accessible pre{color:#000}.sui-2-7-0 .sui-wrap.sui-color-accessible a{color:#1a1a1a !important}.sui-2-7-0 .sui-wrap.sui-color-accessible a:hover{color:#000 !important}.sui-2-7-0 .sui-wrap.sui-color-accessible pre,.sui-2-7-0 .sui-wrap.sui-color-accessible code{background:#fff}.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-settings-label,.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-box-body .sui-settings-label-with-tag,.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-description{color:#000}.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-form-control,.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-multi-checkbox,.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-label,.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-error-message{border-color:#000;color:#000;background-color:#fff}.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-form-control:-ms-input-placeholder, .sui-2-7-0 .sui-wrap.sui-color-accessible .sui-multi-checkbox:-ms-input-placeholder, .sui-2-7-0 .sui-wrap.sui-color-accessible .sui-label:-ms-input-placeholder, .sui-2-7-0 .sui-wrap.sui-color-accessible .sui-error-message:-ms-input-placeholder{color:#555}.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-form-control::-ms-input-placeholder, .sui-2-7-0 .sui-wrap.sui-color-accessible .sui-multi-checkbox::-ms-input-placeholder, .sui-2-7-0 .sui-wrap.sui-color-accessible .sui-label::-ms-input-placeholder, .sui-2-7-0 .sui-wrap.sui-color-accessible .sui-error-message::-ms-input-placeholder{color:#555}.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-form-control::placeholder,.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-multi-checkbox::placeholder,.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-label::placeholder,.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-error-message::placeholder{color:#555}.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-checkbox input+span,.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-radio input+span{border-color:#000}.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-checkbox input+span+span,.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-radio input+span+span{color:#000}.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-upload-button{color:#000;background:#fff}.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-upload-label:hover .sui-upload-button{color:#fff;background:#000}.sui-2-7-0 .sui-wrap.sui-color-accessible .select-container .select-list-container .list-value{border-color:#000}.sui-2-7-0 .sui-wrap.sui-color-accessible .select-container .select-list-container .list-results li.sui-element-flex span+span{color:#000}.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-insert-variables .sui-variables+.select2 .select2-selection--single{border-color:#000}.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-insert-variables textarea.sui-form-control+.select-container,.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-insert-variables textarea.sui-multi-checkbox+.select-container{background-color:transparent}.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-recipient span{color:#000}.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-summary .sui-summary-segment .sui-summary-details .sui-summary-sub{color:#000}.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-summary .sui-summary-segment .sui-list .sui-list-label,.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-summary .sui-summary-segment .sui-list .sui-list-detail{color:#000}.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-row-with-sidenav .sui-sidenav .sui-vertical-tabs a{color:#000}.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-tabs>[data-tabs]>*,.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-tabs>[data-tabs] .sui-tab-item,.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-tabs>.sui-tabs-menu>*,.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-tabs>.sui-tabs-menu .sui-tab-item{color:#000}.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-tabs>[data-tabs]>*:hover,.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-tabs>[data-tabs] .sui-tab-item:hover,.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-tabs>.sui-tabs-menu>*:hover,.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-tabs>.sui-tabs-menu .sui-tab-item:hover{color:#555}.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-side-tabs>[data-tabs]>*,.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-side-tabs>[data-tabs] .sui-tab-item,.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-side-tabs>.sui-tabs-menu>*,.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-side-tabs>.sui-tabs-menu .sui-tab-item{color:#555}.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-side-tabs>[data-tabs]>*.active,.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-side-tabs>[data-tabs] .sui-tab-item.active,.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-side-tabs>.sui-tabs-menu>*.active,.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-side-tabs>.sui-tabs-menu .sui-tab-item.active{color:#fff;background-color:#000}.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-tag{background:#000;color:#fff}.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-tag.sui-tag-ghost{background:#fff;color:#000;border-color:#000}.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-notice,.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-notice-top{border-left-color:#000}.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-notice .sui-notice-dismiss a,.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-notice p:first-of-type:before,.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-notice-top .sui-notice-dismiss a,.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-notice-top p:first-of-type:before{color:#000}.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-upsell-row .sui-upsell-notice p{border-left:2px solid #000}.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-upsell-row .sui-upsell-notice p:first-of-type:before{color:#000}.sui-2-7-0 .sui-wrap.sui-color-accessible [class*="sui-icon-"]:before,.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-dialog-close:before{color:#000 !important}.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-tab-item.active [class*="sui-icon-"]:before{color:#fff !important}.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-progress-block .sui-progress .sui-progress-bar span{background:#000}.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-progress-block .sui-progress .sui-progress-text span{color:#000}.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-progress-state span{color:#000}.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-table{border-color:#000}.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-table th,.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-table td{color:#000}.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-table thead>tr>th,.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-table thead>tr>.sui-table-item-title,.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-table thead>tr>.sui-accordion-item-title,.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-table tbody>tr>th,.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-table tbody>tr>.sui-table-item-title,.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-table tbody>tr>.sui-accordion-item-title,.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-table tfoot>tr>th,.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-table tfoot>tr>.sui-table-item-title,.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-table tfoot>tr>.sui-accordion-item-title{color:#000}.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-table thead>tr>th,.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-table thead>tr>td,.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-table tbody>tr>th,.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-table tbody>tr>td,.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-table tfoot>tr>th,.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-table tfoot>tr>td{border-bottom-color:#000}.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-table tbody tr.sui-error th,.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-table tbody tr.sui-error .sui-table-item-title,.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-table tbody tr.sui-error .sui-accordion-item-title,.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-table tbody tr.sui-warning th,.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-table tbody tr.sui-warning .sui-table-item-title,.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-table tbody tr.sui-warning .sui-accordion-item-title,.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-table tbody tr.sui-success th,.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-table tbody tr.sui-success .sui-table-item-title,.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-table tbody tr.sui-success .sui-accordion-item-title{color:#000}.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-table tbody tr.sui-error td,.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-table tbody tr.sui-warning td,.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-table tbody tr.sui-success td{color:#000}.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-table tbody tr.sui-default,.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-table tbody tr.sui-error,.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-table tbody tr.sui-warning,.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-table tbody tr.sui-success{box-shadow:none}.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-table-title{color:#000}.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields){border-color:#000}.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-header{border-bottom-color:#000}.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-header>div{color:#000}.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item{border-bottom-color:#000}.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item .sui-accordion-item-header{color:#000}.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item .sui-accordion-item-header .sui-accordion-item-title{color:#000}.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item.sui-default>.sui-accordion-item-header,.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item.sui-default>.sui-accordion-item-body,.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item.sui-error>.sui-accordion-item-header,.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item.sui-error>.sui-accordion-item-body,.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item.sui-warning>.sui-accordion-item-header,.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item.sui-warning>.sui-accordion-item-body,.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item.sui-success>.sui-accordion-item-header,.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item.sui-success>.sui-accordion-item-body{box-shadow:none}.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item.sui-accordion-item--disabled .sui-accordion-item-header,.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item.sui-accordion-item--disabled .sui-accordion-item-header .sui-accordion-item-title{color:#555}.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-accordion.sui-table>tbody>.sui-accordion-item.sui-default+.sui-accordion-item-content,.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-accordion.sui-table>tbody>.sui-accordion-item.sui-error+.sui-accordion-item-content,.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-accordion.sui-table>tbody>.sui-accordion-item.sui-warning+.sui-accordion-item-content,.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-accordion.sui-table>tbody>.sui-accordion-item.sui-success+.sui-accordion-item-content{box-shadow:none}.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-accordion.sui-table>tbody>.sui-accordion-item.sui-accordion-item--disabled th,.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-accordion.sui-table>tbody>.sui-accordion-item.sui-accordion-item--disabled td{color:#555}.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-accordion.sui-table>tbody>.sui-accordion-item.sui-accordion-item--disabled.sui-error,.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-accordion.sui-table>tbody>.sui-accordion-item.sui-accordion-item--disabled.sui-warning,.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-accordion.sui-table>tbody>.sui-accordion-item.sui-accordion-item--disabled.sui-success{box-shadow:none}.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-accordion-block .sui-accordion-item{background-color:#fff}.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-accordion-block .sui-accordion-item .sui-accordion-item-header{color:#000}.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-accordion-block .sui-accordion-item .sui-accordion-item-header strong{color:inherit}.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-accordion-block .sui-accordion-item .sui-accordion-item-header .sui-accordion-item-title{color:#000}.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-accordion-block .sui-accordion-item .sui-accordion-item-body .sui-accordion-item-data li strong{color:inherit}.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-accordion-block .sui-accordion-item .sui-accordion-item-body .sui-accordion-item-data.sui-onload li>*{color:transparent !important}.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-grade-a svg circle:last-child,.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-grade-b svg circle:last-child,.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-grade-c svg circle:last-child,.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-grade-d svg circle:last-child,.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-grade-e svg circle:last-child,.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-grade-f svg circle:last-child{stroke:#000}.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-dropdown ul li{color:#000}.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-dropdown ul li:hover{color:#000}.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-button-icon:not(.sui-button),.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-button{color:#fff !important;background:#000 !important}.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-button-icon:not(.sui-button):hover,.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-button:hover{color:#fff !important}.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-button-icon:not(.sui-button) i:before,.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-button i:before{color:#fff !important}.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-button-icon:not(.sui-button).sui-button-ghost,.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-button.sui-button-ghost{padding:7px 16px;border:0}.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-button-icon:not(.sui-button).sui-button-upsell,.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-button.sui-button-upsell{background:#fff !important;color:#000 !important;border-color:#000}.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-button-icon:not(.sui-button).sui-button-upsell:hover,.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-button.sui-button-upsell:hover{border-color:#000}.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-list .sui-list-label,.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-list .sui-list-detail{color:#000}.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-toggle input[type=checkbox]+.sui-toggle-slider:hover{box-shadow:none}.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-toggle input[type=checkbox]:checked+.sui-toggle-slider{background-color:#000}.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-toggle input[type=checkbox]:checked+.sui-toggle-slider:hover{box-shadow:none}.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-checkbox input:checked+span,.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-radio input:checked+span{border-color:#000;background-color:#000}.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-status-dot span{background-color:#fff;border:1px solid #000}.sui-2-7-0 .sui-wrap.sui-color-accessible .sui-status-dot.sui-published span{background-color:#000;border:none}