From 1f3af65c11b01a8d2dcabac3bba1cadb71c79791 Mon Sep 17 00:00:00 2001
From: Marco Pereirinha <marco.pereirinha@xwp.co>
Date: Wed, 17 Mar 2021 11:38:02 +0000
Subject: [PATCH 1/2] Improve responsive design

---
 css/src/_variables.scss           |   3 +
 css/src/components/_ui.scss       | 147 ++++++++++++------------------
 php/class-connect.php             |   1 +
 php/class-deactivation.php        |   2 +-
 php/ui/component/class-column.php |   4 +
 ui-definitions/settings-image.php |   8 +-
 ui-definitions/settings-video.php |   8 +-
 7 files changed, 80 insertions(+), 93 deletions(-)

diff --git a/css/src/_variables.scss b/css/src/_variables.scss
index b055754cb..c220ce6a4 100644
--- a/css/src/_variables.scss
+++ b/css/src/_variables.scss
@@ -11,3 +11,6 @@ $color-notification-success: #20b832;
 
 /** Sizes */
 $content-width: 870px;
+$size-small: 783px;
+$size-medium: 960px;
+$size-large: 1200px;
diff --git a/css/src/components/_ui.scss b/css/src/components/_ui.scss
index dde55e9c8..9ee77236f 100644
--- a/css/src/components/_ui.scss
+++ b/css/src/components/_ui.scss
@@ -12,9 +12,7 @@
 .cld {
 
 	&-syncing {
-		background-image: url("./loading.svg");
-		background-repeat: no-repeat;
-		background-position: center center;
+		background: url("./loading.svg") no-repeat center center;
 		width: 30px;
 		height: 20px;
 		margin-left: 12px;
@@ -29,7 +27,14 @@
 		right: 0;
 		padding: 0;
 		color: #555d66;
-		margin-left: 160px;
+
+		@media only screen and (min-width: $size-small) {
+			margin-left: 36px;
+		}
+
+		@media only screen and (min-width: $size-medium) {
+			margin-left: 160px;
+		}
 
 		.cld-notice-box.is-success{
 			border: 0;
@@ -66,7 +71,7 @@
 		margin-right: 20px;
 		margin-bottom: 12px;
 		.cld-notice {
-			padding: 1rem 1.2rem 0.75rem 1.2rem;
+			padding: 1rem 2.2rem 0.75rem 1.2rem;
 
 			img.cld-ui-icon {
 				height: 100%;
@@ -81,12 +86,12 @@
 			padding-left: 38px;
 		}
 
-
 		&.is-success,
 		&.is-updated,
 		&.is-created {
 			background-color: #ebf5ec;
 			border-left: 4px solid #42ad4f;
+
 			.dashicons{
 				color: $color-success;
 			}
@@ -138,18 +143,6 @@
 	}
 
 	&-ui {
-		&-settings {
-
-			/* Small devices */
-			@media only screen and (max-width: 992px) {
-				margin: 0 10px 0 -10px;
-			}
-
-			@media only screen and (max-width: 782px) {
-				margin: 0 -1px 0 -10px;
-			}
-
-		}
 
 		&-collapse {
 			align-self: center;
@@ -181,10 +174,18 @@
 
 			.cld-column {
 				padding: 0 1.75em;
+				float: left;
+				width: 100%;
+				box-sizing: border-box;
 
-				/* Small devices */
-				@media only screen and (max-width: 782px) {
-					width: 100% !important;
+				@media only screen and (min-width: $size-small) {
+					&.column-45 {
+						width: 45%;
+					}
+
+					&.column-55 {
+						width: 55%;
+					}
 				}
 			}
 
@@ -193,17 +194,6 @@
 				clear: both;
 				display: table;
 			}
-
-			@media only screen {
-
-				.cld-column {
-					float: left;
-					width: 100%;
-					box-sizing: border-box;
-				}
-			}
-
-
 		}
 	}
 
@@ -211,7 +201,6 @@
 	&-video {
 
 		&-preview {
-
 			background-color: rgba(216, 216, 216, 0.5);
 			padding: 7px;
 			border-radius: 5px;
@@ -252,6 +241,7 @@
 			padding: 0 1rem;
 			margin-left: -20px;
 			margin-top: -1em;
+			flex-wrap: wrap;
 
 			&-tab {
 				list-style: none;
@@ -295,7 +285,6 @@
 	}
 
 	&-input {
-
 		@include input;
 
 		.regular-text,
@@ -388,8 +377,6 @@
 						}
 					}
 				}
-
-
 			}
 		}
 
@@ -411,18 +398,26 @@
 
 	&-panel,
 	&-info-box,
-	&-panel-short {
+	&-panel-short,
+	&-submit,
+	&-switch-cloud {
 		background-color: #fff;
 		border: 1px solid $color-light-grey;
-		padding: 2rem 1.75rem;
-		margin-top: 1rem;
 		margin-right: 1rem;
-		width: $content-width;
+		max-width: $content-width;
+	}
 
-		/* Medium devices until large */
-		@media only screen and (min-width: 993px) {
-			max-width: 900px;
-		}
+	&-submit,
+	&-switch-cloud {
+		border-top: 0;
+		padding: 1.2rem 1.75rem;
+	}
+
+	&-panel,
+	&-info-box,
+	&-panel-short {
+		margin-top: 1rem;
+		padding: 2rem 1.75rem;
 
 		&-inner {
 			padding: 1.3rem;
@@ -451,26 +446,12 @@
 
 		&-heading {
 			display: flex;
-			background-color: #fff;
-			border: 1px solid $color-light-grey;
 			border-bottom: 0;
 			padding: 0.4rem 1.75rem 0.2rem;
-			width: $content-width;
-			margin-top: 1rem;
 
 			img {
 				margin-right: 0.6rem;
 			}
-
-			/* Small devices */
-			@media only screen and (max-width: 960px) {
-				width: auto;
-			}
-
-			/* Medium devices until large */
-			@media only screen and (min-width: 961px) and (max-width: 1200px) {
-				width: 85%;
-			}
 		}
 
 		ul {
@@ -527,7 +508,7 @@
 				font-weight: 400;
 			}
 
-			@media only screen and (min-width: 783px) {
+			@media only screen and (min-width: $size-small) {
 				display: flex;
 				flex-wrap: nowrap;
 				font-size: 1em;
@@ -543,13 +524,14 @@
 				}
 			}
 
-			@media only screen and (min-width: 1200px) {
+			@media only screen and (min-width: $size-large) {
 				font-size: 1.2em;
 			}
 		}
 
 		.img-connection-string {
 			max-width: 607px;
+			width: 100%;
 		}
 
 		.connection-string {
@@ -619,8 +601,12 @@
 	}
 
 	&-info-box {
-
 		display: flex;
+		flex-direction: column;
+
+		@media only screen and (min-width: $size-small) {
+			flex-direction: row;
+		}
 
 		img,
 		a.button {
@@ -638,42 +624,27 @@
 		display: inline-block;
 	}
 
-	&-submit,
-	&-switch-cloud {
-
-		&.cld-ui-wrap {
-			background-color: #fff;
-			border: 1px solid $color-light-grey;
-			border-top: 0;
-			padding: 1.2rem 1.75rem;
-			width: $content-width;
-
-			/* Small devices */
-			@media only screen and (max-width: 960px) {
-				width: auto;
-			}
-
-			/* Medium devices until large */
-			@media only screen and (min-width: 961px) and (max-width: 1200px) {
-				width: 85%;
-			}
-		}
-	}
-
 	&-gallery-settings {
 		width: 100%;
 		display: flex;
 		flex-wrap: wrap;
 		padding: 1rem 0;
-		margin-left: -1rem;
-		margin-right: -1rem;
 		box-sizing: border-box;
 
+		@media only screen and (min-width: $size-medium) {
+			margin-left: -1rem;
+			margin-right: -1rem;
+		}
+
 		&__column {
-			width: 50%;
-			padding-left: 1rem;
-			padding-right: 1rem;
 			box-sizing: border-box;
+			width: 100%;
+
+			@media only screen and (min-width: $size-medium) {
+				padding-left: 1rem;
+				padding-right: 1rem;
+				width: 50%;
+			}
 		}
 	}
 }
diff --git a/php/class-connect.php b/php/class-connect.php
index 68cb07504..ada24361b 100644
--- a/php/class-connect.php
+++ b/php/class-connect.php
@@ -498,6 +498,7 @@ public function setup() {
 					'target'     => '_self',
 					'attributes' => array(
 						'class'    => array(
+							'button',
 							'button-secondary',
 						),
 						'link_tag' => array(
diff --git a/php/class-deactivation.php b/php/class-deactivation.php
index 11bd25a73..1dff4fc0d 100644
--- a/php/class-deactivation.php
+++ b/php/class-deactivation.php
@@ -127,7 +127,7 @@ public function get_reasons() {
 	 */
 	public function markup() {
 		?>
-<a href="#TB_inline?&width=520&height=390&inlineId=cloudinary-deactivation" class="thickbox" id="cld-deactivation-link" title="<?php esc_attr_e( 'Tell us how to improve!', 'cloudinary' ); ?>"><?php esc_html_e( 'Deactivation feedback', 'cloudinary' ); ?>></a>
+<a href="#TB_inline?&width=520&height=390&inlineId=cloudinary-deactivation" class="thickbox" id="cld-deactivation-link" title="<?php esc_attr_e( 'Tell us how to improve!', 'cloudinary' ); ?>" style="display: none;"><?php esc_html_e( 'Deactivation feedback', 'cloudinary' ); ?>></a>
 <div id="cloudinary-deactivation" style="display: none;">
 	<div class="cloudinary-deactivation">
 		<div class="modal-body">
diff --git a/php/ui/component/class-column.php b/php/ui/component/class-column.php
index a24872281..df0c58f85 100644
--- a/php/ui/component/class-column.php
+++ b/php/ui/component/class-column.php
@@ -28,6 +28,10 @@ protected function wrap( $struct ) {
 			$struct['attributes']['style'] = 'width:' . $this->setting->get_param( 'width' ) . ';';
 		}
 
+		if ( $this->setting->has_param( 'class' ) ) {
+			$struct['attributes']['class'] = array_merge( $struct['attributes']['class'], $this->setting->get_param( 'class' ) );
+		}
+
 		return $struct;
 	}
 
diff --git a/ui-definitions/settings-image.php b/ui-definitions/settings-image.php
index a7cbed4ee..38b82dd1f 100644
--- a/ui-definitions/settings-image.php
+++ b/ui-definitions/settings-image.php
@@ -16,7 +16,9 @@
 			'type' => 'row',
 			array(
 				'type'  => 'column',
-				'width' => '45%',
+				'class' => array(
+					'column-45',
+				),
 				array(
 					'type' => 'group',
 					array(
@@ -154,7 +156,9 @@
 			),
 			array(
 				'type'  => 'column',
-				'width' => '55%',
+				'class' => array(
+					'column-55',
+				),
 				array(
 					'type'           => 'image_preview',
 					'title'          => __( 'Image preview', 'cloudinary' ),
diff --git a/ui-definitions/settings-video.php b/ui-definitions/settings-video.php
index 4f417f2ee..d71e6d658 100644
--- a/ui-definitions/settings-video.php
+++ b/ui-definitions/settings-video.php
@@ -16,7 +16,9 @@
 			'type' => 'row',
 			array(
 				'type'  => 'column',
-				'width' => '45%',
+				'class' => array(
+					'column-45',
+				),
 				array(
 					'type' => 'group',
 					array(
@@ -173,7 +175,9 @@
 			),
 			array(
 				'type'  => 'column',
-				'width' => '55%',
+				'class' => array(
+					'column-55',
+				),
 				array(
 					'type'           => 'video_preview',
 					'title'          => __( 'Video preview', 'cloudinary' ),

From 9cd48b8eeca2e32aef582310b477da9383993fef Mon Sep 17 00:00:00 2001
From: Marco Pereirinha <marco.pereirinha@xwp.co>
Date: Wed, 17 Mar 2021 11:38:28 +0000
Subject: [PATCH 2/2] Update compiled assets

---
 css/cloudinary.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/css/cloudinary.css b/css/cloudinary.css
index da3c9cc9f..52f20c8af 100644
--- a/css/cloudinary.css
+++ b/css/cloudinary.css
@@ -1 +1 @@
-.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}@font-face{font-family:cloudinary;src:url(../css/fonts/cloudinary.7e6e75b25255a2b3b6e7ced1092c210c.eot);src:url(../css/fonts/cloudinary.7e6e75b25255a2b3b6e7ced1092c210c.eot#iefix) format("embedded-opentype"),url(../css/fonts/cloudinary.c2afda9d25532c03cd41beb20a1ce439.ttf) format("truetype"),url(../css/fonts/cloudinary.34cb260ad722325c597cdc3a3e7584d8.woff) format("woff"),url(../css/cloudinary.svg#cloudinary) format("svg");font-weight:500;font-style:normal}.dashicons-cloudinary{speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.dashicons-cloudinary:before{font-family:cloudinary,monospace!important;content:"\e900"}.dashicons-cloudinary.success{color:#558b2f}.dashicons-cloudinary.error{color:#dd2c00}.dashicons-cloudinary.error:before{content:"\e901"}.dashicons-cloudinary.uploading{color:#fd9d2c}.dashicons-cloudinary.uploading:before{content:"\e902"}.dashicons-cloudinary.info{color:#0071ba}.dashicons-cloudinary.downloading:before{content:"\e903"}.dashicons-cloudinary.syncing:before{content:"\e904"}.column-cld_status{width:5.5em}.column-cld_status .dashicons-cloudinary{display:inline-block}.column-cld_status .dashicons-cloudinary:before{font-size:1.8rem}.form-field .error-notice,.form-table .error-notice{display:none;color:#dd2c00}.form-field input.cld-field:invalid,.form-table input.cld-field:invalid{border-color:#dd2c00}.form-field input.cld-field:invalid+.error-notice,.form-table input.cld-field:invalid+.error-notice{display:inline-block}.cloudinary-welcome{background-image:url(../css/logo.svg);background-repeat:no-repeat;background-size:153px;background-position:top 12px right 20px}.cloudinary-stats{display:inline-block;margin-left:25px}.cloudinary-stat{cursor:help}.cloudinary-percent{font-size:.8em;vertical-align:top;color:#0071ba}.settings-image{max-width:100%;padding-top:5px}.settings-tabs>li{display:inline-block}.settings-tabs>li a{padding:.6em}.settings-tabs>li a.active{background-color:#fff}.settings-tab-section{padding:20px 0 0;max-width:1030px;position:relative}.settings-tab-section.cloudinary-welcome .settings-tab-section-fields-dashboard{display:flex;align-items:flex-start;align-content:flex-start;margin-top:40px}.settings-tab-section.cloudinary-welcome .settings-tab-section-fields-dashboard-description{width:55%;margin:0 auto 0 0}.settings-tab-section.cloudinary-welcome .settings-tab-section-fields-dashboard-content{width:35%;margin:0 auto}.settings-tab-section.cloudinary-welcome .settings-tab-section-fields-dashboard-content .dashicons{color:#9ea3a8}.settings-tab-section.cloudinary-welcome .settings-tab-section-card{margin-top:0}.settings-tab-section-fields .field-heading th{display:block;width:auto;color:#23282d;font-size:1.1em;margin:1em 0}.settings-tab-section-fields .field-heading td{display:none;visibility:hidden}.settings-tab-section-fields .regular-textarea{width:100%;height:60px}.settings-tab-section-fields .dashicons{text-decoration:none;vertical-align:middle}.settings-tab-section-fields a .dashicons{color:#5f5f5f}.settings-tab-section-fields-dashboard-error{font-size:1.2em;color:#5f5f5f}.settings-tab-section-fields-dashboard-error.expanded{padding-top:40px;margin-bottom:25px}.settings-tab-section-fields-dashboard-error .dashicons{color:#ac0000}.settings-tab-section-fields-dashboard-error .button{font-size:1.1em;height:40px;line-height:40px;padding-right:40px;padding-left:40px}.settings-tab-section-fields-dashboard-success{font-size:1.2em;color:#23282d}.settings-tab-section-fields-dashboard-success.expanded{padding-top:40px;margin-bottom:25px}.settings-tab-section-fields-dashboard-success .dashicons{color:#4fb651}.settings-tab-section-fields-dashboard-success .button{font-size:1.1em;height:40px;line-height:40px;padding-right:40px;padding-left:40px}.settings-tab-section-fields-dashboard-success .description{color:#5f5f5f;font-weight:400;margin-top:12px}.settings-tab-section-card{box-sizing:border-box;border:1px solid #e5e5e5;background-color:#fff;box-shadow:0 1px 1px 0 rgba(0,0,0,.07);padding:20px 23px;margin-top:12px}.settings-tab-section-card .dashicons{font-size:1.4em}.settings-tab-section-card h2{font-size:1.8em;font-weight:400;margin-top:0}.settings-tab-section-card.pull-right{width:450px;padding:12px;float:right;position:relative;z-index:10}.settings-tab-section-card.pull-right img.settings-image{box-shadow:0 2px 4px 0 rgba(0,0,0,.5);border:1px solid #979797;margin-top:12px}.settings-tab-section-card.pull-right h3,.settings-tab-section-card.pull-right h4{margin-top:0}.settings-tab-section .field-row-cloudinary_url,.settings-tab-section .field-row-signup{display:block}.settings-tab-section .field-row-cloudinary_url td,.settings-tab-section .field-row-cloudinary_url th,.settings-tab-section .field-row-signup td,.settings-tab-section .field-row-signup th{display:block;width:auto;padding:10px 0 0}.settings-tab-section .field-row-cloudinary_url td .sign-up,.settings-tab-section .field-row-cloudinary_url th .sign-up,.settings-tab-section .field-row-signup td .sign-up,.settings-tab-section .field-row-signup th .sign-up{vertical-align:baseline}.settings-tab-section.connect .form-table{display:inline-block;width:auto;max-width:580px}.settings-valid{color:#558b2f;font-size:30px}.settings-valid-field{border-color:#558b2f!important}.settings-invalid-field{border-color:#dd2c00!important}.settings-alert{display:inline-block;padding:5px 7px;box-shadow:0 1px 1px rgba(0,0,0,.04)}.settings-alert-info{background-color:#e9faff;border:1px solid #ccd0d4;border-left:4px solid #00a0d2}.settings-alert-warning{background-color:#fff5e9;border:1px solid #f6e7b6;border-left:4px solid #e3be38}.settings-alert-error{background-color:#ffe9e9;border:1px solid #d4cccc;border-left:4px solid #d20000}.field-radio input[type=radio].cld-field{margin:0 5px 0 0}.field-radio label{margin-right:10px}.settings-tab-section h2{margin:0}.cloudinary-collapsible{width:95%;padding:10px;margin:20px 0;background-color:#fff;border:1px solid #ccd0d4;box-shadow:0 1px 1px rgba(0,0,0,.04);box-sizing:border-box}.cloudinary-collapsible__toggle{cursor:pointer;display:flex;justify-content:space-between}.cloudinary-collapsible__toggle h2{margin:0!important}.cloudinary-collapsible__toggle button{border:none;margin:0;padding:0;width:auto;background-color:inherit;cursor:pointer}.cloudinary-deactivation .more{display:none}.cloudinary-deactivation input[type=radio]:checked~.more{color:#32373c;display:block;line-height:2;margin-left:2em;margin-top:.5em}.cloudinary-deactivation .modal-footer{background-color:#fcfcfc;border-top:1px solid #ddd;bottom:0;margin:0 -15px;padding:1em;position:absolute;width:calc(100% - 2em)}.cloudinary-deactivation .modal-footer .button-link{float:right}.cloudinary-deactivation .modal-footer .button-link:hover{background:transparent}.cloudinary-deactivation textarea{resize:none}.sync .spinner{display:inline-block;visibility:visible;float:none;margin:0 5px 0 0}.sync-media,.sync-media-progress{display:none}.sync-media-progress-outer{height:20px;margin:20px 0 10px;width:500px;background-color:#e5e5e5;position:relative}.sync-media-progress-outer .progress-bar{width:0;height:20px;background-color:#558b2f;transition:width .25s}.sync-media-progress-notice{color:#dd2c00}.sync-media-resource{width:100px;display:inline-block}.sync-media-error{color:#dd2c00}.sync-count{font-weight:700}.sync-details{margin-top:10px}.sync .button.start-sync,.sync .button.stop-sync{display:none;padding:0 16px}.sync .button.start-sync .dashicons,.sync .button.stop-sync .dashicons{line-height:2.2}.sync .progress-text{padding:12px 4px 12px 12px;display:inline-block;font-weight:700}.sync .completed{max-width:300px;display:none}.sync-status-disabled{color:#dd2c00}.sync-status-enabled{color:#558b2f}.sync-status-button.button{vertical-align:baseline}.cloudinary-widget{height:100%}.cloudinary-widget-wrapper{height:100%;overflow:hidden;background-image:url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0ic3Bpbm5lciIgdmlld0JveD0iLTQgLTQgMTUxIDEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48c3R5bGU+QGtleWZyYW1lcyBjb2xvcnN7MCUsdG97c3Ryb2tlOiMwMDc4ZmZ9NTAle3N0cm9rZTojMGUyZjVhfX1Aa2V5ZnJhbWVzIGRhc2h7MCUsdG97c3Ryb2tlLWRhc2hvZmZzZXQ6NTYwfTUwJXtzdHJva2UtZGFzaG9mZnNldDowfX1ALXdlYmtpdC1rZXlmcmFtZXMgY29sb3JzezAlLHRve3N0cm9rZTojMDA3OGZmfTUwJXtzdHJva2U6IzBlMmY1YX19QC13ZWJraXQta2V5ZnJhbWVzIGRhc2h7MCUsdG97c3Ryb2tlLWRhc2hvZmZzZXQ6NTYwfTUwJXtzdHJva2UtZGFzaG9mZnNldDowfX08L3N0eWxlPjxwYXRoIGQ9Ik0xMjEuNjYzIDkwLjYzOGMtMS43OTYgMC05OS4zMy0uNDk4LTEwMS40NzQtMS40NzhDOC42ODUgODMuODc3IDEuMjUgNzIuMTk2IDEuMjUgNTkuMzk2YzAtMTYuNjU2IDEyLjc5Ny0zMC42MSAyOS4wNTItMzIuMzIzIDcuNDktMTUuNzA2IDIzLjE4Ni0yNS43MDcgNDAuNzE0LTI1LjcwNyAyMC45OCAwIDM5LjIxNSAxNC43NTIgNDMuOTQ1IDM0LjkwNyAxNS4wOS4yNDUgMjcuMjkgMTIuNjMgMjcuMjkgMjcuODIyIDAgMTEuOTY4LTcuNzM4IDIyLjU1LTE5LjI1NiAyNi4zMyIgc3Ryb2tlLXdpZHRoPSI5IiBzdHJva2UtbGluZWNhcD0icm91bmQiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3R5bGU9InRyYW5zZm9ybS1vcmlnaW46Y2VudGVyOy13ZWJraXQtYW5pbWF0aW9uOmRhc2ggMnMgZWFzZS1pbi1vdXQgaW5maW5pdGUsY29sb3JzIDhzIGVhc2UtaW4tb3V0IGluZmluaXRlO2FuaW1hdGlvbjpkYXNoIDJzIGVhc2UtaW4tb3V0IGluZmluaXRlLGNvbG9ycyA4cyBlYXNlLWluLW91dCBpbmZpbml0ZSIgc3Ryb2tlLWRhc2hhcnJheT0iMjgwIi8+PC9zdmc+);background-repeat:no-repeat;background-position:50%;background-size:150px}.attachment-actions .button.edit-attachment,.attachment-info .edit-attachment{display:none}.global-transformations-preview{position:relative;max-width:600px}.global-transformations-spinner{display:none}.global-transformations-button.button-primary{display:none;position:absolute;z-index:100}.global-transformations-url{margin-bottom:5px;margin-top:5px}.global-transformations-url-transformation{max-width:100px;overflow:hidden;text-overflow:ellipsis;color:#51a3ff}.global-transformations-url-file{color:#f2d864}.global-transformations-url-link{display:block;padding:16px;background-color:#262c35;text-decoration:none;color:#fff;border-radius:6px;overflow:hidden;text-overflow:ellipsis}.global-transformations-url-link:hover{color:#888;text-decoration:underline}.cld-tax-order-list-item{border:1px solid #efefef;padding:4px;margin:0 0 -1px;background-color:#fff}.cld-tax-order-list-item.no-items{color:#888;text-align:center;display:none}.cld-tax-order-list-item.no-items:last-child{display:block}.cld-tax-order-list-item.ui-sortable-helper{box-shadow:0 2px 5px rgba(0,0,0,.2)}.cld-tax-order-list-item-placeholder{background-color:#efefef;height:45px;margin:0}.cld-tax-order-list-item-handle{cursor:grab;margin-right:4px;color:#999}.cld-tax-order-list-type{display:inline-block;margin-right:8px}.cld-tax-order-list-type input{margin-right:4px!important}.cloudinary-media-library{position:relative;margin-left:-20px}@media screen and (max-width:782px){.cloudinary-media-library{margin-left:-10px}}.cld-syncing{background-image:url(../css/loading.svg);background-repeat:no-repeat;background-position:50%;width:30px;height:20px;margin-left:12px;padding:4px;display:inline-block}.cld-footer{position:absolute;bottom:0;left:0;right:0;padding:0;color:#555d66;margin-left:160px}.cld-footer .cld-notice-box.is-success{border:0;background-color:#fff;color:#555;margin:0;padding:0}.cld-footer .cld-notice-box.is-success .cld-stars{margin-left:12px;text-decoration:none}.cld-footer .cld-notice-box.is-success .cld-stars .dashicons{position:inherit;color:#fd9d2c}.cld-footer .notice-dismiss:before{padding:6px 0 0;content:"\f335";font-size:1.4rem}.cld-tooltip{margin-left:2px;margin-top:1px;font-size:1rem}.cld-notice-box{box-shadow:0 0 2px rgba(0,0,0,.1);position:relative;margin-right:20px;margin-bottom:12px}.cld-notice-box .cld-notice{padding:1rem 1.2rem .75rem}.cld-notice-box .cld-notice img.cld-ui-icon{height:100%}.cld-notice-box.is-dismissible{padding-right:38px}.cld-notice-box.has-icon{padding-left:38px}.cld-notice-box.is-created,.cld-notice-box.is-success,.cld-notice-box.is-updated{background-color:#ebf5ec;border-left:4px solid #42ad4f}.cld-notice-box.is-created .dashicons,.cld-notice-box.is-success .dashicons,.cld-notice-box.is-updated .dashicons{color:#2a0}.cld-notice-box.is-error{background-color:#f8e8e7;border-left:4px solid #cb3435}.cld-notice-box.is-error .dashicons{color:#dd2c00}.cld-notice-box.is-warning{background-color:#fff7e5;border-left:4px solid #f2ad4c}.cld-notice-box.is-warning .dashicons{color:#fd9d2c}.cld-notice-box.is-info{background-color:#e4f4f8;border-left:4px solid #2a95c3}.cld-notice-box.is-info .dashicons{color:#3273ab}.cld-notice-box.is-neutral{background-color:#fff;border-left:4px solid #ccd0d4}.cld-notice-box.is-neutral .dashicons{color:#90a0b3}.cld-notice-box.dismissed{overflow:hidden;transition:height .3s ease-out}.cld-notice-box .cld-ui-icon,.cld-notice-box .dashicons{position:absolute;top:14px;left:19px}@media only screen and (max-width:992px){.cld-ui-settings{margin:0 10px 0 -10px}}@media only screen and (max-width:782px){.cld-ui-settings{margin:0 -1px 0 -10px}}.cld-ui-collapse{align-self:center;padding:0 .45rem;cursor:pointer}.cld-ui-title.collapsible{cursor:pointer}.cld-ui-conditional.closed,.cld-ui-wrap.closed{display:none}.cld-ui-wrap .cld-row{margin:0 -1.75em;clear:both}.cld-ui-wrap .cld-column{padding:0 1.75em}@media only screen and (max-width:782px){.cld-ui-wrap .cld-column{width:100%!important}}.cld-ui-wrap .cld-row:after{content:"";clear:both;display:table}@media only screen{.cld-ui-wrap .cld-column{float:left;width:100%;box-sizing:border-box}}.cld-image-preview,.cld-video-preview{background-color:hsla(0,0%,84.7%,.5);padding:7px;border-radius:5px}.cld-image-preview-wrapper,.cld-video-preview-wrapper{position:relative}.cld-image-preview .cld-ui-title,.cld-video-preview .cld-ui-title{margin:0 0 .4rem;font-weight:400}.cld-image-preview img,.cld-video-preview img{width:100%}.cld-page-header{padding:1.2rem;align-items:center;margin-bottom:1em}.cld-page-header,.cld-page-tabs{background-color:#fff;display:flex;margin-left:-20px}.cld-page-tabs{border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;padding:0 1rem;margin-top:-1em}.cld-page-tabs-tab{list-style:none;text-indent:0;margin-bottom:0}.cld-page-tabs-tab a{display:block;padding:1rem 2rem;text-decoration:none;font-weight:500;color:#000001;text-align:center;white-space:nowrap}.cld-page-tabs-tab.is-active a{color:#3273ab;border-bottom:2px solid #3273ab}.cld-group hr{border-top:1px solid #e5e5e5;margin:1.5rem 0;clear:both}.cld-group-heading{display:flex}.cld-group-heading h3{font-size:.9rem}.cld-input{margin-bottom:1.4rem;display:block}.cld-input-label{font-weight:700;display:block}.cld-input .regular-number,.cld-input .regular-text{border:1px solid #d0d0d0;border-radius:3px;padding:.1rem .5rem;width:100%}.cld-input .regular-number-small,.cld-input .regular-text-small{width:40%}.cld-input .prefixed{width:40%;margin-left:6px}.cld-input .suffixed{width:40%;margin-right:6px}.cld-input .regular-number{width:100px}.cld-input .regular-select{margin-top:.6rem;display:block;appearance:none;width:100%;border:1px solid #d0d0d0;border-radius:3px;padding:.1rem .5rem}.cld-input-on-off{display:flex;align-items:center}.cld-input-on-off-control{position:relative;display:inline-block;width:43px;height:24px;margin-right:.4rem}.cld-input-on-off-control input{opacity:0;width:0;height:0}.cld-input-on-off-control-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#90a0b3;-webkit-transition:.4s;transition:.3s;border-radius:34px}input:checked+.cld-input-on-off-control-slider{background-color:#2a0}.cld-input-on-off-control-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;-webkit-transition:.2s;transition:.2s;border-radius:50%}input:checked+.cld-input-on-off-control-slider:before{-webkit-transform:translateX(19px);-ms-transform:translateX(19px);transform:translateX(19px)}.cld-input-checkbox-label,.cld-input-radio-label{display:block;margin-bottom:.4rem}.cld-input-checkbox-label.list-inline,.cld-input-radio-label.list-inline{display:inline-block;margin-right:.4rem}.cld-info-box,.cld-panel,.cld-panel-short{background-color:#fff;border:1px solid #e5e5e5;padding:2rem 1.75rem;margin-top:1rem;margin-right:1rem;width:870px}@media only screen and (min-width:993px){.cld-info-box,.cld-panel,.cld-panel-short{max-width:900px}}.cld-info-box-inner,.cld-panel-inner,.cld-panel-short-inner{padding:1.3rem;margin:1em 0;background-color:hsla(0,0%,86.3%,.2);border:1px solid #e5e5e5}.cld-info-box-inner h2,.cld-panel-inner h2,.cld-panel-short-inner h2{color:#3273ab}.cld-info-box .cld-input-label,.cld-panel-short .cld-input-label,.cld-panel .cld-input-label{margin-bottom:.6rem}.cld-info-box.has-heading,.cld-panel-short.has-heading,.cld-panel.has-heading{margin-top:0}.cld-info-box-heading,.cld-panel-heading,.cld-panel-short-heading{display:flex;background-color:#fff;border:1px solid #e5e5e5;border-bottom:0;padding:.4rem 1.75rem .2rem;width:870px;margin-top:1rem}.cld-info-box-heading img,.cld-panel-heading img,.cld-panel-short-heading img{margin-right:.6rem}@media only screen and (max-width:960px){.cld-info-box-heading,.cld-panel-heading,.cld-panel-short-heading{width:auto}}@media only screen and (min-width:961px) and (max-width:1200px){.cld-info-box-heading,.cld-panel-heading,.cld-panel-short-heading{width:85%}}.cld-info-box ul,.cld-panel-short ul,.cld-panel ul{padding:0 3em;list-style:initial}.cld-info-box .cld-plan,.cld-panel-short .cld-plan,.cld-panel .cld-plan{color:#3273ab;font-weight:700;font-size:1.5em}.cld-info-box .stat-boxes,.cld-panel-short .stat-boxes,.cld-panel .stat-boxes{border:1px solid #e5e5e5;font-size:1.2em}.cld-info-box .stat-boxes .box,.cld-panel-short .stat-boxes .box,.cld-panel .stat-boxes .box{border-bottom:1px solid #e5e5e5;padding:2rem;text-align:center}.cld-info-box .stat-boxes .box:last-of-type,.cld-panel-short .stat-boxes .box:last-of-type,.cld-panel .stat-boxes .box:last-of-type{border-bottom:none}.cld-info-box .stat-boxes .box .cld-ui-icon,.cld-panel-short .stat-boxes .box .cld-ui-icon,.cld-panel .stat-boxes .box .cld-ui-icon{width:35px;height:35px}.cld-info-box .stat-boxes .icon,.cld-panel-short .stat-boxes .icon,.cld-panel .stat-boxes .icon{height:50px;margin-right:.5em;width:50px}.cld-info-box .stat-boxes h3,.cld-panel-short .stat-boxes h3,.cld-panel .stat-boxes h3{margin-bottom:1.5rem;margin-top:2.4rem}.cld-info-box .stat-boxes .limit,.cld-panel-short .stat-boxes .limit,.cld-panel .stat-boxes .limit{font-size:2em;font-weight:700;margin-right:.5em;white-space:nowrap}.cld-info-box .stat-boxes .usage,.cld-panel-short .stat-boxes .usage,.cld-panel .stat-boxes .usage{color:#3273ab;font-size:1.5em;font-weight:400}@media only screen and (min-width:783px){.cld-info-box .stat-boxes,.cld-panel-short .stat-boxes,.cld-panel .stat-boxes{display:flex;flex-wrap:nowrap;font-size:1em}.cld-info-box .stat-boxes .box,.cld-panel-short .stat-boxes .box,.cld-panel .stat-boxes .box{border-bottom:none;border-right:1px solid #e5e5e5;flex-grow:1}.cld-info-box .stat-boxes .box:last-of-type,.cld-panel-short .stat-boxes .box:last-of-type,.cld-panel .stat-boxes .box:last-of-type{border-right:none}}@media only screen and (min-width:1200px){.cld-info-box .stat-boxes,.cld-panel-short .stat-boxes,.cld-panel .stat-boxes{font-size:1.2em}}.cld-info-box .img-connection-string,.cld-panel-short .img-connection-string,.cld-panel .img-connection-string{max-width:607px}.cld-info-box .connection-string,.cld-panel-short .connection-string,.cld-panel .connection-string{max-width:40em;width:100%}.cld-info-box .media-status-box,.cld-info-box .stat-boxes,.cld-panel-short .media-status-box,.cld-panel-short .stat-boxes,.cld-panel .media-status-box,.cld-panel .stat-boxes{border:1px solid #e5e5e5}.cld-info-box .media-status-box,.cld-panel-short .media-status-box,.cld-panel .media-status-box{padding:2rem;text-align:center}.cld-info-box .media-status-box .status,.cld-panel-short .media-status-box .status,.cld-panel .media-status-box .status{font-size:2rem;font-weight:700;margin-right:.5em}.cld-info-box .media-status-box .cld-ui-icon,.cld-panel-short .media-status-box .cld-ui-icon,.cld-panel .media-status-box .cld-ui-icon{width:35px;height:35px}.cld-info-box .notification,.cld-panel-short .notification,.cld-panel .notification{display:inline-flex;font-weight:700;padding:1.5rem}.cld-info-box .notification-success,.cld-panel-short .notification-success,.cld-panel .notification-success{background-color:rgba(32,184,50,.2);border:2px solid #20b832}.cld-info-box .notification-success:before,.cld-panel-short .notification-success:before,.cld-panel .notification-success:before{color:#20b832}.cld-info-box .notification-syncing,.cld-panel-short .notification-syncing,.cld-panel .notification-syncing{background-color:rgba(50,115,171,.2);border:2px solid #3273ab;text-decoration:none;color:#444}.cld-info-box .notification-syncing:before,.cld-panel-short .notification-syncing:before,.cld-panel .notification-syncing:before{color:#3273ab;-webkit-animation:spin 1s infinite running;-moz-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.cld-info-box .notification:before,.cld-panel-short .notification:before,.cld-panel .notification:before{margin-right:.5em}.cld-info-box{display:flex}.cld-info-box a.button,.cld-info-box img{align-self:center}.cld-info-box .cld-ui-body{margin:0 1.2rem}.cld-panel-short{min-width:270px;width:auto;display:inline-block}.cld-submit.cld-ui-wrap,.cld-switch-cloud.cld-ui-wrap{background-color:#fff;border:1px solid #e5e5e5;border-top:0;padding:1.2rem 1.75rem;width:870px}@media only screen and (max-width:960px){.cld-submit.cld-ui-wrap,.cld-switch-cloud.cld-ui-wrap{width:auto}}@media only screen and (min-width:961px) and (max-width:1200px){.cld-submit.cld-ui-wrap,.cld-switch-cloud.cld-ui-wrap{width:85%}}.cld-gallery-settings{width:100%;display:flex;flex-wrap:wrap;padding:1rem 0;margin-left:-1rem;margin-right:-1rem;box-sizing:border-box}.cld-gallery-settings__column{width:50%;padding-left:1rem;padding-right:1rem;box-sizing:border-box}.components-base-control__field select{display:block;margin:1rem 0}.components-range-control__wrapper{margin:0!important}.components-range-control__root{flex-direction:row-reverse;margin:1rem 0}.components-input-control.components-number-control.components-range-control__number{margin-left:0!important;margin-right:16px}.components-panel{border:0!important}.components-panel__body:first-child{border-top:0!important}.components-panel__body:last-child{border-bottom:0!important}.components-textarea-control__input{display:block;width:100%;margin:.5rem 0}.tippy-box[data-theme~=cloudinary]{background-color:rgba(0,0,0,.8);color:#fff;font-size:.8em}
\ No newline at end of file
+.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}@font-face{font-family:cloudinary;src:url(../css/fonts/cloudinary.7e6e75b25255a2b3b6e7ced1092c210c.eot);src:url(../css/fonts/cloudinary.7e6e75b25255a2b3b6e7ced1092c210c.eot#iefix) format("embedded-opentype"),url(../css/fonts/cloudinary.c2afda9d25532c03cd41beb20a1ce439.ttf) format("truetype"),url(../css/fonts/cloudinary.34cb260ad722325c597cdc3a3e7584d8.woff) format("woff"),url(../css/cloudinary.svg#cloudinary) format("svg");font-weight:500;font-style:normal}.dashicons-cloudinary{speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.dashicons-cloudinary:before{font-family:cloudinary,monospace!important;content:"\e900"}.dashicons-cloudinary.success{color:#558b2f}.dashicons-cloudinary.error{color:#dd2c00}.dashicons-cloudinary.error:before{content:"\e901"}.dashicons-cloudinary.uploading{color:#fd9d2c}.dashicons-cloudinary.uploading:before{content:"\e902"}.dashicons-cloudinary.info{color:#0071ba}.dashicons-cloudinary.downloading:before{content:"\e903"}.dashicons-cloudinary.syncing:before{content:"\e904"}.column-cld_status{width:5.5em}.column-cld_status .dashicons-cloudinary{display:inline-block}.column-cld_status .dashicons-cloudinary:before{font-size:1.8rem}.form-field .error-notice,.form-table .error-notice{display:none;color:#dd2c00}.form-field input.cld-field:invalid,.form-table input.cld-field:invalid{border-color:#dd2c00}.form-field input.cld-field:invalid+.error-notice,.form-table input.cld-field:invalid+.error-notice{display:inline-block}.cloudinary-welcome{background-image:url(../css/logo.svg);background-repeat:no-repeat;background-size:153px;background-position:top 12px right 20px}.cloudinary-stats{display:inline-block;margin-left:25px}.cloudinary-stat{cursor:help}.cloudinary-percent{font-size:.8em;vertical-align:top;color:#0071ba}.settings-image{max-width:100%;padding-top:5px}.settings-tabs>li{display:inline-block}.settings-tabs>li a{padding:.6em}.settings-tabs>li a.active{background-color:#fff}.settings-tab-section{padding:20px 0 0;max-width:1030px;position:relative}.settings-tab-section.cloudinary-welcome .settings-tab-section-fields-dashboard{display:flex;align-items:flex-start;align-content:flex-start;margin-top:40px}.settings-tab-section.cloudinary-welcome .settings-tab-section-fields-dashboard-description{width:55%;margin:0 auto 0 0}.settings-tab-section.cloudinary-welcome .settings-tab-section-fields-dashboard-content{width:35%;margin:0 auto}.settings-tab-section.cloudinary-welcome .settings-tab-section-fields-dashboard-content .dashicons{color:#9ea3a8}.settings-tab-section.cloudinary-welcome .settings-tab-section-card{margin-top:0}.settings-tab-section-fields .field-heading th{display:block;width:auto;color:#23282d;font-size:1.1em;margin:1em 0}.settings-tab-section-fields .field-heading td{display:none;visibility:hidden}.settings-tab-section-fields .regular-textarea{width:100%;height:60px}.settings-tab-section-fields .dashicons{text-decoration:none;vertical-align:middle}.settings-tab-section-fields a .dashicons{color:#5f5f5f}.settings-tab-section-fields-dashboard-error{font-size:1.2em;color:#5f5f5f}.settings-tab-section-fields-dashboard-error.expanded{padding-top:40px;margin-bottom:25px}.settings-tab-section-fields-dashboard-error .dashicons{color:#ac0000}.settings-tab-section-fields-dashboard-error .button{font-size:1.1em;height:40px;line-height:40px;padding-right:40px;padding-left:40px}.settings-tab-section-fields-dashboard-success{font-size:1.2em;color:#23282d}.settings-tab-section-fields-dashboard-success.expanded{padding-top:40px;margin-bottom:25px}.settings-tab-section-fields-dashboard-success .dashicons{color:#4fb651}.settings-tab-section-fields-dashboard-success .button{font-size:1.1em;height:40px;line-height:40px;padding-right:40px;padding-left:40px}.settings-tab-section-fields-dashboard-success .description{color:#5f5f5f;font-weight:400;margin-top:12px}.settings-tab-section-card{box-sizing:border-box;border:1px solid #e5e5e5;background-color:#fff;box-shadow:0 1px 1px 0 rgba(0,0,0,.07);padding:20px 23px;margin-top:12px}.settings-tab-section-card .dashicons{font-size:1.4em}.settings-tab-section-card h2{font-size:1.8em;font-weight:400;margin-top:0}.settings-tab-section-card.pull-right{width:450px;padding:12px;float:right;position:relative;z-index:10}.settings-tab-section-card.pull-right img.settings-image{box-shadow:0 2px 4px 0 rgba(0,0,0,.5);border:1px solid #979797;margin-top:12px}.settings-tab-section-card.pull-right h3,.settings-tab-section-card.pull-right h4{margin-top:0}.settings-tab-section .field-row-cloudinary_url,.settings-tab-section .field-row-signup{display:block}.settings-tab-section .field-row-cloudinary_url td,.settings-tab-section .field-row-cloudinary_url th,.settings-tab-section .field-row-signup td,.settings-tab-section .field-row-signup th{display:block;width:auto;padding:10px 0 0}.settings-tab-section .field-row-cloudinary_url td .sign-up,.settings-tab-section .field-row-cloudinary_url th .sign-up,.settings-tab-section .field-row-signup td .sign-up,.settings-tab-section .field-row-signup th .sign-up{vertical-align:baseline}.settings-tab-section.connect .form-table{display:inline-block;width:auto;max-width:580px}.settings-valid{color:#558b2f;font-size:30px}.settings-valid-field{border-color:#558b2f!important}.settings-invalid-field{border-color:#dd2c00!important}.settings-alert{display:inline-block;padding:5px 7px;box-shadow:0 1px 1px rgba(0,0,0,.04)}.settings-alert-info{background-color:#e9faff;border:1px solid #ccd0d4;border-left:4px solid #00a0d2}.settings-alert-warning{background-color:#fff5e9;border:1px solid #f6e7b6;border-left:4px solid #e3be38}.settings-alert-error{background-color:#ffe9e9;border:1px solid #d4cccc;border-left:4px solid #d20000}.field-radio input[type=radio].cld-field{margin:0 5px 0 0}.field-radio label{margin-right:10px}.settings-tab-section h2{margin:0}.cloudinary-collapsible{width:95%;padding:10px;margin:20px 0;background-color:#fff;border:1px solid #ccd0d4;box-shadow:0 1px 1px rgba(0,0,0,.04);box-sizing:border-box}.cloudinary-collapsible__toggle{cursor:pointer;display:flex;justify-content:space-between}.cloudinary-collapsible__toggle h2{margin:0!important}.cloudinary-collapsible__toggle button{border:none;margin:0;padding:0;width:auto;background-color:inherit;cursor:pointer}.cloudinary-deactivation .more{display:none}.cloudinary-deactivation input[type=radio]:checked~.more{color:#32373c;display:block;line-height:2;margin-left:2em;margin-top:.5em}.cloudinary-deactivation .modal-footer{background-color:#fcfcfc;border-top:1px solid #ddd;bottom:0;margin:0 -15px;padding:1em;position:absolute;width:calc(100% - 2em)}.cloudinary-deactivation .modal-footer .button-link{float:right}.cloudinary-deactivation .modal-footer .button-link:hover{background:transparent}.cloudinary-deactivation textarea{resize:none}.sync .spinner{display:inline-block;visibility:visible;float:none;margin:0 5px 0 0}.sync-media,.sync-media-progress{display:none}.sync-media-progress-outer{height:20px;margin:20px 0 10px;width:500px;background-color:#e5e5e5;position:relative}.sync-media-progress-outer .progress-bar{width:0;height:20px;background-color:#558b2f;transition:width .25s}.sync-media-progress-notice{color:#dd2c00}.sync-media-resource{width:100px;display:inline-block}.sync-media-error{color:#dd2c00}.sync-count{font-weight:700}.sync-details{margin-top:10px}.sync .button.start-sync,.sync .button.stop-sync{display:none;padding:0 16px}.sync .button.start-sync .dashicons,.sync .button.stop-sync .dashicons{line-height:2.2}.sync .progress-text{padding:12px 4px 12px 12px;display:inline-block;font-weight:700}.sync .completed{max-width:300px;display:none}.sync-status-disabled{color:#dd2c00}.sync-status-enabled{color:#558b2f}.sync-status-button.button{vertical-align:baseline}.cloudinary-widget{height:100%}.cloudinary-widget-wrapper{height:100%;overflow:hidden;background-image:url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0ic3Bpbm5lciIgdmlld0JveD0iLTQgLTQgMTUxIDEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48c3R5bGU+QGtleWZyYW1lcyBjb2xvcnN7MCUsdG97c3Ryb2tlOiMwMDc4ZmZ9NTAle3N0cm9rZTojMGUyZjVhfX1Aa2V5ZnJhbWVzIGRhc2h7MCUsdG97c3Ryb2tlLWRhc2hvZmZzZXQ6NTYwfTUwJXtzdHJva2UtZGFzaG9mZnNldDowfX1ALXdlYmtpdC1rZXlmcmFtZXMgY29sb3JzezAlLHRve3N0cm9rZTojMDA3OGZmfTUwJXtzdHJva2U6IzBlMmY1YX19QC13ZWJraXQta2V5ZnJhbWVzIGRhc2h7MCUsdG97c3Ryb2tlLWRhc2hvZmZzZXQ6NTYwfTUwJXtzdHJva2UtZGFzaG9mZnNldDowfX08L3N0eWxlPjxwYXRoIGQ9Ik0xMjEuNjYzIDkwLjYzOGMtMS43OTYgMC05OS4zMy0uNDk4LTEwMS40NzQtMS40NzhDOC42ODUgODMuODc3IDEuMjUgNzIuMTk2IDEuMjUgNTkuMzk2YzAtMTYuNjU2IDEyLjc5Ny0zMC42MSAyOS4wNTItMzIuMzIzIDcuNDktMTUuNzA2IDIzLjE4Ni0yNS43MDcgNDAuNzE0LTI1LjcwNyAyMC45OCAwIDM5LjIxNSAxNC43NTIgNDMuOTQ1IDM0LjkwNyAxNS4wOS4yNDUgMjcuMjkgMTIuNjMgMjcuMjkgMjcuODIyIDAgMTEuOTY4LTcuNzM4IDIyLjU1LTE5LjI1NiAyNi4zMyIgc3Ryb2tlLXdpZHRoPSI5IiBzdHJva2UtbGluZWNhcD0icm91bmQiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3R5bGU9InRyYW5zZm9ybS1vcmlnaW46Y2VudGVyOy13ZWJraXQtYW5pbWF0aW9uOmRhc2ggMnMgZWFzZS1pbi1vdXQgaW5maW5pdGUsY29sb3JzIDhzIGVhc2UtaW4tb3V0IGluZmluaXRlO2FuaW1hdGlvbjpkYXNoIDJzIGVhc2UtaW4tb3V0IGluZmluaXRlLGNvbG9ycyA4cyBlYXNlLWluLW91dCBpbmZpbml0ZSIgc3Ryb2tlLWRhc2hhcnJheT0iMjgwIi8+PC9zdmc+);background-repeat:no-repeat;background-position:50%;background-size:150px}.attachment-actions .button.edit-attachment,.attachment-info .edit-attachment{display:none}.global-transformations-preview{position:relative;max-width:600px}.global-transformations-spinner{display:none}.global-transformations-button.button-primary{display:none;position:absolute;z-index:100}.global-transformations-url{margin-bottom:5px;margin-top:5px}.global-transformations-url-transformation{max-width:100px;overflow:hidden;text-overflow:ellipsis;color:#51a3ff}.global-transformations-url-file{color:#f2d864}.global-transformations-url-link{display:block;padding:16px;background-color:#262c35;text-decoration:none;color:#fff;border-radius:6px;overflow:hidden;text-overflow:ellipsis}.global-transformations-url-link:hover{color:#888;text-decoration:underline}.cld-tax-order-list-item{border:1px solid #efefef;padding:4px;margin:0 0 -1px;background-color:#fff}.cld-tax-order-list-item.no-items{color:#888;text-align:center;display:none}.cld-tax-order-list-item.no-items:last-child{display:block}.cld-tax-order-list-item.ui-sortable-helper{box-shadow:0 2px 5px rgba(0,0,0,.2)}.cld-tax-order-list-item-placeholder{background-color:#efefef;height:45px;margin:0}.cld-tax-order-list-item-handle{cursor:grab;margin-right:4px;color:#999}.cld-tax-order-list-type{display:inline-block;margin-right:8px}.cld-tax-order-list-type input{margin-right:4px!important}.cloudinary-media-library{position:relative;margin-left:-20px}@media screen and (max-width:782px){.cloudinary-media-library{margin-left:-10px}}.cld-syncing{background:url(../css/loading.svg) no-repeat 50%;width:30px;height:20px;margin-left:12px;padding:4px;display:inline-block}.cld-footer{position:absolute;bottom:0;left:0;right:0;padding:0;color:#555d66}@media only screen and (min-width:783px){.cld-footer{margin-left:36px}}@media only screen and (min-width:960px){.cld-footer{margin-left:160px}}.cld-footer .cld-notice-box.is-success{border:0;background-color:#fff;color:#555;margin:0;padding:0}.cld-footer .cld-notice-box.is-success .cld-stars{margin-left:12px;text-decoration:none}.cld-footer .cld-notice-box.is-success .cld-stars .dashicons{position:inherit;color:#fd9d2c}.cld-footer .notice-dismiss:before{padding:6px 0 0;content:"\f335";font-size:1.4rem}.cld-tooltip{margin-left:2px;margin-top:1px;font-size:1rem}.cld-notice-box{box-shadow:0 0 2px rgba(0,0,0,.1);position:relative;margin-right:20px;margin-bottom:12px}.cld-notice-box .cld-notice{padding:1rem 2.2rem .75rem 1.2rem}.cld-notice-box .cld-notice img.cld-ui-icon{height:100%}.cld-notice-box.is-dismissible{padding-right:38px}.cld-notice-box.has-icon{padding-left:38px}.cld-notice-box.is-created,.cld-notice-box.is-success,.cld-notice-box.is-updated{background-color:#ebf5ec;border-left:4px solid #42ad4f}.cld-notice-box.is-created .dashicons,.cld-notice-box.is-success .dashicons,.cld-notice-box.is-updated .dashicons{color:#2a0}.cld-notice-box.is-error{background-color:#f8e8e7;border-left:4px solid #cb3435}.cld-notice-box.is-error .dashicons{color:#dd2c00}.cld-notice-box.is-warning{background-color:#fff7e5;border-left:4px solid #f2ad4c}.cld-notice-box.is-warning .dashicons{color:#fd9d2c}.cld-notice-box.is-info{background-color:#e4f4f8;border-left:4px solid #2a95c3}.cld-notice-box.is-info .dashicons{color:#3273ab}.cld-notice-box.is-neutral{background-color:#fff;border-left:4px solid #ccd0d4}.cld-notice-box.is-neutral .dashicons{color:#90a0b3}.cld-notice-box.dismissed{overflow:hidden;transition:height .3s ease-out}.cld-notice-box .cld-ui-icon,.cld-notice-box .dashicons{position:absolute;top:14px;left:19px}.cld-ui-collapse{align-self:center;padding:0 .45rem;cursor:pointer}.cld-ui-title.collapsible{cursor:pointer}.cld-ui-conditional.closed,.cld-ui-wrap.closed{display:none}.cld-ui-wrap .cld-row{margin:0 -1.75em;clear:both}.cld-ui-wrap .cld-column{padding:0 1.75em;float:left;width:100%;box-sizing:border-box}@media only screen and (min-width:783px){.cld-ui-wrap .cld-column.column-45{width:45%}.cld-ui-wrap .cld-column.column-55{width:55%}}.cld-ui-wrap .cld-row:after{content:"";clear:both;display:table}.cld-image-preview,.cld-video-preview{background-color:hsla(0,0%,84.7%,.5);padding:7px;border-radius:5px}.cld-image-preview-wrapper,.cld-video-preview-wrapper{position:relative}.cld-image-preview .cld-ui-title,.cld-video-preview .cld-ui-title{margin:0 0 .4rem;font-weight:400}.cld-image-preview img,.cld-video-preview img{width:100%}.cld-page-header{padding:1.2rem;align-items:center;margin-bottom:1em}.cld-page-header,.cld-page-tabs{background-color:#fff;display:flex;margin-left:-20px}.cld-page-tabs{border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;padding:0 1rem;margin-top:-1em;flex-wrap:wrap}.cld-page-tabs-tab{list-style:none;text-indent:0;margin-bottom:0}.cld-page-tabs-tab a{display:block;padding:1rem 2rem;text-decoration:none;font-weight:500;color:#000001;text-align:center;white-space:nowrap}.cld-page-tabs-tab.is-active a{color:#3273ab;border-bottom:2px solid #3273ab}.cld-group hr{border-top:1px solid #e5e5e5;margin:1.5rem 0;clear:both}.cld-group-heading{display:flex}.cld-group-heading h3{font-size:.9rem}.cld-input{margin-bottom:1.4rem;display:block}.cld-input-label{font-weight:700;display:block}.cld-input .regular-number,.cld-input .regular-text{border:1px solid #d0d0d0;border-radius:3px;padding:.1rem .5rem;width:100%}.cld-input .regular-number-small,.cld-input .regular-text-small{width:40%}.cld-input .prefixed{width:40%;margin-left:6px}.cld-input .suffixed{width:40%;margin-right:6px}.cld-input .regular-number{width:100px}.cld-input .regular-select{margin-top:.6rem;display:block;appearance:none;width:100%;border:1px solid #d0d0d0;border-radius:3px;padding:.1rem .5rem}.cld-input-on-off{display:flex;align-items:center}.cld-input-on-off-control{position:relative;display:inline-block;width:43px;height:24px;margin-right:.4rem}.cld-input-on-off-control input{opacity:0;width:0;height:0}.cld-input-on-off-control-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#90a0b3;-webkit-transition:.4s;transition:.3s;border-radius:34px}input:checked+.cld-input-on-off-control-slider{background-color:#2a0}.cld-input-on-off-control-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;-webkit-transition:.2s;transition:.2s;border-radius:50%}input:checked+.cld-input-on-off-control-slider:before{-webkit-transform:translateX(19px);-ms-transform:translateX(19px);transform:translateX(19px)}.cld-input-checkbox-label,.cld-input-radio-label{display:block;margin-bottom:.4rem}.cld-input-checkbox-label.list-inline,.cld-input-radio-label.list-inline{display:inline-block;margin-right:.4rem}.cld-info-box,.cld-panel,.cld-panel-short,.cld-submit,.cld-switch-cloud{background-color:#fff;border:1px solid #e5e5e5;margin-right:1rem;max-width:870px}.cld-submit,.cld-switch-cloud{border-top:0;padding:1.2rem 1.75rem}.cld-info-box,.cld-panel,.cld-panel-short{margin-top:1rem;padding:2rem 1.75rem}.cld-info-box-inner,.cld-panel-inner,.cld-panel-short-inner{padding:1.3rem;margin:1em 0;background-color:hsla(0,0%,86.3%,.2);border:1px solid #e5e5e5}.cld-info-box-inner h2,.cld-panel-inner h2,.cld-panel-short-inner h2{color:#3273ab}.cld-info-box .cld-input-label,.cld-panel-short .cld-input-label,.cld-panel .cld-input-label{margin-bottom:.6rem}.cld-info-box.has-heading,.cld-panel-short.has-heading,.cld-panel.has-heading{margin-top:0}.cld-info-box-heading,.cld-panel-heading,.cld-panel-short-heading{display:flex;border-bottom:0;padding:.4rem 1.75rem .2rem}.cld-info-box-heading img,.cld-panel-heading img,.cld-panel-short-heading img{margin-right:.6rem}.cld-info-box ul,.cld-panel-short ul,.cld-panel ul{padding:0 3em;list-style:initial}.cld-info-box .cld-plan,.cld-panel-short .cld-plan,.cld-panel .cld-plan{color:#3273ab;font-weight:700;font-size:1.5em}.cld-info-box .stat-boxes,.cld-panel-short .stat-boxes,.cld-panel .stat-boxes{border:1px solid #e5e5e5;font-size:1.2em}.cld-info-box .stat-boxes .box,.cld-panel-short .stat-boxes .box,.cld-panel .stat-boxes .box{border-bottom:1px solid #e5e5e5;padding:2rem;text-align:center}.cld-info-box .stat-boxes .box:last-of-type,.cld-panel-short .stat-boxes .box:last-of-type,.cld-panel .stat-boxes .box:last-of-type{border-bottom:none}.cld-info-box .stat-boxes .box .cld-ui-icon,.cld-panel-short .stat-boxes .box .cld-ui-icon,.cld-panel .stat-boxes .box .cld-ui-icon{width:35px;height:35px}.cld-info-box .stat-boxes .icon,.cld-panel-short .stat-boxes .icon,.cld-panel .stat-boxes .icon{height:50px;margin-right:.5em;width:50px}.cld-info-box .stat-boxes h3,.cld-panel-short .stat-boxes h3,.cld-panel .stat-boxes h3{margin-bottom:1.5rem;margin-top:2.4rem}.cld-info-box .stat-boxes .limit,.cld-panel-short .stat-boxes .limit,.cld-panel .stat-boxes .limit{font-size:2em;font-weight:700;margin-right:.5em;white-space:nowrap}.cld-info-box .stat-boxes .usage,.cld-panel-short .stat-boxes .usage,.cld-panel .stat-boxes .usage{color:#3273ab;font-size:1.5em;font-weight:400}@media only screen and (min-width:783px){.cld-info-box .stat-boxes,.cld-panel-short .stat-boxes,.cld-panel .stat-boxes{display:flex;flex-wrap:nowrap;font-size:1em}.cld-info-box .stat-boxes .box,.cld-panel-short .stat-boxes .box,.cld-panel .stat-boxes .box{border-bottom:none;border-right:1px solid #e5e5e5;flex-grow:1}.cld-info-box .stat-boxes .box:last-of-type,.cld-panel-short .stat-boxes .box:last-of-type,.cld-panel .stat-boxes .box:last-of-type{border-right:none}}@media only screen and (min-width:1200px){.cld-info-box .stat-boxes,.cld-panel-short .stat-boxes,.cld-panel .stat-boxes{font-size:1.2em}}.cld-info-box .img-connection-string,.cld-panel-short .img-connection-string,.cld-panel .img-connection-string{max-width:607px;width:100%}.cld-info-box .connection-string,.cld-panel-short .connection-string,.cld-panel .connection-string{max-width:40em;width:100%}.cld-info-box .media-status-box,.cld-info-box .stat-boxes,.cld-panel-short .media-status-box,.cld-panel-short .stat-boxes,.cld-panel .media-status-box,.cld-panel .stat-boxes{border:1px solid #e5e5e5}.cld-info-box .media-status-box,.cld-panel-short .media-status-box,.cld-panel .media-status-box{padding:2rem;text-align:center}.cld-info-box .media-status-box .status,.cld-panel-short .media-status-box .status,.cld-panel .media-status-box .status{font-size:2rem;font-weight:700;margin-right:.5em}.cld-info-box .media-status-box .cld-ui-icon,.cld-panel-short .media-status-box .cld-ui-icon,.cld-panel .media-status-box .cld-ui-icon{width:35px;height:35px}.cld-info-box .notification,.cld-panel-short .notification,.cld-panel .notification{display:inline-flex;font-weight:700;padding:1.5rem}.cld-info-box .notification-success,.cld-panel-short .notification-success,.cld-panel .notification-success{background-color:rgba(32,184,50,.2);border:2px solid #20b832}.cld-info-box .notification-success:before,.cld-panel-short .notification-success:before,.cld-panel .notification-success:before{color:#20b832}.cld-info-box .notification-syncing,.cld-panel-short .notification-syncing,.cld-panel .notification-syncing{background-color:rgba(50,115,171,.2);border:2px solid #3273ab;text-decoration:none;color:#444}.cld-info-box .notification-syncing:before,.cld-panel-short .notification-syncing:before,.cld-panel .notification-syncing:before{color:#3273ab;-webkit-animation:spin 1s infinite running;-moz-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.cld-info-box .notification:before,.cld-panel-short .notification:before,.cld-panel .notification:before{margin-right:.5em}.cld-info-box{display:flex;flex-direction:column}@media only screen and (min-width:783px){.cld-info-box{flex-direction:row}}.cld-info-box a.button,.cld-info-box img{align-self:center}.cld-info-box .cld-ui-body{margin:0 1.2rem}.cld-panel-short{min-width:270px;width:auto;display:inline-block}.cld-gallery-settings{width:100%;display:flex;flex-wrap:wrap;padding:1rem 0;box-sizing:border-box}@media only screen and (min-width:960px){.cld-gallery-settings{margin-left:-1rem;margin-right:-1rem}}.cld-gallery-settings__column{box-sizing:border-box;width:100%}@media only screen and (min-width:960px){.cld-gallery-settings__column{padding-left:1rem;padding-right:1rem;width:50%}}.components-base-control__field select{display:block;margin:1rem 0}.components-range-control__wrapper{margin:0!important}.components-range-control__root{flex-direction:row-reverse;margin:1rem 0}.components-input-control.components-number-control.components-range-control__number{margin-left:0!important;margin-right:16px}.components-panel{border:0!important}.components-panel__body:first-child{border-top:0!important}.components-panel__body:last-child{border-bottom:0!important}.components-textarea-control__input{display:block;width:100%;margin:.5rem 0}.tippy-box[data-theme~=cloudinary]{background-color:rgba(0,0,0,.8);color:#fff;font-size:.8em}
\ No newline at end of file