diff --git a/css/cloudinary.css b/css/cloudinary.css index 321562ea..7160e789 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{background-color:#333;border-radius:4px;color:#fff;font-size:14px;line-height:1.4;outline:0;position:relative;transition-property:transform,visibility,opacity;white-space:normal}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{border-top-color:initial;border-width:8px 8px 0;bottom:-7px;left:0;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{border-bottom-color:initial;border-width:0 8px 8px;left:0;top:-7px;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-left-color:initial;border-width:8px 0 8px 8px;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{border-right-color:initial;border-width:8px 8px 8px 0;left:-7px;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{color:#333;height:16px;width:16px}.tippy-arrow:before{border-color:transparent;border-style:solid;content:"";position:absolute}.tippy-content{padding:5px 9px;position:relative;z-index:1}@font-face{font-family:cloudinary;font-style:normal;font-weight:500;src:url(../css/fonts/cloudinary.d1a91c7f695026fd20974570349bc540.eot);src:url(../css/fonts/cloudinary.d1a91c7f695026fd20974570349bc540.eot#iefix) format("embedded-opentype"),url(../css/fonts/cloudinary.3b839e5145ad58edde0191367a5a96f0.woff) format("woff"),url(../css/fonts/cloudinary.d8de6736f15e12f71ac22a2d374002e5.ttf) format("truetype"),url(../css/images/cloudinary.svg#cloudinary) format("svg")}.dashicons-cloudinary{speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none}.dashicons-cloudinary:before{content:"\e900";font-family:cloudinary,monospace!important}.dashicons-cloudinary-media:before{content:"\e905";font-family:cloudinary,monospace!important}.dashicons-cloudinary-dam:before{content:"\e906";font-family:cloudinary,monospace!important}.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"}.dashicons-cloudinary.media:before{content:"\e905"}.dashicons-cloudinary.dam:before{content:"\e906"}.column-cld_status{width:5.5em}.column-cld_status .dashicons-cloudinary,.column-cld_status .dashicons-cloudinary-dam{display:inline-block}.column-cld_status .dashicons-cloudinary-dam:before,.column-cld_status .dashicons-cloudinary:before{font-size:1.8rem}.form-field .error-notice,.form-table .error-notice{color:#dd2c00;display:none}.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/images/logo.svg);background-position:top 12px right 20px;background-repeat:no-repeat;background-size:153px}.cloudinary-stats{display:inline-block;margin-left:25px}.cloudinary-stat{cursor:help}.cloudinary-percent{color:#0071ba;font-size:.8em;vertical-align:top}.cld_transformations__icons{color:#333b4c;display:flex;gap:20px;margin-block:5px}.cld_transformations__icons:hover{color:#333b4c}.cld_transformations__icon{opacity:.5}.cld_transformations__icon--active{color:#0071ba;opacity:1}.cld_transformations__icon svg{height:18px;width:18px}.cld_transformations__icon svg path{fill:currentColor}.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{max-width:1030px;padding:20px 0 0;position:relative}.settings-tab-section.cloudinary-welcome .settings-tab-section-fields-dashboard{align-content:flex-start;align-items:flex-start;display:flex;margin-top:40px}.settings-tab-section.cloudinary-welcome .settings-tab-section-fields-dashboard-description{margin:0 auto 0 0;width:55%}.settings-tab-section.cloudinary-welcome .settings-tab-section-fields-dashboard-content{margin:0 auto;width:35%}.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{color:#23282d;display:block;font-size:1.1em;margin:1em 0;width:auto}.settings-tab-section-fields .field-heading td{display:none;visibility:hidden}.settings-tab-section-fields .regular-textarea{height:60px;width:100%}.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{color:#5f5f5f;font-size:1.2em}.settings-tab-section-fields-dashboard-error.expanded{margin-bottom:25px;padding-top:40px}.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-left:40px;padding-right:40px}.settings-tab-section-fields-dashboard-success{color:#23282d;font-size:1.2em}.settings-tab-section-fields-dashboard-success.expanded{margin-bottom:25px;padding-top:40px}.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-left:40px;padding-right:40px}.settings-tab-section-fields-dashboard-success .description{color:#5f5f5f;font-weight:400;margin-top:12px}.settings-tab-section-card{background-color:#fff;border:1px solid #e5e5e5;box-shadow:0 1px 1px 0 rgba(0,0,0,.07);box-sizing:border-box;margin-top:12px;padding:20px 23px}.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{float:right;padding:12px;position:relative;width:450px;z-index:10}.settings-tab-section-card.pull-right img.settings-image{border:1px solid #979797;box-shadow:0 2px 4px 0 rgba(0,0,0,.5);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;padding:10px 0 0;width:auto}.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;max-width:580px;width:auto}.settings-valid{color:#558b2f;font-size:30px}.settings-valid-field{border-color:#558b2f!important}.settings-invalid-field{border-color:#dd2c00!important}.settings-alert{box-shadow:0 1px 1px rgba(0,0,0,.04);display:inline-block;padding:5px 7px}.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{background-color:#fff;border:1px solid #ccd0d4;box-shadow:0 1px 1px rgba(0,0,0,.04);box-sizing:border-box;margin:20px 0;padding:10px;width:95%}.cloudinary-collapsible__toggle{cursor:pointer;display:flex}.cloudinary-collapsible__toggle h2{margin:0!important}.cloudinary-collapsible__toggle button{background-color:inherit;border:none;cursor:pointer;margin:0 0 0 auto;padding:0;width:auto}.cloudinary-collapsible__toggle .cld-ui-icon{margin-right:6px;width:24px}.cloudinary-collapsible__content .cld-ui-title{margin:3em 0 1em}.cloudinary-collapsible__content .cld-more-details{margin-top:2em}.sync .spinner{display:inline-block;float:none;margin:0 5px 0 0;visibility:visible}.sync-media,.sync-media-progress{display:none}.sync-media-progress-outer{background-color:#e5e5e5;height:20px;margin:20px 0 10px;position:relative;width:500px}.sync-media-progress-outer .progress-bar{background-color:#558b2f;height:20px;transition:width .25s;width:0}.sync-media-progress-notice{color:#dd2c00}.sync-media-resource{display:inline-block;width:100px}.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{display:inline-block;font-weight:700;padding:12px 4px 12px 12px}.sync .completed{display:none;max-width:300px}.sync-status-disabled{color:#dd2c00}.sync-status-enabled{color:#558b2f}.sync-status-button.button{vertical-align:baseline}.cloudinary-widget{height:100%}.cloudinary-widget-wrapper{background-image:url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0ic3Bpbm5lciIgdmlld0JveD0iLTQgLTQgMTUxIDEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PCFbQ0RBVEFbCiAgICAgIEBrZXlmcmFtZXMgY29sb3JzIHsKICAgICAgICAwJSB7IHN0cm9rZTogIzAwNzhGRjsgfQogICAgICAgICAgNTAlIHsgc3Ryb2tlOiAjMGUyZjVhOyB9CiAgICAgICAgICAxMDAlIHsgc3Ryb2tlOiAjMDA3OEZGOyB9CiAgICAgIH0KCiAgICAgIEBrZXlmcmFtZXMgZGFzaCB7CiAgICAgICAwJSB7IHN0cm9rZS1kYXNob2Zmc2V0OiA1NjA7IH0KICAgICAgIDUwJSB7CiAgICAgICAgICBzdHJva2UtZGFzaG9mZnNldDogMDsKICAgICAgIH0KICAgICAgIDEwMCUgeyAgIHN0cm9rZS1kYXNob2Zmc2V0OiA1NjA7IH0KICAgICAgfQogICAgICBALXdlYmtpdC1rZXlmcmFtZXMgY29sb3JzIHsKICAgICAgICAwJSB7IHN0cm9rZTogIzAwNzhmZjsgfQogICAgICAgICAgNTAlIHsgc3Ryb2tlOiAjMGUyZjVhOyB9CiAgICAgICAgICAxMDAlIHsgc3Ryb2tlOiAjMDA3OGZmOyB9CiAgICAgIH0KCiAgICAgIEAtd2Via2l0LWtleWZyYW1lcyBkYXNoIHsKICAgICAgIDAlIHsgc3Ryb2tlLWRhc2hvZmZzZXQ6IDU2MDsgfQogICAgICAgNTAlIHsKICAgICAgICAgIHN0cm9rZS1kYXNob2Zmc2V0OiAwOwogICAgICAgfQogICAgICAgMTAwJSB7ICAgc3Ryb2tlLWRhc2hvZmZzZXQ6IDU2MDsKICAgICAgIH0KICAgICAgfQogICAgICAucGF0aCB7CiAgICAgICAgc3Ryb2tlLWRhc2hhcnJheTogMjgwOwogICAgICAgIHN0cm9rZS1kYXNob2Zmc2V0OiAwOwogICAgICAgIHRyYW5zZm9ybS1vcmlnaW46IGNlbnRlcjsKICAgICAgICAtd2Via2l0LWFuaW1hdGlvbjoKICAgICAgICAgIGRhc2ggMnMgZWFzZS1pbi1vdXQgaW5maW5pdGUsIGNvbG9ycyA4cyBlYXNlLWluLW91dCBpbmZpbml0ZTsKICAgICAgICBhbmltYXRpb246CiAgICAgICAgICBkYXNoIDJzIGVhc2UtaW4tb3V0IGluZmluaXRlLCBjb2xvcnMgOHMgZWFzZS1pbi1vdXQgaW5maW5pdGU7CiAgICAgIH0KICAgIF1dPjwvc3R5bGU+CiAgPHBhdGggY2xhc3M9InBhdGgiIGQ9Ik0xMjEuNjYzIDkwLjYzOGMtMS43OTYgMC05OS4zMy0uNDk4LTEwMS40NzQtMS40NzhDOC42ODUgODMuODc3IDEuMjUgNzIuMTk2IDEuMjUgNTkuMzk2YzAtMTYuNjU2IDEyLjc5Ny0zMC42MSAyOS4wNTItMzIuMzIzIDcuNDktMTUuNzA2IDIzLjE4Ni0yNS43MDcgNDAuNzE0LTI1LjcwNyAyMC45OCAwIDM5LjIxNSAxNC43NTIgNDMuOTQ1IDM0LjkwNyAxNS4wOS4yNDUgMjcuMjkgMTIuNjMgMjcuMjkgMjcuODIyIDAgMTEuOTY4LTcuNzM4IDIyLjU1LTE5LjI1NiAyNi4zMyIgc3Ryb2tlLXdpZHRoPSI5IiBzdHJva2UtbGluZWNhcD0icm91bmQiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPgo8L3N2Zz4K);background-position:50%;background-repeat:no-repeat;background-size:150px;height:100%;overflow:hidden}.attachment-actions .button.edit-attachment,.attachment-info .edit-attachment{display:none}.setting.cld-overwrite input[type=checkbox]{margin-top:0}.global-transformations-preview{max-width:600px;position:relative}.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{color:#51a3ff;max-width:100px;overflow:hidden;text-overflow:ellipsis}.global-transformations-url-file{color:#f2d864}.global-transformations-url-link{background-color:#262c35;border-radius:6px;color:#fff;display:block;overflow:hidden;padding:16px;text-decoration:none;text-overflow:ellipsis}.global-transformations-url-link:hover{color:#888;text-decoration:underline}.cld-tax-order-list-item{background-color:#fff;border:1px solid #efefef;margin:0 0 -1px;padding:4px}.cld-tax-order-list-item.no-items{color:#888;display:none;text-align:center}.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{color:#999;cursor:grab;margin-right:4px}.cld-tax-order-list-type{display:inline-block;margin-right:8px}.cld-tax-order-list-type input{margin-right:4px!important}.cloudinary-media-library{margin-left:-20px;position:relative}@media screen and (max-width:782px){.cloudinary-media-library{margin-left:-10px}}.cld-ui-suffix{background-color:#e8e8e8;border-radius:4px;color:#999;display:inline-block;font-family:Courier New,Courier,monospace;font-size:12px;font-weight:700;line-height:1.7em;margin-left:13px;padding:4px 6px}.cld-ui-preview .cld-ui-header{margin-top:-1px}.cld-ui-preview .cld-ui-header:first-child{margin-top:13px}.cld-ui-collapse{align-self:center;cursor:pointer;padding:0 .45rem}.cld-ui-title{font-size:12px}.cld-ui-title h2{font-size:15px;font-weight:700;margin:6px 0 1px}.cld-ui-title.collapsible{cursor:pointer}.cld-ui-conditional .closed,.cld-ui-wrap .closed{display:none}.cld-ui-wrap .description{color:rgba(0,0,1,.5);font-size:12px}.cld-ui-wrap .cloudname{font-style:italic}.cld-ui-wrap .button:not(.wp-color-result){background-color:#3448c5;border:0;border-radius:4px;color:#fff;display:inline-block;font-size:11px;font-weight:700;margin:0;min-height:28px;padding:5px 14px;text-decoration:none}.cld-ui-wrap .button:active,.cld-ui-wrap .button:hover{background-color:#1e337f}.cld-ui-wrap .button:focus{background-color:#3448c5;border-color:#3448c5;box-shadow:0 0 0 1px #fff,0 0 0 3px #3448c5}.cld-ui-wrap .button.button-small,.cld-ui-wrap .button.button-small:hover{font-size:11px;line-height:2.18181818;min-height:26px;padding:0 8px}.cld-ui-wrap .button.wp-color-result{border-color:#d0d0d0}.cld-ui-wrap .button.hidden{display:none}.cld-ui-error{color:#dd2c00}.cld-referrer-link{display:inline-block;margin:12px 0 0;text-decoration:none}.cld-referrer-link span{margin-right:5px}.cld-special-offer{background-color:#ff5050;border-radius:4px 4px 0 0;color:#fff;font-size:14px;font-weight:700;margin:2em 0 0;padding:5px 14px;text-decoration:none}.cld-settings{margin-left:-20px}.cld-page-tabs{background-color:#fff;border-bottom:1px solid #e5e5e5;display:none;flex-wrap:nowrap;justify-content:center;margin:-20px -18px 20px;padding:0!important}@media only screen and (max-width:1200px){.cld-page-tabs{display:flex}}.cld-page-tabs-tab{list-style:none;margin-bottom:0;text-indent:0;width:100%}.cld-page-tabs-tab button{background:transparent;border:0;color:#000001;cursor:pointer;display:block;font-weight:500;padding:1rem 2rem;text-align:center;white-space:nowrap;width:100%}.cld-page-tabs-tab button.is-active{border-bottom:2px solid #3448c5;color:#3448c5}.cld-page-header{align-items:center;background-color:#3448c5;display:flex;flex-direction:column;justify-content:space-between;margin-bottom:0;padding:16px}@media only screen and (min-width:783px){.cld-page-header{flex-direction:row}}.cld-page-header img{width:150px}.cld-page-header-button{background-color:#1e337f;border-radius:4px;color:#fff;display:inline-block;font-weight:700;margin:1em 0 0 9px;padding:5px 14px;text-decoration:none}@media only screen and (min-width:783px){.cld-page-header-button{margin-top:0}}.cld-page-header-button:focus,.cld-page-header-button:hover{color:#fff;text-decoration:none}.cld-page-header-logo{align-items:center;display:flex}.cld-page-header-logo .version{color:#fff;font-size:10px;margin-left:12px}.cld-page-header p{font-size:11px;margin:0}.cld-cron,.cld-info-box,.cld-panel,.cld-panel-short{background-color:#fff;border:1px solid #c6d1db}.cld-panel.full-width,.full-width.cld-cron,.full-width.cld-info-box,.full-width.cld-panel-short{max-width:100%}.cld-cron,.cld-info-box,.cld-panel,.cld-panel-short{margin-top:13px;padding:23px 24px}.cld-panel.has-heading,.has-heading.cld-cron,.has-heading.cld-info-box,.has-heading.cld-panel-short{border-top:0;margin-top:0}.cld-panel-heading{display:flex;justify-content:space-between;padding:19px 23px;position:relative}.cld-panel-heading.full-width{max-width:100%}.cld-panel-heading img{margin-right:.6rem}.cld-panel-heading.collapsible{cursor:pointer;padding-right:1rem}.cld-panel-inner{background-color:hsla(0,0%,86%,.2);border:1px solid #e5e5e5;margin:1em 0;padding:1.3rem}.cld-panel-inner h2{color:#3273ab}.cld-cron hr,.cld-info-box hr,.cld-panel hr,.cld-panel-short hr{border-top:1px solid #e5e5e5;clear:both;margin:19px 0 20px}.cld-cron ul,.cld-info-box ul,.cld-panel ul,.cld-panel-short ul{list-style:initial;padding:0 3em}.cld-cron .stat-boxes,.cld-info-box .stat-boxes,.cld-panel .stat-boxes,.cld-panel-short .stat-boxes{border:1px solid #e5e5e5;font-size:1.2em}.cld-cron .stat-boxes .box,.cld-info-box .stat-boxes .box,.cld-panel .stat-boxes .box,.cld-panel-short .stat-boxes .box{border-bottom:1px solid #e5e5e5;padding:2rem;text-align:center}.cld-cron .stat-boxes .box:last-of-type,.cld-info-box .stat-boxes .box:last-of-type,.cld-panel .stat-boxes .box:last-of-type,.cld-panel-short .stat-boxes .box:last-of-type{border-bottom:none}.cld-cron .stat-boxes .box .cld-ui-icon,.cld-info-box .stat-boxes .box .cld-ui-icon,.cld-panel .stat-boxes .box .cld-ui-icon,.cld-panel-short .stat-boxes .box .cld-ui-icon{height:35px;width:35px}.cld-cron .stat-boxes .icon,.cld-info-box .stat-boxes .icon,.cld-panel .stat-boxes .icon,.cld-panel-short .stat-boxes .icon{height:50px;margin-right:.5em;width:50px}.cld-cron .stat-boxes h3,.cld-info-box .stat-boxes h3,.cld-panel .stat-boxes h3,.cld-panel-short .stat-boxes h3{margin-bottom:1.5rem;margin-top:2.4rem}.cld-cron .stat-boxes .limit,.cld-info-box .stat-boxes .limit,.cld-panel .stat-boxes .limit,.cld-panel-short .stat-boxes .limit{font-size:2em;font-weight:700;margin-right:.5em;white-space:nowrap}.cld-cron .stat-boxes .usage,.cld-info-box .stat-boxes .usage,.cld-panel .stat-boxes .usage,.cld-panel-short .stat-boxes .usage{color:#3273ab;font-size:1.5em;font-weight:400}@media only screen and (min-width:783px){.cld-cron .stat-boxes,.cld-info-box .stat-boxes,.cld-panel .stat-boxes,.cld-panel-short .stat-boxes{display:flex;flex-wrap:nowrap;font-size:1em}.cld-cron .stat-boxes .box,.cld-info-box .stat-boxes .box,.cld-panel .stat-boxes .box,.cld-panel-short .stat-boxes .box{border-bottom:none;border-right:1px solid #e5e5e5;flex-grow:1}.cld-cron .stat-boxes .box:last-of-type,.cld-info-box .stat-boxes .box:last-of-type,.cld-panel .stat-boxes .box:last-of-type,.cld-panel-short .stat-boxes .box:last-of-type{border-right:none}}@media only screen and (min-width:1200px){.cld-cron .stat-boxes,.cld-info-box .stat-boxes,.cld-panel .stat-boxes,.cld-panel-short .stat-boxes{font-size:1.2em}}.cld-cron .img-connection-string,.cld-info-box .img-connection-string,.cld-panel .img-connection-string,.cld-panel-short .img-connection-string{width:100%}.cld-cron .media-status-box,.cld-cron .stat-boxes,.cld-info-box .media-status-box,.cld-info-box .stat-boxes,.cld-panel .media-status-box,.cld-panel .stat-boxes,.cld-panel-short .media-status-box,.cld-panel-short .stat-boxes{border:1px solid #e5e5e5}.cld-cron .media-status-box,.cld-info-box .media-status-box,.cld-panel .media-status-box,.cld-panel-short .media-status-box{padding:2rem;text-align:center}.cld-cron .media-status-box .status,.cld-info-box .media-status-box .status,.cld-panel .media-status-box .status,.cld-panel-short .media-status-box .status{font-size:2rem;font-weight:700;margin-right:.5em}.cld-cron .media-status-box .cld-ui-icon,.cld-info-box .media-status-box .cld-ui-icon,.cld-panel .media-status-box .cld-ui-icon,.cld-panel-short .media-status-box .cld-ui-icon{height:35px;width:35px}.cld-cron .notification,.cld-info-box .notification,.cld-panel .notification,.cld-panel-short .notification{display:inline-flex;font-weight:700;padding:1.5rem}.cld-cron .notification-success,.cld-info-box .notification-success,.cld-panel .notification-success,.cld-panel-short .notification-success{background-color:rgba(32,184,50,.2);border:2px solid #20b832}.cld-cron .notification-success:before,.cld-info-box .notification-success:before,.cld-panel .notification-success:before,.cld-panel-short .notification-success:before{color:#20b832}.cld-cron .notification-syncing,.cld-info-box .notification-syncing,.cld-panel .notification-syncing,.cld-panel-short .notification-syncing{background-color:rgba(50,115,171,.2);border:2px solid #3273ab;color:#444;text-decoration:none}.cld-cron .notification-syncing:before,.cld-info-box .notification-syncing:before,.cld-panel .notification-syncing:before,.cld-panel-short .notification-syncing:before{-webkit-animation:spin 1s infinite running;-moz-animation:spin 1s linear infinite;animation:spin 1s linear infinite;color:#3273ab}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.cld-cron .notification:before,.cld-info-box .notification:before,.cld-panel .notification:before,.cld-panel-short .notification:before{margin-right:.5em}.cld-cron .help-wrap,.cld-info-box .help-wrap,.cld-panel .help-wrap,.cld-panel-short .help-wrap{align-items:stretch;display:flex;flex-direction:row;flex-grow:1;justify-content:flex-start}@media only screen and (max-width:783px){.cld-cron .help-wrap,.cld-info-box .help-wrap,.cld-panel .help-wrap,.cld-panel-short .help-wrap{flex-direction:column;gap:20px}}.cld-cron .help-wrap .help-box .large-button,.cld-info-box .help-wrap .help-box .large-button,.cld-panel .help-wrap .help-box .large-button,.cld-panel-short .help-wrap .help-box .large-button{background:#fff;border-radius:4px;box-shadow:0 1px 8px 0 rgba(0,0,0,.3);color:initial;display:block;height:100%;text-decoration:none}.cld-cron .help-wrap .help-box .large-button:hover,.cld-info-box .help-wrap .help-box .large-button:hover,.cld-panel .help-wrap .help-box .large-button:hover,.cld-panel-short .help-wrap .help-box .large-button:hover{background-color:#eaecfa;box-shadow:0 1px 8px 0 rgba(0,0,0,.5)}.cld-cron .help-wrap .help-box .large-button .cld-ui-wrap,.cld-info-box .help-wrap .help-box .large-button .cld-ui-wrap,.cld-panel .help-wrap .help-box .large-button .cld-ui-wrap,.cld-panel-short .help-wrap .help-box .large-button .cld-ui-wrap{padding-bottom:.5em}.cld-cron .help-wrap .help-box img,.cld-info-box .help-wrap .help-box img,.cld-panel .help-wrap .help-box img,.cld-panel-short .help-wrap .help-box img{border-radius:4px 4px 0 0;width:100%}.cld-cron .help-wrap .help-box div,.cld-cron .help-wrap .help-box h4,.cld-info-box .help-wrap .help-box div,.cld-info-box .help-wrap .help-box h4,.cld-panel .help-wrap .help-box div,.cld-panel .help-wrap .help-box h4,.cld-panel-short .help-wrap .help-box div,.cld-panel-short .help-wrap .help-box h4{padding:0 12px}.cld-panel-short{display:inline-block;min-width:270px;width:auto}.cld-info-box{align-items:stretch;border-radius:4px;display:flex;margin:0 0 19px;max-width:500px;padding:0}@media only screen and (min-width:783px){.cld-info-box{flex-direction:row}}.cld-info-box .cld-ui-title h2{font-size:15px;margin:0 0 6px}.cld-info-box .cld-info-icon{background-color:#eaecfa;border-radius:4px 0 0 4px;display:flex;justify-content:center;text-align:center;vertical-align:center;width:49px}.cld-info-box .cld-info-icon img{width:24px}.cld-info-box a.button,.cld-info-box img{align-self:center}.cld-info-box .cld-ui-body{display:inline-block;font-size:12px;line-height:normal;margin:0 auto;padding:12px 9px;width:100%}.cld-info-box-text{color:rgba(0,0,1,.5);font-size:12px}.cld-submit,.cld-switch-cloud{background-color:#fff;border:1px solid #c6d1db;border-top:0;padding:1.2rem 1.75rem}.cld-panel.closed+.cld-submit,.cld-panel.closed+.cld-switch-cloud,.closed.cld-cron+.cld-submit,.closed.cld-cron+.cld-switch-cloud,.closed.cld-info-box+.cld-submit,.closed.cld-info-box+.cld-switch-cloud,.closed.cld-panel-short+.cld-submit,.closed.cld-panel-short+.cld-switch-cloud{display:none}.cld-stat-percent{align-items:center;display:flex;justify-content:flex-start;line-height:1}.cld-stat-percent h2{color:#54c8db;font-size:48px;margin:0 12px 0 0}.cld-stat-percent-text{font-weight:700}.cld-stat-legend{display:flex;font-weight:700;margin:0 0 16px 12px;min-width:200px}.cld-stat-legend-dot{border-radius:50%;display:inline-block;height:20px;margin-right:6px;width:20px}.cld-stat-legend-dot.blue-dot{background-color:#2e49cd}.cld-stat-legend-dot.aqua-dot{background-color:#54c8db}.cld-stat-legend-dot.red-dot{background-color:#e12600}.cld-stat-text{font-weight:700;margin:.75em 0}.cld-stat-text.cld-link-button{margin:.75em 0}.cld-loading{background-image:url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0ic3Bpbm5lciIgdmlld0JveD0iLTQgLTQgMTUxIDEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PCFbQ0RBVEFbCiAgICAgIEBrZXlmcmFtZXMgY29sb3JzIHsKICAgICAgICAwJSB7IHN0cm9rZTogIzAwNzhGRjsgfQogICAgICAgICAgNTAlIHsgc3Ryb2tlOiAjMGUyZjVhOyB9CiAgICAgICAgICAxMDAlIHsgc3Ryb2tlOiAjMDA3OEZGOyB9CiAgICAgIH0KCiAgICAgIEBrZXlmcmFtZXMgZGFzaCB7CiAgICAgICAwJSB7IHN0cm9rZS1kYXNob2Zmc2V0OiA1NjA7IH0KICAgICAgIDUwJSB7CiAgICAgICAgICBzdHJva2UtZGFzaG9mZnNldDogMDsKICAgICAgIH0KICAgICAgIDEwMCUgeyAgIHN0cm9rZS1kYXNob2Zmc2V0OiA1NjA7IH0KICAgICAgfQogICAgICBALXdlYmtpdC1rZXlmcmFtZXMgY29sb3JzIHsKICAgICAgICAwJSB7IHN0cm9rZTogIzAwNzhmZjsgfQogICAgICAgICAgNTAlIHsgc3Ryb2tlOiAjMGUyZjVhOyB9CiAgICAgICAgICAxMDAlIHsgc3Ryb2tlOiAjMDA3OGZmOyB9CiAgICAgIH0KCiAgICAgIEAtd2Via2l0LWtleWZyYW1lcyBkYXNoIHsKICAgICAgIDAlIHsgc3Ryb2tlLWRhc2hvZmZzZXQ6IDU2MDsgfQogICAgICAgNTAlIHsKICAgICAgICAgIHN0cm9rZS1kYXNob2Zmc2V0OiAwOwogICAgICAgfQogICAgICAgMTAwJSB7ICAgc3Ryb2tlLWRhc2hvZmZzZXQ6IDU2MDsKICAgICAgIH0KICAgICAgfQogICAgICAucGF0aCB7CiAgICAgICAgc3Ryb2tlLWRhc2hhcnJheTogMjgwOwogICAgICAgIHN0cm9rZS1kYXNob2Zmc2V0OiAwOwogICAgICAgIHRyYW5zZm9ybS1vcmlnaW46IGNlbnRlcjsKICAgICAgICAtd2Via2l0LWFuaW1hdGlvbjoKICAgICAgICAgIGRhc2ggMnMgZWFzZS1pbi1vdXQgaW5maW5pdGUsIGNvbG9ycyA4cyBlYXNlLWluLW91dCBpbmZpbml0ZTsKICAgICAgICBhbmltYXRpb246CiAgICAgICAgICBkYXNoIDJzIGVhc2UtaW4tb3V0IGluZmluaXRlLCBjb2xvcnMgOHMgZWFzZS1pbi1vdXQgaW5maW5pdGU7CiAgICAgIH0KICAgIF1dPjwvc3R5bGU+CiAgPHBhdGggY2xhc3M9InBhdGgiIGQ9Ik0xMjEuNjYzIDkwLjYzOGMtMS43OTYgMC05OS4zMy0uNDk4LTEwMS40NzQtMS40NzhDOC42ODUgODMuODc3IDEuMjUgNzIuMTk2IDEuMjUgNTkuMzk2YzAtMTYuNjU2IDEyLjc5Ny0zMC42MSAyOS4wNTItMzIuMzIzIDcuNDktMTUuNzA2IDIzLjE4Ni0yNS43MDcgNDAuNzE0LTI1LjcwNyAyMC45OCAwIDM5LjIxNSAxNC43NTIgNDMuOTQ1IDM0LjkwNyAxNS4wOS4yNDUgMjcuMjkgMTIuNjMgMjcuMjkgMjcuODIyIDAgMTEuOTY4LTcuNzM4IDIyLjU1LTE5LjI1NiAyNi4zMyIgc3Ryb2tlLXdpZHRoPSI5IiBzdHJva2UtbGluZWNhcD0icm91bmQiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPgo8L3N2Zz4K);background-position:50%;background-repeat:no-repeat;background-size:50px 50px;height:100px;width:auto}.cld-loading.tree-branch{background-position:25px;background-size:50px 50px}.cld-syncing{background:url(../css/images/loading.svg) no-repeat 50%;display:inline-block;height:20px;margin-left:12px;padding:4px;width:30px}.cld-dashboard-placeholder{align-content:center;align-items:center;background-color:#eff5f8;display:flex;flex-direction:column;justify-content:center;min-height:120px}.cld-dashboard-placeholder h4{margin:12px 0 0}.cld-chart-stat{padding-bottom:2em}.cld-chart-stat canvas{max-height:100%;max-width:100%}.cld-progress-circular{display:block;height:160px;margin:2em .5em 2em 0;position:relative;width:160px}.cld-progress-circular .progressbar-text{color:#222;font-size:1em;font-weight:bolder;left:50%;margin:0;padding:0;position:absolute;text-align:center;text-transform:capitalize;top:50%;transform:translate(-50%,-50%);width:100%}.cld-progress-circular .progressbar-text h2{font-size:48px;line-height:1;margin:0 0 .15em}.cld-progress-box{align-items:center;display:flex;justify-content:flex-start;margin:0 0 16px;width:100%}.cld-progress-box-title{font-size:15px;line-height:1.4;margin:12px 0 16px}.cld-progress-box-line{display:block;height:5px;min-width:1px;transition:width 2s;width:0}.cld-progress-box-line-value{font-weight:700;padding:0 0 0 8px;width:100px}.cld-progress-line{background-color:#c6d1db;display:block;height:3px;position:relative;width:100%}.cld-progress-header{font-weight:bolder}.cld-progress-header-titles{display:flex;font-size:12px;justify-content:space-between;margin-top:5px}.cld-progress-header-titles-left{color:#3448c5}.cld-progress-header-titles-right{color:#c6d1db;font-weight:400}.cld-line-stat{margin-bottom:15px}.cld-pagenav{color:#555;line-height:2.4em;margin-top:5px}.cld-pagenav-text{margin:0 2em}.cld-delete{color:#dd2c00;cursor:pointer;float:right}.cld-apply-action{float:right}.cld-table thead tr th.cld-table-th{line-height:1.8em}.cld-asset .cld-input-on-off{display:inline-block}.cld-asset .cld-input-label{display:inline-block;margin-bottom:0}.cld-asset-edit{align-items:flex-end;display:flex}.cld-asset-edit-button.button.button-primary{padding:3px 14px 4px}.cld-asset-preview-label{font-weight:bolder;margin-right:10px;width:100%}.cld-asset-preview-input{margin-top:6px;width:100%}.cld-link-button{background-color:#3448c5;border-radius:4px;display:inline-block;font-size:11px;font-weight:700;margin:0;padding:5px 14px}.cld-link-button,.cld-link-button:focus,.cld-link-button:hover{color:#fff;text-decoration:none}.cld-link-button.hidden{display:none}.cld-link-button-secondary{background-color:#c6d1db;border:1px solid #3448c5;color:rgba(0,0,1,.75)}.cld-link-button-secondary:focus,.cld-link-button-secondary:hover{background-color:#3448c5}.cld-link-button-secondary-error{border-color:#dd2c00}.cld-link-button-secondary-error:focus,.cld-link-button-secondary-error:hover{background-color:#dd2c00}.cld-tooltip{color:#999;font-size:12px;line-height:1.3em;margin:8px 0}.cld-tooltip .selected{color:rgba(0,0,1,.75)}.cld-notice-box{box-shadow:0 0 2px rgba(0,0,0,.1);margin-bottom:12px;margin-right:20px;position:relative}.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{left:19px;position:absolute;top:14px}.cld-connection-box{align-items:center;background-color:#303a47;border-radius:4px;color:#fff;display:flex;justify-content:space-around;max-width:500px;padding:20px 17px}.cld-connection-box h3{color:#fff;margin:0 0 5px}.cld-connection-box span{display:inline-block;padding:0 12px 0 0}.cld-connection-box .dashicons{font-size:30px;height:30px;margin:0;padding:0;width:30px}.cld-row{clear:both;display:flex;margin:0}.cld-row.align-center{align-items:center}@media only screen and (max-width:783px){.cld-row{flex-direction:column-reverse}}.cld-column{box-sizing:border-box;padding:0 0 0 13px;width:100%}.cld-column.column-min-w-50,.cld-column.column-video_settings{min-width:50%}@media only screen and (min-width:783px){.cld-column.column-45{width:45%}.cld-column.column-55{width:55%}.cld-column:last-child{padding-right:13px}}@media only screen and (max-width:783px){.cld-column{min-width:100%}.cld-column .cld-info-text{text-align:center}}@media only screen and (max-width:1200px){.cld-column.tabbed-content{display:none}.cld-column.tabbed-content.is-active{display:block}}.cld-column .cld-column{margin-right:16px;padding:0}.cld-column .cld-column:last-child{margin-left:auto;margin-right:0}.cld-center-column.cld-info-text{font-size:15px;font-weight:bolder;padding-left:2em}.cld-center-column.cld-info-text .description{font-size:12px;padding-top:8px}.cld-breakpoints-preview,.cld-image-preview,.cld-lazyload-preview,.cld-video-preview{border:1px solid #c6d1db;border-radius:4px;padding:9px}.cld-breakpoints-preview-wrapper,.cld-image-preview-wrapper,.cld-lazyload-preview-wrapper,.cld-video-preview-wrapper{position:relative}.cld-breakpoints-preview .cld-ui-title,.cld-image-preview .cld-ui-title,.cld-lazyload-preview .cld-ui-title,.cld-video-preview .cld-ui-title{font-weight:700;margin:5px 0 12px}.cld-breakpoints-preview img,.cld-image-preview img,.cld-lazyload-preview img,.cld-video-preview img{border-radius:4px;height:100%;width:100%}.cld.cld-ui-preview{max-width:322px}.cld-breakpoints-preview .cld-image-preview-wrapper:hover .preview-image,.cld-lazyload-preview .cld-image-preview-wrapper:hover .preview-image{opacity:0}.cld-breakpoints-preview .cld-image-preview-wrapper:hover .main-image,.cld-lazyload-preview .cld-image-preview-wrapper:hover .main-image{opacity:1}.cld-breakpoints-preview .cld-image-preview-wrapper:hover .main-image img,.cld-breakpoints-preview .cld-image-preview-wrapper:hover .main-image span,.cld-lazyload-preview .cld-image-preview-wrapper:hover .main-image img,.cld-lazyload-preview .cld-image-preview-wrapper:hover .main-image span{opacity:.4}.cld-breakpoints-preview .preview-image,.cld-lazyload-preview .preview-image{background-color:#222;border-radius:4px;bottom:0;box-shadow:2px -2px 3px rgba(0,0,0,.9);display:flex;left:0;position:absolute}.cld-breakpoints-preview .preview-image:hover,.cld-breakpoints-preview .preview-image:hover img,.cld-breakpoints-preview .preview-image:hover span,.cld-lazyload-preview .preview-image:hover,.cld-lazyload-preview .preview-image:hover img,.cld-lazyload-preview .preview-image:hover span{opacity:1!important}.cld-breakpoints-preview .preview-image.main-image,.cld-lazyload-preview .preview-image.main-image{box-shadow:none;position:relative}.cld-breakpoints-preview .preview-text,.cld-lazyload-preview .preview-text{background-color:#3448c5;color:#fff;padding:3px;position:absolute;right:0;text-shadow:0 0 3px #000;top:0}.cld-breakpoints-preview .global-transformations-url-link:hover,.cld-lazyload-preview .global-transformations-url-link:hover{color:#fff;text-decoration:none}.cld-lazyload-preview .progress-bar{background-color:#3448c5;height:2px;transition:width 1s;width:0}.cld-lazyload-preview .preview-image{background-color:#fff}.cld-lazyload-preview img{transition:opacity 1s}.cld-lazyload-preview .global-transformations-url-link{background-color:transparent}.cld-group .cld-group .cld-group{padding-left:4px}.cld-group .cld-group .cld-group hr{display:none}.cld-group-heading{display:flex;justify-content:space-between}.cld-group-heading h3{font-size:.9rem}.cld-group-heading h3 .description{font-size:.7rem;font-weight:400;margin-left:.7em}.cld-group .cld-ui-title-head{margin-bottom:1em}.cld-input{display:block;margin:0 0 23px;max-width:800px}.cld-input-label .cld-ui-title{font-size:14px;font-weight:700}.cld-input-label{display:block;margin-bottom:8px}.cld-input-label-link{color:#3448c5;font-size:12px;margin-left:8px}.cld-input-label-link:hover{color:#1e337f}.cld-input-radio-label{display:block}.cld-input-radio-label:not(:first-of-type){padding-top:8px}.cld-input .regular-number,.cld-input .regular-text{border:1px solid #d0d0d0;border-radius:3px;font-size:13px;padding:.1rem .5rem;width:100%}.cld-input .regular-number-small,.cld-input .regular-text-small{width:40%}.cld-input .regular-number{width:100px}.cld-input .regular-select{appearance:none;border:1px solid #d0d0d0;border-radius:3px;display:inline;font-size:13px;font-weight:600;min-width:150px;padding:2px 30px 2px 6px}.cld-input-on-off .description{color:inherit;font-size:13px;font-weight:600;margin:0}.cld-input-on-off .description.left{margin-left:0;margin-right:.4rem}.cld-input-on-off input[type=checkbox]~.spinner{background-size:12px 12px;float:none;height:12px;margin:2px;opacity:1;position:absolute;right:14px;top:0;transition:right .2s;visibility:visible;width:12px}.cld-input-on-off input[type=checkbox]:checked~.spinner{right:0}.cld-input-on-off-control{display:inline-block;height:16px;margin-right:.4rem;position:relative;width:30px}.cld-input-on-off-control input,.cld-input-on-off-control input:disabled{height:0;opacity:0;width:0}.cld-input-on-off-control-slider{background-color:#90a0b3;border-radius:10px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:background-color .3s}input:disabled+.cld-input-on-off-control-slider{opacity:.4;pointer-events:none}input:checked+.cld-input-on-off-control-slider{background-color:#3448c5!important}input:checked.partial+.cld-input-on-off-control-slider{background-color:#fd9d2c!important}input:checked.delete+.cld-input-on-off-control-slider{background-color:#dd2c00!important}.cld-input-on-off-control-slider:before{background-color:#fff;border-radius:50%;bottom:2px;content:"";display:block;height:12px;left:2px;position:absolute;transition:transform .2s;width:12px}input:checked+.cld-input-on-off-control-slider:before{transform:translateX(14px)}.mini input:checked+.cld-input-on-off-control-slider:before{transform:translateX(10px)}.cld-input-on-off-control.mini{height:10px;width:20px}.mini .cld-input-on-off-control-slider:before{bottom:1px;height:8px;left:1px;width:8px}.cld-input-icon-toggle{align-items:center;display:inline-flex}.cld-input-icon-toggle .description{margin:0 0 0 .4rem}.cld-input-icon-toggle .description.left{margin-left:0;margin-right:.4rem}.cld-input-icon-toggle-control{display:inline-block;position:relative}.cld-input-icon-toggle-control input{height:0;opacity:0;position:absolute;width:0}.cld-input-icon-toggle-control-slider .icon-on{display:none;visibility:hidden}.cld-input-icon-toggle-control-slider .icon-off,input:checked+.cld-input-icon-toggle-control-slider .icon-on{display:inline-block;visibility:visible}input:checked+.cld-input-icon-toggle-control-slider .icon-off{display:none;visibility:hidden}.cld-input-excluded-types div{display:flex}.cld-input-excluded-types .type{border:1px solid #c6d1db;border-radius:20px;display:flex;justify-content:space-between;margin-right:8px;min-width:50px;padding:3px 6px}.cld-input-excluded-types .dashicons{cursor:pointer}.cld-input-excluded-types .dashicons:hover{color:#dd2c00}.cld-input-tags{align-items:center;border:1px solid #d0d0d0;border-radius:3px;display:flex;flex-wrap:wrap;justify-content:flex-start;margin:5px 0 0;padding:2px 6px}.cld-input-tags-item{border:1px solid #c6d1db;border-radius:14px;box-shadow:inset -25px 0 0 #c6d1db;display:inline-flex;justify-content:space-between;margin:5px 6px 5px 0;opacity:1;overflow:hidden;padding:3px 4px 3px 8px;transition:opacity .25s,width .5s,margin .25s,padding .25s}.cld-input-tags-item-text{margin-right:8px}.cld-input-tags-item-delete{color:#90a0b3;cursor:pointer}.cld-input-tags-item-delete:hover{color:#3448c5}.cld-input-tags-item.pulse{animation:pulse-animation .5s infinite}.cld-input-tags-input{display:inline-block;min-width:100px;opacity:.4;overflow:visible;padding:10px 0;white-space:nowrap}.cld-input-tags-input:focus-visible{opacity:1;outline:none;padding:10px}@keyframes pulse-animation{0%{color:rgba(255,0,0,0)}50%{color:red}to{color:rgba(255,0,0,0)}}.cld-input-tags-input.pulse{animation:pulse-animation .5s infinite}.cld-input .prefixed{margin-left:6px;width:40%}.cld-input .suffixed{margin-right:6px;width:40%}.cld-input input::placeholder{color:#90a0b3}.cld-input .hidden{visibility:hidden}.cld-gallery-settings{box-sizing:border-box;display:flex;flex-wrap:wrap;padding:1rem 0;width:100%}@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%}}.cld-gallery-settings .components-color-palette__custom-color-button{border:none;border-radius:2px 2px 0 0;box-shadow:inset 0 0 0 1px rgba(0,0,0,.2);box-sizing:border-box;cursor:pointer;height:64px;outline:1px solid transparent;position:relative;width:100%}.cld-gallery-settings .components-color-palette__custom-color-text-wrapper{border-radius:0 0 2px 2px;box-shadow:inset 0 -1px 0 0 rgba(0,0,0,.2),inset 1px 0 0 0 rgba(0,0,0,.2),inset -1px 0 0 0 rgba(0,0,0,.2);font-size:13px;padding:12px 16px;position:relative}.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;margin:.5rem 0;width:100%}.components-popover:not(.is-without-arrow):after,.components-popover:not(.is-without-arrow):before{content:none}table .cld-input{margin-bottom:0}tr .file-size.small{color:#a8a8a8;font-size:.8em;font-style:italic;letter-spacing:.4px;margin-left:6px;margin-right:6px}td.tree{color:#212529;line-height:1.5;padding-top:0;position:relative}td.tree ul.striped>:nth-child(odd){background-color:#f6f7f7}td.tree ul.striped>:nth-child(2n){background-color:#fff}td.tree .success{color:#20b832}td+td.tree{padding-top:0}td.tree .cld-input{margin-bottom:0;vertical-align:text-bottom}td.tree .cld-search{font-size:.9em;height:26px;margin-right:12px;min-height:20px;padding:4px 6px;vertical-align:initial;width:300px}td.tree .file-size{color:#a8a8a8;font-size:.8em;font-style:italic;letter-spacing:.4px;margin-left:6px}td.tree .fa-folder,td.tree .fa-folder-open{color:#007bff}td.tree .fa-html5{color:#f21f10}td.tree ul{list-style:none;margin:0;padding-left:5px}td.tree ul li{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-bottom:0;padding-bottom:5px;padding-left:25px;padding-top:5px;position:relative}td.tree ul li:before{height:1px;margin:auto;top:14px;width:20px}td.tree ul li:after,td.tree ul li:before{background-color:#666;content:"";left:0;position:absolute}td.tree ul li:after{bottom:0;height:100%;top:0;width:1px}td.tree ul li:after:nth-of-type(odd){background-color:#666}td.tree ul li:last-child:after{height:14px}td.tree ul a{cursor:pointer}td.tree ul a:hover{text-decoration:none}.cld-modal{align-content:center;align-items:center;background-color:rgba(0,0,0,.8);bottom:0;display:flex;flex-direction:row;flex-wrap:nowrap;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .1s;visibility:hidden;z-index:10000}.cld-modal[data-cloudinary-only="1"] .modal-body,.cld-modal[data-cloudinary-only=true] .modal-body{display:none}.cld-modal[data-cloudinary-only="1"] [data-action=submit],.cld-modal[data-cloudinary-only=true] [data-action=submit]{cursor:not-allowed;opacity:.5;pointer-events:none}.cld-modal .warning{color:#dd2c00}.cld-modal .modal-header{margin-bottom:2em}.cld-modal .modal-uninstall{display:none}.cld-modal-box{background-color:#fff;box-shadow:0 2px 14px 0 rgba(0,0,0,.5);display:flex;flex-direction:column;font-size:10.5px;font-weight:600;justify-content:space-between;margin:0 auto;max-width:80%;padding:25px;position:relative;transition:height 1s;width:500px}.cld-modal-box .modal-footer{align-items:stretch;display:flex;flex-direction:row;justify-content:flex-end}.cld-modal-box .more{display:none}.cld-modal-box input[type=radio]:checked~.more{color:#32373c;display:block;line-height:2;margin-left:2em;margin-top:.5em}.cld-modal-box input[type=radio]:checked{border:1px solid #3448c5}.cld-modal-box input[type=radio]:checked:before{background-color:#3448c5;border-radius:50%;content:"";height:.5rem;line-height:1.14285714;margin:.1875rem;width:.5rem}@media screen and (max-width:782px){.cld-modal-box input[type=radio]:checked:before{height:.5625rem;line-height:.76190476;margin:.4375rem;vertical-align:middle;width:.5625rem}}.cld-modal-box input[type=radio]:focus{border-color:#3448c5;box-shadow:0 0 0 1px #3448c5;outline:2px solid transparent}.cld-modal-box input[type=checkbox]~label{margin-left:.25em}.cld-modal-box input[type=email]{width:100%}.cld-modal-box textarea{font-size:inherit;resize:none;width:100%}.cld-modal-box ul{margin-bottom:21px}.cld-modal-box p{font-size:10.5px;margin:0 0 12px}.cld-modal-box .button:not(.button-link){background-color:#e9ecf9}.cld-modal-box .button{border:0;color:#000;font-size:9.5px;font-weight:700;margin:22px 0 0 10px;padding:4px 14px}.cld-modal-box .button.button-primary{background-color:#3448c5;color:#fff}.cld-modal-box .button.button-link{margin-left:0;margin-right:auto}.cld-modal-box .button.button-link:hover{background-color:transparent}.cld-optimisation:first-child{margin-top:7px}.cld-optimisation{display:flex;font-size:12px;justify-content:space-between;line-height:2}.cld-optimisation-item{color:#3448c5;font-weight:600}.cld-optimisation-item:hover{color:#1e337f}.cld-optimisation-item-active,.cld-optimisation-item-not-active{font-size:10px;font-weight:700}.cld-optimisation-item-active .dashicons,.cld-optimisation-item-not-active .dashicons{font-size:12px;line-height:2}.cld-optimisation-item-active{color:#2a0}.cld-optimisation-item-not-active{color:#c6d1db}.cld-ui-sidebar{width:100%}@media only screen and (min-width:783px){.cld-ui-sidebar{max-width:500px;min-width:400px;width:auto}}.cld-ui-sidebar .cld-cron,.cld-ui-sidebar .cld-info-box,.cld-ui-sidebar .cld-panel,.cld-ui-sidebar .cld-panel-short{padding:14px 18px}.cld-ui-sidebar .cld-ui-header{margin-top:-1px;padding:6px 14px}.cld-ui-sidebar .cld-ui-header:first-child{margin-top:13px}.cld-ui-sidebar .cld-ui-title h2{font-size:14px}.cld-ui-sidebar .cld-info-box{align-items:flex-start;border:0;margin:0;padding:0}.cld-ui-sidebar .cld-info-box .cld-ui-body{padding-top:0}.cld-ui-sidebar .cld-info-box .button{align-self:flex-start;cursor:default;line-height:inherit;opacity:.5}.cld-ui-sidebar .cld-info-icon{background-color:transparent}.cld-ui-sidebar .cld-info-icon img{width:40px}.cld-ui-sidebar .extension-item{border-bottom:1px solid #e5e5e5;border-radius:0;margin-bottom:18px}.cld-ui-sidebar .extension-item:last-of-type{border-bottom:none;margin-bottom:0}.cld-ui-sidebar .cld-ui-wrap .closed{border:none;display:flex;max-height:0;padding:0!important;visibility:hidden}.cld-plan{display:flex;flex-wrap:wrap}.cld-plan-item{display:flex;margin-bottom:25px;width:33%}.cld-plan-item img{margin-right:12px;width:24px}.cld-plan-item .description{font-size:12px}.cld-plan-item .cld-title{font-size:14px;font-weight:700}.cld-wizard-tabs{display:flex;flex-direction:row;font-size:15px;font-weight:600;width:50%}.cld-wizard-tabs-tab{align-items:center;display:flex;flex-direction:column;position:relative;width:33%}.cld-wizard-tabs-tab-count{align-items:center;background-color:rgba(52,72,197,.15);border:2px solid transparent;border-radius:50%;display:flex;height:32px;justify-content:center;width:32px}.active .cld-wizard-tabs-tab-count{border:2px solid #3448c5}.complete .cld-wizard-tabs-tab-count{background-color:#2a0;color:#2a0}.complete .cld-wizard-tabs-tab-count:before{color:#fff;content:"\f147";font-family:dashicons;font-size:30px;width:25px}.cld-wizard-tabs-tab.active{color:#3448c5}.cld-wizard-tabs-tab:after{border:1px solid rgba(52,72,197,.15);content:"";left:75%;position:absolute;top:16px;width:50%}.cld-wizard-tabs-tab.complete:after{border-color:#2a0}.cld-wizard-tabs-tab:last-child:after{display:none}.cld-wizard-intro{text-align:center}.cld-wizard-intro-welcome{border:2px solid #c6d1db;border-radius:4px;box-shadow:0 2px 10px 0 rgba(0,0,0,.3);margin:27px auto;padding:19px;width:645px}.cld-wizard-intro-welcome img{width:100%}.cld-wizard-intro-welcome-info{background-color:#323a45;border-radius:0 0 4px 4px;color:#fff;display:flex;font-size:12px;margin:0 -19px -19px;padding:15px;text-align:left}.cld-wizard-intro-welcome-info img{margin-right:12px;width:25px}.cld-wizard-intro-welcome-info h2{color:#fff;font-size:14px}.cld-wizard-connect-connection{align-items:flex-end;display:flex;flex-direction:row;justify-content:flex-start}.cld-wizard-connect-connection-input{margin-right:10px;margin-top:20px;width:725px}.cld-wizard-connect-connection-input input{max-width:100%;width:100%}.cld-wizard-connect-status{align-items:center;border-radius:14px;display:none;font-weight:700;justify-content:space-between;margin-inline-start:1em;padding:5px 11px}.cld-wizard-connect-status.active{display:inline-flex}.cld-wizard-connect-status.success{background-color:#ccefc9;color:#2a0}.cld-wizard-connect-status.error{background-color:#f9cecd;color:#dd2c00}.cld-wizard-connect-status.working{background-color:#eaecfa;color:#1e337f;padding:5px}.cld-wizard-connect-status.working .spinner{margin:0;visibility:visible}.cld-wizard-connect-help{margin-top:50px}.cld-wizard-connect-help-image{border:1px solid #c6d1db;box-shadow:0 0 1em 1em rgba(0,0,0,.05);margin:2em;padding:1em}.cld-wizard-lock{cursor:pointer;display:flex}.cld-wizard-lock.hidden{display:none;height:0;width:0}.cld-wizard-lock .dashicons{color:#3448c5;font-size:25px;line-height:.7;margin-right:10px}.cld-wizard-optimize-settings.disabled{opacity:.4}.cld-wizard-complete{background-image:url(../css/images/confetti.png);background-position:50%;background-repeat:no-repeat;background-size:cover;margin:-23px;padding:98px;text-align:center}.cld-wizard-complete.hidden{display:none}.cld-wizard-complete.active{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:-23px -24px;text-align:center}.cld-wizard-complete.active *{max-width:450px}.cld-wizard-complete-icons{display:flex;justify-content:center}.cld-wizard-complete-icons img{margin:30px 10px;width:70px}.cld-wizard-complete-icons .dashicons{background-color:#f1f1f1;border:4px solid #fff;border-radius:6px;box-shadow:0 2px 8px 0 rgba(0,0,0,.3);font-size:50px;height:70px;line-height:1.4;width:70px}.cld-wizard-complete-icons .dashicons-cloudinary{color:#3448c5;font-size:65px;line-height:.9}.cld-wizard-complete .cld-ui-title{margin-top:30px}.cld-wizard-complete .cld-ui-title h3{font-size:14px}.cld-wizard{margin-left:auto;margin-right:auto;max-width:1100px}.cld-wizard .cld-panel-heading{align-items:center}.cld-wizard .cld-ui-title{text-transform:none}.cld-wizard .cld-submit{align-items:center;display:flex;justify-content:space-between}.cld-wizard .cld-submit .button{margin-left:10px}.cld-import{display:none;height:100%;padding:0 10px;position:absolute;right:0;width:200px}.cld-import-item{align-items:center;display:flex;margin-top:10px;min-height:20px;opacity:0;transition:opacity .5s;white-space:nowrap}.cld-import-item .spinner{margin:0 6px 0 0;visibility:visible;width:24px}.cld-import-item-id{display:block;overflow:hidden;text-overflow:ellipsis}.cld-import-process{background-color:#fff;background-position:50%;border-radius:40px;float:none;opacity:1;padding:5px;visibility:visible}.media-library{margin-right:0;transition:margin-right .2s}.cld-sizes-preview{display:flex}.cld-sizes-preview .image-item{display:none;width:100%}.cld-sizes-preview .image-item img{max-width:100%}.cld-sizes-preview .image-item.show{align-content:space-between;display:flex;flex-direction:column;justify-content:space-around}.cld-sizes-preview .image-items{background-color:#e5e5e5;display:flex;padding:18px;width:100%}.cld-sizes-preview .image-preview-box{background-color:#90a0b3;background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:6px;height:100%;width:100%}.cld-sizes-preview input{color:#558b2f;margin-top:6px}.cld-sizes-preview input.invalid{border-color:#dd2c00;color:#dd2c00}.cld-crops{border-bottom:1px solid #e5e5e5;margin-bottom:6px;padding-bottom:6px}.cld-size-items-item{border:1px solid #e5e5e5;display:flex;flex-direction:column;margin-bottom:-1px;padding:8px}.cld-size-items-item .cld-ui-suffix{overflow:hidden;text-overflow:ellipsis;width:50%}.cld-size-items-item img{margin-bottom:8px;max-width:100%;object-fit:scale-down}.cld-size-items .crop-size-inputs{align-items:center;display:flex;gap:10px}.cld-size-items .cld-ui-input.regular-text[disabled]{background-color:#e5e5e5;opacity:.5}.cld-image-selector{display:flex}.cld-image-selector-item{border:1px solid #e5e5e5;cursor:pointer;margin:0 3px -1px 0;padding:3px 6px}.cld-image-selector-item[data-selected]{background-color:#e5e5e5}.cld-cron{padding-block:13px;padding-inline:16px}.cld-cron h2,.cld-cron h4{margin:0}.cld-cron hr{margin-block:6px}.tippy-box[data-theme~=cloudinary]{background-color:rgba(0,0,0,.8);color:#fff;font-size:.8em}#poststuff .cld-info-box h2{font-weight:700;margin:0 0 6px;padding:0}.cloudinary-overwrite-transformations{padding:6px 0}.edit-overlay-grid{display:grid;gap:6px;grid-template-columns:repeat(3,30px);grid-template-rows:repeat(3,30px);margin-bottom:20px}.edit-overlay-grid__cell{align-items:center;background:#fff;border:1px solid #ccc;cursor:pointer;display:flex;height:30px;justify-content:center;width:30px}.edit-overlay-grid__cell:hover{opacity:.8}.edit-overlay-grid__cell--selected{border:2px solid #3448c5;position:relative}.edit-overlay-grid__cell--selected:after{color:#3448c5;content:"\2714";font-size:16px;position:absolute}.edit-overlay-range-input.regular-text{padding:0}.edit-overlay .cld-input-text{margin-bottom:0}.edit-overlay-offset{margin-bottom:20px}.edit-overlay-offset .cld-input-text{margin-bottom:10px}.edit-overlay #edit-overlay-select-image-preview{margin-top:10px}.edit-overlay #edit-overlay-select-image-preview img{border:1px solid #ccc;height:auto;max-width:50%}.edit-overlay .cld-ui-wrap .button--remove{background-color:transparent;border:2px solid #dd2c00;color:#dd2c00}.edit-overlay .cld-ui-wrap .button--remove:hover{background-color:#c42700;color:#fff}.edit-overlay .cld-asset-edit-button.button-primary{margin-right:auto;padding:7px 14px}.edit-overlay .cld-ui-suffix{margin-inline-start:0}.edit-overlay .cld-ui-preview{box-sizing:border-box}@media only screen and (min-width:783px){.asset-edit-preview{align-self:flex-start;position:sticky;top:20px}}#asset-preview-transformation-string{background:#262c35;box-sizing:border-box;display:block;max-width:100%;overflow-wrap:normal;padding:10px;text-decoration:none;word-break:break-all}#asset-preview-transformation-string:hover span{text-decoration:underline}#asset-preview-transformation-string .string-preview-base{word-break:break-all}#asset-preview-transformation-string .string-preview-transformations{color:#fff}#asset-preview-transformation-string .string-preview-image-overlay{color:#51a3ff}#asset-preview-transformation-string .string-preview-text-overlay{color:#54c8db}#asset-preview-transformation-string .string-preview-public-id{color:#f2d864}#asset-preview-success-message{color:#558b2f}#asset-preview-success-message p{margin-bottom:0} \ 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{background-color:#333;border-radius:4px;color:#fff;font-size:14px;line-height:1.4;outline:0;position:relative;transition-property:transform,visibility,opacity;white-space:normal}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{border-top-color:initial;border-width:8px 8px 0;bottom:-7px;left:0;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{border-bottom-color:initial;border-width:0 8px 8px;left:0;top:-7px;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-left-color:initial;border-width:8px 0 8px 8px;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{border-right-color:initial;border-width:8px 8px 8px 0;left:-7px;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{color:#333;height:16px;width:16px}.tippy-arrow:before{border-color:transparent;border-style:solid;content:"";position:absolute}.tippy-content{padding:5px 9px;position:relative;z-index:1}@font-face{font-family:cloudinary;font-style:normal;font-weight:500;src:url(../css/fonts/cloudinary.d1a91c7f695026fd20974570349bc540.eot);src:url(../css/fonts/cloudinary.d1a91c7f695026fd20974570349bc540.eot#iefix) format("embedded-opentype"),url(../css/fonts/cloudinary.3b839e5145ad58edde0191367a5a96f0.woff) format("woff"),url(../css/fonts/cloudinary.d8de6736f15e12f71ac22a2d374002e5.ttf) format("truetype"),url(../css/images/cloudinary.svg#cloudinary) format("svg")}.dashicons-cloudinary{speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none}.dashicons-cloudinary:before{content:"\e900";font-family:cloudinary,monospace!important}.dashicons-cloudinary-media:before{content:"\e905";font-family:cloudinary,monospace!important}.dashicons-cloudinary-dam:before{content:"\e906";font-family:cloudinary,monospace!important}.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"}.dashicons-cloudinary.media:before{content:"\e905"}.dashicons-cloudinary.dam:before{content:"\e906"}.column-cld_status{width:5.5em}.column-cld_status .dashicons-cloudinary,.column-cld_status .dashicons-cloudinary-dam{display:inline-block}.column-cld_status .dashicons-cloudinary-dam:before,.column-cld_status .dashicons-cloudinary:before{font-size:1.8rem}.form-field .error-notice,.form-table .error-notice{color:#dd2c00;display:none}.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/images/logo.svg);background-position:top 12px right 20px;background-repeat:no-repeat;background-size:153px}.cloudinary-stats{display:inline-block;margin-left:25px}.cloudinary-stat{cursor:help}.cloudinary-percent{color:#0071ba;font-size:.8em;vertical-align:top}.cld_transformations__icons{color:#333b4c;display:flex;gap:20px;margin-block:5px}.cld_transformations__icons:hover{color:#333b4c}.cld_transformations__icon{opacity:.5}.cld_transformations__icon--active{color:#0071ba;opacity:1}.cld_transformations__icon svg{height:18px;width:18px}.cld_transformations__icon svg path{fill:currentColor}.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{max-width:1030px;padding:20px 0 0;position:relative}.settings-tab-section.cloudinary-welcome .settings-tab-section-fields-dashboard{align-content:flex-start;align-items:flex-start;display:flex;margin-top:40px}.settings-tab-section.cloudinary-welcome .settings-tab-section-fields-dashboard-description{margin:0 auto 0 0;width:55%}.settings-tab-section.cloudinary-welcome .settings-tab-section-fields-dashboard-content{margin:0 auto;width:35%}.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{color:#23282d;display:block;font-size:1.1em;margin:1em 0;width:auto}.settings-tab-section-fields .field-heading td{display:none;visibility:hidden}.settings-tab-section-fields .regular-textarea{height:60px;width:100%}.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{color:#5f5f5f;font-size:1.2em}.settings-tab-section-fields-dashboard-error.expanded{margin-bottom:25px;padding-top:40px}.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-left:40px;padding-right:40px}.settings-tab-section-fields-dashboard-success{color:#23282d;font-size:1.2em}.settings-tab-section-fields-dashboard-success.expanded{margin-bottom:25px;padding-top:40px}.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-left:40px;padding-right:40px}.settings-tab-section-fields-dashboard-success .description{color:#5f5f5f;font-weight:400;margin-top:12px}.settings-tab-section-card{background-color:#fff;border:1px solid #e5e5e5;box-shadow:0 1px 1px 0 rgba(0,0,0,.07);box-sizing:border-box;margin-top:12px;padding:20px 23px}.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{float:right;padding:12px;position:relative;width:450px;z-index:10}.settings-tab-section-card.pull-right img.settings-image{border:1px solid #979797;box-shadow:0 2px 4px 0 rgba(0,0,0,.5);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;padding:10px 0 0;width:auto}.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;max-width:580px;width:auto}.settings-valid{color:#558b2f;font-size:30px}.settings-valid-field{border-color:#558b2f!important}.settings-invalid-field{border-color:#dd2c00!important}.settings-alert{box-shadow:0 1px 1px rgba(0,0,0,.04);display:inline-block;padding:5px 7px}.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{background-color:#fff;border:1px solid #ccd0d4;box-shadow:0 1px 1px rgba(0,0,0,.04);box-sizing:border-box;margin:20px 0;padding:10px;width:95%}.cloudinary-collapsible__toggle{cursor:pointer;display:flex}.cloudinary-collapsible__toggle h2{margin:0!important}.cloudinary-collapsible__toggle button{background-color:inherit;border:none;cursor:pointer;margin:0 0 0 auto;padding:0;width:auto}.cloudinary-collapsible__toggle .cld-ui-icon{margin-right:6px;width:24px}.cloudinary-collapsible__content .cld-ui-title{margin:3em 0 1em}.cloudinary-collapsible__content .cld-more-details{margin-top:2em}.sync .spinner{display:inline-block;float:none;margin:0 5px 0 0;visibility:visible}.sync-media,.sync-media-progress{display:none}.sync-media-progress-outer{background-color:#e5e5e5;height:20px;margin:20px 0 10px;position:relative;width:500px}.sync-media-progress-outer .progress-bar{background-color:#558b2f;height:20px;transition:width .25s;width:0}.sync-media-progress-notice{color:#dd2c00}.sync-media-resource{display:inline-block;width:100px}.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{display:inline-block;font-weight:700;padding:12px 4px 12px 12px}.sync .completed{display:none;max-width:300px}.sync-status-disabled{color:#dd2c00}.sync-status-enabled{color:#558b2f}.sync-status-button.button{vertical-align:baseline}.cloudinary-widget{height:100%}.cloudinary-widget-wrapper{background-image:url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0ic3Bpbm5lciIgdmlld0JveD0iLTQgLTQgMTUxIDEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PCFbQ0RBVEFbCiAgICAgIEBrZXlmcmFtZXMgY29sb3JzIHsKICAgICAgICAwJSB7IHN0cm9rZTogIzAwNzhGRjsgfQogICAgICAgICAgNTAlIHsgc3Ryb2tlOiAjMGUyZjVhOyB9CiAgICAgICAgICAxMDAlIHsgc3Ryb2tlOiAjMDA3OEZGOyB9CiAgICAgIH0KCiAgICAgIEBrZXlmcmFtZXMgZGFzaCB7CiAgICAgICAwJSB7IHN0cm9rZS1kYXNob2Zmc2V0OiA1NjA7IH0KICAgICAgIDUwJSB7CiAgICAgICAgICBzdHJva2UtZGFzaG9mZnNldDogMDsKICAgICAgIH0KICAgICAgIDEwMCUgeyAgIHN0cm9rZS1kYXNob2Zmc2V0OiA1NjA7IH0KICAgICAgfQogICAgICBALXdlYmtpdC1rZXlmcmFtZXMgY29sb3JzIHsKICAgICAgICAwJSB7IHN0cm9rZTogIzAwNzhmZjsgfQogICAgICAgICAgNTAlIHsgc3Ryb2tlOiAjMGUyZjVhOyB9CiAgICAgICAgICAxMDAlIHsgc3Ryb2tlOiAjMDA3OGZmOyB9CiAgICAgIH0KCiAgICAgIEAtd2Via2l0LWtleWZyYW1lcyBkYXNoIHsKICAgICAgIDAlIHsgc3Ryb2tlLWRhc2hvZmZzZXQ6IDU2MDsgfQogICAgICAgNTAlIHsKICAgICAgICAgIHN0cm9rZS1kYXNob2Zmc2V0OiAwOwogICAgICAgfQogICAgICAgMTAwJSB7ICAgc3Ryb2tlLWRhc2hvZmZzZXQ6IDU2MDsKICAgICAgIH0KICAgICAgfQogICAgICAucGF0aCB7CiAgICAgICAgc3Ryb2tlLWRhc2hhcnJheTogMjgwOwogICAgICAgIHN0cm9rZS1kYXNob2Zmc2V0OiAwOwogICAgICAgIHRyYW5zZm9ybS1vcmlnaW46IGNlbnRlcjsKICAgICAgICAtd2Via2l0LWFuaW1hdGlvbjoKICAgICAgICAgIGRhc2ggMnMgZWFzZS1pbi1vdXQgaW5maW5pdGUsIGNvbG9ycyA4cyBlYXNlLWluLW91dCBpbmZpbml0ZTsKICAgICAgICBhbmltYXRpb246CiAgICAgICAgICBkYXNoIDJzIGVhc2UtaW4tb3V0IGluZmluaXRlLCBjb2xvcnMgOHMgZWFzZS1pbi1vdXQgaW5maW5pdGU7CiAgICAgIH0KICAgIF1dPjwvc3R5bGU+CiAgPHBhdGggY2xhc3M9InBhdGgiIGQ9Ik0xMjEuNjYzIDkwLjYzOGMtMS43OTYgMC05OS4zMy0uNDk4LTEwMS40NzQtMS40NzhDOC42ODUgODMuODc3IDEuMjUgNzIuMTk2IDEuMjUgNTkuMzk2YzAtMTYuNjU2IDEyLjc5Ny0zMC42MSAyOS4wNTItMzIuMzIzIDcuNDktMTUuNzA2IDIzLjE4Ni0yNS43MDcgNDAuNzE0LTI1LjcwNyAyMC45OCAwIDM5LjIxNSAxNC43NTIgNDMuOTQ1IDM0LjkwNyAxNS4wOS4yNDUgMjcuMjkgMTIuNjMgMjcuMjkgMjcuODIyIDAgMTEuOTY4LTcuNzM4IDIyLjU1LTE5LjI1NiAyNi4zMyIgc3Ryb2tlLXdpZHRoPSI5IiBzdHJva2UtbGluZWNhcD0icm91bmQiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPgo8L3N2Zz4K);background-position:50%;background-repeat:no-repeat;background-size:150px;height:100%;overflow:hidden}.attachment-actions .button.edit-attachment,.attachment-info .edit-attachment{display:none}.setting.cld-overwrite input[type=checkbox]{margin-top:0}.global-transformations-preview{max-width:600px;position:relative}.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{color:#51a3ff;max-width:100px;overflow:hidden;text-overflow:ellipsis}.global-transformations-url-file{color:#f2d864}.global-transformations-url-link{background-color:#262c35;border-radius:6px;color:#fff;display:block;overflow:hidden;padding:16px;text-decoration:none;text-overflow:ellipsis}.global-transformations-url-link:hover{color:#888;text-decoration:underline}.cld-tax-order-list-item{background-color:#fff;border:1px solid #efefef;margin:0 0 -1px;padding:4px}.cld-tax-order-list-item.no-items{color:#888;display:none;text-align:center}.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{color:#999;cursor:grab;margin-right:4px}.cld-tax-order-list-type{display:inline-block;margin-right:8px}.cld-tax-order-list-type input{margin-right:4px!important}.cloudinary-media-library{margin-left:-20px;position:relative}@media screen and (max-width:782px){.cloudinary-media-library{margin-left:-10px}}.cld-ui-suffix{background-color:#e8e8e8;border-radius:4px;color:#999;display:inline-block;font-family:Courier New,Courier,monospace;font-size:12px;font-weight:700;line-height:1.7em;margin-left:13px;padding:4px 6px}.cld-ui-preview .cld-ui-header{margin-top:-1px}.cld-ui-preview .cld-ui-header:first-child{margin-top:13px}.cld-ui-collapse{align-self:center;cursor:pointer;padding:0 .45rem}.cld-ui-title{font-size:12px}.cld-ui-title h2{font-size:15px;font-weight:700;margin:6px 0 1px}.cld-ui-title.collapsible{cursor:pointer}.cld-ui-conditional .closed,.cld-ui-wrap .closed{display:none}.cld-ui-wrap .description{color:rgba(0,0,1,.5);font-size:12px}.cld-ui-wrap .cloudname{font-style:italic}.cld-ui-wrap .button:not(.wp-color-result){background-color:#3448c5;border:0;border-radius:4px;color:#fff;display:inline-block;font-size:11px;font-weight:700;margin:0;min-height:28px;padding:5px 14px;text-decoration:none}.cld-ui-wrap .button:active,.cld-ui-wrap .button:hover{background-color:#1e337f}.cld-ui-wrap .button:focus{background-color:#3448c5;border-color:#3448c5;box-shadow:0 0 0 1px #fff,0 0 0 3px #3448c5}.cld-ui-wrap .button.button-small,.cld-ui-wrap .button.button-small:hover{font-size:11px;line-height:2.18181818;min-height:26px;padding:0 8px}.cld-ui-wrap .button.wp-color-result{border-color:#d0d0d0}.cld-ui-wrap .button.hidden{display:none}.cld-ui-error{color:#dd2c00}.cld-referrer-link{display:inline-block;margin:12px 0 0;text-decoration:none}.cld-referrer-link span{margin-right:5px}.cld-special-offer{background-color:#ff5050;border-radius:4px 4px 0 0;color:#fff;font-size:14px;font-weight:700;margin:2em 0 0;padding:5px 14px;text-decoration:none}.cld-settings{margin-left:-20px}.cld-page-tabs{background-color:#fff;border-bottom:1px solid #e5e5e5;display:none;flex-wrap:nowrap;justify-content:center;margin:-20px -18px 20px;padding:0!important}@media only screen and (max-width:1200px){.cld-page-tabs{display:flex}}.cld-page-tabs-tab{list-style:none;margin-bottom:0;text-indent:0;width:100%}.cld-page-tabs-tab button{background:transparent;border:0;color:#000001;cursor:pointer;display:block;font-weight:500;padding:1rem 2rem;text-align:center;white-space:nowrap;width:100%}.cld-page-tabs-tab button.is-active{border-bottom:2px solid #3448c5;color:#3448c5}.cld-page-header{align-items:center;background-color:#3448c5;display:flex;flex-direction:column;justify-content:space-between;margin-bottom:0;padding:16px}@media only screen and (min-width:783px){.cld-page-header{flex-direction:row}}.cld-page-header img{width:150px}.cld-page-header-button{background-color:#1e337f;border-radius:4px;color:#fff;display:inline-block;font-weight:700;margin:1em 0 0 9px;padding:5px 14px;text-decoration:none}@media only screen and (min-width:783px){.cld-page-header-button{margin-top:0}}.cld-page-header-button:focus,.cld-page-header-button:hover{color:#fff;text-decoration:none}.cld-page-header-logo{align-items:center;display:flex}.cld-page-header-logo .version{color:#fff;font-size:10px;margin-left:12px}.cld-page-header p{font-size:11px;margin:0}.cld-cron,.cld-info-box,.cld-panel,.cld-panel-short{background-color:#fff;border:1px solid #c6d1db}.cld-panel.full-width,.full-width.cld-cron,.full-width.cld-info-box,.full-width.cld-panel-short{max-width:100%}.cld-cron,.cld-info-box,.cld-panel,.cld-panel-short{margin-top:13px;padding:23px 24px}.cld-panel.has-heading,.has-heading.cld-cron,.has-heading.cld-info-box,.has-heading.cld-panel-short{border-top:0;margin-top:0}.cld-panel-heading{display:flex;justify-content:space-between;padding:19px 23px;position:relative}.cld-panel-heading.full-width{max-width:100%}.cld-panel-heading img{margin-right:.6rem}.cld-panel-heading.collapsible{cursor:pointer;padding-right:1rem}.cld-panel-inner{background-color:hsla(0,0%,86%,.2);border:1px solid #e5e5e5;margin:1em 0;padding:1.3rem}.cld-panel-inner h2{color:#3273ab}.cld-cron hr,.cld-info-box hr,.cld-panel hr,.cld-panel-short hr{border-top:1px solid #e5e5e5;clear:both;margin:19px 0 20px}.cld-cron ul,.cld-info-box ul,.cld-panel ul,.cld-panel-short ul{list-style:initial;padding:0 3em}.cld-cron .stat-boxes,.cld-info-box .stat-boxes,.cld-panel .stat-boxes,.cld-panel-short .stat-boxes{border:1px solid #e5e5e5;font-size:1.2em}.cld-cron .stat-boxes .box,.cld-info-box .stat-boxes .box,.cld-panel .stat-boxes .box,.cld-panel-short .stat-boxes .box{border-bottom:1px solid #e5e5e5;padding:2rem;text-align:center}.cld-cron .stat-boxes .box:last-of-type,.cld-info-box .stat-boxes .box:last-of-type,.cld-panel .stat-boxes .box:last-of-type,.cld-panel-short .stat-boxes .box:last-of-type{border-bottom:none}.cld-cron .stat-boxes .box .cld-ui-icon,.cld-info-box .stat-boxes .box .cld-ui-icon,.cld-panel .stat-boxes .box .cld-ui-icon,.cld-panel-short .stat-boxes .box .cld-ui-icon{height:35px;width:35px}.cld-cron .stat-boxes .icon,.cld-info-box .stat-boxes .icon,.cld-panel .stat-boxes .icon,.cld-panel-short .stat-boxes .icon{height:50px;margin-right:.5em;width:50px}.cld-cron .stat-boxes h3,.cld-info-box .stat-boxes h3,.cld-panel .stat-boxes h3,.cld-panel-short .stat-boxes h3{margin-bottom:1.5rem;margin-top:2.4rem}.cld-cron .stat-boxes .limit,.cld-info-box .stat-boxes .limit,.cld-panel .stat-boxes .limit,.cld-panel-short .stat-boxes .limit{font-size:2em;font-weight:700;margin-right:.5em;white-space:nowrap}.cld-cron .stat-boxes .usage,.cld-info-box .stat-boxes .usage,.cld-panel .stat-boxes .usage,.cld-panel-short .stat-boxes .usage{color:#3273ab;font-size:1.5em;font-weight:400}@media only screen and (min-width:783px){.cld-cron .stat-boxes,.cld-info-box .stat-boxes,.cld-panel .stat-boxes,.cld-panel-short .stat-boxes{display:flex;flex-wrap:nowrap;font-size:1em}.cld-cron .stat-boxes .box,.cld-info-box .stat-boxes .box,.cld-panel .stat-boxes .box,.cld-panel-short .stat-boxes .box{border-bottom:none;border-right:1px solid #e5e5e5;flex-grow:1}.cld-cron .stat-boxes .box:last-of-type,.cld-info-box .stat-boxes .box:last-of-type,.cld-panel .stat-boxes .box:last-of-type,.cld-panel-short .stat-boxes .box:last-of-type{border-right:none}}@media only screen and (min-width:1200px){.cld-cron .stat-boxes,.cld-info-box .stat-boxes,.cld-panel .stat-boxes,.cld-panel-short .stat-boxes{font-size:1.2em}}.cld-cron .img-connection-string,.cld-info-box .img-connection-string,.cld-panel .img-connection-string,.cld-panel-short .img-connection-string{width:100%}.cld-cron .media-status-box,.cld-cron .stat-boxes,.cld-info-box .media-status-box,.cld-info-box .stat-boxes,.cld-panel .media-status-box,.cld-panel .stat-boxes,.cld-panel-short .media-status-box,.cld-panel-short .stat-boxes{border:1px solid #e5e5e5}.cld-cron .media-status-box,.cld-info-box .media-status-box,.cld-panel .media-status-box,.cld-panel-short .media-status-box{padding:2rem;text-align:center}.cld-cron .media-status-box .status,.cld-info-box .media-status-box .status,.cld-panel .media-status-box .status,.cld-panel-short .media-status-box .status{font-size:2rem;font-weight:700;margin-right:.5em}.cld-cron .media-status-box .cld-ui-icon,.cld-info-box .media-status-box .cld-ui-icon,.cld-panel .media-status-box .cld-ui-icon,.cld-panel-short .media-status-box .cld-ui-icon{height:35px;width:35px}.cld-cron .notification,.cld-info-box .notification,.cld-panel .notification,.cld-panel-short .notification{display:inline-flex;font-weight:700;padding:1.5rem}.cld-cron .notification-success,.cld-info-box .notification-success,.cld-panel .notification-success,.cld-panel-short .notification-success{background-color:rgba(32,184,50,.2);border:2px solid #20b832}.cld-cron .notification-success:before,.cld-info-box .notification-success:before,.cld-panel .notification-success:before,.cld-panel-short .notification-success:before{color:#20b832}.cld-cron .notification-syncing,.cld-info-box .notification-syncing,.cld-panel .notification-syncing,.cld-panel-short .notification-syncing{background-color:rgba(50,115,171,.2);border:2px solid #3273ab;color:#444;text-decoration:none}.cld-cron .notification-syncing:before,.cld-info-box .notification-syncing:before,.cld-panel .notification-syncing:before,.cld-panel-short .notification-syncing:before{-webkit-animation:spin 1s infinite running;-moz-animation:spin 1s linear infinite;animation:spin 1s linear infinite;color:#3273ab}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.cld-cron .notification:before,.cld-info-box .notification:before,.cld-panel .notification:before,.cld-panel-short .notification:before{margin-right:.5em}.cld-cron .help-wrap,.cld-info-box .help-wrap,.cld-panel .help-wrap,.cld-panel-short .help-wrap{align-items:stretch;display:flex;flex-direction:row;flex-grow:1;justify-content:flex-start}@media only screen and (max-width:783px){.cld-cron .help-wrap,.cld-info-box .help-wrap,.cld-panel .help-wrap,.cld-panel-short .help-wrap{flex-direction:column;gap:20px}}.cld-cron .help-wrap .help-box .large-button,.cld-info-box .help-wrap .help-box .large-button,.cld-panel .help-wrap .help-box .large-button,.cld-panel-short .help-wrap .help-box .large-button{background:#fff;border-radius:4px;box-shadow:0 1px 8px 0 rgba(0,0,0,.3);color:initial;display:block;height:100%;text-decoration:none}.cld-cron .help-wrap .help-box .large-button:hover,.cld-info-box .help-wrap .help-box .large-button:hover,.cld-panel .help-wrap .help-box .large-button:hover,.cld-panel-short .help-wrap .help-box .large-button:hover{background-color:#eaecfa;box-shadow:0 1px 8px 0 rgba(0,0,0,.5)}.cld-cron .help-wrap .help-box .large-button .cld-ui-wrap,.cld-info-box .help-wrap .help-box .large-button .cld-ui-wrap,.cld-panel .help-wrap .help-box .large-button .cld-ui-wrap,.cld-panel-short .help-wrap .help-box .large-button .cld-ui-wrap{padding-bottom:.5em}.cld-cron .help-wrap .help-box img,.cld-info-box .help-wrap .help-box img,.cld-panel .help-wrap .help-box img,.cld-panel-short .help-wrap .help-box img{border-radius:4px 4px 0 0;width:100%}.cld-cron .help-wrap .help-box div,.cld-cron .help-wrap .help-box h4,.cld-info-box .help-wrap .help-box div,.cld-info-box .help-wrap .help-box h4,.cld-panel .help-wrap .help-box div,.cld-panel .help-wrap .help-box h4,.cld-panel-short .help-wrap .help-box div,.cld-panel-short .help-wrap .help-box h4{padding:0 12px}.cld-panel-short{display:inline-block;min-width:270px;width:auto}.cld-info-box{align-items:stretch;border-radius:4px;display:flex;margin:0 0 19px;max-width:500px;padding:0}@media only screen and (min-width:783px){.cld-info-box{flex-direction:row}}.cld-info-box .cld-ui-title h2{font-size:15px;margin:0 0 6px}.cld-info-box .cld-info-icon{background-color:#eaecfa;border-radius:4px 0 0 4px;display:flex;justify-content:center;text-align:center;vertical-align:center;width:49px}.cld-info-box .cld-info-icon img{width:24px}.cld-info-box a.button,.cld-info-box img{align-self:center}.cld-info-box .cld-ui-body{display:inline-block;font-size:12px;line-height:normal;margin:0 auto;padding:12px 9px;width:100%}.cld-info-box-text{color:rgba(0,0,1,.5);font-size:12px}.cld-submit,.cld-switch-cloud{background-color:#fff;border:1px solid #c6d1db;border-top:0;padding:1.2rem 1.75rem}.cld-panel.closed+.cld-submit,.cld-panel.closed+.cld-switch-cloud,.closed.cld-cron+.cld-submit,.closed.cld-cron+.cld-switch-cloud,.closed.cld-info-box+.cld-submit,.closed.cld-info-box+.cld-switch-cloud,.closed.cld-panel-short+.cld-submit,.closed.cld-panel-short+.cld-switch-cloud{display:none}.cld-stat-percent{align-items:center;display:flex;justify-content:flex-start;line-height:1}.cld-stat-percent h2{color:#54c8db;font-size:48px;margin:0 12px 0 0}.cld-stat-percent-text{font-weight:700}.cld-stat-legend{display:flex;font-weight:700;margin:0 0 16px 12px;min-width:200px}.cld-stat-legend-dot{border-radius:50%;display:inline-block;height:20px;margin-right:6px;width:20px}.cld-stat-legend-dot.blue-dot{background-color:#2e49cd}.cld-stat-legend-dot.aqua-dot{background-color:#54c8db}.cld-stat-legend-dot.red-dot{background-color:#e12600}.cld-stat-text{font-weight:700;margin:.75em 0}.cld-stat-text.cld-link-button{margin:.75em 0}.cld-loading{background-image:url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0ic3Bpbm5lciIgdmlld0JveD0iLTQgLTQgMTUxIDEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PCFbQ0RBVEFbCiAgICAgIEBrZXlmcmFtZXMgY29sb3JzIHsKICAgICAgICAwJSB7IHN0cm9rZTogIzAwNzhGRjsgfQogICAgICAgICAgNTAlIHsgc3Ryb2tlOiAjMGUyZjVhOyB9CiAgICAgICAgICAxMDAlIHsgc3Ryb2tlOiAjMDA3OEZGOyB9CiAgICAgIH0KCiAgICAgIEBrZXlmcmFtZXMgZGFzaCB7CiAgICAgICAwJSB7IHN0cm9rZS1kYXNob2Zmc2V0OiA1NjA7IH0KICAgICAgIDUwJSB7CiAgICAgICAgICBzdHJva2UtZGFzaG9mZnNldDogMDsKICAgICAgIH0KICAgICAgIDEwMCUgeyAgIHN0cm9rZS1kYXNob2Zmc2V0OiA1NjA7IH0KICAgICAgfQogICAgICBALXdlYmtpdC1rZXlmcmFtZXMgY29sb3JzIHsKICAgICAgICAwJSB7IHN0cm9rZTogIzAwNzhmZjsgfQogICAgICAgICAgNTAlIHsgc3Ryb2tlOiAjMGUyZjVhOyB9CiAgICAgICAgICAxMDAlIHsgc3Ryb2tlOiAjMDA3OGZmOyB9CiAgICAgIH0KCiAgICAgIEAtd2Via2l0LWtleWZyYW1lcyBkYXNoIHsKICAgICAgIDAlIHsgc3Ryb2tlLWRhc2hvZmZzZXQ6IDU2MDsgfQogICAgICAgNTAlIHsKICAgICAgICAgIHN0cm9rZS1kYXNob2Zmc2V0OiAwOwogICAgICAgfQogICAgICAgMTAwJSB7ICAgc3Ryb2tlLWRhc2hvZmZzZXQ6IDU2MDsKICAgICAgIH0KICAgICAgfQogICAgICAucGF0aCB7CiAgICAgICAgc3Ryb2tlLWRhc2hhcnJheTogMjgwOwogICAgICAgIHN0cm9rZS1kYXNob2Zmc2V0OiAwOwogICAgICAgIHRyYW5zZm9ybS1vcmlnaW46IGNlbnRlcjsKICAgICAgICAtd2Via2l0LWFuaW1hdGlvbjoKICAgICAgICAgIGRhc2ggMnMgZWFzZS1pbi1vdXQgaW5maW5pdGUsIGNvbG9ycyA4cyBlYXNlLWluLW91dCBpbmZpbml0ZTsKICAgICAgICBhbmltYXRpb246CiAgICAgICAgICBkYXNoIDJzIGVhc2UtaW4tb3V0IGluZmluaXRlLCBjb2xvcnMgOHMgZWFzZS1pbi1vdXQgaW5maW5pdGU7CiAgICAgIH0KICAgIF1dPjwvc3R5bGU+CiAgPHBhdGggY2xhc3M9InBhdGgiIGQ9Ik0xMjEuNjYzIDkwLjYzOGMtMS43OTYgMC05OS4zMy0uNDk4LTEwMS40NzQtMS40NzhDOC42ODUgODMuODc3IDEuMjUgNzIuMTk2IDEuMjUgNTkuMzk2YzAtMTYuNjU2IDEyLjc5Ny0zMC42MSAyOS4wNTItMzIuMzIzIDcuNDktMTUuNzA2IDIzLjE4Ni0yNS43MDcgNDAuNzE0LTI1LjcwNyAyMC45OCAwIDM5LjIxNSAxNC43NTIgNDMuOTQ1IDM0LjkwNyAxNS4wOS4yNDUgMjcuMjkgMTIuNjMgMjcuMjkgMjcuODIyIDAgMTEuOTY4LTcuNzM4IDIyLjU1LTE5LjI1NiAyNi4zMyIgc3Ryb2tlLXdpZHRoPSI5IiBzdHJva2UtbGluZWNhcD0icm91bmQiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPgo8L3N2Zz4K);background-position:50%;background-repeat:no-repeat;background-size:50px 50px;height:100px;width:auto}.cld-loading.tree-branch{background-position:25px;background-size:50px 50px}.cld-syncing{background:url(../css/images/loading.svg) no-repeat 50%;display:inline-block;height:20px;margin-left:12px;padding:4px;width:30px}.cld-dashboard-placeholder{align-content:center;align-items:center;background-color:#eff5f8;display:flex;flex-direction:column;justify-content:center;min-height:120px}.cld-dashboard-placeholder h4{margin:12px 0 0}.cld-chart-stat{padding-bottom:2em}.cld-chart-stat canvas{max-height:100%;max-width:100%}.cld-progress-circular{display:block;height:160px;margin:2em .5em 2em 0;position:relative;width:160px}.cld-progress-circular .progressbar-text{color:#222;font-size:1em;font-weight:bolder;left:50%;margin:0;padding:0;position:absolute;text-align:center;text-transform:capitalize;top:50%;transform:translate(-50%,-50%);width:100%}.cld-progress-circular .progressbar-text h2{font-size:48px;line-height:1;margin:0 0 .15em}.cld-progress-box{align-items:center;display:flex;justify-content:flex-start;margin:0 0 16px;width:100%}.cld-progress-box-title{font-size:15px;line-height:1.4;margin:12px 0 16px}.cld-progress-box-line{display:block;height:5px;min-width:1px;transition:width 2s;width:0}.cld-progress-box-line-value{font-weight:700;padding:0 0 0 8px;width:100px}.cld-progress-line{background-color:#c6d1db;display:block;height:3px;position:relative;width:100%}.cld-progress-header{font-weight:bolder}.cld-progress-header-titles{display:flex;font-size:12px;justify-content:space-between;margin-top:5px}.cld-progress-header-titles-left{color:#3448c5}.cld-progress-header-titles-right{color:#c6d1db;font-weight:400}.cld-line-stat{margin-bottom:15px}.cld-pagenav{color:#555;line-height:2.4em;margin-top:5px}.cld-pagenav-text{margin:0 2em}.cld-delete{color:#dd2c00;cursor:pointer;float:right}.cld-apply-action{float:right}.cld-table thead tr th.cld-table-th{line-height:1.8em}.cld-asset .cld-input-on-off{display:inline-block}.cld-asset .cld-input-label{display:inline-block;margin-bottom:0}.cld-asset-edit{align-items:flex-end;display:flex}.cld-asset-edit-button.button.button-primary{padding:3px 14px 4px}.cld-asset-preview-label{font-weight:bolder;margin-right:10px;width:100%}.cld-asset-preview-input{margin-top:6px;width:100%}.cld-link-button{background-color:#3448c5;border-radius:4px;display:inline-block;font-size:11px;font-weight:700;margin:0;padding:5px 14px}.cld-link-button,.cld-link-button:focus,.cld-link-button:hover{color:#fff;text-decoration:none}.cld-link-button.hidden{display:none}.cld-link-button-secondary{background-color:#c6d1db;border:1px solid #3448c5;color:rgba(0,0,1,.75)}.cld-link-button-secondary:focus,.cld-link-button-secondary:hover{background-color:#3448c5}.cld-link-button-secondary-error{border-color:#dd2c00}.cld-link-button-secondary-error:focus,.cld-link-button-secondary-error:hover{background-color:#dd2c00}.cld-tooltip{color:#999;font-size:12px;line-height:1.3em;margin:8px 0}.cld-tooltip .selected{color:rgba(0,0,1,.75)}.cld-notice-box{box-shadow:0 0 2px rgba(0,0,0,.1);margin-bottom:12px;margin-right:20px;position:relative}.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{left:19px;position:absolute;top:14px}.cld-connection-box{align-items:center;background-color:#303a47;border-radius:4px;color:#fff;display:flex;justify-content:space-around;max-width:500px;padding:20px 17px}.cld-connection-box h3{color:#fff;margin:0 0 5px}.cld-connection-box span{display:inline-block;padding:0 12px 0 0}.cld-connection-box .dashicons{font-size:30px;height:30px;margin:0;padding:0;width:30px}.cld-row{clear:both;display:flex;margin:0}.cld-row.align-center{align-items:center}@media only screen and (max-width:783px){.cld-row{flex-direction:column-reverse}}.cld-column{box-sizing:border-box;padding:0 0 0 13px;width:100%}.cld-column.column-min-w-50,.cld-column.column-video_settings{min-width:50%}@media only screen and (min-width:783px){.cld-column.column-45{width:45%}.cld-column.column-55{width:55%}.cld-column:last-child{padding-right:13px}}@media only screen and (max-width:783px){.cld-column{min-width:100%}.cld-column .cld-info-text{text-align:center}}@media only screen and (max-width:1200px){.cld-column.tabbed-content{display:none}.cld-column.tabbed-content.is-active{display:block}}.cld-column .cld-column{margin-right:16px;padding:0}.cld-column .cld-column:last-child{margin-left:auto;margin-right:0}.cld-center-column.cld-info-text{font-size:15px;font-weight:bolder;padding-left:2em}.cld-center-column.cld-info-text .description{font-size:12px;padding-top:8px}.cld-breakpoints-preview,.cld-image-preview,.cld-lazyload-preview,.cld-video-preview{border:1px solid #c6d1db;border-radius:4px;padding:9px}.cld-breakpoints-preview-wrapper,.cld-image-preview-wrapper,.cld-lazyload-preview-wrapper,.cld-video-preview-wrapper{position:relative}.cld-breakpoints-preview .cld-ui-title,.cld-image-preview .cld-ui-title,.cld-lazyload-preview .cld-ui-title,.cld-video-preview .cld-ui-title{font-weight:700;margin:5px 0 12px}.cld-breakpoints-preview img,.cld-image-preview img,.cld-lazyload-preview img,.cld-video-preview img{border-radius:4px;height:100%;width:100%}.cld.cld-ui-preview{max-width:322px}.cld-breakpoints-preview .cld-image-preview-wrapper:hover .preview-image,.cld-lazyload-preview .cld-image-preview-wrapper:hover .preview-image{opacity:0}.cld-breakpoints-preview .cld-image-preview-wrapper:hover .main-image,.cld-lazyload-preview .cld-image-preview-wrapper:hover .main-image{opacity:1}.cld-breakpoints-preview .cld-image-preview-wrapper:hover .main-image img,.cld-breakpoints-preview .cld-image-preview-wrapper:hover .main-image span,.cld-lazyload-preview .cld-image-preview-wrapper:hover .main-image img,.cld-lazyload-preview .cld-image-preview-wrapper:hover .main-image span{opacity:.4}.cld-breakpoints-preview .preview-image,.cld-lazyload-preview .preview-image{background-color:#222;border-radius:4px;bottom:0;box-shadow:2px -2px 3px rgba(0,0,0,.9);display:flex;left:0;position:absolute}.cld-breakpoints-preview .preview-image:hover,.cld-breakpoints-preview .preview-image:hover img,.cld-breakpoints-preview .preview-image:hover span,.cld-lazyload-preview .preview-image:hover,.cld-lazyload-preview .preview-image:hover img,.cld-lazyload-preview .preview-image:hover span{opacity:1!important}.cld-breakpoints-preview .preview-image.main-image,.cld-lazyload-preview .preview-image.main-image{box-shadow:none;position:relative}.cld-breakpoints-preview .preview-text,.cld-lazyload-preview .preview-text{background-color:#3448c5;color:#fff;padding:3px;position:absolute;right:0;text-shadow:0 0 3px #000;top:0}.cld-breakpoints-preview .global-transformations-url-link:hover,.cld-lazyload-preview .global-transformations-url-link:hover{color:#fff;text-decoration:none}.cld-lazyload-preview .progress-bar{background-color:#3448c5;height:2px;transition:width 1s;width:0}.cld-lazyload-preview .preview-image{background-color:#fff}.cld-lazyload-preview img{transition:opacity 1s}.cld-lazyload-preview .global-transformations-url-link{background-color:transparent}.cld-group .cld-group .cld-group{padding-left:4px}.cld-group .cld-group .cld-group hr{display:none}.cld-group-heading{display:flex;justify-content:space-between}.cld-group-heading h3{font-size:.9rem}.cld-group-heading h3 .description{font-size:.7rem;font-weight:400;margin-left:.7em}.cld-group .cld-ui-title-head{margin-bottom:1em}.cld-input{display:block;margin:0 0 23px;max-width:800px}.cld-input-label .cld-ui-title{font-size:14px;font-weight:700}.cld-input-label{display:block;margin-bottom:8px}.cld-input-label-link{color:#3448c5;font-size:12px;margin-left:8px}.cld-input-label-link:hover{color:#1e337f}.cld-input-radio-label{display:block}.cld-input-radio-label:not(:first-of-type){padding-top:8px}.cld-input .regular-number,.cld-input .regular-text{border:1px solid #d0d0d0;border-radius:3px;font-size:13px;padding:.1rem .5rem;width:100%}.cld-input .regular-number-small,.cld-input .regular-text-small{width:40%}.cld-input .regular-number{width:100px}.cld-input .regular-select{appearance:none;border:1px solid #d0d0d0;border-radius:3px;display:inline;font-size:13px;font-weight:600;min-width:150px;padding:2px 30px 2px 6px}.cld-input-on-off .description{color:inherit;font-size:13px;font-weight:600;margin:0}.cld-input-on-off .description.left{margin-left:0;margin-right:.4rem}.cld-input-on-off input[type=checkbox]~.spinner{background-size:12px 12px;float:none;height:12px;margin:2px;opacity:1;position:absolute;right:14px;top:0;transition:right .2s;visibility:visible;width:12px}.cld-input-on-off input[type=checkbox]:checked~.spinner{right:0}.cld-input-on-off-control{display:inline-block;height:16px;margin-right:.4rem;position:relative;width:30px}.cld-input-on-off-control input,.cld-input-on-off-control input:disabled{height:0;opacity:0;width:0}.cld-input-on-off-control-slider{background-color:#90a0b3;border-radius:10px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:background-color .3s}input:disabled+.cld-input-on-off-control-slider{opacity:.4;pointer-events:none}input:checked+.cld-input-on-off-control-slider{background-color:#3448c5!important}input:checked.partial+.cld-input-on-off-control-slider{background-color:#fd9d2c!important}input:checked.delete+.cld-input-on-off-control-slider{background-color:#dd2c00!important}.cld-input-on-off-control-slider:before{background-color:#fff;border-radius:50%;bottom:2px;content:"";display:block;height:12px;left:2px;position:absolute;transition:transform .2s;width:12px}input:checked+.cld-input-on-off-control-slider:before{transform:translateX(14px)}.mini input:checked+.cld-input-on-off-control-slider:before{transform:translateX(10px)}.cld-input-on-off-control.mini{height:10px;width:20px}.mini .cld-input-on-off-control-slider:before{bottom:1px;height:8px;left:1px;width:8px}.cld-input-icon-toggle{align-items:center;display:inline-flex}.cld-input-icon-toggle .description{margin:0 0 0 .4rem}.cld-input-icon-toggle .description.left{margin-left:0;margin-right:.4rem}.cld-input-icon-toggle-control{display:inline-block;position:relative}.cld-input-icon-toggle-control input{height:0;opacity:0;position:absolute;width:0}.cld-input-icon-toggle-control-slider .icon-on{display:none;visibility:hidden}.cld-input-icon-toggle-control-slider .icon-off,input:checked+.cld-input-icon-toggle-control-slider .icon-on{display:inline-block;visibility:visible}input:checked+.cld-input-icon-toggle-control-slider .icon-off{display:none;visibility:hidden}.cld-input-excluded-types div{display:flex}.cld-input-excluded-types .type{border:1px solid #c6d1db;border-radius:20px;display:flex;justify-content:space-between;margin-right:8px;min-width:50px;padding:3px 6px}.cld-input-excluded-types .dashicons{cursor:pointer}.cld-input-excluded-types .dashicons:hover{color:#dd2c00}.cld-input-tags{align-items:center;border:1px solid #d0d0d0;border-radius:3px;display:flex;flex-wrap:wrap;justify-content:flex-start;margin:5px 0 0;padding:2px 6px}.cld-input-tags-item{border:1px solid #c6d1db;border-radius:14px;box-shadow:inset -25px 0 0 #c6d1db;display:inline-flex;justify-content:space-between;margin:5px 6px 5px 0;opacity:1;overflow:hidden;padding:3px 4px 3px 8px;transition:opacity .25s,width .5s,margin .25s,padding .25s}.cld-input-tags-item-text{margin-right:8px}.cld-input-tags-item-delete{color:#90a0b3;cursor:pointer}.cld-input-tags-item-delete:hover{color:#3448c5}.cld-input-tags-item.pulse{animation:pulse-animation .5s infinite}.cld-input-tags-input{display:inline-block;min-width:100px;opacity:.4;overflow:visible;padding:10px 0;white-space:nowrap}.cld-input-tags-input:focus-visible{opacity:1;outline:none;padding:10px}@keyframes pulse-animation{0%{color:rgba(255,0,0,0)}50%{color:red}to{color:rgba(255,0,0,0)}}.cld-input-tags-input.pulse{animation:pulse-animation .5s infinite}.cld-input .prefixed{margin-left:6px;width:40%}.cld-input .suffixed{margin-right:6px;width:40%}.cld-input input::placeholder{color:#90a0b3}.cld-input .hidden{visibility:hidden}.cld-gallery-settings{box-sizing:border-box;display:flex;flex-wrap:wrap;padding:1rem 0;width:100%}@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%}}.cld-gallery-settings .components-color-palette__custom-color-button{border:none;border-radius:2px 2px 0 0;box-shadow:inset 0 0 0 1px rgba(0,0,0,.2);box-sizing:border-box;cursor:pointer;height:64px;outline:1px solid transparent;position:relative;width:100%}.cld-gallery-settings .components-color-palette__custom-color-text-wrapper{border-radius:0 0 2px 2px;box-shadow:inset 0 -1px 0 0 rgba(0,0,0,.2),inset 1px 0 0 0 rgba(0,0,0,.2),inset -1px 0 0 0 rgba(0,0,0,.2);font-size:13px;padding:12px 16px;position:relative}.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;margin:.5rem 0;width:100%}.components-popover:not(.is-without-arrow):after,.components-popover:not(.is-without-arrow):before{content:none}table .cld-input{margin-bottom:0}tr .file-size.small{color:#a8a8a8;font-size:.8em;font-style:italic;letter-spacing:.4px;margin-left:6px;margin-right:6px}td.tree{color:#212529;line-height:1.5;padding-top:0;position:relative}td.tree ul.striped>:nth-child(odd){background-color:#f6f7f7}td.tree ul.striped>:nth-child(2n){background-color:#fff}td.tree .success{color:#20b832}td+td.tree{padding-top:0}td.tree .cld-input{margin-bottom:0;vertical-align:text-bottom}td.tree .cld-search{font-size:.9em;height:26px;margin-right:12px;min-height:20px;padding:4px 6px;vertical-align:initial;width:300px}td.tree .file-size{color:#a8a8a8;font-size:.8em;font-style:italic;letter-spacing:.4px;margin-left:6px}td.tree .fa-folder,td.tree .fa-folder-open{color:#007bff}td.tree .fa-html5{color:#f21f10}td.tree ul{list-style:none;margin:0;padding-left:5px}td.tree ul li{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-bottom:0;padding-bottom:5px;padding-left:25px;padding-top:5px;position:relative}td.tree ul li:before{height:1px;margin:auto;top:14px;width:20px}td.tree ul li:after,td.tree ul li:before{background-color:#666;content:"";left:0;position:absolute}td.tree ul li:after{bottom:0;height:100%;top:0;width:1px}td.tree ul li:after:nth-of-type(odd){background-color:#666}td.tree ul li:last-child:after{height:14px}td.tree ul a{cursor:pointer}td.tree ul a:hover{text-decoration:none}.cld-modal{align-content:center;align-items:center;background-color:rgba(0,0,0,.8);bottom:0;display:flex;flex-direction:row;flex-wrap:nowrap;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .1s;visibility:hidden;z-index:10000}.cld-modal[data-cloudinary-only="1"] .modal-body,.cld-modal[data-cloudinary-only=true] .modal-body{display:none}.cld-modal[data-cloudinary-only="1"] [data-action=submit],.cld-modal[data-cloudinary-only=true] [data-action=submit]{cursor:not-allowed;opacity:.5;pointer-events:none}.cld-modal .warning{color:#dd2c00}.cld-modal .modal-header{margin-bottom:2em}.cld-modal .modal-uninstall{display:none}.cld-modal-box{background-color:#fff;box-shadow:0 2px 14px 0 rgba(0,0,0,.5);display:flex;flex-direction:column;font-size:10.5px;font-weight:600;justify-content:space-between;margin:0 auto;max-width:80%;padding:25px;position:relative;transition:height 1s;width:500px}.cld-modal-box .modal-footer{align-items:stretch;display:flex;flex-direction:row;justify-content:flex-end}.cld-modal-box .more{display:none}.cld-modal-box input[type=radio]:checked~.more{color:#32373c;display:block;line-height:2;margin-left:2em;margin-top:.5em}.cld-modal-box input[type=radio]:checked{border:1px solid #3448c5}.cld-modal-box input[type=radio]:checked:before{background-color:#3448c5;border-radius:50%;content:"";height:.5rem;line-height:1.14285714;margin:.1875rem;width:.5rem}@media screen and (max-width:782px){.cld-modal-box input[type=radio]:checked:before{height:.5625rem;line-height:.76190476;margin:.4375rem;vertical-align:middle;width:.5625rem}}.cld-modal-box input[type=radio]:focus{border-color:#3448c5;box-shadow:0 0 0 1px #3448c5;outline:2px solid transparent}.cld-modal-box input[type=checkbox]~label{margin-left:.25em}.cld-modal-box input[type=email]{width:100%}.cld-modal-box textarea{font-size:inherit;resize:none;width:100%}.cld-modal-box ul{margin-bottom:21px}.cld-modal-box p{font-size:10.5px;margin:0 0 12px}.cld-modal-box .button:not(.button-link){background-color:#e9ecf9}.cld-modal-box .button{border:0;color:#000;font-size:9.5px;font-weight:700;margin:22px 0 0 10px;padding:4px 14px}.cld-modal-box .button.button-primary{background-color:#3448c5;color:#fff}.cld-modal-box .button.button-link{margin-left:0;margin-right:auto}.cld-modal-box .button.button-link:hover{background-color:transparent}.cld-optimisation:first-child{margin-top:7px}.cld-optimisation{display:flex;font-size:12px;justify-content:space-between;line-height:2}.cld-optimisation-item{color:#3448c5;font-weight:600}.cld-optimisation-item:hover{color:#1e337f}.cld-optimisation-item-active,.cld-optimisation-item-not-active{font-size:10px;font-weight:700}.cld-optimisation-item-active .dashicons,.cld-optimisation-item-not-active .dashicons{font-size:12px;line-height:2}.cld-optimisation-item-active{color:#2a0}.cld-optimisation-item-not-active{color:#c6d1db}.cld-ui-sidebar{width:100%}@media only screen and (min-width:783px){.cld-ui-sidebar{max-width:500px;min-width:400px;width:auto}}.cld-ui-sidebar .cld-cron,.cld-ui-sidebar .cld-info-box,.cld-ui-sidebar .cld-panel,.cld-ui-sidebar .cld-panel-short{padding:14px 18px}.cld-ui-sidebar .cld-ui-header{margin-top:-1px;padding:6px 14px}.cld-ui-sidebar .cld-ui-header:first-child{margin-top:13px}.cld-ui-sidebar .cld-ui-title h2{font-size:14px}.cld-ui-sidebar .cld-info-box{align-items:flex-start;border:0;margin:0;padding:0}.cld-ui-sidebar .cld-info-box .cld-ui-body{padding-top:0}.cld-ui-sidebar .cld-info-box .button{align-self:flex-start;cursor:default;line-height:inherit;opacity:.5}.cld-ui-sidebar .cld-info-icon{background-color:transparent}.cld-ui-sidebar .cld-info-icon img{width:40px}.cld-ui-sidebar .extension-item{border-bottom:1px solid #e5e5e5;border-radius:0;margin-bottom:18px}.cld-ui-sidebar .extension-item:last-of-type{border-bottom:none;margin-bottom:0}.cld-ui-sidebar .cld-ui-wrap .closed{border:none;display:flex;max-height:0;padding:0!important;visibility:hidden}.cld-plan{display:flex;flex-wrap:wrap}.cld-plan-item{display:flex;margin-bottom:25px;width:33%}.cld-plan-item img{margin-right:12px;width:24px}.cld-plan-item .description{font-size:12px}.cld-plan-item .cld-title{font-size:14px;font-weight:700}.cld-wizard-tabs{display:flex;flex-direction:row;font-size:15px;font-weight:600;width:50%}.cld-wizard-tabs-tab{align-items:center;display:flex;flex-direction:column;position:relative;width:33%}.cld-wizard-tabs-tab-count{align-items:center;background-color:rgba(52,72,197,.15);border:2px solid transparent;border-radius:50%;display:flex;height:32px;justify-content:center;width:32px}.active .cld-wizard-tabs-tab-count{border:2px solid #3448c5}.complete .cld-wizard-tabs-tab-count{background-color:#2a0;color:#2a0}.complete .cld-wizard-tabs-tab-count:before{color:#fff;content:"\f147";font-family:dashicons;font-size:30px;width:25px}.cld-wizard-tabs-tab.active{color:#3448c5}.cld-wizard-tabs-tab:after{border:1px solid rgba(52,72,197,.15);content:"";left:75%;position:absolute;top:16px;width:50%}.cld-wizard-tabs-tab.complete:after{border-color:#2a0}.cld-wizard-tabs-tab:last-child:after{display:none}.cld-wizard-intro{text-align:center}.cld-wizard-intro-welcome{border:2px solid #c6d1db;border-radius:4px;box-shadow:0 2px 10px 0 rgba(0,0,0,.3);margin:27px auto;padding:19px;width:645px}.cld-wizard-intro-welcome img{width:100%}.cld-wizard-intro-welcome-info{background-color:#323a45;border-radius:0 0 4px 4px;color:#fff;display:flex;font-size:12px;margin:0 -19px -19px;padding:15px;text-align:left}.cld-wizard-intro-welcome-info img{margin-right:12px;width:25px}.cld-wizard-intro-welcome-info h2{color:#fff;font-size:14px}.cld-wizard-connect-connection{align-items:flex-end;display:flex;flex-direction:row;justify-content:flex-start}.cld-wizard-connect-connection-input{margin-right:10px;margin-top:20px;width:725px}.cld-wizard-connect-connection-input input{max-width:100%;width:100%}.cld-wizard-connect-status{align-items:center;border-radius:14px;display:none;font-weight:700;justify-content:space-between;margin-inline-start:1em;padding:5px 11px}.cld-wizard-connect-status.active{display:inline-flex}.cld-wizard-connect-status.success{background-color:#ccefc9;color:#2a0}.cld-wizard-connect-status.error{background-color:#f9cecd;color:#dd2c00}.cld-wizard-connect-status.working{background-color:#eaecfa;color:#1e337f;padding:5px}.cld-wizard-connect-status.working .spinner{margin:0;visibility:visible}.cld-wizard-connect-help{margin-top:50px}.cld-wizard-connect-help-image{border:1px solid #c6d1db;box-shadow:0 0 1em 1em rgba(0,0,0,.05);margin:2em;padding:1em}.cld-wizard-lock{cursor:pointer;display:flex}.cld-wizard-lock.hidden{display:none;height:0;width:0}.cld-wizard-lock .dashicons{color:#3448c5;font-size:25px;line-height:.7;margin-right:10px}.cld-wizard-optimize-settings.disabled{opacity:.4}.cld-wizard-complete{background-image:url(../css/images/confetti.png);background-position:50%;background-repeat:no-repeat;background-size:cover;margin:-23px;padding:98px;text-align:center}.cld-wizard-complete.hidden{display:none}.cld-wizard-complete.active{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:-23px -24px;text-align:center}.cld-wizard-complete.active *{max-width:450px}.cld-wizard-complete-icons{display:flex;justify-content:center}.cld-wizard-complete-icons img{margin:30px 10px;width:70px}.cld-wizard-complete-icons .dashicons{background-color:#f1f1f1;border:4px solid #fff;border-radius:6px;box-shadow:0 2px 8px 0 rgba(0,0,0,.3);font-size:50px;height:70px;line-height:1.4;width:70px}.cld-wizard-complete-icons .dashicons-cloudinary{color:#3448c5;font-size:65px;line-height:.9}.cld-wizard-complete .cld-ui-title{margin-top:30px}.cld-wizard-complete .cld-ui-title h3{font-size:14px}.cld-wizard{margin-left:auto;margin-right:auto;max-width:1100px}.cld-wizard .cld-panel-heading{align-items:center}.cld-wizard .cld-ui-title{text-transform:none}.cld-wizard .cld-submit{align-items:center;display:flex;justify-content:space-between}.cld-wizard .cld-submit .button{margin-left:10px}.cld-import{display:none;height:100%;padding:0 10px;position:absolute;right:0;width:200px}.cld-import-item{align-items:center;display:flex;margin-top:10px;min-height:20px;opacity:0;transition:opacity .5s;white-space:nowrap}.cld-import-item .spinner{margin:0 6px 0 0;visibility:visible;width:24px}.cld-import-item-id{display:block;overflow:hidden;text-overflow:ellipsis}.cld-import-process{background-color:#fff;background-position:50%;border-radius:40px;float:none;opacity:1;padding:5px;visibility:visible}.media-library{margin-right:0;transition:margin-right .2s}.cld-sizes-preview{display:flex}.cld-sizes-preview .image-item{display:none;width:100%}.cld-sizes-preview .image-item img{max-width:100%}.cld-sizes-preview .image-item.show{align-content:space-between;display:flex;flex-direction:column;justify-content:space-around}.cld-sizes-preview .image-items{background-color:#e5e5e5;display:flex;padding:18px;width:100%}.cld-sizes-preview .image-preview-box{background-color:#90a0b3;background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:6px;height:100%;width:100%}.cld-sizes-preview input{color:#558b2f;margin-top:6px}.cld-sizes-preview input.invalid{border-color:#dd2c00;color:#dd2c00}.cld-crops{border-bottom:1px solid #e5e5e5;margin-bottom:6px;padding-bottom:6px}.cld-size-items-item{border:1px solid #e5e5e5;display:flex;flex-direction:column;margin-bottom:-1px;padding:8px}.cld-size-items-item .cld-ui-suffix{overflow:hidden;text-overflow:ellipsis;width:50%}.cld-size-items-item img{margin-bottom:8px;max-width:100%;object-fit:scale-down}.cld-size-items .crop-size-inputs{align-items:center;display:flex;gap:10px}.cld-size-items .cld-ui-input.regular-text[disabled]{background-color:#e5e5e5;opacity:.5}.cld-image-selector{display:flex}.cld-image-selector-item{border:1px solid #e5e5e5;cursor:pointer;margin:0 3px -1px 0;padding:3px 6px}.cld-image-selector-item[data-selected]{background-color:#e5e5e5}.cld-cron{padding-block:13px;padding-inline:16px}.cld-cron h2,.cld-cron h4{margin:0}.cld-cron hr{margin-block:6px}.tippy-box[data-theme~=cloudinary]{background-color:rgba(0,0,0,.8);color:#fff;font-size:.8em}#poststuff .cld-info-box h2{font-weight:700;margin:0 0 6px;padding:0}.cloudinary-overwrite-transformations{padding:6px 0}.edit-overlay-grid{display:grid;gap:6px;grid-template-columns:repeat(3,30px);grid-template-rows:repeat(3,30px);margin-bottom:20px}.edit-overlay-grid__cell{align-items:center;background:#fff;border:1px solid #ccc;cursor:pointer;display:flex;height:30px;justify-content:center;width:30px}.edit-overlay-grid__cell:hover{opacity:.8}.edit-overlay-grid__cell--selected{border:2px solid #3448c5;position:relative}.edit-overlay-grid__cell--selected:after{color:#3448c5;content:"\2714";font-size:16px;position:absolute}.edit-overlay-range-input.regular-text{padding:0}.edit-overlay .cld-input-text{margin-bottom:0}.edit-overlay-offset{margin-bottom:20px}.edit-overlay-offset .suffixed{position:relative;top:5px;width:80%}.edit-overlay-offset .cld-input-text{margin-bottom:10px}.edit-overlay #edit-overlay-select-image-preview{margin-top:10px}.edit-overlay #edit-overlay-select-image-preview img{border:1px solid #ccc;height:auto;max-width:50%}.edit-overlay .cld-ui-wrap .button--remove{background-color:transparent;border:2px solid #dd2c00;color:#dd2c00}.edit-overlay .cld-ui-wrap .button--remove:hover{background-color:#c42700;color:#fff}.edit-overlay .cld-asset-edit-button.button-primary{margin-right:auto;padding:7px 14px}.edit-overlay .cld-ui-suffix{margin-inline-start:0}.edit-overlay .cld-ui-preview{box-sizing:border-box}@media only screen and (min-width:783px){.asset-edit-preview{align-self:flex-start;position:sticky;top:20px}}#asset-preview-transformation-string{background:#262c35;box-sizing:border-box;display:block;max-width:100%;overflow-wrap:normal;padding:10px;text-decoration:none;word-break:break-all}#asset-preview-transformation-string:hover span{text-decoration:underline}#asset-preview-transformation-string .string-preview-base{word-break:break-all}#asset-preview-transformation-string .string-preview-transformations{color:#fff}#asset-preview-transformation-string .string-preview-image-overlay{color:#51a3ff}#asset-preview-transformation-string .string-preview-text-overlay{color:#54c8db}#asset-preview-transformation-string .string-preview-public-id{color:#f2d864}#asset-preview-success-message{color:#558b2f}#asset-preview-success-message p{margin-bottom:0} \ No newline at end of file diff --git a/js/asset-edit.js b/js/asset-edit.js index 23ebc90d..2fd4f3b4 100644 --- a/js/asset-edit.js +++ b/js/asset-edit.js @@ -1 +1 @@ -!function(){var e={172:function(e){e.exports=function(e,t){this.v=e,this.k=t},e.exports.__esModule=!0,e.exports.default=e.exports},373:function(e){e.exports=function(e){var t=Object(e),r=[];for(var n in t)r.unshift(n);return function e(){for(;r.length;)if((n=r.pop())in t)return e.value=n,e.done=!1,e;return e.done=!0,e}},e.exports.__esModule=!0,e.exports.default=e.exports},546:function(e){function t(r,n,i,a){var o=Object.defineProperty;try{o({},"",{})}catch(r){o=0}e.exports=t=function(e,r,n,i){function a(r,n){t(e,r,function(e){return this._invoke(r,n,e)})}r?o?o(e,r,{value:n,enumerable:!i,configurable:!i,writable:!i}):e[r]=n:(a("next",0),a("throw",1),a("return",2))},e.exports.__esModule=!0,e.exports.default=e.exports,t(r,n,i,a)}e.exports=t,e.exports.__esModule=!0,e.exports.default=e.exports},579:function(e,t,r){var n=r(738).default;e.exports=function(e){if(null!=e){var t=e["function"==typeof Symbol&&Symbol.iterator||"@@iterator"],r=0;if(t)return t.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length))return{next:function(){return e&&r>=e.length&&(e=void 0),{value:e&&e[r++],done:!e}}}}throw new TypeError(n(e)+" is not iterable")},e.exports.__esModule=!0,e.exports.default=e.exports},604:function(e,t,r){var n;!function(){"use strict";var i={not_string:/[^s]/,not_bool:/[^t]/,not_type:/[^T]/,not_primitive:/[^v]/,number:/[diefg]/,numeric_arg:/[bcdiefguxX]/,json:/[j]/,not_json:/[^j]/,text:/^[^\x25]+/,modulo:/^\x25{2}/,placeholder:/^\x25(?:([1-9]\d*)\$|\(([^)]+)\))?(\+)?(0|'[^$])?(-)?(\d+)?(?:\.(\d+))?([b-gijostTuvxX])/,key:/^([a-z_][a-z_\d]*)/i,key_access:/^\.([a-z_][a-z_\d]*)/i,index_access:/^\[(\d+)\]/,sign:/^[+-]/};function a(e){return function(e,t){var r,n,o,s,l,u,c,p,d,f=1,h=e.length,v="";for(n=0;n=0),s.type){case"b":r=parseInt(r,10).toString(2);break;case"c":r=String.fromCharCode(parseInt(r,10));break;case"d":case"i":r=parseInt(r,10);break;case"j":r=JSON.stringify(r,null,s.width?parseInt(s.width):0);break;case"e":r=s.precision?parseFloat(r).toExponential(s.precision):parseFloat(r).toExponential();break;case"f":r=s.precision?parseFloat(r).toFixed(s.precision):parseFloat(r);break;case"g":r=s.precision?String(Number(r.toPrecision(s.precision))):parseFloat(r);break;case"o":r=(parseInt(r,10)>>>0).toString(8);break;case"s":r=String(r),r=s.precision?r.substring(0,s.precision):r;break;case"t":r=String(!!r),r=s.precision?r.substring(0,s.precision):r;break;case"T":r=Object.prototype.toString.call(r).slice(8,-1).toLowerCase(),r=s.precision?r.substring(0,s.precision):r;break;case"u":r=parseInt(r,10)>>>0;break;case"v":r=r.valueOf(),r=s.precision?r.substring(0,s.precision):r;break;case"x":r=(parseInt(r,10)>>>0).toString(16);break;case"X":r=(parseInt(r,10)>>>0).toString(16).toUpperCase()}i.json.test(s.type)?v+=r:(!i.number.test(s.type)||p&&!s.sign?d="":(d=p?"+":"-",r=r.toString().replace(i.sign,"")),u=s.pad_char?"0"===s.pad_char?"0":s.pad_char.charAt(1):" ",c=s.width-(d+r).length,l=s.width&&c>0?u.repeat(c):"",v+=s.align?d+r+l:"0"===u?d+l+r:l+d+r)}return v}(function(e){if(s[e])return s[e];var t,r=e,n=[],a=0;for(;r;){if(null!==(t=i.text.exec(r)))n.push(t[0]);else if(null!==(t=i.modulo.exec(r)))n.push("%");else{if(null===(t=i.placeholder.exec(r)))throw new SyntaxError("[sprintf] unexpected placeholder");if(t[2]){a|=1;var o=[],l=t[2],u=[];if(null===(u=i.key.exec(l)))throw new SyntaxError("[sprintf] failed to parse named argument key");for(o.push(u[1]);""!==(l=l.substring(u[0].length));)if(null!==(u=i.key_access.exec(l)))o.push(u[1]);else{if(null===(u=i.index_access.exec(l)))throw new SyntaxError("[sprintf] failed to parse named argument key");o.push(u[1])}t[2]=o}else a|=2;if(3===a)throw new Error("[sprintf] mixing positional and named placeholders is not (yet) supported");n.push({placeholder:t[0],param_no:t[1],keys:t[2],sign:t[3],pad_char:t[4],align:t[5],width:t[6],precision:t[7],type:t[8]})}r=r.substring(t[0].length)}return s[e]=n}(e),arguments)}function o(e,t){return a.apply(null,[e].concat(t||[]))}var s=Object.create(null);"undefined"!=typeof window&&(window.sprintf=a,window.vsprintf=o,void 0===(n=function(){return{sprintf:a,vsprintf:o}}.call(t,r,t,e))||(e.exports=n))}()},616:function(e){e.exports=function(e,t){var r,n,i=0;function a(){var a,o,s=r,l=arguments.length;e:for(;s;){if(s.args.length===arguments.length){for(o=0;o3?(i=h===n)&&(s=a[(o=a[4])?5:(o=3,3)],a[4]=a[5]=t):a[0]<=f&&((i=e<2&&fn||n>h)&&(a[4]=e,a[5]=n,d.n=h,o=0))}if(i||e>1)return u;throw p=!0,n}return function(i,c,h){if(l>1)throw TypeError("Generator is already running");for(p&&1===c&&f(c,h),o=c,s=h;(r=o<2?t:s)||!p;){a||(o?o<3?(o>1&&(d.n=-1),f(o,s)):d.n=s:d.v=s);try{if(l=2,a){if(o||(i="next"),r=a[i]){if(!(r=r.call(a,s)))throw TypeError("iterator result is not an object");if(!r.done)return r;s=r.value,o<2&&(o=0)}else 1===o&&(r=a.return)&&r.call(a),o<2&&(s=TypeError("The iterator does not provide a '"+i+"' method"),o=1);a=t}else if((r=(p=d.n<0)?s:e.call(n,d))!==u)break}catch(e){a=t,o=1,s=e}finally{l=1}}return{value:r,done:p}}}(e,a,o),!0),l}var u={};function c(){}function p(){}function d(){}r=Object.getPrototypeOf;var f=[][o]?r(r([][o]())):(n(r={},o,function(){return this}),r),h=d.prototype=c.prototype=Object.create(f);function v(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,d):(e.__proto__=d,n(e,s,"GeneratorFunction")),e.prototype=Object.create(h),e}return p.prototype=d,n(h,"constructor",d),n(d,"constructor",p),p.displayName="GeneratorFunction",n(d,s,"GeneratorFunction"),n(h),n(h,s,"Generator"),n(h,o,function(){return this}),n(h,"toString",function(){return"[object Generator]"}),(e.exports=i=function(){return{w:l,m:v}},e.exports.__esModule=!0,e.exports.default=e.exports)()}e.exports=i,e.exports.__esModule=!0,e.exports.default=e.exports}},t={};function r(n){var i=t[n];if(void 0!==i)return i.exports;var a=t[n]={exports:{}};return e[n](a,a.exports,r),a.exports}r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,{a:t}),t},r.d=function(e,t){for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},function(){"use strict";var e,t,n,i,a=r(616),o=r.n(a);r(604),o()(console.error);function s(e){return s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},s(e)}function l(e){var t=function(e,t){if("object"!=s(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!=s(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==s(t)?t:t+""}function u(e,t,r){return(t=l(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}e={"(":9,"!":8,"*":7,"/":7,"%":7,"+":6,"-":6,"<":5,"<=":5,">":5,">=":5,"==":4,"!=":4,"&&":3,"||":2,"?":1,"?:":1},t=["(","?"],n={")":["("],":":["?","?:"]},i=/<=|>=|==|!=|&&|\|\||\?:|\(|!|\*|\/|%|\+|-|<|>|\?|\)|:/;var c={"!":function(e){return!e},"*":function(e,t){return e*t},"/":function(e,t){return e/t},"%":function(e,t){return e%t},"+":function(e,t){return e+t},"-":function(e,t){return e-t},"<":function(e,t){return e":function(e,t){return e>t},">=":function(e,t){return e>=t},"==":function(e,t){return e===t},"!=":function(e,t){return e!==t},"&&":function(e,t){return e&&t},"||":function(e,t){return e||t},"?:":function(e,t,r){if(e)throw t;return r}};function p(r){var a=function(r){for(var a,o,s,l,u=[],c=[];a=r.match(i);){for(o=a[0],(s=r.substr(0,a.index).trim())&&u.push(s);l=c.pop();){if(n[o]){if(n[o][0]===l){o=n[o][1]||o;break}}else if(t.indexOf(l)>=0||e[l]3&&void 0!==arguments[3]?arguments[3]:10,o=e[t];if(b(r)&&g(n))if("function"==typeof i)if("number"==typeof a){var s={callback:i,priority:a,namespace:n};if(o[r]){var l,u=o[r].handlers;for(l=u.length;l>0&&!(a>=u[l-1].priority);l--);l===u.length?u[l]=s:u.splice(l,0,s),o.__current.forEach(function(e){e.name===r&&e.currentIndex>=l&&e.currentIndex++})}else o[r]={handlers:[s],runs:0};"hookAdded"!==r&&e.doAction("hookAdded",r,n,i,a)}else console.error("If specified, the hook priority must be a number.");else console.error("The hook callback must be a function.")}};var w=function(e,t){var r=arguments.length>2&&void 0!==arguments[2]&&arguments[2];return function(n,i){var a=e[t];if(b(n)&&(r||g(i))){if(!a[n])return 0;var o=0;if(r)o=a[n].handlers.length,a[n]={runs:a[n].runs,handlers:[]};else for(var s=a[n].handlers,l=function(e){s[e].namespace===i&&(s.splice(e,1),o++,a.__current.forEach(function(t){t.name===n&&t.currentIndex>=e&&t.currentIndex--}))},u=s.length-1;u>=0;u--)l(u);return"hookRemoved"!==n&&e.doAction("hookRemoved",n,i),o}}};var x=function(e,t){return function(r,n){var i=e[t];return void 0!==n?r in i&&i[r].handlers.some(function(e){return e.namespace===n}):r in i}};var _=function(e,t){var r=arguments.length>2&&void 0!==arguments[2]&&arguments[2];return function(n){var i=e[t];i[n]||(i[n]={handlers:[],runs:0}),i[n].runs++;var a=i[n].handlers;for(var o=arguments.length,s=new Array(o>1?o-1:0),l=1;l1&&void 0!==arguments[1]?arguments[1]:"default";n.data[t]=v(v(v({},y),n.data[t]),e),n.data[t][""]=v(v({},y[""]),n.data[t][""])},s=function(e,t){o(e,t),a()},l=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"default",t=arguments.length>1?arguments[1]:void 0,r=arguments.length>2?arguments[2]:void 0,i=arguments.length>3?arguments[3]:void 0,a=arguments.length>4?arguments[4]:void 0;return n.data[e]||o(void 0,e),n.dcnpgettext(e,t,r,i,a)},u=function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:"default"},c=function(e,t,n){var i=l(n,t,e);return r?(i=r.applyFilters("i18n.gettext_with_context",i,e,t,n),r.applyFilters("i18n.gettext_with_context_"+u(n),i,e,t,n)):i};if(e&&s(e,t),r){var p=function(e){m.test(e)&&a()};r.addAction("hookAdded","core/i18n",p),r.addAction("hookRemoved","core/i18n",p)}return{getLocaleData:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"default";return n.data[e]},setLocaleData:s,resetLocaleData:function(e,t){n.data={},n.pluralForms={},s(e,t)},subscribe:function(e){return i.add(e),function(){return i.delete(e)}},__:function(e,t){var n=l(t,void 0,e);return r?(n=r.applyFilters("i18n.gettext",n,e,t),r.applyFilters("i18n.gettext_"+u(t),n,e,t)):n},_x:c,_n:function(e,t,n,i){var a=l(i,void 0,e,t,n);return r?(a=r.applyFilters("i18n.ngettext",a,e,t,n,i),r.applyFilters("i18n.ngettext_"+u(i),a,e,t,n,i)):a},_nx:function(e,t,n,i,a){var o=l(a,i,e,t,n);return r?(o=r.applyFilters("i18n.ngettext_with_context",o,e,t,n,i,a),r.applyFilters("i18n.ngettext_with_context_"+u(a),o,e,t,n,i,a)):o},isRTL:function(){return"rtl"===c("ltr","text direction")},hasTranslation:function(e,t,i){var a,o,s=t?t+""+e:e,l=!(null===(a=n.data)||void 0===a||null===(o=a[null!=i?i:"default"])||void 0===o||!o[s]);return r&&(l=r.applyFilters("i18n.has_translation",l,e,t,i),l=r.applyFilters("i18n.has_translation_"+u(i),l,e,t,i)),l}}}(void 0,void 0,E)),T=(k.getLocaleData.bind(k),k.setLocaleData.bind(k),k.resetLocaleData.bind(k),k.subscribe.bind(k),k.__.bind(k));k._x.bind(k),k._n.bind(k),k._nx.bind(k),k.isRTL.bind(k),k.hasTranslation.bind(k);var A={preview:null,wrap:null,apply:null,url:null,defaultWidth:null,defaultHeight:null,maxSize:null,init(){return this},createPreview(e=400,t=300){return this.maxSize=e>t?e:t,this.defaultWidth=e,this.defaultHeight=t,this.wrap=document.createElement("div"),this.apply=document.createElement("button"),this.preview=document.createElement("img"),this.apply.type="button",this.apply.classList.add("button-primary"),this.apply.innerText=T("Preview","cloudinary"),this.preview.style.transition="opacity 1s",this.preview.style.opacity=1,this.preview.style.maxWidth="100%",this.preview.style.maxHeight="100%",this.reset(),this.wrap.style.minHeight="200px",this.wrap.style.width=this.maxSize+"px",this.wrap.style.position="relative",this.wrap.style.display="flex",this.wrap.style.alignItems="center",this.wrap.style.justifyContent="center",this.apply.style.position="absolute",this.apply.style.display="none",this.wrap.appendChild(this.preview),this.wrap.appendChild(this.apply),this.preview.addEventListener("load",e=>{this.preview.style.opacity=1,this.wrap.style.width="",this.wrap.style.height="",this.defaultHeight=this.preview.height,this.defaultWidth=this.preview.width,this.defaultHeight>this.defaultWidth?this.wrap.style.height=this.maxSize+"px":this.wrap.style.width=this.maxSize+"px"}),this.preview.addEventListener("error",e=>{this.preview.src=this.getNoURL("⚠")}),this.apply.addEventListener("click",()=>{this.apply.style.display="none",this.reset(),this.preview.style.opacity=.6,this.preview.src=this.url}),this.wrap},reset(){this.preview.src=this.getNoURL()},setSrc(e,t=!1){this.preview.style.opacity=.6,t?(this.apply.style.display="none",this.preview.src=e):(this.apply.style.display="block",this.url=e)},getNoURL(e="︎"){const t=this.defaultWidth/2-23,r=this.defaultHeight/2+25;return`data:image/svg+xml;utf8,${e}`}};var D={preview:null,wrap:null,apply:null,url:null,publicId:null,player:null,defaultWidth:null,defaultHeight:null,maxSize:null,init(){return this},createPreview(e=427,t=240){return this.maxSize=e>t?e:t,this.defaultWidth=e,this.defaultHeight=t,this.wrap=document.createElement("div"),this.apply=document.createElement("button"),this.preview=document.createElement("video"),this.apply.type="button",this.apply.classList.add("button-primary"),this.apply.innerText=T("Preview","cloudinary"),this.preview.id="cld-asset-video-preview",this.preview.style.transition="opacity 1s",this.preview.style.opacity=1,this.preview.style.maxWidth="100%",this.preview.style.maxHeight="100%",this.preview.controls=!0,this.preview.setAttribute("width",e),this.preview.setAttribute("height",t),this.wrap.style.minHeight="200px",this.wrap.style.width=this.maxSize+"px",this.wrap.style.position="relative",this.wrap.style.display="flex",this.wrap.style.alignItems="center",this.wrap.style.justifyContent="center",this.apply.style.position="absolute",this.apply.style.display="none",this.wrap.appendChild(this.preview),this.wrap.appendChild(this.apply),this.apply.addEventListener("click",()=>{this.apply.style.display="none",this.preview.style.opacity=.6,this.updatePlayer(this.url)}),this.wrap},setPublicId(e){this.publicId=e,this.initPlayer()},initPlayer(){void 0!==window.cloudinary&&void 0!==window.cld?this.player||(this.player=window.cld.videoPlayer(this.preview.id,{fluid:!0,controls:!0})):console.error("Cloudinary video player not loaded")},setSrc(e,t=!1){this.preview.style.opacity=.6,t?(this.apply.style.display="none",this.player||this.initPlayer(),this.updatePlayer(e)):(this.apply.style.display="block",this.url=e)},updatePlayer(e){if(!this.player)return;const t={publicId:this.publicId};e&&""!==e.trim()&&(t.transformation={raw_transformation:e}),this.player.source(t),this.preview.style.opacity=1},reset(e){this.setSrc(e,!1)}};function F(e,t){if(null==e)return{};var r,n,i=function(e,t){if(null==e)return{};var r={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(-1!==t.indexOf(n))continue;r[n]=e[n]}return r}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;ne.length)&&(t=e.length);for(var r=0,n=Array(t);r=e.length?{done:!0}:{done:!1,value:e[n++]}},e:function(e){throw e},f:i}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,o=!0,s=!1;return{s:function(){r=e[Symbol.iterator]()},n:function(){var e=r.next();return o=e.done,e},e:function(e){s=!0,a=e},f:function(){try{o||null==r.return||r.return()}finally{if(s)throw a}}}}function ee(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r0&&void 0!==arguments[0]?arguments[0]:"",t=arguments.length>1?arguments[1]:void 0;if(!t||!Object.keys(t).length)return e;var r=e,n=e.indexOf("?");return-1!==n&&(t=Object.assign(Q(e),t),r=r.substr(0,n)),r+"?"+function(e){for(var t,r="",n=Object.entries(e);t=n.shift();){var i=Y(t,2),a=i[0],o=i[1];if(Array.isArray(o)||o&&o.constructor===Object){var s,l=Z(Object.entries(o).reverse());try{for(l.s();!(s=l.n()).done;){var u=Y(s.value,2),c=u[0],p=u[1];n.unshift(["".concat(a,"[").concat(c,"]"),p])}}catch(e){l.e(e)}finally{l.f()}}else void 0!==o&&(null===o&&(o=""),r+="&"+[a,o].map(encodeURIComponent).join("="))}return r.substr(1)}(t)}function re(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,n)}return r}function ne(e){for(var t=1;t]+)>; rel="next"/);return t?{next:t[1]}:{}}(e.headers.get("link")).next},se=function(e){var t=!!e.path&&-1!==e.path.indexOf("per_page=-1"),r=!!e.url&&-1!==e.url.indexOf("per_page=-1");return t||r},le=function(){var e,t=(e=J().mark(function e(t,r){var n,i,a,o,s,l;return J().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(!1!==t.parse){e.next=2;break}return e.abrupt("return",r(t));case 2:if(se(t)){e.next=4;break}return e.abrupt("return",r(t));case 4:return e.next=6,Se(ne(ne({},ie(t,{per_page:100})),{},{parse:!1}));case 6:return n=e.sent,e.next=9,ae(n);case 9:if(i=e.sent,Array.isArray(i)){e.next=12;break}return e.abrupt("return",i);case 12:if(a=oe(n)){e.next=15;break}return e.abrupt("return",i);case 15:o=[].concat(i);case 16:if(!a){e.next=27;break}return e.next=19,Se(ne(ne({},t),{},{path:void 0,url:a,parse:!1}));case 19:return s=e.sent,e.next=22,ae(s);case 22:l=e.sent,o=o.concat(l),a=oe(s),e.next=16;break;case 27:return e.abrupt("return",o);case 28:case"end":return e.stop()}},e)}),function(){var t=this,r=arguments;return new Promise(function(n,i){var a=e.apply(t,r);function o(e){H(a,n,i,o,s,"next",e)}function s(e){H(a,n,i,o,s,"throw",e)}o(void 0)})});return function(e,r){return t.apply(this,arguments)}}(),ue=le;function ce(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,n)}return r}function pe(e){for(var t=1;t1&&void 0!==arguments[1])||arguments[1];return Promise.resolve(function(e){return arguments.length>1&&void 0!==arguments[1]&&!arguments[1]?e:204===e.status?null:e.json?e.json():Promise.reject(e)}(e,t)).catch(function(e){return ve(e,t)})};function ve(e){if(!(!(arguments.length>1&&void 0!==arguments[1])||arguments[1]))throw e;return function(e){var t={code:"invalid_json",message:T("The response is not a valid JSON response.")};if(!e||!e.json)throw t;return e.json().catch(function(){throw t})}(e).then(function(e){var t={code:"unknown_error",message:T("An unknown error occurred.")};throw e||t})}function ye(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,n)}return r}function me(e){for(var t=1;t=500&&t.status<600&&r?n(r).catch(function(){return!1!==e.parse?Promise.reject({code:"post_process",message:T("Media upload failed. If this is a photo or a large image, please scale it down and try again.")}):Promise.reject(t)}):ve(t,e.parse)}).then(function(t){return he(t,e.parse)})};function be(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,n)}return r}function Oe(e){for(var t=1;t=200&&e.status<300)return e;throw e},je=function(e){var t=e.url,r=e.path,n=e.data,i=e.parse,a=void 0===i||i,o=F(e,["url","path","data","parse"]),s=e.body,l=e.headers;return l=Oe(Oe({},we),l),n&&(s=JSON.stringify(n),l["Content-Type"]="application/json"),window.fetch(t||r||window.location.href,Oe(Oe(Oe({},xe),o),{},{body:s,headers:l})).then(function(e){return Promise.resolve(e).then(Ie).catch(function(e){return ve(e,a)}).then(function(e){return he(e,a)})},function(){throw{code:"fetch_error",message:T("You are probably offline.")}})};function Pe(e){return _e.reduceRight(function(e,t){return function(r){return t(r,e)}},je)(e).catch(function(t){return"rest_cookie_invalid_nonce"!==t.code?Promise.reject(t):window.fetch(Pe.nonceEndpoint).then(Ie).then(function(e){return e.text()}).then(function(t){return Pe.nonceMiddleware.nonce=t,Pe(e)})})}Pe.use=function(e){_e.unshift(e)},Pe.setFetchHandler=function(e){je=e},Pe.createNonceMiddleware=B,Pe.createPreloadingMiddleware=V,Pe.createRootURLMiddleware=R,Pe.fetchAllMiddleware=ue,Pe.mediaUploadMiddleware=ge;var Se=Pe;var Ee={id:null,post_id:null,transformations:null,beforeCallbacks:[],completeCallbacks:[],init(e){if(void 0!==cldData.editor)return Se.use(Se.createNonceMiddleware(cldData.editor.nonce)),this.callback=e,this},save(e){this.doBefore(e),Se({path:cldData.editor.save_url,data:e,method:"POST"}).then(e=>{this.doComplete(e,this)})},doBefore(e){this.beforeCallbacks.forEach(t=>t(e,this))},doComplete(e){this.completeCallbacks.forEach(t=>t(e,this))},onBefore(e){this.beforeCallbacks.push(e)},onComplete(e){this.completeCallbacks.push(e)}};const ke=T("Select Image","cloudinary"),Te=T("Replace Image","cloudinary"),Ae={wrap:document.getElementById("cld-asset-edit"),isVideo:!1,preview:null,id:null,editor:null,base:null,publicId:null,size:null,currentURL:null,transformationsInput:document.getElementById("edit_asset.transformations"),textOverlayColorInput:document.getElementById("edit_asset.text_overlay_color"),textOverlayFontFaceInput:document.getElementById("edit_asset.text_overlay_font_face"),textOverlayFontSizeInput:document.getElementById("edit_asset.text_overlay_font_size"),textOverlayTextInput:document.getElementById("edit_asset.text_overlay_text"),textOverlayPositionInput:document.getElementById("edit_asset.text_overlay_position"),textOverlayXOffsetInput:document.getElementById("edit_asset.text_overlay_x_offset"),textOverlayYOffsetInput:document.getElementById("edit_asset.text_overlay_y_offset"),imageOverlayImageIdInput:document.getElementById("edit_asset.image_overlay_image_id"),imageOverlayPublicIdInput:document.getElementById("edit_asset.image_overlay_public_id"),imageOverlaySizeInput:document.getElementById("edit_asset.image_overlay_size"),imageOverlayOpacityInput:document.getElementById("edit_asset.image_overlay_opacity"),imageOverlayPositionInput:document.getElementById("edit_asset.image_overlay_position"),imageOverlayXOffsetInput:document.getElementById("edit_asset.image_overlay_x_offset"),imageOverlayYOffsetInput:document.getElementById("edit_asset.image_overlay_y_offset"),saveButton:document.getElementById("cld-asset-edit-save"),saveTextOverlayButton:document.getElementById("cld-asset-save-text-overlay"),saveImageOverlayButton:document.getElementById("cld-asset-save-image-overlay"),removeTextOverlayButton:document.getElementById("cld-asset-remove-text-overlay"),removeImageOverlayButton:document.getElementById("cld-asset-remove-image-overlay"),textGrid:document.getElementById("edit-overlay-grid-text"),imageGrid:document.getElementById("edit-overlay-grid-image"),imagePreviewWrapper:document.getElementById("edit-overlay-select-image-preview"),assetPreviewTransformationString:document.getElementById("asset-preview-transformation-string"),assetPreviewSuccessMessage:document.getElementById("asset-preview-success-message"),imageSelect:document.getElementById("edit-overlay-select-image"),textOverlayMap:null,imageOverlayMap:null,init(){const e=JSON.parse(this.wrap.dataset.item);if(this.id=e.ID,this.base=e.base+e.size+"/",this.transformationsInput.value=e.transformations?e.transformations:"",!e?.file)return;this.isVideo="video"===e?.type,this.publicId=e.file,this.textOverlayMap=[{key:"text",input:this.textOverlayTextInput,defaultValue:"",event:"input"},{key:"color",input:this.textOverlayColorInput,defaultValue:"",event:"input"},{key:"fontFace",input:this.textOverlayFontFaceInput,defaultValue:"Arial",event:"input"},{key:"fontSize",input:this.textOverlayFontSizeInput,defaultValue:20,event:"input"},{key:"position",input:this.textOverlayPositionInput,defaultValue:"",event:"change"},{key:"xOffset",input:this.textOverlayXOffsetInput,defaultValue:0,event:"input"},{key:"yOffset",input:this.textOverlayYOffsetInput,defaultValue:0,event:"input"}],this.imageOverlayMap=[{key:"imageId",input:this.imageOverlayImageIdInput,defaultValue:"",event:"input"},{key:"publicId",input:this.imageOverlayPublicIdInput,defaultValue:"",event:"input"},{key:"size",input:this.imageOverlaySizeInput,defaultValue:100,event:"input"},{key:"opacity",input:this.imageOverlayOpacityInput,defaultValue:20,event:"input"},{key:"position",input:this.imageOverlayPositionInput,defaultValue:"",event:"change"},{key:"xOffset",input:this.imageOverlayXOffsetInput,defaultValue:0,event:"input"},{key:"yOffset",input:this.imageOverlayYOffsetInput,defaultValue:0,event:"input"}];const t=this.parseJsonOverlay(e.text_overlay),r=this.parseJsonOverlay(e.image_overlay);this.setOverlayInputs(this.textOverlayMap,t),this.setOverlayInputs(this.imageOverlayMap,r),this.initPreview(e),this.initEditor(),this.initGravityGrid("edit-overlay-grid-text",t),this.initGravityGrid("edit-overlay-grid-image",r),this.initImageSelect(),this.initRemoveOverlayButtons()},initPreview(e){this.isVideo?(this.preview=D.init(),this.wrap.appendChild(this.preview.createPreview(480,360)),this.preview.setPublicId(e?.data?.public_id),this.preview.setSrc(this.buildSrc(),!0)):(this.preview=A.init(),this.wrap.appendChild(this.preview.createPreview("100%","auto")),this.preview.setSrc(this.buildSrc(),!0)),this.transformationsInput.addEventListener("input",e=>{this.preview.setSrc(this.buildSrc())}),this.addOverlayEventListeners()},addOverlayEventListeners(){const e=()=>{const e=this.textOverlayTextInput?.value?.trim();e&&this.preview.setSrc(this.buildSrc())},t=()=>{const e=this.imageOverlayPublicIdInput?.value?.trim();e&&this.preview.setSrc(this.buildSrc())};this.textOverlayTextInput&&this.textOverlayTextInput.addEventListener("input",()=>{this.preview.setSrc(this.buildSrc())}),this.imageOverlayPublicIdInput&&this.imageOverlayPublicIdInput.addEventListener("input",()=>{this.preview.setSrc(this.buildSrc())});const r=this.textOverlayMap.filter(({key:e})=>"text"!==e),n=this.imageOverlayMap.filter(({key:e})=>"imageId"!==e);r.forEach(({input:t,event:r})=>{t&&(t===this.textOverlayColorInput?t.addEventListener(r,()=>{setTimeout(e,0)}):t.addEventListener(r,e))}),n.forEach(({input:e,event:r})=>{e&&e.addEventListener(r,t)})},initEditor(){this.editor=Ee.init(),this.editor.onBefore(()=>this.preview.reset()),this.editor.onComplete(e=>{this.preview.setSrc(this.buildSrc(),!0),e.note?alert(e.note):(this.assetPreviewSuccessMessage.style.display="block",setTimeout(()=>{this.assetPreviewSuccessMessage.style.display="none"},2e3))}),this.saveButton.addEventListener("click",e=>{e.preventDefault(),this.editor.save({ID:this.id,transformations:this.transformationsInput.value})}),this.saveTextOverlayButton.addEventListener("click",e=>{e.preventDefault();const t=this.getOverlayData(this.textOverlayMap);t.transformation=this.buildTextOverlay(),this.editor.save({ID:this.id,textOverlay:t})}),this.saveImageOverlayButton.addEventListener("click",e=>{e.preventDefault();const t=this.getOverlayData(this.imageOverlayMap);t.transformation=this.buildImageOverlay(),this.editor.save({ID:this.id,imageOverlay:t})})},initGravityGrid(e,t){const r=document.getElementById(e);let n=[];if(!r||!r.dataset?.gridOptions)return;try{if(n=JSON.parse(r.dataset.gridOptions),n.length<1)return}catch(e){return}const i={"edit-overlay-grid-text":{positionInput:this.textOverlayPositionInput,contentInput:this.textOverlayTextInput},"edit-overlay-grid-image":{positionInput:this.imageOverlayPositionInput,contentInput:this.imageOverlayPublicIdInput}}[e];n.forEach(e=>{const n=document.createElement("div");n.className="edit-overlay-grid__cell",n.dataset.gravity=e,t&&t.position&&t.position===e&&n.classList.add("edit-overlay-grid__cell--selected"),n.addEventListener("click",()=>{if(r.querySelectorAll(".edit-overlay-grid__cell--selected").forEach(e=>e.classList.remove("edit-overlay-grid__cell--selected")),n.classList.add("edit-overlay-grid__cell--selected"),i){i.positionInput.value=e;const t=i.contentInput?.value?.trim();t&&this.preview.setSrc(this.buildSrc())}}),r.appendChild(n)})},updateImageSelectLabel(e){this.imageSelect&&(this.imageSelect.textContent=e)},initImageSelect(){this.imageSelect&&(this.imageSelect.addEventListener("click",e=>{e.preventDefault();const t=wp.media({title:ke,button:{text:ke},library:{type:"image"},multiple:!1});t.on("select",()=>{const e=t.state().get("selection").first().toJSON();e?.public_id?(this.imageOverlayImageIdInput.value=e.id,this.imageOverlayPublicIdInput.value=e.public_id,this.updateImageSelectLabel(Te),this.renderImageOverlay(e)):(this.imageOverlayImageIdInput.value="",this.imageOverlayPublicIdInput.value="",this.updateImageSelectLabel(ke),this.renderImageOverlay({}),alert(T("Please select an image that is synced to Cloudinary.","cloudinary"))),this.preview.setSrc(this.buildSrc())}),t.open()}),this.imageOverlayPublicIdInput?.value?this.updateImageSelectLabel(Te):this.updateImageSelectLabel(ke))},renderImageOverlay(e){if(this.imagePreviewWrapper&&this.imagePreviewWrapper.firstChild&&this.imagePreviewWrapper.removeChild(this.imagePreviewWrapper.firstChild),this.imagePreviewWrapper&&(e?.url||e?.source_url)){const t=document.createElement("img");t.src=e.url||e.source_url,t.alt=e.alt||"",this.imagePreviewWrapper.appendChild(t)}},initRemoveOverlayButtons(){this.removeTextOverlayButton&&this.removeTextOverlayButton.addEventListener("click",e=>{e.preventDefault(),this.clearTextOverlay()}),this.removeImageOverlayButton&&this.removeImageOverlayButton.addEventListener("click",e=>{e.preventDefault(),this.clearImageOverlay()})},clearTextOverlay(){this.textOverlayMap.forEach(({input:e,defaultValue:t})=>{e&&(e.value=t)}),this.textGrid&&this.textGrid.querySelectorAll(".edit-overlay-grid__cell--selected").forEach(e=>e.classList.remove("edit-overlay-grid__cell--selected")),this.preview.setSrc(this.buildSrc())},clearImageOverlay(){this.imageOverlayMap.forEach(({input:e,defaultValue:t})=>{e&&(e.value=t)}),this.imagePreviewWrapper&&this.imagePreviewWrapper.firstChild&&(this.imagePreviewWrapper.removeChild(this.imagePreviewWrapper.firstChild),this.updateImageSelectLabel(ke)),this.imageGrid&&this.imageGrid.querySelectorAll(".edit-overlay-grid__cell--selected").forEach(e=>e.classList.remove("edit-overlay-grid__cell--selected")),this.preview.setSrc(this.buildSrc())},buildPlacementQualifiers(e,t,r){let n=[];return e?.value&&n.push(`g_${e.value}`),t?.value&&n.push(`x_${t.value}`),r?.value&&n.push(`y_${r.value}`),n.length>0?","+n.join(","):""},buildImageOverlay(){const e=this.imageOverlayPublicIdInput.value.trim().replace(/\//g,":");if(!e)return"";let t=`l_${e}`,r=[];this.imageOverlaySizeInput?.value&&r.push(`c_scale,w_${this.imageOverlaySizeInput.value}`),this.imageOverlayOpacityInput?.value&&r.push(`o_${this.imageOverlayOpacityInput.value}`),r.length>0&&(t+="/"+r.join("/"));return`${t}/fl_layer_apply${this.buildPlacementQualifiers(this.imageOverlayPositionInput,this.imageOverlayXOffsetInput,this.imageOverlayYOffsetInput)}`},buildTextOverlay(){if(!this.textOverlayTextInput||!this.textOverlayTextInput.value.trim())return"";const e=this.textOverlayTextInput.value.trim();let t=`l_text:${this.textOverlayFontFaceInput?.value||"Arial"}_${this.textOverlayFontSizeInput?.value||"20"}:${encodeURIComponent(e)}`;if(this.textOverlayColorInput?.value){let e=this.textOverlayColorInput.value;if(e.startsWith("rgb")){const t=e.match(/rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*([0-9]*\.?[0-9]+))?\)/);if(t){const r=parseInt(t[1]).toString(16).padStart(2,"0"),n=parseInt(t[2]).toString(16).padStart(2,"0"),i=parseInt(t[3]).toString(16).padStart(2,"0");if(void 0!==t[4]){const a=parseFloat(t[4]);e=r+n+i+Math.round(255*a).toString(16).padStart(2,"0")}else e=r+n+i}}else e=e.replace("#","");t=`co_rgb:${e},${t}`}return`${t}/fl_layer_apply${this.buildPlacementQualifiers(this.textOverlayPositionInput,this.textOverlayXOffsetInput,this.textOverlayYOffsetInput)}`},buildSrc(){const e=this.transformationsInput.value,t=this.buildTextOverlay(),r=this.buildImageOverlay(),n=[this.base],i=[],a=(e,t,r=e,a=!0)=>{if(e){const o=e.replace(/\/$/,"");n.push(o);const s=a?"/":"";i.push(`${s}${r}`)}};e?a(e,"string-preview-transformations",`.../${e}`,!1):i.push('...'),a(t,"string-preview-text-overlay"),a(r,"string-preview-image-overlay"),a(this.publicId,"string-preview-public-id",this.publicId,!1);const o=n.join("/").replace(/([^:]\/)\/+/g,"$1");return this.assetPreviewTransformationString.innerHTML=i.join(""),this.assetPreviewTransformationString.href=o,this.isVideo?this.videoTransformations(e,r,t):o},videoTransformations(e,t,r){const n=[];return e&&n.push(e),r&&n.push(r),t&&n.push(t),n.join("/")},getOverlayData(e){const t={};return e.forEach(({key:e,input:r})=>{t[e]=r?.value||""}),t},parseJsonOverlay(e){if("string"==typeof e)try{e=JSON.parse(e)}catch(t){e={}}return e},setOverlayInputs(e,t){e.forEach(({key:e,input:r,defaultValue:n})=>{r&&(r.value=t&&void 0!==t[e]?t[e]:n,"color"===e&&r.value&&jQuery(this.textOverlayColorInput).iris({color:r.value}),"imageId"===e&&r.value&&this.fetchImageById(r.value).then(e=>{Ae.renderImageOverlay(e)}))})},fetchImageById:e=>fetch(`/wp-json/wp/v2/media/${e}`).then(e=>{if(!e.ok)throw new Error(T("Image not found","cloudinary"));return e.json()})};window.addEventListener("load",()=>Ae.init())}()}(); \ No newline at end of file +!function(){var e={172:function(e){e.exports=function(e,t){this.v=e,this.k=t},e.exports.__esModule=!0,e.exports.default=e.exports},373:function(e){e.exports=function(e){var t=Object(e),r=[];for(var n in t)r.unshift(n);return function e(){for(;r.length;)if((n=r.pop())in t)return e.value=n,e.done=!1,e;return e.done=!0,e}},e.exports.__esModule=!0,e.exports.default=e.exports},546:function(e){function t(r,n,i,a){var o=Object.defineProperty;try{o({},"",{})}catch(r){o=0}e.exports=t=function(e,r,n,i){function a(r,n){t(e,r,function(e){return this._invoke(r,n,e)})}r?o?o(e,r,{value:n,enumerable:!i,configurable:!i,writable:!i}):e[r]=n:(a("next",0),a("throw",1),a("return",2))},e.exports.__esModule=!0,e.exports.default=e.exports,t(r,n,i,a)}e.exports=t,e.exports.__esModule=!0,e.exports.default=e.exports},579:function(e,t,r){var n=r(738).default;e.exports=function(e){if(null!=e){var t=e["function"==typeof Symbol&&Symbol.iterator||"@@iterator"],r=0;if(t)return t.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length))return{next:function(){return e&&r>=e.length&&(e=void 0),{value:e&&e[r++],done:!e}}}}throw new TypeError(n(e)+" is not iterable")},e.exports.__esModule=!0,e.exports.default=e.exports},604:function(e,t,r){var n;!function(){"use strict";var i={not_string:/[^s]/,not_bool:/[^t]/,not_type:/[^T]/,not_primitive:/[^v]/,number:/[diefg]/,numeric_arg:/[bcdiefguxX]/,json:/[j]/,not_json:/[^j]/,text:/^[^\x25]+/,modulo:/^\x25{2}/,placeholder:/^\x25(?:([1-9]\d*)\$|\(([^)]+)\))?(\+)?(0|'[^$])?(-)?(\d+)?(?:\.(\d+))?([b-gijostTuvxX])/,key:/^([a-z_][a-z_\d]*)/i,key_access:/^\.([a-z_][a-z_\d]*)/i,index_access:/^\[(\d+)\]/,sign:/^[+-]/};function a(e){return function(e,t){var r,n,o,s,l,u,c,p,d,f=1,h=e.length,v="";for(n=0;n=0),s.type){case"b":r=parseInt(r,10).toString(2);break;case"c":r=String.fromCharCode(parseInt(r,10));break;case"d":case"i":r=parseInt(r,10);break;case"j":r=JSON.stringify(r,null,s.width?parseInt(s.width):0);break;case"e":r=s.precision?parseFloat(r).toExponential(s.precision):parseFloat(r).toExponential();break;case"f":r=s.precision?parseFloat(r).toFixed(s.precision):parseFloat(r);break;case"g":r=s.precision?String(Number(r.toPrecision(s.precision))):parseFloat(r);break;case"o":r=(parseInt(r,10)>>>0).toString(8);break;case"s":r=String(r),r=s.precision?r.substring(0,s.precision):r;break;case"t":r=String(!!r),r=s.precision?r.substring(0,s.precision):r;break;case"T":r=Object.prototype.toString.call(r).slice(8,-1).toLowerCase(),r=s.precision?r.substring(0,s.precision):r;break;case"u":r=parseInt(r,10)>>>0;break;case"v":r=r.valueOf(),r=s.precision?r.substring(0,s.precision):r;break;case"x":r=(parseInt(r,10)>>>0).toString(16);break;case"X":r=(parseInt(r,10)>>>0).toString(16).toUpperCase()}i.json.test(s.type)?v+=r:(!i.number.test(s.type)||p&&!s.sign?d="":(d=p?"+":"-",r=r.toString().replace(i.sign,"")),u=s.pad_char?"0"===s.pad_char?"0":s.pad_char.charAt(1):" ",c=s.width-(d+r).length,l=s.width&&c>0?u.repeat(c):"",v+=s.align?d+r+l:"0"===u?d+l+r:l+d+r)}return v}(function(e){if(s[e])return s[e];var t,r=e,n=[],a=0;for(;r;){if(null!==(t=i.text.exec(r)))n.push(t[0]);else if(null!==(t=i.modulo.exec(r)))n.push("%");else{if(null===(t=i.placeholder.exec(r)))throw new SyntaxError("[sprintf] unexpected placeholder");if(t[2]){a|=1;var o=[],l=t[2],u=[];if(null===(u=i.key.exec(l)))throw new SyntaxError("[sprintf] failed to parse named argument key");for(o.push(u[1]);""!==(l=l.substring(u[0].length));)if(null!==(u=i.key_access.exec(l)))o.push(u[1]);else{if(null===(u=i.index_access.exec(l)))throw new SyntaxError("[sprintf] failed to parse named argument key");o.push(u[1])}t[2]=o}else a|=2;if(3===a)throw new Error("[sprintf] mixing positional and named placeholders is not (yet) supported");n.push({placeholder:t[0],param_no:t[1],keys:t[2],sign:t[3],pad_char:t[4],align:t[5],width:t[6],precision:t[7],type:t[8]})}r=r.substring(t[0].length)}return s[e]=n}(e),arguments)}function o(e,t){return a.apply(null,[e].concat(t||[]))}var s=Object.create(null);"undefined"!=typeof window&&(window.sprintf=a,window.vsprintf=o,void 0===(n=function(){return{sprintf:a,vsprintf:o}}.call(t,r,t,e))||(e.exports=n))}()},616:function(e){e.exports=function(e,t){var r,n,i=0;function a(){var a,o,s=r,l=arguments.length;e:for(;s;){if(s.args.length===arguments.length){for(o=0;o3?(i=h===n)&&(s=a[(o=a[4])?5:(o=3,3)],a[4]=a[5]=t):a[0]<=f&&((i=e<2&&fn||n>h)&&(a[4]=e,a[5]=n,d.n=h,o=0))}if(i||e>1)return u;throw p=!0,n}return function(i,c,h){if(l>1)throw TypeError("Generator is already running");for(p&&1===c&&f(c,h),o=c,s=h;(r=o<2?t:s)||!p;){a||(o?o<3?(o>1&&(d.n=-1),f(o,s)):d.n=s:d.v=s);try{if(l=2,a){if(o||(i="next"),r=a[i]){if(!(r=r.call(a,s)))throw TypeError("iterator result is not an object");if(!r.done)return r;s=r.value,o<2&&(o=0)}else 1===o&&(r=a.return)&&r.call(a),o<2&&(s=TypeError("The iterator does not provide a '"+i+"' method"),o=1);a=t}else if((r=(p=d.n<0)?s:e.call(n,d))!==u)break}catch(e){a=t,o=1,s=e}finally{l=1}}return{value:r,done:p}}}(e,a,o),!0),l}var u={};function c(){}function p(){}function d(){}r=Object.getPrototypeOf;var f=[][o]?r(r([][o]())):(n(r={},o,function(){return this}),r),h=d.prototype=c.prototype=Object.create(f);function v(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,d):(e.__proto__=d,n(e,s,"GeneratorFunction")),e.prototype=Object.create(h),e}return p.prototype=d,n(h,"constructor",d),n(d,"constructor",p),p.displayName="GeneratorFunction",n(d,s,"GeneratorFunction"),n(h),n(h,s,"Generator"),n(h,o,function(){return this}),n(h,"toString",function(){return"[object Generator]"}),(e.exports=i=function(){return{w:l,m:v}},e.exports.__esModule=!0,e.exports.default=e.exports)()}e.exports=i,e.exports.__esModule=!0,e.exports.default=e.exports}},t={};function r(n){var i=t[n];if(void 0!==i)return i.exports;var a=t[n]={exports:{}};return e[n](a,a.exports,r),a.exports}r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,{a:t}),t},r.d=function(e,t){for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},function(){"use strict";var e,t,n,i,a=r(616),o=r.n(a);r(604),o()(console.error);function s(e){return s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},s(e)}function l(e){var t=function(e,t){if("object"!=s(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!=s(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==s(t)?t:t+""}function u(e,t,r){return(t=l(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}e={"(":9,"!":8,"*":7,"/":7,"%":7,"+":6,"-":6,"<":5,"<=":5,">":5,">=":5,"==":4,"!=":4,"&&":3,"||":2,"?":1,"?:":1},t=["(","?"],n={")":["("],":":["?","?:"]},i=/<=|>=|==|!=|&&|\|\||\?:|\(|!|\*|\/|%|\+|-|<|>|\?|\)|:/;var c={"!":function(e){return!e},"*":function(e,t){return e*t},"/":function(e,t){return e/t},"%":function(e,t){return e%t},"+":function(e,t){return e+t},"-":function(e,t){return e-t},"<":function(e,t){return e":function(e,t){return e>t},">=":function(e,t){return e>=t},"==":function(e,t){return e===t},"!=":function(e,t){return e!==t},"&&":function(e,t){return e&&t},"||":function(e,t){return e||t},"?:":function(e,t,r){if(e)throw t;return r}};function p(r){var a=function(r){for(var a,o,s,l,u=[],c=[];a=r.match(i);){for(o=a[0],(s=r.substr(0,a.index).trim())&&u.push(s);l=c.pop();){if(n[o]){if(n[o][0]===l){o=n[o][1]||o;break}}else if(t.indexOf(l)>=0||e[l]3&&void 0!==arguments[3]?arguments[3]:10,o=e[t];if(b(r)&&g(n))if("function"==typeof i)if("number"==typeof a){var s={callback:i,priority:a,namespace:n};if(o[r]){var l,u=o[r].handlers;for(l=u.length;l>0&&!(a>=u[l-1].priority);l--);l===u.length?u[l]=s:u.splice(l,0,s),o.__current.forEach(function(e){e.name===r&&e.currentIndex>=l&&e.currentIndex++})}else o[r]={handlers:[s],runs:0};"hookAdded"!==r&&e.doAction("hookAdded",r,n,i,a)}else console.error("If specified, the hook priority must be a number.");else console.error("The hook callback must be a function.")}};var w=function(e,t){var r=arguments.length>2&&void 0!==arguments[2]&&arguments[2];return function(n,i){var a=e[t];if(b(n)&&(r||g(i))){if(!a[n])return 0;var o=0;if(r)o=a[n].handlers.length,a[n]={runs:a[n].runs,handlers:[]};else for(var s=a[n].handlers,l=function(e){s[e].namespace===i&&(s.splice(e,1),o++,a.__current.forEach(function(t){t.name===n&&t.currentIndex>=e&&t.currentIndex--}))},u=s.length-1;u>=0;u--)l(u);return"hookRemoved"!==n&&e.doAction("hookRemoved",n,i),o}}};var x=function(e,t){return function(r,n){var i=e[t];return void 0!==n?r in i&&i[r].handlers.some(function(e){return e.namespace===n}):r in i}};var _=function(e,t){var r=arguments.length>2&&void 0!==arguments[2]&&arguments[2];return function(n){var i=e[t];i[n]||(i[n]={handlers:[],runs:0}),i[n].runs++;var a=i[n].handlers;for(var o=arguments.length,s=new Array(o>1?o-1:0),l=1;l1&&void 0!==arguments[1]?arguments[1]:"default";n.data[t]=v(v(v({},y),n.data[t]),e),n.data[t][""]=v(v({},y[""]),n.data[t][""])},s=function(e,t){o(e,t),a()},l=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"default",t=arguments.length>1?arguments[1]:void 0,r=arguments.length>2?arguments[2]:void 0,i=arguments.length>3?arguments[3]:void 0,a=arguments.length>4?arguments[4]:void 0;return n.data[e]||o(void 0,e),n.dcnpgettext(e,t,r,i,a)},u=function(){return arguments.length>0&&void 0!==arguments[0]?arguments[0]:"default"},c=function(e,t,n){var i=l(n,t,e);return r?(i=r.applyFilters("i18n.gettext_with_context",i,e,t,n),r.applyFilters("i18n.gettext_with_context_"+u(n),i,e,t,n)):i};if(e&&s(e,t),r){var p=function(e){m.test(e)&&a()};r.addAction("hookAdded","core/i18n",p),r.addAction("hookRemoved","core/i18n",p)}return{getLocaleData:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"default";return n.data[e]},setLocaleData:s,resetLocaleData:function(e,t){n.data={},n.pluralForms={},s(e,t)},subscribe:function(e){return i.add(e),function(){return i.delete(e)}},__:function(e,t){var n=l(t,void 0,e);return r?(n=r.applyFilters("i18n.gettext",n,e,t),r.applyFilters("i18n.gettext_"+u(t),n,e,t)):n},_x:c,_n:function(e,t,n,i){var a=l(i,void 0,e,t,n);return r?(a=r.applyFilters("i18n.ngettext",a,e,t,n,i),r.applyFilters("i18n.ngettext_"+u(i),a,e,t,n,i)):a},_nx:function(e,t,n,i,a){var o=l(a,i,e,t,n);return r?(o=r.applyFilters("i18n.ngettext_with_context",o,e,t,n,i,a),r.applyFilters("i18n.ngettext_with_context_"+u(a),o,e,t,n,i,a)):o},isRTL:function(){return"rtl"===c("ltr","text direction")},hasTranslation:function(e,t,i){var a,o,s=t?t+""+e:e,l=!(null===(a=n.data)||void 0===a||null===(o=a[null!=i?i:"default"])||void 0===o||!o[s]);return r&&(l=r.applyFilters("i18n.has_translation",l,e,t,i),l=r.applyFilters("i18n.has_translation_"+u(i),l,e,t,i)),l}}}(void 0,void 0,E)),T=(k.getLocaleData.bind(k),k.setLocaleData.bind(k),k.resetLocaleData.bind(k),k.subscribe.bind(k),k.__.bind(k));k._x.bind(k),k._n.bind(k),k._nx.bind(k),k.isRTL.bind(k),k.hasTranslation.bind(k);var A={preview:null,wrap:null,apply:null,url:null,defaultWidth:null,defaultHeight:null,maxSize:null,init(){return this},createPreview(e=400,t=300){return this.maxSize=e>t?e:t,this.defaultWidth=e,this.defaultHeight=t,this.wrap=document.createElement("div"),this.apply=document.createElement("button"),this.preview=document.createElement("img"),this.apply.type="button",this.apply.classList.add("button-primary"),this.apply.innerText=T("Preview","cloudinary"),this.preview.style.transition="opacity 1s",this.preview.style.opacity=1,this.preview.style.maxWidth="100%",this.preview.style.maxHeight="100%",this.reset(),this.wrap.style.minHeight="200px",this.wrap.style.width=this.maxSize+"px",this.wrap.style.position="relative",this.wrap.style.display="flex",this.wrap.style.alignItems="center",this.wrap.style.justifyContent="center",this.apply.style.position="absolute",this.apply.style.display="none",this.wrap.appendChild(this.preview),this.wrap.appendChild(this.apply),this.preview.addEventListener("load",e=>{this.preview.style.opacity=1,this.wrap.style.width="",this.wrap.style.height="",this.defaultHeight=this.preview.height,this.defaultWidth=this.preview.width,this.defaultHeight>this.defaultWidth?this.wrap.style.height=this.maxSize+"px":this.wrap.style.width=this.maxSize+"px"}),this.preview.addEventListener("error",e=>{this.preview.src=this.getNoURL("⚠")}),this.apply.addEventListener("click",()=>{this.apply.style.display="none",this.reset(),this.preview.style.opacity=.6,this.preview.src=this.url}),this.wrap},reset(){this.preview.src=this.getNoURL()},setSrc(e,t=!1){this.preview.style.opacity=.6,t?(this.apply.style.display="none",this.preview.src=e):(this.apply.style.display="block",this.url=e)},getNoURL(e="︎"){const t=this.defaultWidth/2-23,r=this.defaultHeight/2+25;return`data:image/svg+xml;utf8,${e}`}};var F={preview:null,wrap:null,apply:null,url:null,publicId:null,player:null,defaultWidth:null,defaultHeight:null,maxSize:null,init(){return this},createPreview(e=427,t=240){return this.maxSize=e>t?e:t,this.defaultWidth=e,this.defaultHeight=t,this.wrap=document.createElement("div"),this.apply=document.createElement("button"),this.preview=document.createElement("video"),this.apply.type="button",this.apply.classList.add("button-primary"),this.apply.innerText=T("Preview","cloudinary"),this.preview.id="cld-asset-video-preview",this.preview.style.transition="opacity 1s",this.preview.style.opacity=1,this.preview.style.maxWidth="100%",this.preview.style.maxHeight="100%",this.preview.controls=!0,this.preview.setAttribute("width",e),this.preview.setAttribute("height",t),this.wrap.style.minHeight="200px",this.wrap.style.width=this.maxSize+"px",this.wrap.style.position="relative",this.wrap.style.display="flex",this.wrap.style.alignItems="center",this.wrap.style.justifyContent="center",this.apply.style.position="absolute",this.apply.style.display="none",this.wrap.appendChild(this.preview),this.wrap.appendChild(this.apply),this.apply.addEventListener("click",()=>{this.apply.style.display="none",this.preview.style.opacity=.6,this.updatePlayer(this.url)}),this.wrap},setPublicId(e){this.publicId=e,this.initPlayer()},initPlayer(){void 0!==window.cloudinary&&void 0!==window.cld?this.player||(this.player=window.cld.videoPlayer(this.preview.id,{fluid:!0,controls:!0})):console.error("Cloudinary video player not loaded")},setSrc(e,t=!1){this.preview.style.opacity=.6,t?(this.apply.style.display="none",this.player||this.initPlayer(),this.updatePlayer(e)):(this.apply.style.display="block",this.url=e)},updatePlayer(e){if(!this.player)return;const t={publicId:this.publicId};e&&""!==e.trim()&&(t.transformation={raw_transformation:e}),this.player.source(t),this.preview.style.opacity=1},reset(e){this.setSrc(e,!1)}};function D(e,t){if(null==e)return{};var r,n,i=function(e,t){if(null==e)return{};var r={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(-1!==t.indexOf(n))continue;r[n]=e[n]}return r}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;ne.length)&&(t=e.length);for(var r=0,n=Array(t);r=e.length?{done:!0}:{done:!1,value:e[n++]}},e:function(e){throw e},f:i}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,o=!0,s=!1;return{s:function(){r=e[Symbol.iterator]()},n:function(){var e=r.next();return o=e.done,e},e:function(e){s=!0,a=e},f:function(){try{o||null==r.return||r.return()}finally{if(s)throw a}}}}function ee(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r0&&void 0!==arguments[0]?arguments[0]:"",t=arguments.length>1?arguments[1]:void 0;if(!t||!Object.keys(t).length)return e;var r=e,n=e.indexOf("?");return-1!==n&&(t=Object.assign(Q(e),t),r=r.substr(0,n)),r+"?"+function(e){for(var t,r="",n=Object.entries(e);t=n.shift();){var i=Y(t,2),a=i[0],o=i[1];if(Array.isArray(o)||o&&o.constructor===Object){var s,l=Z(Object.entries(o).reverse());try{for(l.s();!(s=l.n()).done;){var u=Y(s.value,2),c=u[0],p=u[1];n.unshift(["".concat(a,"[").concat(c,"]"),p])}}catch(e){l.e(e)}finally{l.f()}}else void 0!==o&&(null===o&&(o=""),r+="&"+[a,o].map(encodeURIComponent).join("="))}return r.substr(1)}(t)}function re(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,n)}return r}function ne(e){for(var t=1;t]+)>; rel="next"/);return t?{next:t[1]}:{}}(e.headers.get("link")).next},se=function(e){var t=!!e.path&&-1!==e.path.indexOf("per_page=-1"),r=!!e.url&&-1!==e.url.indexOf("per_page=-1");return t||r},le=function(){var e,t=(e=J().mark(function e(t,r){var n,i,a,o,s,l;return J().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(!1!==t.parse){e.next=2;break}return e.abrupt("return",r(t));case 2:if(se(t)){e.next=4;break}return e.abrupt("return",r(t));case 4:return e.next=6,Se(ne(ne({},ie(t,{per_page:100})),{},{parse:!1}));case 6:return n=e.sent,e.next=9,ae(n);case 9:if(i=e.sent,Array.isArray(i)){e.next=12;break}return e.abrupt("return",i);case 12:if(a=oe(n)){e.next=15;break}return e.abrupt("return",i);case 15:o=[].concat(i);case 16:if(!a){e.next=27;break}return e.next=19,Se(ne(ne({},t),{},{path:void 0,url:a,parse:!1}));case 19:return s=e.sent,e.next=22,ae(s);case 22:l=e.sent,o=o.concat(l),a=oe(s),e.next=16;break;case 27:return e.abrupt("return",o);case 28:case"end":return e.stop()}},e)}),function(){var t=this,r=arguments;return new Promise(function(n,i){var a=e.apply(t,r);function o(e){H(a,n,i,o,s,"next",e)}function s(e){H(a,n,i,o,s,"throw",e)}o(void 0)})});return function(e,r){return t.apply(this,arguments)}}(),ue=le;function ce(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,n)}return r}function pe(e){for(var t=1;t1&&void 0!==arguments[1])||arguments[1];return Promise.resolve(function(e){return arguments.length>1&&void 0!==arguments[1]&&!arguments[1]?e:204===e.status?null:e.json?e.json():Promise.reject(e)}(e,t)).catch(function(e){return ve(e,t)})};function ve(e){if(!(!(arguments.length>1&&void 0!==arguments[1])||arguments[1]))throw e;return function(e){var t={code:"invalid_json",message:T("The response is not a valid JSON response.")};if(!e||!e.json)throw t;return e.json().catch(function(){throw t})}(e).then(function(e){var t={code:"unknown_error",message:T("An unknown error occurred.")};throw e||t})}function ye(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,n)}return r}function me(e){for(var t=1;t=500&&t.status<600&&r?n(r).catch(function(){return!1!==e.parse?Promise.reject({code:"post_process",message:T("Media upload failed. If this is a photo or a large image, please scale it down and try again.")}):Promise.reject(t)}):ve(t,e.parse)}).then(function(t){return he(t,e.parse)})};function be(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,n)}return r}function Oe(e){for(var t=1;t=200&&e.status<300)return e;throw e},Pe=function(e){var t=e.url,r=e.path,n=e.data,i=e.parse,a=void 0===i||i,o=D(e,["url","path","data","parse"]),s=e.body,l=e.headers;return l=Oe(Oe({},we),l),n&&(s=JSON.stringify(n),l["Content-Type"]="application/json"),window.fetch(t||r||window.location.href,Oe(Oe(Oe({},xe),o),{},{body:s,headers:l})).then(function(e){return Promise.resolve(e).then(Ie).catch(function(e){return ve(e,a)}).then(function(e){return he(e,a)})},function(){throw{code:"fetch_error",message:T("You are probably offline.")}})};function je(e){return _e.reduceRight(function(e,t){return function(r){return t(r,e)}},Pe)(e).catch(function(t){return"rest_cookie_invalid_nonce"!==t.code?Promise.reject(t):window.fetch(je.nonceEndpoint).then(Ie).then(function(e){return e.text()}).then(function(t){return je.nonceMiddleware.nonce=t,je(e)})})}je.use=function(e){_e.unshift(e)},je.setFetchHandler=function(e){Pe=e},je.createNonceMiddleware=B,je.createPreloadingMiddleware=W,je.createRootURLMiddleware=G,je.fetchAllMiddleware=ue,je.mediaUploadMiddleware=ge;var Se=je;var Ee={id:null,post_id:null,transformations:null,beforeCallbacks:[],completeCallbacks:[],init(e){if(void 0!==cldData.editor)return Se.use(Se.createNonceMiddleware(cldData.editor.nonce)),this.callback=e,this},save(e){this.doBefore(e),Se({path:cldData.editor.save_url,data:e,method:"POST"}).then(e=>{this.doComplete(e,this)})},doBefore(e){this.beforeCallbacks.forEach(t=>t(e,this))},doComplete(e){this.completeCallbacks.forEach(t=>t(e,this))},onBefore(e){this.beforeCallbacks.push(e)},onComplete(e){this.completeCallbacks.push(e)}};const ke=T("Select Image","cloudinary"),Te=T("Replace Image","cloudinary"),Ae={wrap:document.getElementById("cld-asset-edit"),isVideo:!1,preview:null,id:null,editor:null,base:null,publicId:null,size:null,currentURL:null,transformationsInput:document.getElementById("edit_asset.transformations"),textOverlayColorInput:document.getElementById("edit_asset.text_overlay_color"),textOverlayFontFaceInput:document.getElementById("edit_asset.text_overlay_font_face"),textOverlayFontSizeInput:document.getElementById("edit_asset.text_overlay_font_size"),textOverlayTextInput:document.getElementById("edit_asset.text_overlay_text"),textOverlayPositionInput:document.getElementById("edit_asset.text_overlay_position"),textOverlayXOffsetInput:document.getElementById("edit_asset.text_overlay_x_offset"),textOverlayYOffsetInput:document.getElementById("edit_asset.text_overlay_y_offset"),imageOverlayImageIdInput:document.getElementById("edit_asset.image_overlay_image_id"),imageOverlayPublicIdInput:document.getElementById("edit_asset.image_overlay_public_id"),imageOverlaySizeInput:document.getElementById("edit_asset.image_overlay_size"),imageOverlayOpacityInput:document.getElementById("edit_asset.image_overlay_opacity"),imageOverlayPositionInput:document.getElementById("edit_asset.image_overlay_position"),imageOverlayXOffsetInput:document.getElementById("edit_asset.image_overlay_x_offset"),imageOverlayYOffsetInput:document.getElementById("edit_asset.image_overlay_y_offset"),saveButton:document.getElementById("cld-asset-edit-save"),saveTextOverlayButton:document.getElementById("cld-asset-save-text-overlay"),saveImageOverlayButton:document.getElementById("cld-asset-save-image-overlay"),removeTextOverlayButton:document.getElementById("cld-asset-remove-text-overlay"),removeImageOverlayButton:document.getElementById("cld-asset-remove-image-overlay"),textGrid:document.getElementById("edit-overlay-grid-text"),imageGrid:document.getElementById("edit-overlay-grid-image"),imagePreviewWrapper:document.getElementById("edit-overlay-select-image-preview"),assetPreviewTransformationString:document.getElementById("asset-preview-transformation-string"),assetPreviewSuccessMessage:document.getElementById("asset-preview-success-message"),imageSelect:document.getElementById("edit-overlay-select-image"),textOverlayMap:null,imageOverlayMap:null,init(){const e=JSON.parse(this.wrap.dataset.item);if(this.id=e.ID,this.base=e.base+e.size+"/",this.transformationsInput.value=e.transformations?e.transformations:"",!e?.file)return;this.isVideo="video"===e?.type,this.publicId=e.file,this.textOverlayMap=[{key:"text",input:this.textOverlayTextInput,defaultValue:"",event:"input"},{key:"color",input:this.textOverlayColorInput,defaultValue:"",event:"input"},{key:"fontFace",input:this.textOverlayFontFaceInput,defaultValue:"Arial",event:"input"},{key:"fontSize",input:this.textOverlayFontSizeInput,defaultValue:20,event:"input"},{key:"position",input:this.textOverlayPositionInput,defaultValue:"",event:"change"},{key:"xOffset",input:this.textOverlayXOffsetInput,defaultValue:0,event:"input"},{key:"yOffset",input:this.textOverlayYOffsetInput,defaultValue:0,event:"input"}],this.imageOverlayMap=[{key:"imageId",input:this.imageOverlayImageIdInput,defaultValue:"",event:"input"},{key:"publicId",input:this.imageOverlayPublicIdInput,defaultValue:"",event:"input"},{key:"size",input:this.imageOverlaySizeInput,defaultValue:20,event:"input"},{key:"opacity",input:this.imageOverlayOpacityInput,defaultValue:20,event:"input"},{key:"position",input:this.imageOverlayPositionInput,defaultValue:"",event:"change"},{key:"xOffset",input:this.imageOverlayXOffsetInput,defaultValue:0,event:"input"},{key:"yOffset",input:this.imageOverlayYOffsetInput,defaultValue:0,event:"input"}];const t=this.parseJsonOverlay(e.text_overlay),r=this.parseJsonOverlay(e.image_overlay);this.setOverlayInputs(this.textOverlayMap,t),this.setOverlayInputs(this.imageOverlayMap,r),this.initPreview(e),this.initEditor(),this.initGravityGrid("edit-overlay-grid-text",t),this.initGravityGrid("edit-overlay-grid-image",r),this.initImageSelect(),this.initRemoveOverlayButtons()},initPreview(e){this.isVideo?(this.preview=F.init(),this.wrap.appendChild(this.preview.createPreview(480,360)),this.preview.setPublicId(e?.data?.public_id),this.preview.setSrc(this.buildSrc(),!0)):(this.preview=A.init(),this.wrap.appendChild(this.preview.createPreview("100%","auto")),this.preview.setSrc(this.buildSrc(),!0)),this.transformationsInput.addEventListener("input",e=>{this.preview.setSrc(this.buildSrc())}),this.addOverlayEventListeners()},addOverlayEventListeners(){const e=()=>{const e=this.textOverlayTextInput?.value?.trim();e&&this.preview.setSrc(this.buildSrc())},t=()=>{const e=this.imageOverlayPublicIdInput?.value?.trim();e&&this.preview.setSrc(this.buildSrc())};this.textOverlayTextInput&&this.textOverlayTextInput.addEventListener("input",()=>{this.preview.setSrc(this.buildSrc())}),this.imageOverlayPublicIdInput&&this.imageOverlayPublicIdInput.addEventListener("input",()=>{this.preview.setSrc(this.buildSrc())});const r=this.textOverlayMap.filter(({key:e})=>"text"!==e),n=this.imageOverlayMap.filter(({key:e})=>"imageId"!==e);r.forEach(({input:t,event:r})=>{t&&(t===this.textOverlayColorInput?t.addEventListener(r,()=>{setTimeout(e,0)}):t.addEventListener(r,e))}),n.forEach(({input:e,event:r})=>{e&&e.addEventListener(r,t)})},initEditor(){this.editor=Ee.init(),this.editor.onBefore(()=>this.preview.reset()),this.editor.onComplete(e=>{this.preview.setSrc(this.buildSrc(),!0),e.note?alert(e.note):(this.assetPreviewSuccessMessage.style.display="block",setTimeout(()=>{this.assetPreviewSuccessMessage.style.display="none"},2e3))}),this.saveButton.addEventListener("click",e=>{e.preventDefault(),this.editor.save({ID:this.id,transformations:this.transformationsInput.value})}),this.saveTextOverlayButton.addEventListener("click",e=>{e.preventDefault();const t=this.getOverlayData(this.textOverlayMap);t.transformation=this.buildTextOverlay(),this.editor.save({ID:this.id,textOverlay:t})}),this.saveImageOverlayButton.addEventListener("click",e=>{e.preventDefault();const t=this.getOverlayData(this.imageOverlayMap);t.transformation=this.buildImageOverlay(),this.editor.save({ID:this.id,imageOverlay:t})})},initGravityGrid(e,t){const r=document.getElementById(e);let n=[];if(!r||!r.dataset?.gridOptions)return;try{if(n=JSON.parse(r.dataset.gridOptions),n.length<1)return}catch(e){return}const i={"edit-overlay-grid-text":{positionInput:this.textOverlayPositionInput,contentInput:this.textOverlayTextInput},"edit-overlay-grid-image":{positionInput:this.imageOverlayPositionInput,contentInput:this.imageOverlayPublicIdInput}}[e];n.forEach(e=>{const n=document.createElement("div");n.className="edit-overlay-grid__cell",n.dataset.gravity=e,t&&t.position&&t.position===e&&n.classList.add("edit-overlay-grid__cell--selected"),n.addEventListener("click",()=>{if(r.querySelectorAll(".edit-overlay-grid__cell--selected").forEach(e=>e.classList.remove("edit-overlay-grid__cell--selected")),n.classList.add("edit-overlay-grid__cell--selected"),i){i.positionInput.value=e;const t=i.contentInput?.value?.trim();t&&this.preview.setSrc(this.buildSrc())}}),r.appendChild(n)})},updateImageSelectLabel(e){this.imageSelect&&(this.imageSelect.textContent=e)},initImageSelect(){this.imageSelect&&(this.imageSelect.addEventListener("click",e=>{e.preventDefault();const t=wp.media({title:ke,button:{text:ke},library:{type:"image"},multiple:!1});t.on("select",()=>{const e=t.state().get("selection").first().toJSON();e?.public_id?(this.imageOverlayImageIdInput.value=e.id,this.imageOverlayPublicIdInput.value=e.public_id,this.updateImageSelectLabel(Te),this.renderImageOverlay(e)):(this.imageOverlayImageIdInput.value="",this.imageOverlayPublicIdInput.value="",this.updateImageSelectLabel(ke),this.renderImageOverlay({}),alert(T("Please select an image that is synced to Cloudinary.","cloudinary"))),this.preview.setSrc(this.buildSrc())}),t.open()}),this.imageOverlayPublicIdInput?.value?this.updateImageSelectLabel(Te):this.updateImageSelectLabel(ke))},renderImageOverlay(e){if(this.imagePreviewWrapper&&this.imagePreviewWrapper.firstChild&&this.imagePreviewWrapper.removeChild(this.imagePreviewWrapper.firstChild),this.imagePreviewWrapper&&(e?.url||e?.source_url)){const t=document.createElement("img");t.src=e.url||e.source_url,t.alt=e.alt||"",this.imagePreviewWrapper.appendChild(t)}},initRemoveOverlayButtons(){this.removeTextOverlayButton&&this.removeTextOverlayButton.addEventListener("click",e=>{e.preventDefault(),this.clearTextOverlay()}),this.removeImageOverlayButton&&this.removeImageOverlayButton.addEventListener("click",e=>{e.preventDefault(),this.clearImageOverlay()})},clearTextOverlay(){this.textOverlayMap.forEach(({input:e,defaultValue:t})=>{e&&(e.value=t,e.dispatchEvent(new Event("change")))}),this.textGrid&&this.textGrid.querySelectorAll(".edit-overlay-grid__cell--selected").forEach(e=>e.classList.remove("edit-overlay-grid__cell--selected")),this.preview.setSrc(this.buildSrc())},clearImageOverlay(){this.imageOverlayMap.forEach(({input:e,defaultValue:t})=>{e&&(e.value=t,e.dispatchEvent(new Event("change")))}),this.imagePreviewWrapper&&this.imagePreviewWrapper.firstChild&&(this.imagePreviewWrapper.removeChild(this.imagePreviewWrapper.firstChild),this.updateImageSelectLabel(ke)),this.imageGrid&&this.imageGrid.querySelectorAll(".edit-overlay-grid__cell--selected").forEach(e=>e.classList.remove("edit-overlay-grid__cell--selected")),this.preview.setSrc(this.buildSrc())},getFormattedPercentageValue(e){const t=e/100;return t%1==0?t.toFixed(1):t},buildPlacementQualifiers(e,t,r){let n=[];return e?.value&&n.push(`g_${e.value}`),t?.value&&n.push(`x_${this.getFormattedPercentageValue(t.value)}`),r?.value&&n.push(`y_${this.getFormattedPercentageValue(r.value)}`),n.length>0?","+n.join(","):""},buildImageOverlay(){const e=this.imageOverlayPublicIdInput.value.trim().replace(/\//g,":");if(!e)return"";let t=`l_${e}`,r=[];this.imageOverlaySizeInput?.value&&r.push(`c_scale,w_${this.getFormattedPercentageValue(this.imageOverlaySizeInput.value)}`),this.imageOverlayOpacityInput?.value&&r.push(`o_${this.imageOverlayOpacityInput.value}`),r.length>0&&(t+="/"+r.join("/"));return`${t}/c_limit,w_1.0,fl_relative/fl_layer_apply${this.buildPlacementQualifiers(this.imageOverlayPositionInput,this.imageOverlayXOffsetInput,this.imageOverlayYOffsetInput)}`},buildTextOverlay(){if(!this.textOverlayTextInput||!this.textOverlayTextInput.value.trim())return"";const e=this.textOverlayTextInput.value.trim();let t=`l_text:${this.textOverlayFontFaceInput?.value||"Arial"}_${this.textOverlayFontSizeInput?.value||"20"}:${encodeURIComponent(e)}`;if(this.textOverlayColorInput?.value){let e=this.textOverlayColorInput.value;if(e.startsWith("rgb")){const t=e.match(/rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*([0-9]*\.?[0-9]+))?\)/);if(t){const r=parseInt(t[1]).toString(16).padStart(2,"0"),n=parseInt(t[2]).toString(16).padStart(2,"0"),i=parseInt(t[3]).toString(16).padStart(2,"0");if(void 0!==t[4]){const a=parseFloat(t[4]);e=r+n+i+Math.round(255*a).toString(16).padStart(2,"0")}else e=r+n+i}}else e=e.replace("#","");t=`co_rgb:${e},${t}`}return`${t}/c_limit,w_0.9,fl_relative/fl_layer_apply${this.buildPlacementQualifiers(this.textOverlayPositionInput,this.textOverlayXOffsetInput,this.textOverlayYOffsetInput)}`},buildSrc(){const e=this.transformationsInput.value,t=this.buildTextOverlay(),r=this.buildImageOverlay(),n=[this.base],i=[],a=(e,t,r=e,a=!0)=>{if(e){const o=e.replace(/\/$/,"");n.push(o);const s=a?"/":"";i.push(`${s}${r}`)}};e?a(e,"string-preview-transformations",`.../${e}`,!1):i.push('...'),a(t,"string-preview-text-overlay"),a(r,"string-preview-image-overlay"),a(this.publicId,"string-preview-public-id",this.publicId,!1);const o=n.join("/").replace(/([^:]\/)\/+/g,"$1");return this.assetPreviewTransformationString.innerHTML=i.join(""),this.assetPreviewTransformationString.href=o,this.isVideo?this.videoTransformations(e,r,t):o},videoTransformations(e,t,r){const n=[];return e&&n.push(e),r&&n.push(r),t&&n.push(t),n.join("/")},getOverlayData(e){const t={};return e.forEach(({key:e,input:r})=>{t[e]=r?.value||""}),t},parseJsonOverlay(e){if("string"==typeof e)try{e=JSON.parse(e)}catch(t){e={}}return e},setOverlayInputs(e,t){e.forEach(({key:e,input:r,defaultValue:n})=>{r&&(r.value=t&&void 0!==t[e]?t[e]:n,r.dispatchEvent(new Event("change")),"color"===e&&r.value&&jQuery(this.textOverlayColorInput).iris({color:r.value}),"imageId"===e&&r.value&&this.fetchImageById(r.value).then(e=>{Ae.renderImageOverlay(e)}))})},fetchImageById:e=>fetch(`/wp-json/wp/v2/media/${e}`).then(e=>{if(!e.ok)throw new Error(T("Image not found","cloudinary"));return e.json()})};window.addEventListener("load",()=>Ae.init())}()}(); \ No newline at end of file diff --git a/src/css/components/_edit_overlay.scss b/src/css/components/_edit_overlay.scss index d22f3d04..4413aed6 100644 --- a/src/css/components/_edit_overlay.scss +++ b/src/css/components/_edit_overlay.scss @@ -51,6 +51,12 @@ &-offset { margin-bottom: 20px; + .suffixed { + width: 80%; + position: relative; + top: 5px; + } + .cld-input-text { margin-bottom: 10px; } diff --git a/src/js/asset-edit.js b/src/js/asset-edit.js index e6eedbf5..c3c64393 100644 --- a/src/js/asset-edit.js +++ b/src/js/asset-edit.js @@ -85,7 +85,7 @@ const AssetEdit = { this.imageOverlayMap = [ { key: 'imageId', input: this.imageOverlayImageIdInput, defaultValue: '', event: 'input' }, { key: 'publicId', input: this.imageOverlayPublicIdInput, defaultValue: '', event: 'input' }, - { key: 'size', input: this.imageOverlaySizeInput, defaultValue: 100, event: 'input' }, + { key: 'size', input: this.imageOverlaySizeInput, defaultValue: 20, event: 'input' }, { key: 'opacity', input: this.imageOverlayOpacityInput, defaultValue: 20, event: 'input' }, { key: 'position', input: this.imageOverlayPositionInput, defaultValue: '', event: 'change' }, { key: 'xOffset', input: this.imageOverlayXOffsetInput, defaultValue: 0, event: 'input' }, @@ -376,6 +376,7 @@ const AssetEdit = { this.textOverlayMap.forEach(({ input, defaultValue }) => { if (input) { input.value = defaultValue; + input.dispatchEvent(new Event('change')); } }); @@ -393,6 +394,7 @@ const AssetEdit = { this.imageOverlayMap.forEach(({ input, defaultValue }) => { if (input) { input.value = defaultValue; + input.dispatchEvent(new Event('change')); } }); @@ -411,6 +413,10 @@ const AssetEdit = { // Update preview to remove image overlay this.preview.setSrc(this.buildSrc()); }, + getFormattedPercentageValue( value ) { + const val = value / 100; + return val % 1 === 0 ? val.toFixed(1) : val; + }, buildPlacementQualifiers(positionInput, xOffsetInput, yOffsetInput) { let placementQualifiers = []; @@ -419,11 +425,11 @@ const AssetEdit = { } if (xOffsetInput?.value) { - placementQualifiers.push(`x_${xOffsetInput.value}`); + placementQualifiers.push(`x_${this.getFormattedPercentageValue(xOffsetInput.value)}`); } if (yOffsetInput?.value) { - placementQualifiers.push(`y_${yOffsetInput.value}`); + placementQualifiers.push(`y_${this.getFormattedPercentageValue(yOffsetInput.value)}`); } return placementQualifiers.length > 0 ? ',' + placementQualifiers.join(',') : ''; @@ -440,7 +446,7 @@ const AssetEdit = { let transformations = []; if (this.imageOverlaySizeInput?.value) { - transformations.push(`c_scale,w_${this.imageOverlaySizeInput.value}`); + transformations.push(`c_scale,w_${this.getFormattedPercentageValue(this.imageOverlaySizeInput.value)}`); } if (this.imageOverlayOpacityInput?.value) { @@ -457,7 +463,7 @@ const AssetEdit = { this.imageOverlayYOffsetInput ); - return `${imageLayerDefinition}/fl_layer_apply${placementString}`; + return `${imageLayerDefinition}/c_limit,w_1.0,fl_relative/fl_layer_apply${placementString}`; }, buildTextOverlay() { if (!this.textOverlayTextInput || !this.textOverlayTextInput.value.trim()) { @@ -505,7 +511,7 @@ const AssetEdit = { this.textOverlayYOffsetInput ); - return `${textLayerDefinition}/fl_layer_apply${placementString}`; + return `${textLayerDefinition}/c_limit,w_0.9,fl_relative/fl_layer_apply${placementString}`; }, buildSrc() { const transformations = this.transformationsInput.value; @@ -591,11 +597,13 @@ const AssetEdit = { map.forEach(({ key, input, defaultValue }) => { if (input) { input.value = (data && data[key] !== undefined) ? data[key] : defaultValue; + input.dispatchEvent(new Event('change')); // Special handling for color input to initialize color picker if (key === 'color' && input.value) { jQuery(this.textOverlayColorInput).iris({ color: input.value }); } + if (key === 'imageId' && input.value) { this.fetchImageById(input.value).then(attachment => { AssetEdit.renderImageOverlay(attachment); diff --git a/ui-definitions/settings-pages.php b/ui-definitions/settings-pages.php index 5eeebe55..79ce6c53 100644 --- a/ui-definitions/settings-pages.php +++ b/ui-definitions/settings-pages.php @@ -615,7 +615,7 @@ array( 'type' => 'panel', 'collapsible' => 'open', - 'title' => __( 'Text Overlay', 'cloudinary' ), + 'title' => __( 'Text overlay', 'cloudinary' ), array( 'type' => 'row', array( @@ -719,14 +719,24 @@ 'title' => __( 'X Offset', 'cloudinary' ), 'default' => 0, 'slug' => 'text_overlay_x_offset', - 'suffix' => 'px', + 'suffix' => '%', + 'attributes' => array( + 'max' => 100, + 'min' => -100, + 'step' => 1, + ), ), array( 'type' => 'number', 'title' => __( 'Y Offset', 'cloudinary' ), 'default' => 0, 'slug' => 'text_overlay_y_offset', - 'suffix' => 'px', + 'suffix' => '%', + 'attributes' => array( + 'max' => 100, + 'min' => -100, + 'step' => 1, + ), ), ), ), @@ -764,7 +774,7 @@ array( 'type' => 'panel', 'collapsible' => 'open', - 'title' => __( 'Image Overlay', 'cloudinary' ), + 'title' => __( 'Image overlay', 'cloudinary' ), array( 'type' => 'row', array( @@ -837,11 +847,13 @@ array( 'type' => 'text', 'title' => __( 'Size', 'cloudinary' ), - 'default' => 100, + 'default' => 20, 'slug' => 'image_overlay_size', + 'suffix' => '@value %', 'attributes' => array( - 'min' => 0, - 'max' => 1000, + 'min' => 1, + 'max' => 100, + 'step' => 1, 'type' => 'range', 'class' => array( 'edit-overlay-range-input', @@ -853,9 +865,11 @@ 'title' => __( 'Opacity', 'cloudinary' ), 'default' => 20, 'slug' => 'image_overlay_opacity', + 'suffix' => '@value %', 'attributes' => array( - 'min' => 0, + 'min' => 1, 'max' => 100, + 'step' => 1, 'type' => 'range', 'class' => array( 'edit-overlay-range-input', @@ -898,14 +912,24 @@ 'title' => __( 'X Offset', 'cloudinary' ), 'default' => 0, 'slug' => 'image_overlay_x_offset', - 'suffix' => 'px', + 'suffix' => '%', + 'attributes' => array( + 'max' => 100, + 'min' => -100, + 'step' => 1, + ), ), array( 'type' => 'number', 'title' => __( 'Y Offset', 'cloudinary' ), 'default' => 0, 'slug' => 'image_overlay_y_offset', - 'suffix' => 'px', + 'suffix' => '%', + 'attributes' => array( + 'max' => 100, + 'min' => -100, + 'step' => 1, + ), ), ), ),