diff --git a/.gitignore b/.gitignore index dcbfb0059..109a11b62 100644 --- a/.gitignore +++ b/.gitignore @@ -52,3 +52,6 @@ cloudinary-image-management-and-manipulation-in-the-cloud-cdn.zip cloudinary-wordpress-v2.zip cloudinary-wordpress-v3.zip package/dist + +# AI generated files +.claude/ diff --git a/css/cloudinary.css b/css/cloudinary.css index aafc3611b..08dbaffe6 100644 --- a/css/cloudinary.css +++ b/css/cloudinary.css @@ -1,2 +1,2 @@ -.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.d1a91c7f695026fd2097.eot);src:url(../css/fonts/cloudinary.d1a91c7f695026fd2097.eot#iefix) format("embedded-opentype"),url(../css/fonts/cloudinary.3b839e5145ad58edde01.woff) format("woff"),url(../css/fonts/cloudinary.d8de6736f15e12f71ac2.ttf) format("truetype"),url(../css/images/cloudinary.svg#cloudinary) format("svg")}.dashicons-cloudinary{speak:none;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.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,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGNsYXNzPSJzcGlubmVyIiB2aWV3Qm94PSItNCAtNCAxNTEgMTAwIj48c3R5bGU+QGtleWZyYW1lcyBjb2xvcnN7MCUsdG97c3Ryb2tlOiMwMDc4ZmZ9NTAle3N0cm9rZTojMGUyZjVhfX1Aa2V5ZnJhbWVzIGRhc2h7MCUsdG97c3Ryb2tlLWRhc2hvZmZzZXQ6NTYwfTUwJXtzdHJva2UtZGFzaG9mZnNldDowfX1ALXdlYmtpdC1rZXlmcmFtZXMgY29sb3JzezAlLHRve3N0cm9rZTojMDA3OGZmfTUwJXtzdHJva2U6IzBlMmY1YX19QC13ZWJraXQta2V5ZnJhbWVzIGRhc2h7MCUsdG97c3Ryb2tlLWRhc2hvZmZzZXQ6NTYwfTUwJXtzdHJva2UtZGFzaG9mZnNldDowfX08L3N0eWxlPjxwYXRoIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2Utd2lkdGg9IjkiIGQ9Ik0xMjEuNjYzIDkwLjYzOGMtMS43OTYgMC05OS4zMy0uNDk4LTEwMS40NzQtMS40NzhDOC42ODUgODMuODc3IDEuMjUgNzIuMTk2IDEuMjUgNTkuMzk2YzAtMTYuNjU2IDEyLjc5Ny0zMC42MSAyOS4wNTItMzIuMzIzIDcuNDktMTUuNzA2IDIzLjE4Ni0yNS43MDcgNDAuNzE0LTI1LjcwNyAyMC45OCAwIDM5LjIxNSAxNC43NTIgNDMuOTQ1IDM0LjkwNyAxNS4wOS4yNDUgMjcuMjkgMTIuNjMgMjcuMjkgMjcuODIyIDAgMTEuOTY4LTcuNzM4IDIyLjU1LTE5LjI1NiAyNi4zMyIgc3R5bGU9InN0cm9rZS1kYXNoYXJyYXk6MjgwO3N0cm9rZS1kYXNob2Zmc2V0OjA7dHJhbnNmb3JtLW9yaWdpbjpjZW50ZXI7LXdlYmtpdC1hbmltYXRpb246ZGFzaCAycyBlYXNlLWluLW91dCBpbmZpbml0ZSxjb2xvcnMgOHMgZWFzZS1pbi1vdXQgaW5maW5pdGU7YW5pbWF0aW9uOmRhc2ggMnMgZWFzZS1pbi1vdXQgaW5maW5pdGUsY29sb3JzIDhzIGVhc2UtaW4tb3V0IGluZmluaXRlIi8+PC9zdmc+);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,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGNsYXNzPSJzcGlubmVyIiB2aWV3Qm94PSItNCAtNCAxNTEgMTAwIj48c3R5bGU+QGtleWZyYW1lcyBjb2xvcnN7MCUsdG97c3Ryb2tlOiMwMDc4ZmZ9NTAle3N0cm9rZTojMGUyZjVhfX1Aa2V5ZnJhbWVzIGRhc2h7MCUsdG97c3Ryb2tlLWRhc2hvZmZzZXQ6NTYwfTUwJXtzdHJva2UtZGFzaG9mZnNldDowfX1ALXdlYmtpdC1rZXlmcmFtZXMgY29sb3JzezAlLHRve3N0cm9rZTojMDA3OGZmfTUwJXtzdHJva2U6IzBlMmY1YX19QC13ZWJraXQta2V5ZnJhbWVzIGRhc2h7MCUsdG97c3Ryb2tlLWRhc2hvZmZzZXQ6NTYwfTUwJXtzdHJva2UtZGFzaG9mZnNldDowfX08L3N0eWxlPjxwYXRoIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2Utd2lkdGg9IjkiIGQ9Ik0xMjEuNjYzIDkwLjYzOGMtMS43OTYgMC05OS4zMy0uNDk4LTEwMS40NzQtMS40NzhDOC42ODUgODMuODc3IDEuMjUgNzIuMTk2IDEuMjUgNTkuMzk2YzAtMTYuNjU2IDEyLjc5Ny0zMC42MSAyOS4wNTItMzIuMzIzIDcuNDktMTUuNzA2IDIzLjE4Ni0yNS43MDcgNDAuNzE0LTI1LjcwNyAyMC45OCAwIDM5LjIxNSAxNC43NTIgNDMuOTQ1IDM0LjkwNyAxNS4wOS4yNDUgMjcuMjkgMTIuNjMgMjcuMjkgMjcuODIyIDAgMTEuOTY4LTcuNzM4IDIyLjU1LTE5LjI1NiAyNi4zMyIgc3R5bGU9InN0cm9rZS1kYXNoYXJyYXk6MjgwO3N0cm9rZS1kYXNob2Zmc2V0OjA7dHJhbnNmb3JtLW9yaWdpbjpjZW50ZXI7LXdlYmtpdC1hbmltYXRpb246ZGFzaCAycyBlYXNlLWluLW91dCBpbmZpbml0ZSxjb2xvcnMgOHMgZWFzZS1pbi1vdXQgaW5maW5pdGU7YW5pbWF0aW9uOmRhc2ggMnMgZWFzZS1pbi1vdXQgaW5maW5pdGUsY29sb3JzIDhzIGVhc2UtaW4tb3V0IGluZmluaXRlIi8+PC9zdmc+);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;flex-wrap:wrap;gap:10px;margin-bottom:16px;max-width:400px}.cld-size-items .cld-ui-input.regular-text{max-width:260px}.cld-size-items .cld-ui-input.regular-text[disabled]{background-color:#e5e5e5;opacity:.5}.cld-size-items .disable-toggle{margin:0}.cld-size-items .cld-input-on-off-control.medium{height:13px;margin-right:0;width:25px}.cld-size-items .cld-input-on-off-control.medium .cld-input-on-off-control-slider:before{bottom:2px;height:9px;left:2px;width:9px}.cld-size-items .cld-input-on-off-control.medium input:checked+.cld-input-on-off-control-slider:before{transform:translateX(12px)}.cld-size-items .cld-input-on-off-control-label{font-size:12px}.cld-size-items .button.clear-crop-input{align-items:center;background:transparent;border:none;box-shadow:none;color:#3448c5;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:6px;margin-right:40px;padding:0}.cld-size-items .button.clear-crop-input svg{fill:currentColor;height:16px;width:16px}.cld-size-items .button.clear-crop-input:hover{background:transparent;opacity:.8}.cld-size-items .button.clear-crop-input:focus{box-shadow:none;outline:none}.cld-size-selector{border:1px solid #e5e5e5;border-radius:4px;display:flex;flex-wrap:nowrap;margin-bottom:42px;max-width:100%;overflow-x:scroll;padding:4px;scrollbar-width:thin;width:fit-content}.cld-size-selector-item{background-color:transparent;color:#333b4c;cursor:pointer;flex-shrink:0;font-weight:600;margin:0 3px -1px 0;padding:8px;white-space:nowrap}.cld-size-selector-item[data-selected]{background-color:rgba(52,72,197,.06);color:#3448c5}.cld-size-images{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:42px}.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:70%}.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} +.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.d1a91c7f695026fd2097.eot);src:url(../css/fonts/cloudinary.d1a91c7f695026fd2097.eot#iefix) format("embedded-opentype"),url(../css/fonts/cloudinary.3b839e5145ad58edde01.woff) format("woff"),url(../css/fonts/cloudinary.d8de6736f15e12f71ac2.ttf) format("truetype"),url(../css/images/cloudinary.svg#cloudinary) format("svg")}.dashicons-cloudinary{speak:none;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.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,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGNsYXNzPSJzcGlubmVyIiB2aWV3Qm94PSItNCAtNCAxNTEgMTAwIj48c3R5bGU+QGtleWZyYW1lcyBjb2xvcnN7MCUsdG97c3Ryb2tlOiMwMDc4ZmZ9NTAle3N0cm9rZTojMGUyZjVhfX1Aa2V5ZnJhbWVzIGRhc2h7MCUsdG97c3Ryb2tlLWRhc2hvZmZzZXQ6NTYwfTUwJXtzdHJva2UtZGFzaG9mZnNldDowfX1ALXdlYmtpdC1rZXlmcmFtZXMgY29sb3JzezAlLHRve3N0cm9rZTojMDA3OGZmfTUwJXtzdHJva2U6IzBlMmY1YX19QC13ZWJraXQta2V5ZnJhbWVzIGRhc2h7MCUsdG97c3Ryb2tlLWRhc2hvZmZzZXQ6NTYwfTUwJXtzdHJva2UtZGFzaG9mZnNldDowfX08L3N0eWxlPjxwYXRoIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2Utd2lkdGg9IjkiIGQ9Ik0xMjEuNjYzIDkwLjYzOGMtMS43OTYgMC05OS4zMy0uNDk4LTEwMS40NzQtMS40NzhDOC42ODUgODMuODc3IDEuMjUgNzIuMTk2IDEuMjUgNTkuMzk2YzAtMTYuNjU2IDEyLjc5Ny0zMC42MSAyOS4wNTItMzIuMzIzIDcuNDktMTUuNzA2IDIzLjE4Ni0yNS43MDcgNDAuNzE0LTI1LjcwNyAyMC45OCAwIDM5LjIxNSAxNC43NTIgNDMuOTQ1IDM0LjkwNyAxNS4wOS4yNDUgMjcuMjkgMTIuNjMgMjcuMjkgMjcuODIyIDAgMTEuOTY4LTcuNzM4IDIyLjU1LTE5LjI1NiAyNi4zMyIgc3R5bGU9InN0cm9rZS1kYXNoYXJyYXk6MjgwO3N0cm9rZS1kYXNob2Zmc2V0OjA7dHJhbnNmb3JtLW9yaWdpbjpjZW50ZXI7LXdlYmtpdC1hbmltYXRpb246ZGFzaCAycyBlYXNlLWluLW91dCBpbmZpbml0ZSxjb2xvcnMgOHMgZWFzZS1pbi1vdXQgaW5maW5pdGU7YW5pbWF0aW9uOmRhc2ggMnMgZWFzZS1pbi1vdXQgaW5maW5pdGUsY29sb3JzIDhzIGVhc2UtaW4tb3V0IGluZmluaXRlIi8+PC9zdmc+);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-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-settings{margin-left:-20px}.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-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-panel{background-color:#fff;border:1px solid #c6d1db}.cld-panel.full-width{max-width:100%}.cld-panel{margin-top:13px;padding:23px 24px}.cld-panel.has-heading{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-panel hr{border-top:1px solid #e5e5e5;clear:both;margin:19px 0 20px}.cld-panel .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-panel .help-wrap{flex-direction:column;gap:20px}}.cld-panel .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-panel .help-wrap .help-box .large-button:hover{background-color:#eaecfa;box-shadow:0 1px 8px 0 rgba(0,0,0,.5)}.cld-panel .help-wrap .help-box .large-button .cld-ui-wrap{padding-bottom:.5em}.cld-panel .help-wrap .help-box img{border-radius:4px 4px 0 0;width:100%}.cld-panel .help-wrap .help-box div,.cld-panel .help-wrap .help-box h4{padding:0 12px}.cld-panel ul{list-style:initial;padding:0 3em}.cld-panel .stat-boxes{border:1px solid #e5e5e5;font-size:1.2em}.cld-panel .stat-boxes .box{border-bottom:1px solid #e5e5e5;padding:2rem;text-align:center}.cld-panel .stat-boxes .box:last-of-type{border-bottom:none}.cld-panel .stat-boxes .box .cld-ui-icon{height:35px;width:35px}.cld-panel .stat-boxes .icon{height:50px;margin-right:.5em;width:50px}.cld-panel .stat-boxes h3{margin-bottom:1.5rem;margin-top:2.4rem}.cld-panel .stat-boxes .limit{font-size:2em;font-weight:700;margin-right:.5em;white-space:nowrap}.cld-panel .stat-boxes .usage{color:#3273ab;font-size:1.5em;font-weight:400}@media only screen and (min-width:783px){.cld-panel .stat-boxes{display:flex;flex-wrap:nowrap;font-size:1em}.cld-panel .stat-boxes .box{border-bottom:none;border-right:1px solid #e5e5e5;flex-grow:1}.cld-panel .stat-boxes .box:last-of-type{border-right:none}}@media only screen and (min-width:1200px){.cld-panel .stat-boxes{font-size:1.2em}}.cld-panel .img-connection-string{width:100%}.cld-panel .media-status-box,.cld-panel .stat-boxes{border:1px solid #e5e5e5}.cld-panel .media-status-box{padding:2rem;text-align:center}.cld-panel .media-status-box .status{font-size:2rem;font-weight:700;margin-right:.5em}.cld-panel .media-status-box .cld-ui-icon{height:35px;width:35px}.cld-panel .notification{display:inline-flex;font-weight:700;padding:1.5rem}.cld-panel .notification-success{background-color:rgba(32,184,50,.2);border:2px solid #20b832}.cld-panel .notification-success:before{color:#20b832}.cld-panel .notification-syncing{background-color:rgba(50,115,171,.2);border:2px solid #3273ab;color:#444;text-decoration:none}.cld-panel .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-panel .notification:before{margin-right:.5em}.cld-panel-short{display:inline-block;min-width:270px;width:auto}.cld-info-box,.cld-panel-short{background-color:#fff;border:1px solid #c6d1db}.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{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,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGNsYXNzPSJzcGlubmVyIiB2aWV3Qm94PSItNCAtNCAxNTEgMTAwIj48c3R5bGU+QGtleWZyYW1lcyBjb2xvcnN7MCUsdG97c3Ryb2tlOiMwMDc4ZmZ9NTAle3N0cm9rZTojMGUyZjVhfX1Aa2V5ZnJhbWVzIGRhc2h7MCUsdG97c3Ryb2tlLWRhc2hvZmZzZXQ6NTYwfTUwJXtzdHJva2UtZGFzaG9mZnNldDowfX1ALXdlYmtpdC1rZXlmcmFtZXMgY29sb3JzezAlLHRve3N0cm9rZTojMDA3OGZmfTUwJXtzdHJva2U6IzBlMmY1YX19QC13ZWJraXQta2V5ZnJhbWVzIGRhc2h7MCUsdG97c3Ryb2tlLWRhc2hvZmZzZXQ6NTYwfTUwJXtzdHJva2UtZGFzaG9mZnNldDowfX08L3N0eWxlPjxwYXRoIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2Utd2lkdGg9IjkiIGQ9Ik0xMjEuNjYzIDkwLjYzOGMtMS43OTYgMC05OS4zMy0uNDk4LTEwMS40NzQtMS40NzhDOC42ODUgODMuODc3IDEuMjUgNzIuMTk2IDEuMjUgNTkuMzk2YzAtMTYuNjU2IDEyLjc5Ny0zMC42MSAyOS4wNTItMzIuMzIzIDcuNDktMTUuNzA2IDIzLjE4Ni0yNS43MDcgNDAuNzE0LTI1LjcwNyAyMC45OCAwIDM5LjIxNSAxNC43NTIgNDMuOTQ1IDM0LjkwNyAxNS4wOS4yNDUgMjcuMjkgMTIuNjMgMjcuMjkgMjcuODIyIDAgMTEuOTY4LTcuNzM4IDIyLjU1LTE5LjI1NiAyNi4zMyIgc3R5bGU9InN0cm9rZS1kYXNoYXJyYXk6MjgwO3N0cm9rZS1kYXNob2Zmc2V0OjA7dHJhbnNmb3JtLW9yaWdpbjpjZW50ZXI7LXdlYmtpdC1hbmltYXRpb246ZGFzaCAycyBlYXNlLWluLW91dCBpbmZpbml0ZSxjb2xvcnMgOHMgZWFzZS1pbi1vdXQgaW5maW5pdGU7YW5pbWF0aW9uOmRhc2ggMnMgZWFzZS1pbi1vdXQgaW5maW5pdGUsY29sb3JzIDhzIGVhc2UtaW4tb3V0IGluZmluaXRlIi8+PC9zdmc+);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-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-panel{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-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-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-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 .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-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-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-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{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-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-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;flex-wrap:wrap;gap:10px;margin-bottom:16px;max-width:400px}.cld-size-items .cld-ui-input.regular-text{max-width:260px}.cld-size-items .cld-ui-input.regular-text[disabled]{background-color:#e5e5e5;opacity:.5}.cld-size-items .disable-toggle{margin:0}.cld-size-items .cld-input-on-off-control.medium{height:13px;margin-right:0;width:25px}.cld-size-items .cld-input-on-off-control.medium .cld-input-on-off-control-slider:before{bottom:2px;height:9px;left:2px;width:9px}.cld-size-items .cld-input-on-off-control.medium input:checked+.cld-input-on-off-control-slider:before{transform:translateX(12px)}.cld-size-items .cld-input-on-off-control-label{font-size:12px}.cld-size-items .button.clear-crop-input{align-items:center;background:transparent;border:none;box-shadow:none;color:#3448c5;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:6px;margin-right:40px;padding:0}.cld-size-items .button.clear-crop-input svg{fill:currentColor;height:16px;width:16px}.cld-size-items .button.clear-crop-input:hover{background:transparent;opacity:.8}.cld-size-items .button.clear-crop-input:focus{box-shadow:none;outline:none}.cld-size-selector{border:1px solid #e5e5e5;border-radius:4px;display:flex;flex-wrap:nowrap;margin-bottom:42px;max-width:100%;overflow-x:scroll;padding:4px;scrollbar-width:thin;width:fit-content}.cld-size-selector-item{background-color:transparent;color:#333b4c;cursor:pointer;flex-shrink:0;font-weight:600;margin:0 3px -1px 0;padding:8px;white-space:nowrap}.cld-size-selector-item[data-selected]{background-color:rgba(52,72,197,.06);color:#3448c5}.cld-size-images{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:42px}.cld-cron{background-color:#fff;border:1px solid #c6d1db;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:70%}.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} /*# sourceMappingURL=cloudinary.css.map*/ \ No newline at end of file diff --git a/js/gallery.asset.php b/js/gallery.asset.php index 98de0c565..2ac9e5fde 100644 --- a/js/gallery.asset.php +++ b/js/gallery.asset.php @@ -1 +1 @@ - array('react-jsx-runtime', 'wp-block-editor', 'wp-components', 'wp-components/build-style/style.css', 'wp-data', 'wp-element', 'wp-i18n'), 'version' => '6da83dfb91692f575603'); + array('react-jsx-runtime', 'wp-block-editor', 'wp-components', 'wp-components/build-style/style.css', 'wp-data', 'wp-element', 'wp-i18n'), 'version' => '9cc411f20e1aa5754b7f'); diff --git a/js/gallery.js b/js/gallery.js index f537caade..dd1c800bc 100644 --- a/js/gallery.js +++ b/js/gallery.js @@ -1,2 +1,2 @@ -(()=>{var e={1780(e){"use strict";function t(e,t){var r,n;if("function"==typeof t)void 0!==(n=t(e))&&(e=n);else if(Array.isArray(t))for(r=0;r=0&&(e=e.replace(/\[/g,t).replace(/]/g,""));var r=e.split(t);if(r.filter(s).length!==r.length)throw Error("Refusing to update blacklisted property "+e);return r}var c=Object.prototype.hasOwnProperty;function u(e,t,r,n){if(!(this instanceof u))return new u(e,t,r,n);void 0===t&&(t=!1),void 0===r&&(r=!0),void 0===n&&(n=!0),this.separator=e||".",this.override=t,this.useArray=r,this.useBrackets=n,this.keepArray=!1,this.cleanup=[]}var p=new u(".",!1,!0,!0);function d(e){return function(){return p[e].apply(p,arguments)}}u.prototype._fill=function(e,r,n,a){var s=e.shift();if(e.length>0){if(r[s]=r[s]||(this.useArray&&function(e){return/^\d+$/.test(e)}(e[0])?[]:{}),!o(r[s])){if(!this.override){if(!o(n)||!i(n))throw new Error("Trying to redefine `"+s+"` which is a "+typeof r[s]);return}r[s]={}}this._fill(e,r[s],n,a)}else{if(!this.override&&o(r[s])&&!i(r[s])){if(!o(n)||!i(n))throw new Error("Trying to redefine non-empty obj['"+s+"']");return}r[s]=t(n,a)}},u.prototype.object=function(e,r){var n=this;return Object.keys(e).forEach(function(o){var i=void 0===r?null:r[o],a=l(o,n.separator).join(n.separator);-1!==a.indexOf(n.separator)?(n._fill(a.split(n.separator),e,e[o],i),delete e[o]):e[o]=t(e[o],i)}),e},u.prototype.str=function(e,r,n,o){var i=l(e,this.separator).join(this.separator);return-1!==e.indexOf(this.separator)?this._fill(i.split(this.separator),n,r,o):n[e]=t(r,o),n},u.prototype.pick=function(e,t,n,o){var i,a,s,c,u;for(a=l(e,this.separator),i=0;i-1&&e%1==0&&e-1}},1175(e,t,r){var n=r(6025);e.exports=function(e,t){var r=this.__data__,o=n(r,e);return o<0?(++this.size,r.push([e,t])):r[o][1]=t,this}},3040(e,t,r){var n=r(1549),o=r(79),i=r(8223);e.exports=function(){this.size=0,this.__data__={hash:new n,map:new(i||o),string:new n}}},7670(e,t,r){var n=r(2651);e.exports=function(e){var t=n(this,e).delete(e);return this.size-=t?1:0,t}},289(e,t,r){var n=r(2651);e.exports=function(e){return n(this,e).get(e)}},4509(e,t,r){var n=r(2651);e.exports=function(e){return n(this,e).has(e)}},2949(e,t,r){var n=r(2651);e.exports=function(e,t){var r=n(this,e),o=r.size;return r.set(e,t),this.size+=r.size==o?0:1,this}},1042(e,t,r){var n=r(6110)(Object,"create");e.exports=n},3650(e,t,r){var n=r(4335)(Object.keys,Object);e.exports=n},181(e){e.exports=function(e){var t=[];if(null!=e)for(var r in Object(e))t.push(r);return t}},6009(e,t,r){e=r.nmd(e);var n=r(4840),o=t&&!t.nodeType&&t,i=o&&e&&!e.nodeType&&e,a=i&&i.exports===o&&n.process,s=function(){try{var e=i&&i.require&&i.require("util").types;return e||a&&a.binding&&a.binding("util")}catch(e){}}();e.exports=s},9350(e){var t=Object.prototype.toString;e.exports=function(e){return t.call(e)}},4335(e){e.exports=function(e,t){return function(r){return e(t(r))}}},9325(e,t,r){var n=r(4840),o="object"==typeof self&&self&&self.Object===Object&&self,i=n||o||Function("return this")();e.exports=i},1420(e,t,r){var n=r(79);e.exports=function(){this.__data__=new n,this.size=0}},938(e){e.exports=function(e){var t=this.__data__,r=t.delete(e);return this.size=t.size,r}},3605(e){e.exports=function(e){return this.__data__.get(e)}},9817(e){e.exports=function(e){return this.__data__.has(e)}},945(e,t,r){var n=r(79),o=r(8223),i=r(3661);e.exports=function(e,t){var r=this.__data__;if(r instanceof n){var a=r.__data__;if(!o||a.length<199)return a.push([e,t]),this.size=++r.size,this;r=this.__data__=new i(a)}return r.set(e,t),this.size=r.size,this}},7473(e){var t=Function.prototype.toString;e.exports=function(e){if(null!=e){try{return t.call(e)}catch(e){}try{return e+""}catch(e){}}return""}},8055(e,t,r){var n=r(9999);e.exports=function(e){return n(e,5)}},5288(e){e.exports=function(e,t){return e===t||e!=e&&t!=t}},2428(e,t,r){var n=r(7534),o=r(346),i=Object.prototype,a=i.hasOwnProperty,s=i.propertyIsEnumerable,l=n(function(){return arguments}())?n:function(e){return o(e)&&a.call(e,"callee")&&!s.call(e,"callee")};e.exports=l},6449(e){var t=Array.isArray;e.exports=t},4894(e,t,r){var n=r(1882),o=r(294);e.exports=function(e){return null!=e&&o(e.length)&&!n(e)}},3656(e,t,r){e=r.nmd(e);var n=r(9325),o=r(9935),i=t&&!t.nodeType&&t,a=i&&e&&!e.nodeType&&e,s=a&&a.exports===i?n.Buffer:void 0,l=(s?s.isBuffer:void 0)||o;e.exports=l},1882(e,t,r){var n=r(2552),o=r(3805);e.exports=function(e){if(!o(e))return!1;var t=n(e);return"[object Function]"==t||"[object GeneratorFunction]"==t||"[object AsyncFunction]"==t||"[object Proxy]"==t}},294(e){e.exports=function(e){return"number"==typeof e&&e>-1&&e%1==0&&e<=9007199254740991}},7730(e,t,r){var n=r(9172),o=r(7301),i=r(6009),a=i&&i.isMap,s=a?o(a):n;e.exports=s},3805(e){e.exports=function(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)}},346(e){e.exports=function(e){return null!=e&&"object"==typeof e}},8440(e,t,r){var n=r(6038),o=r(7301),i=r(6009),a=i&&i.isSet,s=a?o(a):n;e.exports=s},7167(e,t,r){var n=r(4901),o=r(7301),i=r(6009),a=i&&i.isTypedArray,s=a?o(a):n;e.exports=s},5950(e,t,r){var n=r(695),o=r(8984),i=r(4894);e.exports=function(e){return i(e)?n(e):o(e)}},7241(e,t,r){var n=r(695),o=r(2903),i=r(4894);e.exports=function(e){return i(e)?n(e,!0):o(e)}},3345(e){e.exports=function(){return[]}},9935(e){e.exports=function(){return!1}},6942(e,t){var r;!function(){"use strict";var n={}.hasOwnProperty;function o(){for(var e="",t=0;t{var t=e&&e.__esModule?()=>e.default:()=>e;return r.d(t,{a:t}),t},r.d=(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=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r.nmd=e=>(e.paths=[],e.children||(e.children=[]),e),(()=>{"use strict";var e=r(1780),t=r.n(e);const n=window.wp.element;var o=r(8055),i=r.n(o);const a=window.wp.i18n,s=(window.wp["components/buildStyle/style.css"],window.wp.components),l=window.wp.blockEditor,c=window.ReactJSXRuntime,u=()=>(0,c.jsxs)("svg",{width:"18px",height:"18px",viewBox:"0 0 18 18",version:"1.1",xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",children:[(0,c.jsx)("title",{children:"shape-round"}),(0,c.jsx)("desc",{children:"Created with Sketch."}),(0,c.jsx)("g",{id:"Desktop-0.4",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd",children:(0,c.jsx)("g",{id:"widgets/shape-round",transform:"translate(-3.000000, -3.000000)",fill:"#000000",children:(0,c.jsx)("path",{d:"M12,3 C16.9705627,3 21,7.02943725 21,12 C21,16.9705627 16.9705627,21 12,21 C7.02943725,21 3,16.9705627 3,12 C3,7.02943725 7.02943725,3 12,3 Z M12,5 C8.13400675,5 5,8.13400675 5,12 C5,15.8659932 8.13400675,19 12,19 C15.8659932,19 19,15.8659932 19,12 C19,8.13400675 15.8659932,5 12,5 Z",id:"Combined-Shape"})})})]}),p=()=>(0,c.jsxs)("svg",{width:"18px",height:"18px",viewBox:"0 0 18 18",version:"1.1",xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",children:[(0,c.jsx)("title",{children:"ratio-square"}),(0,c.jsx)("desc",{children:"Created with Sketch."}),(0,c.jsx)("g",{id:"Desktop-0.4",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd",children:(0,c.jsx)("g",{id:"widgets/shape-square",transform:"translate(-3.000000, -3.000000)",fill:"#000000",children:(0,c.jsx)("path",{d:"M3,3 L3,21 L21,21 L21,3 L3,3 Z M5,5 L5,19 L19,19 L19,5 L5,5 Z",id:"shape"})})})]}),d=()=>(0,c.jsxs)("svg",{width:"18px",height:"18px",viewBox:"0 0 18 18",version:"1.1",xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",children:[(0,c.jsx)("title",{children:"shape-radius"}),(0,c.jsx)("desc",{children:"Created with Sketch."}),(0,c.jsx)("g",{id:"Desktop-0.4",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd",children:(0,c.jsx)("g",{id:"widgets/shape-radius",transform:"translate(-3.000000, -3.000000)",fill:"#000000",children:(0,c.jsx)("path",{d:"M17,3 C19.209139,3 21,4.790861 21,7 L21,17 C21,19.209139 19.209139,21 17,21 L7,21 C4.790861,21 3,19.209139 3,17 L3,7 C3,4.790861 4.790861,3 7,3 L17,3 Z M17,5 L7,5 C5.9456382,5 5.08183488,5.81587779 5.00548574,6.85073766 L5,7 L5,17 C5,18.0543618 5.81587779,18.9181651 6.85073766,18.9945143 L7,19 L17,19 C18.0543618,19 18.9181651,18.1841222 18.9945143,17.1492623 L19,17 L19,7 C19,5.9456382 18.1841222,5.08183488 17.1492623,5.00548574 L17,5 Z",id:"Rectangle"})})})]}),f=()=>(0,c.jsxs)("svg",{width:"18px",height:"18px",viewBox:"0 0 18 18",version:"1.1",xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",children:[(0,c.jsx)("title",{children:"shape-none"}),(0,c.jsx)("desc",{children:"Created with Sketch."}),(0,c.jsx)("g",{id:"Desktop-0.4",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd",children:(0,c.jsx)("g",{id:"widgets/shape-none",transform:"translate(-3.000000, -3.000000)",fill:"#000000",children:(0,c.jsx)("path",{d:"M5,19 L5,21 L3,21 L3,19 L5,19 Z M21,19 L21,21 L19,21 L19,19 L21,19 Z M13,19 L13,21 L11,21 L11,19 L13,19 Z M9,19 L9,21 L7,21 L7,19 L9,19 Z M17,19 L17,21 L15,21 L15,19 L17,19 Z M21,15 L21,17 L19,17 L19,15 L21,15 Z M21,11 L21,13 L19,13 L19,11 L21,11 Z M5,11 L5,13 L3,13 L3,11 L5,11 Z M21,7 L21,9 L19,9 L19,7 L21,7 Z M5,7 L5,9 L3,9 L3,7 L5,7 Z M13,3 L13,5 L11,5 L11,3 L13,3 Z M9,3 L9,5 L7,5 L7,3 L9,3 Z M17,3 L17,5 L15,5 L15,3 L17,3 Z M21,3 L21,5 L19,5 L19,3 L21,3 Z M5,3 L5,5 L3,5 L3,3 L5,3 Z M3,15 L5,15 L5,17 L3,17 L3,15 Z",id:"Shape"})})})]}),h=[{value:{type:"expanded",columns:1},icon:()=>(0,c.jsxs)("svg",{width:"17px",height:"20px",viewBox:"0 0 17 20",version:"1.1",xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",children:[(0,c.jsx)("title",{children:"layout-modern"}),(0,c.jsx)("desc",{children:"Created with Sketch."}),(0,c.jsx)("g",{id:"Desktop-0.4",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd",children:(0,c.jsx)("g",{id:"widgets/layout-modern",transform:"translate(-2.000000, -3.000000)",fill:"#000000",children:(0,c.jsx)("path",{d:"M2,10 L5,10 L5,7 L2,7 L2,10 Z M2,14 L5,14 L5,11 L2,11 L2,14 Z M2,6 L5,6 L5,3 L2,3 L2,6 Z M6,3 L6,17 L19,17 L19,3 L6,3 Z M8,5 L8,15 L17,15 L17,5 L8,5 Z M6,18 L6,23 L19,23 L19,18 L6,18 Z M8,20 L8,23 L17,23 L17,20 L8,20 Z",id:"shape"})})})]}),label:(0,a.__)("Expanded - 1 Column","cloudinary")},{value:{type:"expanded",columns:2},icon:()=>(0,c.jsxs)("svg",{width:"18px",height:"17px",viewBox:"0 0 18 17",version:"1.1",xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",children:[(0,c.jsx)("title",{children:"layout-grid-2-column"}),(0,c.jsx)("desc",{children:"Created with Sketch."}),(0,c.jsx)("g",{id:"Desktop-0.4",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd",children:(0,c.jsx)("g",{id:"widgets/layout-gird-2-col",transform:"translate(-3.000000, -3.000000)",fill:"#000000",children:(0,c.jsx)("path",{d:"M11,12 L11,20 L3,20 L3,12 L11,12 Z M21,12 L21,20 L13,20 L13,12 L21,12 Z M9,14 L5,14 L5,18 L9,18 L9,14 Z M19,14 L15,14 L15,18 L19,18 L19,14 Z M11,3 L11,11 L3,11 L3,3 L11,3 Z M21,3 L21,11 L13,11 L13,3 L21,3 Z M9,5 L5,5 L5,9 L9,9 L9,5 Z M19,5 L15,5 L15,9 L19,9 L19,5 Z",id:"Shape"})})})]}),label:(0,a.__)("Expanded - 2 Column","cloudinary")},{value:{type:"expanded",columns:3},icon:()=>(0,c.jsxs)("svg",{width:"20px",height:"13px",viewBox:"0 0 20 13",version:"1.1",xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",children:[(0,c.jsx)("title",{children:"layout-grid-3-column"}),(0,c.jsx)("desc",{children:"Created with Sketch."}),(0,c.jsx)("g",{id:"Desktop-0.4",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd",children:(0,c.jsx)("g",{id:"widgets/layout-gird-3-col",transform:"translate(-2.000000, -5.000000)",fill:"#000000",children:(0,c.jsx)("path",{d:"M8,12 L8,18 L2,18 L2,12 L8,12 Z M15,12 L15,18 L9,18 L9,12 L15,12 Z M22,12 L22,18 L16,18 L16,12 L22,12 Z M6,14 L4,14 L4,16 L6,16 L6,14 Z M13,14 L11,14 L11,16 L13,16 L13,14 Z M20,14 L18,14 L18,16 L20,16 L20,14 Z M8,5 L8,11 L2,11 L2,5 L8,5 Z M15,5 L15,11 L9,11 L9,5 L15,5 Z M22,5 L22,11 L16,11 L16,5 L22,5 Z M6,7 L4,7 L4,9 L6,9 L6,7 Z M13,7 L11,7 L11,9 L13,9 L13,7 Z M20,7 L18,7 L18,9 L20,9 L20,7 Z",id:"Combined-Shape"})})})]}),label:(0,a.__)("Expanded - 3 Column","cloudinary")},{value:{type:"classic",columns:1},icon:()=>(0,c.jsxs)("svg",{width:"17px",height:"14px",viewBox:"0 0 17 14",version:"1.1",xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",children:[(0,c.jsx)("title",{children:"layout-classic"}),(0,c.jsx)("desc",{children:"Created with Sketch."}),(0,c.jsx)("g",{id:"Desktop-0.4",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd",children:(0,c.jsx)("g",{id:"widgets/layout-classic",transform:"translate(-3.000000, -5.000000)",fill:"#000000",children:(0,c.jsx)("path",{d:"M3,12 L6,12 L6,9 L3,9 L3,12 Z M3,16 L6,16 L6,13 L3,13 L3,16 Z M3,8 L6,8 L6,5 L3,5 L3,8 Z M7,5 L7,19 L20,19 L20,5 L7,5 Z M9,7 L9,17 L18,17 L18,7 L9,7 Z",id:"shape"})})})]}),label:(0,a.__)("Classic","cloudinary")}],v=[{label:(0,a.__)("1:1","cloudinary"),value:"1:1"},{label:(0,a.__)("3:4","cloudinary"),value:"3:4"},{label:(0,a.__)("4:3","cloudinary"),value:"4:3"},{label:(0,a.__)("4:6","cloudinary"),value:"4:6"},{label:(0,a.__)("6:4","cloudinary"),value:"6:4"},{label:(0,a.__)("5:7","cloudinary"),value:"5:7"},{label:(0,a.__)("7:5","cloudinary"),value:"7:5"},{label:(0,a.__)("8:5","cloudinary"),value:"8:5"},{label:(0,a.__)("5:8","cloudinary"),value:"5:8"},{label:(0,a.__)("9:16","cloudinary"),value:"9:16"},{label:(0,a.__)("16:9","cloudinary"),value:"16:9"}],y=[{label:(0,a.__)("None","cloudinary"),value:"none"},{label:(0,a.__)("Fade","cloudinary"),value:"fade"},{label:(0,a.__)("Slide","cloudinary"),value:"slide"}],m=[{label:(0,a.__)("Always","cloudinary"),value:"always"},{label:(0,a.__)("None","cloudinary"),value:"none"},{label:(0,a.__)("MouseOver","cloudinary"),value:"mouseover"}],b=[{label:(0,a.__)("Inline","cloudinary"),value:"inline"},{label:(0,a.__)("Flyout","cloudinary"),value:"flyout"},{label:(0,a.__)("Popup","cloudinary"),value:"popup"}],g=[{label:(0,a.__)("Top","cloudinary"),value:"top"},{label:(0,a.__)("Bottom","cloudinary"),value:"bottom"},{label:(0,a.__)("Left","cloudinary"),value:"left"},{label:(0,a.__)("Right","cloudinary"),value:"right"}],x=[{label:(0,a.__)("Click","cloudinary"),value:"click"},{label:(0,a.__)("Hover","cloudinary"),value:"hover"}],_=[{label:(0,a.__)("Left","cloudinary"),value:"left"},{label:(0,a.__)("Right","cloudinary"),value:"right"},{label:(0,a.__)("Top","cloudinary"),value:"top"},{label:(0,a.__)("Bottom","cloudinary"),value:"bottom"}],w=[{label:(0,a.__)("Thumbnails","cloudinary"),value:"thumbnails"},{label:(0,a.__)("Indicators","cloudinary"),value:"indicators"},{label:(0,a.__)("None","cloudinary"),value:"none"}],j=[{value:"round",icon:u,label:(0,a.__)("Round","cloudinary")},{value:"radius",icon:d,label:(0,a.__)("Radius","cloudinary")},{value:"none",icon:f,label:(0,a.__)("None","cloudinary")},{value:"square",icon:p,label:(0,a.__)("Square","cloudinary")},{value:"rectangle",icon:()=>(0,c.jsxs)("svg",{width:"14px",height:"20px",viewBox:"0 0 14 20",version:"1.1",xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",children:[(0,c.jsx)("title",{children:"ratio-9-16"}),(0,c.jsx)("desc",{children:"Created with Sketch."}),(0,c.jsx)("g",{id:"Desktop-0.4",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd",children:(0,c.jsx)("g",{id:"ratio/9-16",transform:"translate(-5.000000, -2.000000)",fill:"#000000",children:(0,c.jsx)("path",{d:"M22,5.5 L22,18.5 L2,18.5 L2,5.5 L22,5.5 Z M20,7.5 L4,7.5 L4,16.5 L20,16.5 L20,7.5 Z",id:"Combined-Shape",transform:"translate(12.000000, 12.000000) rotate(-90.000000) translate(-12.000000, -12.000000) "})})})]}),label:(0,a.__)("Rectangle","cloudinary")}],L=[{value:"round",icon:u,label:(0,a.__)("Round","cloudinary")},{value:"radius",icon:d,label:(0,a.__)("Radius","cloudinary")},{value:"square",icon:p,label:(0,a.__)("Square","cloudinary")}],O=[{label:(0,a.__)("All","cloudinary"),value:"all"},{label:(0,a.__)("Border","cloudinary"),value:"border"},{label:(0,a.__)("Gradient","cloudinary"),value:"gradient"}],A=[{label:(0,a.__)("All","cloudinary"),value:"all"},{label:(0,a.__)("Top","cloudinary"),value:"top"},{label:(0,a.__)("Top-Bottom","cloudinary"),value:"top-bottom"},{label:(0,a.__)("Left-Right","cloudinary"),value:"left-right"},{label:(0,a.__)("Bottom","cloudinary"),value:"bottom"},{label:(0,a.__)("Left","cloudinary"),value:"left"},{label:(0,a.__)("Right","cloudinary"),value:"right"}],k=[{value:"round",icon:u,label:(0,a.__)("Round","cloudinary")},{value:"radius",icon:d,label:(0,a.__)("Radius","cloudinary")},{value:"none",icon:f,label:(0,a.__)("None","cloudinary")},{value:"square",icon:p,label:(0,a.__)("Square","cloudinary")}],P=[{label:(0,a.__)("Pad","cloudinary"),value:"pad"},{label:(0,a.__)("Fill","cloudinary"),value:"fill"}],C=[{label:(0,a.__)("White padding","cloudinary"),value:"rgb:FFFFFF"},{label:(0,a.__)("Border color padding","cloudinary"),value:"auto"},{label:(0,a.__)("Predominant color padding","cloudinary"),value:"auto:predominant"},{label:(0,a.__)("Gradient fade padding","cloudinary"),value:"auto:predominant_gradient"}];var S=r(6942),E=r.n(S);const M=({value:e,children:t,icon:r,onChange:n,current:o})=>{const i="object"==typeof e?JSON.stringify(e)===JSON.stringify(o):o===e;return(0,c.jsxs)("button",{type:"button",onClick:()=>n(e),className:E()("radio-select",{"radio-select--active":i}),children:[(0,c.jsx)(r,{}),(0,c.jsx)("div",{className:"radio-select__label",children:t})]})};window.wp.data;const T=e=>{const t=/var\((.*)\)/g.exec(e);return t?getComputedStyle(document.documentElement).getPropertyValue(t[1]):e};function B(e){if(null==e)return window;if("[object Window]"!==e.toString()){var t=e.ownerDocument;return t&&t.defaultView||window}return e}function D(e){return e instanceof B(e).Element||e instanceof Element}function R(e){return e instanceof B(e).HTMLElement||e instanceof HTMLElement}function Z(e){return"undefined"!=typeof ShadowRoot&&(e instanceof B(e).ShadowRoot||e instanceof ShadowRoot)}var N=Math.max,F=Math.min,W=Math.round;function I(){var e=navigator.userAgentData;return null!=e&&e.brands&&Array.isArray(e.brands)?e.brands.map(function(e){return e.brand+"/"+e.version}).join(" "):navigator.userAgent}function z(){return!/^((?!chrome|android).)*safari/i.test(I())}function V(e,t,r){void 0===t&&(t=!1),void 0===r&&(r=!1);var n=e.getBoundingClientRect(),o=1,i=1;t&&R(e)&&(o=e.offsetWidth>0&&W(n.width)/e.offsetWidth||1,i=e.offsetHeight>0&&W(n.height)/e.offsetHeight||1);var a=(D(e)?B(e):window).visualViewport,s=!z()&&r,l=(n.left+(s&&a?a.offsetLeft:0))/o,c=(n.top+(s&&a?a.offsetTop:0))/i,u=n.width/o,p=n.height/i;return{width:u,height:p,top:c,right:l+u,bottom:c+p,left:l,x:l,y:c}}function H(e){var t=B(e);return{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function U(e){return e?(e.nodeName||"").toLowerCase():null}function q(e){return((D(e)?e.ownerDocument:e.document)||window.document).documentElement}function $(e){return V(q(e)).left+H(e).scrollLeft}function G(e){return B(e).getComputedStyle(e)}function X(e){var t=G(e),r=t.overflow,n=t.overflowX,o=t.overflowY;return/auto|scroll|overlay|hidden/.test(r+o+n)}function J(e,t,r){void 0===r&&(r=!1);var n,o,i=R(t),a=R(t)&&function(e){var t=e.getBoundingClientRect(),r=W(t.width)/e.offsetWidth||1,n=W(t.height)/e.offsetHeight||1;return 1!==r||1!==n}(t),s=q(t),l=V(e,a,r),c={scrollLeft:0,scrollTop:0},u={x:0,y:0};return(i||!i&&!r)&&(("body"!==U(t)||X(s))&&(c=(n=t)!==B(n)&&R(n)?{scrollLeft:(o=n).scrollLeft,scrollTop:o.scrollTop}:H(n)),R(t)?((u=V(t,!0)).x+=t.clientLeft,u.y+=t.clientTop):s&&(u.x=$(s))),{x:l.left+c.scrollLeft-u.x,y:l.top+c.scrollTop-u.y,width:l.width,height:l.height}}function Y(e){var t=V(e),r=e.offsetWidth,n=e.offsetHeight;return Math.abs(t.width-r)<=1&&(r=t.width),Math.abs(t.height-n)<=1&&(n=t.height),{x:e.offsetLeft,y:e.offsetTop,width:r,height:n}}function K(e){return"html"===U(e)?e:e.assignedSlot||e.parentNode||(Z(e)?e.host:null)||q(e)}function Q(e){return["html","body","#document"].indexOf(U(e))>=0?e.ownerDocument.body:R(e)&&X(e)?e:Q(K(e))}function ee(e,t){var r;void 0===t&&(t=[]);var n=Q(e),o=n===(null==(r=e.ownerDocument)?void 0:r.body),i=B(n),a=o?[i].concat(i.visualViewport||[],X(n)?n:[]):n,s=t.concat(a);return o?s:s.concat(ee(K(a)))}function te(e){return["table","td","th"].indexOf(U(e))>=0}function re(e){return R(e)&&"fixed"!==G(e).position?e.offsetParent:null}function ne(e){for(var t=B(e),r=re(e);r&&te(r)&&"static"===G(r).position;)r=re(r);return r&&("html"===U(r)||"body"===U(r)&&"static"===G(r).position)?t:r||function(e){var t=/firefox/i.test(I());if(/Trident/i.test(I())&&R(e)&&"fixed"===G(e).position)return null;var r=K(e);for(Z(r)&&(r=r.host);R(r)&&["html","body"].indexOf(U(r))<0;){var n=G(r);if("none"!==n.transform||"none"!==n.perspective||"paint"===n.contain||-1!==["transform","perspective"].indexOf(n.willChange)||t&&"filter"===n.willChange||t&&n.filter&&"none"!==n.filter)return r;r=r.parentNode}return null}(e)||t}var oe="top",ie="bottom",ae="right",se="left",le="auto",ce=[oe,ie,ae,se],ue="start",pe="end",de="viewport",fe="popper",he=ce.reduce(function(e,t){return e.concat([t+"-"+ue,t+"-"+pe])},[]),ve=[].concat(ce,[le]).reduce(function(e,t){return e.concat([t,t+"-"+ue,t+"-"+pe])},[]),ye=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function me(e){var t=new Map,r=new Set,n=[];function o(e){r.add(e.name),[].concat(e.requires||[],e.requiresIfExists||[]).forEach(function(e){if(!r.has(e)){var n=t.get(e);n&&o(n)}}),n.push(e)}return e.forEach(function(e){t.set(e.name,e)}),e.forEach(function(e){r.has(e.name)||o(e)}),n}var be={placement:"bottom",modifiers:[],strategy:"absolute"};function ge(){for(var e=arguments.length,t=new Array(e),r=0;r=0?"x":"y"}function Oe(e){var t,r=e.reference,n=e.element,o=e.placement,i=o?we(o):null,a=o?je(o):null,s=r.x+r.width/2-n.width/2,l=r.y+r.height/2-n.height/2;switch(i){case oe:t={x:s,y:r.y-n.height};break;case ie:t={x:s,y:r.y+r.height};break;case ae:t={x:r.x+r.width,y:l};break;case se:t={x:r.x-n.width,y:l};break;default:t={x:r.x,y:r.y}}var c=i?Le(i):null;if(null!=c){var u="y"===c?"height":"width";switch(a){case ue:t[c]=t[c]-(r[u]/2-n[u]/2);break;case pe:t[c]=t[c]+(r[u]/2-n[u]/2)}}return t}var Ae={top:"auto",right:"auto",bottom:"auto",left:"auto"};function ke(e){var t,r=e.popper,n=e.popperRect,o=e.placement,i=e.variation,a=e.offsets,s=e.position,l=e.gpuAcceleration,c=e.adaptive,u=e.roundOffsets,p=e.isFixed,d=a.x,f=void 0===d?0:d,h=a.y,v=void 0===h?0:h,y="function"==typeof u?u({x:f,y:v}):{x:f,y:v};f=y.x,v=y.y;var m=a.hasOwnProperty("x"),b=a.hasOwnProperty("y"),g=se,x=oe,_=window;if(c){var w=ne(r),j="clientHeight",L="clientWidth";if(w===B(r)&&"static"!==G(w=q(r)).position&&"absolute"===s&&(j="scrollHeight",L="scrollWidth"),o===oe||(o===se||o===ae)&&i===pe)x=ie,v-=(p&&w===_&&_.visualViewport?_.visualViewport.height:w[j])-n.height,v*=l?1:-1;if(o===se||(o===oe||o===ie)&&i===pe)g=ae,f-=(p&&w===_&&_.visualViewport?_.visualViewport.width:w[L])-n.width,f*=l?1:-1}var O,A=Object.assign({position:s},c&&Ae),k=!0===u?function(e,t){var r=e.x,n=e.y,o=t.devicePixelRatio||1;return{x:W(r*o)/o||0,y:W(n*o)/o||0}}({x:f,y:v},B(r)):{x:f,y:v};return f=k.x,v=k.y,l?Object.assign({},A,((O={})[x]=b?"0":"",O[g]=m?"0":"",O.transform=(_.devicePixelRatio||1)<=1?"translate("+f+"px, "+v+"px)":"translate3d("+f+"px, "+v+"px, 0)",O)):Object.assign({},A,((t={})[x]=b?v+"px":"",t[g]=m?f+"px":"",t.transform="",t))}const Pe={name:"applyStyles",enabled:!0,phase:"write",fn:function(e){var t=e.state;Object.keys(t.elements).forEach(function(e){var r=t.styles[e]||{},n=t.attributes[e]||{},o=t.elements[e];R(o)&&U(o)&&(Object.assign(o.style,r),Object.keys(n).forEach(function(e){var t=n[e];!1===t?o.removeAttribute(e):o.setAttribute(e,!0===t?"":t)}))})},effect:function(e){var t=e.state,r={popper:{position:t.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(t.elements.popper.style,r.popper),t.styles=r,t.elements.arrow&&Object.assign(t.elements.arrow.style,r.arrow),function(){Object.keys(t.elements).forEach(function(e){var n=t.elements[e],o=t.attributes[e]||{},i=Object.keys(t.styles.hasOwnProperty(e)?t.styles[e]:r[e]).reduce(function(e,t){return e[t]="",e},{});R(n)&&U(n)&&(Object.assign(n.style,i),Object.keys(o).forEach(function(e){n.removeAttribute(e)}))})}},requires:["computeStyles"]};const Ce={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(e){var t=e.state,r=e.options,n=e.name,o=r.offset,i=void 0===o?[0,0]:o,a=ve.reduce(function(e,r){return e[r]=function(e,t,r){var n=we(e),o=[se,oe].indexOf(n)>=0?-1:1,i="function"==typeof r?r(Object.assign({},t,{placement:e})):r,a=i[0],s=i[1];return a=a||0,s=(s||0)*o,[se,ae].indexOf(n)>=0?{x:s,y:a}:{x:a,y:s}}(r,t.rects,i),e},{}),s=a[t.placement],l=s.x,c=s.y;null!=t.modifiersData.popperOffsets&&(t.modifiersData.popperOffsets.x+=l,t.modifiersData.popperOffsets.y+=c),t.modifiersData[n]=a}};var Se={left:"right",right:"left",bottom:"top",top:"bottom"};function Ee(e){return e.replace(/left|right|bottom|top/g,function(e){return Se[e]})}var Me={start:"end",end:"start"};function Te(e){return e.replace(/start|end/g,function(e){return Me[e]})}function Be(e,t){var r=t.getRootNode&&t.getRootNode();if(e.contains(t))return!0;if(r&&Z(r)){var n=t;do{if(n&&e.isSameNode(n))return!0;n=n.parentNode||n.host}while(n)}return!1}function De(e){return Object.assign({},e,{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function Re(e,t,r){return t===de?De(function(e,t){var r=B(e),n=q(e),o=r.visualViewport,i=n.clientWidth,a=n.clientHeight,s=0,l=0;if(o){i=o.width,a=o.height;var c=z();(c||!c&&"fixed"===t)&&(s=o.offsetLeft,l=o.offsetTop)}return{width:i,height:a,x:s+$(e),y:l}}(e,r)):D(t)?function(e,t){var r=V(e,!1,"fixed"===t);return r.top=r.top+e.clientTop,r.left=r.left+e.clientLeft,r.bottom=r.top+e.clientHeight,r.right=r.left+e.clientWidth,r.width=e.clientWidth,r.height=e.clientHeight,r.x=r.left,r.y=r.top,r}(t,r):De(function(e){var t,r=q(e),n=H(e),o=null==(t=e.ownerDocument)?void 0:t.body,i=N(r.scrollWidth,r.clientWidth,o?o.scrollWidth:0,o?o.clientWidth:0),a=N(r.scrollHeight,r.clientHeight,o?o.scrollHeight:0,o?o.clientHeight:0),s=-n.scrollLeft+$(e),l=-n.scrollTop;return"rtl"===G(o||r).direction&&(s+=N(r.clientWidth,o?o.clientWidth:0)-i),{width:i,height:a,x:s,y:l}}(q(e)))}function Ze(e,t,r,n){var o="clippingParents"===t?function(e){var t=ee(K(e)),r=["absolute","fixed"].indexOf(G(e).position)>=0&&R(e)?ne(e):e;return D(r)?t.filter(function(e){return D(e)&&Be(e,r)&&"body"!==U(e)}):[]}(e):[].concat(t),i=[].concat(o,[r]),a=i[0],s=i.reduce(function(t,r){var o=Re(e,r,n);return t.top=N(o.top,t.top),t.right=F(o.right,t.right),t.bottom=F(o.bottom,t.bottom),t.left=N(o.left,t.left),t},Re(e,a,n));return s.width=s.right-s.left,s.height=s.bottom-s.top,s.x=s.left,s.y=s.top,s}function Ne(e){return Object.assign({},{top:0,right:0,bottom:0,left:0},e)}function Fe(e,t){return t.reduce(function(t,r){return t[r]=e,t},{})}function We(e,t){void 0===t&&(t={});var r=t,n=r.placement,o=void 0===n?e.placement:n,i=r.strategy,a=void 0===i?e.strategy:i,s=r.boundary,l=void 0===s?"clippingParents":s,c=r.rootBoundary,u=void 0===c?de:c,p=r.elementContext,d=void 0===p?fe:p,f=r.altBoundary,h=void 0!==f&&f,v=r.padding,y=void 0===v?0:v,m=Ne("number"!=typeof y?y:Fe(y,ce)),b=d===fe?"reference":fe,g=e.rects.popper,x=e.elements[h?b:d],_=Ze(D(x)?x:x.contextElement||q(e.elements.popper),l,u,a),w=V(e.elements.reference),j=Oe({reference:w,element:g,strategy:"absolute",placement:o}),L=De(Object.assign({},g,j)),O=d===fe?L:w,A={top:_.top-O.top+m.top,bottom:O.bottom-_.bottom+m.bottom,left:_.left-O.left+m.left,right:O.right-_.right+m.right},k=e.modifiersData.offset;if(d===fe&&k){var P=k[o];Object.keys(A).forEach(function(e){var t=[ae,ie].indexOf(e)>=0?1:-1,r=[oe,ie].indexOf(e)>=0?"y":"x";A[e]+=P[r]*t})}return A}function Ie(e,t,r){return N(e,F(t,r))}const ze={name:"preventOverflow",enabled:!0,phase:"main",fn:function(e){var t=e.state,r=e.options,n=e.name,o=r.mainAxis,i=void 0===o||o,a=r.altAxis,s=void 0!==a&&a,l=r.boundary,c=r.rootBoundary,u=r.altBoundary,p=r.padding,d=r.tether,f=void 0===d||d,h=r.tetherOffset,v=void 0===h?0:h,y=We(t,{boundary:l,rootBoundary:c,padding:p,altBoundary:u}),m=we(t.placement),b=je(t.placement),g=!b,x=Le(m),_="x"===x?"y":"x",w=t.modifiersData.popperOffsets,j=t.rects.reference,L=t.rects.popper,O="function"==typeof v?v(Object.assign({},t.rects,{placement:t.placement})):v,A="number"==typeof O?{mainAxis:O,altAxis:O}:Object.assign({mainAxis:0,altAxis:0},O),k=t.modifiersData.offset?t.modifiersData.offset[t.placement]:null,P={x:0,y:0};if(w){if(i){var C,S="y"===x?oe:se,E="y"===x?ie:ae,M="y"===x?"height":"width",T=w[x],B=T+y[S],D=T-y[E],R=f?-L[M]/2:0,Z=b===ue?j[M]:L[M],W=b===ue?-L[M]:-j[M],I=t.elements.arrow,z=f&&I?Y(I):{width:0,height:0},V=t.modifiersData["arrow#persistent"]?t.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},H=V[S],U=V[E],q=Ie(0,j[M],z[M]),$=g?j[M]/2-R-q-H-A.mainAxis:Z-q-H-A.mainAxis,G=g?-j[M]/2+R+q+U+A.mainAxis:W+q+U+A.mainAxis,X=t.elements.arrow&&ne(t.elements.arrow),J=X?"y"===x?X.clientTop||0:X.clientLeft||0:0,K=null!=(C=null==k?void 0:k[x])?C:0,Q=T+G-K,ee=Ie(f?F(B,T+$-K-J):B,T,f?N(D,Q):D);w[x]=ee,P[x]=ee-T}if(s){var te,re="x"===x?oe:se,le="x"===x?ie:ae,ce=w[_],pe="y"===_?"height":"width",de=ce+y[re],fe=ce-y[le],he=-1!==[oe,se].indexOf(m),ve=null!=(te=null==k?void 0:k[_])?te:0,ye=he?de:ce-j[pe]-L[pe]-ve+A.altAxis,me=he?ce+j[pe]+L[pe]-ve-A.altAxis:fe,be=f&&he?function(e,t,r){var n=Ie(e,t,r);return n>r?r:n}(ye,ce,me):Ie(f?ye:de,ce,f?me:fe);w[_]=be,P[_]=be-ce}t.modifiersData[n]=P}},requiresIfExists:["offset"]};const Ve={name:"arrow",enabled:!0,phase:"main",fn:function(e){var t,r=e.state,n=e.name,o=e.options,i=r.elements.arrow,a=r.modifiersData.popperOffsets,s=we(r.placement),l=Le(s),c=[se,ae].indexOf(s)>=0?"height":"width";if(i&&a){var u=function(e,t){return Ne("number"!=typeof(e="function"==typeof e?e(Object.assign({},t.rects,{placement:t.placement})):e)?e:Fe(e,ce))}(o.padding,r),p=Y(i),d="y"===l?oe:se,f="y"===l?ie:ae,h=r.rects.reference[c]+r.rects.reference[l]-a[l]-r.rects.popper[c],v=a[l]-r.rects.reference[l],y=ne(i),m=y?"y"===l?y.clientHeight||0:y.clientWidth||0:0,b=h/2-v/2,g=u[d],x=m-p[c]-u[f],_=m/2-p[c]/2+b,w=Ie(g,_,x),j=l;r.modifiersData[n]=((t={})[j]=w,t.centerOffset=w-_,t)}},effect:function(e){var t=e.state,r=e.options.element,n=void 0===r?"[data-popper-arrow]":r;null!=n&&("string"!=typeof n||(n=t.elements.popper.querySelector(n)))&&Be(t.elements.popper,n)&&(t.elements.arrow=n)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function He(e,t,r){return void 0===r&&(r={x:0,y:0}),{top:e.top-t.height-r.y,right:e.right-t.width+r.x,bottom:e.bottom-t.height+r.y,left:e.left-t.width-r.x}}function Ue(e){return[oe,ae,ie,se].some(function(t){return e[t]>=0})}var qe=xe({defaultModifiers:[{name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:function(e){var t=e.state,r=e.instance,n=e.options,o=n.scroll,i=void 0===o||o,a=n.resize,s=void 0===a||a,l=B(t.elements.popper),c=[].concat(t.scrollParents.reference,t.scrollParents.popper);return i&&c.forEach(function(e){e.addEventListener("scroll",r.update,_e)}),s&&l.addEventListener("resize",r.update,_e),function(){i&&c.forEach(function(e){e.removeEventListener("scroll",r.update,_e)}),s&&l.removeEventListener("resize",r.update,_e)}},data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:function(e){var t=e.state,r=e.name;t.modifiersData[r]=Oe({reference:t.rects.reference,element:t.rects.popper,strategy:"absolute",placement:t.placement})},data:{}},{name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function(e){var t=e.state,r=e.options,n=r.gpuAcceleration,o=void 0===n||n,i=r.adaptive,a=void 0===i||i,s=r.roundOffsets,l=void 0===s||s,c={placement:we(t.placement),variation:je(t.placement),popper:t.elements.popper,popperRect:t.rects.popper,gpuAcceleration:o,isFixed:"fixed"===t.options.strategy};null!=t.modifiersData.popperOffsets&&(t.styles.popper=Object.assign({},t.styles.popper,ke(Object.assign({},c,{offsets:t.modifiersData.popperOffsets,position:t.options.strategy,adaptive:a,roundOffsets:l})))),null!=t.modifiersData.arrow&&(t.styles.arrow=Object.assign({},t.styles.arrow,ke(Object.assign({},c,{offsets:t.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:l})))),t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-placement":t.placement})},data:{}},Pe,Ce,{name:"flip",enabled:!0,phase:"main",fn:function(e){var t=e.state,r=e.options,n=e.name;if(!t.modifiersData[n]._skip){for(var o=r.mainAxis,i=void 0===o||o,a=r.altAxis,s=void 0===a||a,l=r.fallbackPlacements,c=r.padding,u=r.boundary,p=r.rootBoundary,d=r.altBoundary,f=r.flipVariations,h=void 0===f||f,v=r.allowedAutoPlacements,y=t.options.placement,m=we(y),b=l||(m===y||!h?[Ee(y)]:function(e){if(we(e)===le)return[];var t=Ee(e);return[Te(e),t,Te(t)]}(y)),g=[y].concat(b).reduce(function(e,r){return e.concat(we(r)===le?function(e,t){void 0===t&&(t={});var r=t,n=r.placement,o=r.boundary,i=r.rootBoundary,a=r.padding,s=r.flipVariations,l=r.allowedAutoPlacements,c=void 0===l?ve:l,u=je(n),p=u?s?he:he.filter(function(e){return je(e)===u}):ce,d=p.filter(function(e){return c.indexOf(e)>=0});0===d.length&&(d=p);var f=d.reduce(function(t,r){return t[r]=We(e,{placement:r,boundary:o,rootBoundary:i,padding:a})[we(r)],t},{});return Object.keys(f).sort(function(e,t){return f[e]-f[t]})}(t,{placement:r,boundary:u,rootBoundary:p,padding:c,flipVariations:h,allowedAutoPlacements:v}):r)},[]),x=t.rects.reference,_=t.rects.popper,w=new Map,j=!0,L=g[0],O=0;O=0,S=C?"width":"height",E=We(t,{placement:A,boundary:u,rootBoundary:p,altBoundary:d,padding:c}),M=C?P?ae:se:P?ie:oe;x[S]>_[S]&&(M=Ee(M));var T=Ee(M),B=[];if(i&&B.push(E[k]<=0),s&&B.push(E[M]<=0,E[T]<=0),B.every(function(e){return e})){L=A,j=!1;break}w.set(A,B)}if(j)for(var D=function(e){var t=g.find(function(t){var r=w.get(t);if(r)return r.slice(0,e).every(function(e){return e})});if(t)return L=t,"break"},R=h?3:1;R>0;R--){if("break"===D(R))break}t.placement!==L&&(t.modifiersData[n]._skip=!0,t.placement=L,t.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}},ze,Ve,{name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function(e){var t=e.state,r=e.name,n=t.rects.reference,o=t.rects.popper,i=t.modifiersData.preventOverflow,a=We(t,{elementContext:"reference"}),s=We(t,{altBoundary:!0}),l=He(a,n),c=He(s,o,i),u=Ue(l),p=Ue(c);t.modifiersData[r]={referenceClippingOffsets:l,popperEscapeOffsets:c,isReferenceHidden:u,hasPopperEscaped:p},t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-reference-hidden":u,"data-popper-escaped":p})}}]}),$e="tippy-content",Ge="tippy-backdrop",Xe="tippy-arrow",Je="tippy-svg-arrow",Ye={passive:!0,capture:!0},Ke=function(){return document.body};function Qe(e,t,r){if(Array.isArray(e)){var n=e[t];return null==n?Array.isArray(r)?r[t]:r:n}return e}function et(e,t){var r={}.toString.call(e);return 0===r.indexOf("[object")&&r.indexOf(t+"]")>-1}function tt(e,t){return"function"==typeof e?e.apply(void 0,t):e}function rt(e,t){return 0===t?e:function(n){clearTimeout(r),r=setTimeout(function(){e(n)},t)};var r}function nt(e){return[].concat(e)}function ot(e,t){-1===e.indexOf(t)&&e.push(t)}function it(e){return e.split("-")[0]}function at(e){return[].slice.call(e)}function st(e){return Object.keys(e).reduce(function(t,r){return void 0!==e[r]&&(t[r]=e[r]),t},{})}function lt(){return document.createElement("div")}function ct(e){return["Element","Fragment"].some(function(t){return et(e,t)})}function ut(e){return et(e,"MouseEvent")}function pt(e){return!(!e||!e._tippy||e._tippy.reference!==e)}function dt(e){return ct(e)?[e]:function(e){return et(e,"NodeList")}(e)?at(e):Array.isArray(e)?e:at(document.querySelectorAll(e))}function ft(e,t){e.forEach(function(e){e&&(e.style.transitionDuration=t+"ms")})}function ht(e,t){e.forEach(function(e){e&&e.setAttribute("data-state",t)})}function vt(e){var t,r=nt(e)[0];return null!=r&&null!=(t=r.ownerDocument)&&t.body?r.ownerDocument:document}function yt(e,t,r){var n=t+"EventListener";["transitionend","webkitTransitionEnd"].forEach(function(t){e[n](t,r)})}function mt(e,t){for(var r=t;r;){var n;if(e.contains(r))return!0;r=null==r.getRootNode||null==(n=r.getRootNode())?void 0:n.host}return!1}var bt={isTouch:!1},gt=0;function xt(){bt.isTouch||(bt.isTouch=!0,window.performance&&document.addEventListener("mousemove",_t))}function _t(){var e=performance.now();e-gt<20&&(bt.isTouch=!1,document.removeEventListener("mousemove",_t)),gt=e}function wt(){var e=document.activeElement;if(pt(e)){var t=e._tippy;e.blur&&!t.state.isVisible&&e.blur()}}var jt=!!("undefined"!=typeof window&&"undefined"!=typeof document)&&!!window.msCrypto;var Lt={animateFill:!1,followCursor:!1,inlinePositioning:!1,sticky:!1},Ot=Object.assign({appendTo:Ke,aria:{content:"auto",expanded:"auto"},delay:0,duration:[300,250],getReferenceClientRect:null,hideOnClick:!0,ignoreAttributes:!1,interactive:!1,interactiveBorder:2,interactiveDebounce:0,moveTransition:"",offset:[0,10],onAfterUpdate:function(){},onBeforeUpdate:function(){},onCreate:function(){},onDestroy:function(){},onHidden:function(){},onHide:function(){},onMount:function(){},onShow:function(){},onShown:function(){},onTrigger:function(){},onUntrigger:function(){},onClickOutside:function(){},placement:"top",plugins:[],popperOptions:{},render:null,showOnCreate:!1,touch:!0,trigger:"mouseenter focus",triggerTarget:null},Lt,{allowHTML:!1,animation:"fade",arrow:!0,content:"",inertia:!1,maxWidth:350,role:"tooltip",theme:"",zIndex:9999}),At=Object.keys(Ot);function kt(e){var t=(e.plugins||[]).reduce(function(t,r){var n,o=r.name,i=r.defaultValue;o&&(t[o]=void 0!==e[o]?e[o]:null!=(n=Ot[o])?n:i);return t},{});return Object.assign({},e,t)}function Pt(e,t){var r=Object.assign({},t,{content:tt(t.content,[e])},t.ignoreAttributes?{}:function(e,t){return(t?Object.keys(kt(Object.assign({},Ot,{plugins:t}))):At).reduce(function(t,r){var n=(e.getAttribute("data-tippy-"+r)||"").trim();if(!n)return t;if("content"===r)t[r]=n;else try{t[r]=JSON.parse(n)}catch(e){t[r]=n}return t},{})}(e,t.plugins));return r.aria=Object.assign({},Ot.aria,r.aria),r.aria={expanded:"auto"===r.aria.expanded?t.interactive:r.aria.expanded,content:"auto"===r.aria.content?t.interactive?null:"describedby":r.aria.content},r}function Ct(e,t){e.innerHTML=t}function St(e){var t=lt();return!0===e?t.className=Xe:(t.className=Je,ct(e)?t.appendChild(e):Ct(t,e)),t}function Et(e,t){ct(t.content)?(Ct(e,""),e.appendChild(t.content)):"function"!=typeof t.content&&(t.allowHTML?Ct(e,t.content):e.textContent=t.content)}function Mt(e){var t=e.firstElementChild,r=at(t.children);return{box:t,content:r.find(function(e){return e.classList.contains($e)}),arrow:r.find(function(e){return e.classList.contains(Xe)||e.classList.contains(Je)}),backdrop:r.find(function(e){return e.classList.contains(Ge)})}}function Tt(e){var t=lt(),r=lt();r.className="tippy-box",r.setAttribute("data-state","hidden"),r.setAttribute("tabindex","-1");var n=lt();function o(r,n){var o=Mt(t),i=o.box,a=o.content,s=o.arrow;n.theme?i.setAttribute("data-theme",n.theme):i.removeAttribute("data-theme"),"string"==typeof n.animation?i.setAttribute("data-animation",n.animation):i.removeAttribute("data-animation"),n.inertia?i.setAttribute("data-inertia",""):i.removeAttribute("data-inertia"),i.style.maxWidth="number"==typeof n.maxWidth?n.maxWidth+"px":n.maxWidth,n.role?i.setAttribute("role",n.role):i.removeAttribute("role"),r.content===n.content&&r.allowHTML===n.allowHTML||Et(a,e.props),n.arrow?s?r.arrow!==n.arrow&&(i.removeChild(s),i.appendChild(St(n.arrow))):i.appendChild(St(n.arrow)):s&&i.removeChild(s)}return n.className=$e,n.setAttribute("data-state","hidden"),Et(n,e.props),t.appendChild(r),r.appendChild(n),o(e.props,e.props),{popper:t,onUpdate:o}}Tt.$$tippy=!0;var Bt=1,Dt=[],Rt=[];function Zt(e,t){var r,n,o,i,a,s,l,c,u=Pt(e,Object.assign({},Ot,kt(st(t)))),p=!1,d=!1,f=!1,h=!1,v=[],y=rt($,u.interactiveDebounce),m=Bt++,b=(c=u.plugins).filter(function(e,t){return c.indexOf(e)===t}),g={id:m,reference:e,popper:lt(),popperInstance:null,props:u,state:{isEnabled:!0,isVisible:!1,isDestroyed:!1,isMounted:!1,isShown:!1},plugins:b,clearDelayTimeouts:function(){clearTimeout(r),clearTimeout(n),cancelAnimationFrame(o)},setProps:function(t){0;if(g.state.isDestroyed)return;T("onBeforeUpdate",[g,t]),U();var r=g.props,n=Pt(e,Object.assign({},r,st(t),{ignoreAttributes:!0}));g.props=n,H(),r.interactiveDebounce!==n.interactiveDebounce&&(R(),y=rt($,n.interactiveDebounce));r.triggerTarget&&!n.triggerTarget?nt(r.triggerTarget).forEach(function(e){e.removeAttribute("aria-expanded")}):n.triggerTarget&&e.removeAttribute("aria-expanded");D(),M(),w&&w(r,n);g.popperInstance&&(Y(),Q().forEach(function(e){requestAnimationFrame(e._tippy.popperInstance.forceUpdate)}));T("onAfterUpdate",[g,t])},setContent:function(e){g.setProps({content:e})},show:function(){0;var e=g.state.isVisible,t=g.state.isDestroyed,r=!g.state.isEnabled,n=bt.isTouch&&!g.props.touch,o=Qe(g.props.duration,0,Ot.duration);if(e||t||r||n)return;if(P().hasAttribute("disabled"))return;if(T("onShow",[g],!1),!1===g.props.onShow(g))return;g.state.isVisible=!0,k()&&(_.style.visibility="visible");M(),W(),g.state.isMounted||(_.style.transition="none");if(k()){var i=S();ft([i.box,i.content],0)}s=function(){var e;if(g.state.isVisible&&!h){if(h=!0,_.offsetHeight,_.style.transition=g.props.moveTransition,k()&&g.props.animation){var t=S(),r=t.box,n=t.content;ft([r,n],o),ht([r,n],"visible")}B(),D(),ot(Rt,g),null==(e=g.popperInstance)||e.forceUpdate(),T("onMount",[g]),g.props.animation&&k()&&function(e,t){z(e,t)}(o,function(){g.state.isShown=!0,T("onShown",[g])})}},function(){var e,t=g.props.appendTo,r=P();e=g.props.interactive&&t===Ke||"parent"===t?r.parentNode:tt(t,[r]);e.contains(_)||e.appendChild(_);g.state.isMounted=!0,Y(),!1}()},hide:function(){0;var e=!g.state.isVisible,t=g.state.isDestroyed,r=!g.state.isEnabled,n=Qe(g.props.duration,1,Ot.duration);if(e||t||r)return;if(T("onHide",[g],!1),!1===g.props.onHide(g))return;g.state.isVisible=!1,g.state.isShown=!1,h=!1,p=!1,k()&&(_.style.visibility="hidden");if(R(),I(),M(!0),k()){var o=S(),i=o.box,a=o.content;g.props.animation&&(ft([i,a],n),ht([i,a],"hidden"))}B(),D(),g.props.animation?k()&&function(e,t){z(e,function(){!g.state.isVisible&&_.parentNode&&_.parentNode.contains(_)&&t()})}(n,g.unmount):g.unmount()},hideWithInteractivity:function(e){0;C().addEventListener("mousemove",y),ot(Dt,y),y(e)},enable:function(){g.state.isEnabled=!0},disable:function(){g.hide(),g.state.isEnabled=!1},unmount:function(){0;g.state.isVisible&&g.hide();if(!g.state.isMounted)return;K(),Q().forEach(function(e){e._tippy.unmount()}),_.parentNode&&_.parentNode.removeChild(_);Rt=Rt.filter(function(e){return e!==g}),g.state.isMounted=!1,T("onHidden",[g])},destroy:function(){0;if(g.state.isDestroyed)return;g.clearDelayTimeouts(),g.unmount(),U(),delete e._tippy,g.state.isDestroyed=!0,T("onDestroy",[g])}};if(!u.render)return g;var x=u.render(g),_=x.popper,w=x.onUpdate;_.setAttribute("data-tippy-root",""),_.id="tippy-"+g.id,g.popper=_,e._tippy=g,_._tippy=g;var j=b.map(function(e){return e.fn(g)}),L=e.hasAttribute("aria-expanded");return H(),D(),M(),T("onCreate",[g]),u.showOnCreate&&ee(),_.addEventListener("mouseenter",function(){g.props.interactive&&g.state.isVisible&&g.clearDelayTimeouts()}),_.addEventListener("mouseleave",function(){g.props.interactive&&g.props.trigger.indexOf("mouseenter")>=0&&C().addEventListener("mousemove",y)}),g;function O(){var e=g.props.touch;return Array.isArray(e)?e:[e,0]}function A(){return"hold"===O()[0]}function k(){var e;return!(null==(e=g.props.render)||!e.$$tippy)}function P(){return l||e}function C(){var e=P().parentNode;return e?vt(e):document}function S(){return Mt(_)}function E(e){return g.state.isMounted&&!g.state.isVisible||bt.isTouch||i&&"focus"===i.type?0:Qe(g.props.delay,e?0:1,Ot.delay)}function M(e){void 0===e&&(e=!1),_.style.pointerEvents=g.props.interactive&&!e?"":"none",_.style.zIndex=""+g.props.zIndex}function T(e,t,r){var n;(void 0===r&&(r=!0),j.forEach(function(r){r[e]&&r[e].apply(r,t)}),r)&&(n=g.props)[e].apply(n,t)}function B(){var t=g.props.aria;if(t.content){var r="aria-"+t.content,n=_.id;nt(g.props.triggerTarget||e).forEach(function(e){var t=e.getAttribute(r);if(g.state.isVisible)e.setAttribute(r,t?t+" "+n:n);else{var o=t&&t.replace(n,"").trim();o?e.setAttribute(r,o):e.removeAttribute(r)}})}}function D(){!L&&g.props.aria.expanded&&nt(g.props.triggerTarget||e).forEach(function(e){g.props.interactive?e.setAttribute("aria-expanded",g.state.isVisible&&e===P()?"true":"false"):e.removeAttribute("aria-expanded")})}function R(){C().removeEventListener("mousemove",y),Dt=Dt.filter(function(e){return e!==y})}function Z(t){if(!bt.isTouch||!f&&"mousedown"!==t.type){var r=t.composedPath&&t.composedPath()[0]||t.target;if(!g.props.interactive||!mt(_,r)){if(nt(g.props.triggerTarget||e).some(function(e){return mt(e,r)})){if(bt.isTouch)return;if(g.state.isVisible&&g.props.trigger.indexOf("click")>=0)return}else T("onClickOutside",[g,t]);!0===g.props.hideOnClick&&(g.clearDelayTimeouts(),g.hide(),d=!0,setTimeout(function(){d=!1}),g.state.isMounted||I())}}}function N(){f=!0}function F(){f=!1}function W(){var e=C();e.addEventListener("mousedown",Z,!0),e.addEventListener("touchend",Z,Ye),e.addEventListener("touchstart",F,Ye),e.addEventListener("touchmove",N,Ye)}function I(){var e=C();e.removeEventListener("mousedown",Z,!0),e.removeEventListener("touchend",Z,Ye),e.removeEventListener("touchstart",F,Ye),e.removeEventListener("touchmove",N,Ye)}function z(e,t){var r=S().box;function n(e){e.target===r&&(yt(r,"remove",n),t())}if(0===e)return t();yt(r,"remove",a),yt(r,"add",n),a=n}function V(t,r,n){void 0===n&&(n=!1),nt(g.props.triggerTarget||e).forEach(function(e){e.addEventListener(t,r,n),v.push({node:e,eventType:t,handler:r,options:n})})}function H(){var e;A()&&(V("touchstart",q,{passive:!0}),V("touchend",G,{passive:!0})),(e=g.props.trigger,e.split(/\s+/).filter(Boolean)).forEach(function(e){if("manual"!==e)switch(V(e,q),e){case"mouseenter":V("mouseleave",G);break;case"focus":V(jt?"focusout":"blur",X);break;case"focusin":V("focusout",X)}})}function U(){v.forEach(function(e){var t=e.node,r=e.eventType,n=e.handler,o=e.options;t.removeEventListener(r,n,o)}),v=[]}function q(e){var t,r=!1;if(g.state.isEnabled&&!J(e)&&!d){var n="focus"===(null==(t=i)?void 0:t.type);i=e,l=e.currentTarget,D(),!g.state.isVisible&&ut(e)&&Dt.forEach(function(t){return t(e)}),"click"===e.type&&(g.props.trigger.indexOf("mouseenter")<0||p)&&!1!==g.props.hideOnClick&&g.state.isVisible?r=!0:ee(e),"click"===e.type&&(p=!r),r&&!n&&te(e)}}function $(e){var t=e.target,r=P().contains(t)||_.contains(t);if("mousemove"!==e.type||!r){var n=Q().concat(_).map(function(e){var t,r=null==(t=e._tippy.popperInstance)?void 0:t.state;return r?{popperRect:e.getBoundingClientRect(),popperState:r,props:u}:null}).filter(Boolean);(function(e,t){var r=t.clientX,n=t.clientY;return e.every(function(e){var t=e.popperRect,o=e.popperState,i=e.props.interactiveBorder,a=it(o.placement),s=o.modifiersData.offset;if(!s)return!0;var l="bottom"===a?s.top.y:0,c="top"===a?s.bottom.y:0,u="right"===a?s.left.x:0,p="left"===a?s.right.x:0,d=t.top-n+l>i,f=n-t.bottom-c>i,h=t.left-r+u>i,v=r-t.right-p>i;return d||f||h||v})})(n,e)&&(R(),te(e))}}function G(e){J(e)||g.props.trigger.indexOf("click")>=0&&p||(g.props.interactive?g.hideWithInteractivity(e):te(e))}function X(e){g.props.trigger.indexOf("focusin")<0&&e.target!==P()||g.props.interactive&&e.relatedTarget&&_.contains(e.relatedTarget)||te(e)}function J(e){return!!bt.isTouch&&A()!==e.type.indexOf("touch")>=0}function Y(){K();var t=g.props,r=t.popperOptions,n=t.placement,o=t.offset,i=t.getReferenceClientRect,a=t.moveTransition,l=k()?Mt(_).arrow:null,c=i?{getBoundingClientRect:i,contextElement:i.contextElement||P()}:e,u={name:"$$tippy",enabled:!0,phase:"beforeWrite",requires:["computeStyles"],fn:function(e){var t=e.state;if(k()){var r=S().box;["placement","reference-hidden","escaped"].forEach(function(e){"placement"===e?r.setAttribute("data-placement",t.placement):t.attributes.popper["data-popper-"+e]?r.setAttribute("data-"+e,""):r.removeAttribute("data-"+e)}),t.attributes.popper={}}}},p=[{name:"offset",options:{offset:o}},{name:"preventOverflow",options:{padding:{top:2,bottom:2,left:5,right:5}}},{name:"flip",options:{padding:5}},{name:"computeStyles",options:{adaptive:!a}},u];k()&&l&&p.push({name:"arrow",options:{element:l,padding:3}}),p.push.apply(p,(null==r?void 0:r.modifiers)||[]),g.popperInstance=qe(c,_,Object.assign({},r,{placement:n,onFirstUpdate:s,modifiers:p}))}function K(){g.popperInstance&&(g.popperInstance.destroy(),g.popperInstance=null)}function Q(){return at(_.querySelectorAll("[data-tippy-root]"))}function ee(e){g.clearDelayTimeouts(),e&&T("onTrigger",[g,e]),W();var t=E(!0),n=O(),o=n[0],i=n[1];bt.isTouch&&"hold"===o&&i&&(t=i),t?r=setTimeout(function(){g.show()},t):g.show()}function te(e){if(g.clearDelayTimeouts(),T("onUntrigger",[g,e]),g.state.isVisible){if(!(g.props.trigger.indexOf("mouseenter")>=0&&g.props.trigger.indexOf("click")>=0&&["mouseleave","mousemove"].indexOf(e.type)>=0&&p)){var t=E(!1);t?n=setTimeout(function(){g.state.isVisible&&g.hide()},t):o=requestAnimationFrame(function(){g.hide()})}}else I()}}function Nt(e,t){void 0===t&&(t={});var r=Ot.plugins.concat(t.plugins||[]);document.addEventListener("touchstart",xt,Ye),window.addEventListener("blur",wt);var n=Object.assign({},t,{plugins:r}),o=dt(e).reduce(function(e,t){var r=t&&Zt(t,n);return r&&e.push(r),e},[]);return ct(e)?o[0]:o}Nt.defaultProps=Ot,Nt.setDefaultProps=function(e){Object.keys(e).forEach(function(t){Ot[t]=e[t]})},Nt.currentInput=bt;Object.assign({},Pe,{effect:function(e){var t=e.state,r={popper:{position:t.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};Object.assign(t.elements.popper.style,r.popper),t.styles=r,t.elements.arrow&&Object.assign(t.elements.arrow.style,r.arrow)}});Nt.setDefaultProps({render:Tt});const Ft=Nt,Wt=({children:e,value:t})=>(0,c.jsxs)("div",{className:"colorpalette-color-label",children:[(0,c.jsx)("span",{children:e}),(0,c.jsx)("span",{className:"component-color-indicator","aria-label":`Color: ${t}`,style:{background:t}})]}),It=new(t())("_"),zt=({attributes:e,setAttributes:t,colors:r})=>{const o=i()(e),u=It.object(o),[p,d]=(0,n.useState)(u.customSettings);e.transformation_crop||(e.transformation_crop="pad",e.transformation_background="rgb:FFFFFF"),"fill"===e.transformation_crop&&delete e.transformation_background;const f=(e,r)=>{const n={[r]:T(e)};t(n)},S=(e=>{const[t,r]=(0,n.useState)(null),o=(0,n.useCallback)(e=>r(e),[]);return(0,n.useEffect)(()=>{if(!t)return;const r=Ft(t,{content:e});return()=>{r?.destroy()}},[t,e]),o})((0,a.__)("How to resize or crop images to fit the gallery. Pad adds padding around the image using the specified padding style. Fill crops the image from the center so it fills as much of the available space as possible.","cloudinary"));return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(s.PanelBody,{title:(0,a.__)("Layout","cloudinary"),children:h.map(r=>(0,c.jsx)(M,{value:r.value,onChange:e=>{t({displayProps_mode:e.type,displayProps_columns:e.columns||1})},icon:r.icon,current:{type:e.displayProps_mode,columns:e.displayProps_columns||1},children:r.label},`${r.value.type}-${r.value.columns}-layout`))}),(0,c.jsxs)(s.PanelBody,{title:(0,a.__)("Color Palette","cloudinary"),initialOpen:!1,children:[(0,c.jsx)(Wt,{value:e.themeProps_primary,children:(0,a.__)("Primary","cloudinary")}),(0,c.jsx)(l.ColorPalette,{value:e.themeProps_primary,colors:r,disableCustomColors:!1,onChange:e=>f(e,"themeProps_primary")}),(0,c.jsx)(Wt,{value:e.themeProps_onPrimary,children:(0,a.__)("On Primary","cloudinary")}),(0,c.jsx)(l.ColorPalette,{value:e.themeProps_onPrimary,colors:r,disableCustomColors:!1,onChange:e=>f(e,"themeProps_onPrimary")}),(0,c.jsx)(Wt,{value:e.themeProps_active,children:(0,a.__)("Active","cloudinary")}),(0,c.jsx)(l.ColorPalette,{value:e.themeProps_active,colors:r,disableCustomColors:!1,onChange:e=>f(e,"themeProps_active")})]}),"classic"===e.displayProps_mode&&(0,c.jsx)(s.PanelBody,{title:(0,a.__)("Fade Transition","cloudinary"),initialOpen:!1,children:(0,c.jsx)(s.SelectControl,{value:e.transition,options:y,onChange:e=>t({transition:e})})}),(0,c.jsxs)(s.PanelBody,{title:(0,a.__)("Main Viewer Parameters","cloudinary"),initialOpen:!1,children:[(0,c.jsx)(s.SelectControl,{label:(0,a.__)("Aspect Ratio","cloudinary"),value:e.aspectRatio,options:v,onChange:e=>t({aspectRatio:e})}),(0,c.jsxs)("p",{children:[(0,c.jsxs)("div",{className:"cld-ui-title",children:[(0,a.__)("Resize/Crop Mode","cloudinary"),(0,c.jsx)("span",{className:"dashicons dashicons-info cld-tooltip",ref:S})]}),(0,c.jsx)(s.ButtonGroup,{children:P.map(r=>(0,c.jsx)(s.Button,{isDefault:!0,isPressed:r.value===e.transformation_crop,onClick:()=>t({transformation_crop:r.value,transformation_background:null}),children:r.label},r.value+"-look-and-feel"))})]}),"pad"===e.transformation_crop&&(0,c.jsx)(s.SelectControl,{label:(0,a.__)("Pad style","cloudinary"),value:e.transformation_background,options:C,onChange:e=>{t({transformation_background:e})}}),(0,c.jsx)("p",{children:(0,a.__)("Navigation","cloudinary")}),(0,c.jsx)("p",{children:(0,c.jsx)(s.ButtonGroup,{children:m.map(r=>(0,c.jsx)(s.Button,{isDefault:!0,isPressed:r.value===e.navigation,onClick:()=>t({navigation:r.value}),children:r.label},r.value+"-navigation"))})}),(0,c.jsxs)("div",{style:{marginTop:"30px"},children:[(0,c.jsx)(s.ToggleControl,{label:(0,a.__)("Show Zoom","cloudinary"),checked:e.zoom,onChange:()=>t({zoom:!e.zoom})}),e.zoom&&(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)("p",{children:(0,a.__)("Zoom Type","cloudinary")}),(0,c.jsx)("p",{children:(0,c.jsx)(s.ButtonGroup,{children:b.map(r=>(0,c.jsx)(s.Button,{isDefault:!0,isPressed:r.value===e.zoomProps_type,onClick:()=>t({zoomProps_type:r.value}),children:r.label},r.value+"-zoom-type"))})}),"flyout"===e.zoomProps_type&&(0,c.jsx)(s.SelectControl,{label:(0,a.__)("Zoom Viewer Position","cloudinary"),value:e.zoomProps_viewerPosition,options:g,onChange:e=>t({zoomProps_viewerPosition:e})}),"popup"!==e.zoomProps_type&&(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)("p",{children:(0,a.__)("Zoom Trigger","cloudinary")}),(0,c.jsx)("p",{children:(0,c.jsx)(s.ButtonGroup,{children:x.map(r=>(0,c.jsx)(s.Button,{isDefault:!0,isPressed:r.value===e.zoomProps_trigger,onClick:()=>t({zoomProps_trigger:r.value}),children:r.label},r.value+"-zoom-trigger"))})})]})]})]})]}),(0,c.jsxs)(s.PanelBody,{title:(0,a.__)("Carousel Parameters","cloudinary"),initialOpen:!1,children:[(0,c.jsx)("p",{children:(0,a.__)("Carousel Location","cloudinary")}),(0,c.jsx)("p",{children:(0,c.jsx)(s.ButtonGroup,{children:_.map(r=>(0,c.jsx)(s.Button,{isDefault:!0,isPressed:r.value===e.carouselLocation,onClick:()=>t({carouselLocation:r.value}),children:r.label},r.value+"-carousel-location"))})}),(0,c.jsx)(s.RangeControl,{label:(0,a.__)("Carousel Offset","cloudinary"),value:e.carouselOffset,onChange:e=>t({carouselOffset:e}),min:0,max:100}),(0,c.jsx)("p",{children:(0,a.__)("Carousel Style","cloudinary")}),(0,c.jsx)("p",{children:(0,c.jsx)(s.ButtonGroup,{children:w.map(r=>(0,c.jsx)(s.Button,{isDefault:!0,isPressed:r.value===e.carouselStyle,onClick:()=>t({carouselStyle:r.value}),children:r.label},r.value+"-carousel-style"))})}),"thumbnails"===e.carouselStyle&&(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(s.RangeControl,{label:(0,a.__)("Width","cloudinary"),value:e.thumbnailProps_width,onChange:e=>t({thumbnailProps_width:e}),min:5,max:300}),(0,c.jsx)(s.RangeControl,{label:(0,a.__)("Height","cloudinary"),value:e.thumbnailProps_height,onChange:e=>t({thumbnailProps_height:e}),min:5,max:300}),(0,c.jsx)("p",{children:(0,a.__)("Navigation Button Shape","cloudinary")}),j.map(r=>(0,c.jsx)(M,{value:r.value,onChange:e=>t({thumbnailProps_navigationShape:e}),icon:r.icon,current:e.thumbnailProps_navigationShape,children:r.label},r.value+"-navigation-button-shape")),(0,c.jsx)("p",{children:(0,a.__)("Selected Style","cloudinary")}),(0,c.jsx)("p",{children:(0,c.jsx)(s.ButtonGroup,{children:O.map(r=>(0,c.jsx)(s.Button,{isDefault:!0,isPressed:r.value===e.thumbnailProps_selectedStyle,onClick:()=>t({thumbnailProps_selectedStyle:r.value}),children:r.label},r.value+"-selected-style"))})}),(0,c.jsx)(s.SelectControl,{label:(0,a.__)("Selected Border Position","cloudinary"),value:e.thumbnailProps_selectedBorderPosition,options:A,onChange:e=>t({thumbnailProps_selectedBorderPosition:e})}),(0,c.jsx)(s.RangeControl,{label:(0,a.__)("Selected Border Width","cloudinary"),value:e.thumbnailProps_selectedBorderWidth,onChange:e=>t({thumbnailProps_selectedBorderWidth:e}),min:0,max:10}),(0,c.jsx)("p",{children:(0,a.__)("Media Shape Icon","cloudinary")}),k.map(r=>(0,c.jsx)(M,{value:r.value,onChange:e=>t({thumbnailProps_mediaSymbolShape:e}),icon:r.icon,current:e.thumbnailProps_mediaSymbolShape,children:r.label},r.value+"-media"))]}),"indicators"===e.carouselStyle&&(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)("p",{children:(0,a.__)("Indicators Shape","cloudinary")}),L.map(r=>(0,c.jsx)(M,{value:r.value,onChange:e=>t({indicatorProps_shape:e}),icon:r.icon,current:e.indicatorProps_shape,children:r.label},r.value+"-indicator"))]})]}),(0,c.jsx)(s.PanelBody,{title:(0,a.__)("Additional Settings","cloudinary"),initialOpen:!1,children:(0,c.jsx)(s.TextareaControl,{label:(0,a.__)("Custom Settings","cloudinary"),help:(0,a.__)("Provide a JSON string of the settings you want to add and/or override.","cloudinary"),value:p,onChange:e=>{let r={};d(e);try{r=JSON.parse(e)}catch(e){}if("object"==typeof r){const e={...u};e.customSettings=r,t({...u,...e})}}})})]})},{cloudName:Vt,mediaAssets:Ht,...Ut}=(e=>{const t={};return Object.keys(e).forEach(r=>{t[r]={type:typeof e[r],default:e[r]}}),t})(new(t())("_").dot(CLD_GALLERY_CONFIG)),qt={};Object.keys(Ut).forEach(e=>{qt[e]=Ut[e]?.default});const $t=e=>({cloudName:"demo",...e,mediaAssets:[{tag:"shoes_product_gallery_demo",mediaType:"image"}],container:".gallery-preview"}),Gt=document.querySelector("#cloudinary-settings-page form");void 0!==Gt&&Gt.addEventListener("submit",function(e){(!e.submitter.name||e.submitter.name&&"cld_submission"!==e.submitter.name)&&e.preventDefault()});const Xt=()=>{const[e,r]=(0,n.useState)(qt),o=CLD_THEME_COLORS.map(e=>({...e,color:T(e.color)})).filter(e=>0!==e.color.length);return(0,n.useEffect)(()=>{let r,n;const o=(e=>{const r=new(t())("_"),n=i()(e),{selectedImages:o,...a}=r.object(n,{});return a.mediaAssets=o,"classic"!==a?.displayProps?.mode?delete a.transition:delete a.displayProps.columns,"pad"!==a?.transformation_crop&&delete a.transformation_background,"pad"!==a?.transformation?.crop&&delete a.transformation.background,a?.themeProps?.primary&&(a.themeProps.primary=T(a?.themeProps?.primary)),a?.themeProps?.onPrimary&&(a.themeProps.onPrimary=T(a?.themeProps?.onPrimary)),a?.themeProps?.active&&(a.themeProps.active=T(a?.themeProps?.active)),a})(e),{customSettings:a,...s}=o;try{try{n=JSON.parse(a)}catch{n=a}r=cloudinary.galleryWidget($t({...s,...n}))}catch{r=cloudinary.galleryWidget($t(s))}r.render();const l=document.getElementById("gallery_settings_input");return l&&(l.value=JSON.stringify(o)),()=>r.destroy()}),(0,c.jsx)("div",{className:"cld-gallery-settings-container",children:(0,c.jsxs)("div",{className:"cld-gallery-settings",children:[(0,c.jsx)("div",{className:"interface-interface-skeleton__sidebar cld-gallery-settings__column",children:(0,c.jsx)("div",{className:"interface-complementary-area edit-post-sidebar",children:(0,c.jsx)("div",{className:"components-panel",children:(0,c.jsx)("div",{className:"block-editor-block-inspector",children:(0,c.jsx)(zt,{attributes:e,setAttributes:t=>{r({...e,...t})},colors:o})})})})}),(0,c.jsx)("div",{className:"gallery-preview cld-gallery-settings__column"})]})})};(0,n.render)((0,c.jsx)(Xt,{}),document.getElementById("app_gallery_gallery_config"))})()})(); +(()=>{var e={1780(e){"use strict";function t(e,t){var r,n;if("function"==typeof t)void 0!==(n=t(e))&&(e=n);else if(Array.isArray(t))for(r=0;r=0&&(e=e.replace(/\[/g,t).replace(/]/g,""));var r=e.split(t);if(r.filter(s).length!==r.length)throw Error("Refusing to update blacklisted property "+e);return r}var c=Object.prototype.hasOwnProperty;function u(e,t,r,n){if(!(this instanceof u))return new u(e,t,r,n);void 0===t&&(t=!1),void 0===r&&(r=!0),void 0===n&&(n=!0),this.separator=e||".",this.override=t,this.useArray=r,this.useBrackets=n,this.keepArray=!1,this.cleanup=[]}var p=new u(".",!1,!0,!0);function d(e){return function(){return p[e].apply(p,arguments)}}u.prototype._fill=function(e,r,n,a){var s=e.shift();if(e.length>0){if(r[s]=r[s]||(this.useArray&&function(e){return/^\d+$/.test(e)}(e[0])?[]:{}),!o(r[s])){if(!this.override){if(!o(n)||!i(n))throw new Error("Trying to redefine `"+s+"` which is a "+typeof r[s]);return}r[s]={}}this._fill(e,r[s],n,a)}else{if(!this.override&&o(r[s])&&!i(r[s])){if(!o(n)||!i(n))throw new Error("Trying to redefine non-empty obj['"+s+"']");return}r[s]=t(n,a)}},u.prototype.object=function(e,r){var n=this;return Object.keys(e).forEach(function(o){var i=void 0===r?null:r[o],a=l(o,n.separator).join(n.separator);-1!==a.indexOf(n.separator)?(n._fill(a.split(n.separator),e,e[o],i),delete e[o]):e[o]=t(e[o],i)}),e},u.prototype.str=function(e,r,n,o){var i=l(e,this.separator).join(this.separator);return-1!==e.indexOf(this.separator)?this._fill(i.split(this.separator),n,r,o):n[e]=t(r,o),n},u.prototype.pick=function(e,t,n,o){var i,a,s,c,u;for(a=l(e,this.separator),i=0;i-1&&e%1==0&&e-1}},1175(e,t,r){var n=r(6025);e.exports=function(e,t){var r=this.__data__,o=n(r,e);return o<0?(++this.size,r.push([e,t])):r[o][1]=t,this}},3040(e,t,r){var n=r(1549),o=r(79),i=r(8223);e.exports=function(){this.size=0,this.__data__={hash:new n,map:new(i||o),string:new n}}},7670(e,t,r){var n=r(2651);e.exports=function(e){var t=n(this,e).delete(e);return this.size-=t?1:0,t}},289(e,t,r){var n=r(2651);e.exports=function(e){return n(this,e).get(e)}},4509(e,t,r){var n=r(2651);e.exports=function(e){return n(this,e).has(e)}},2949(e,t,r){var n=r(2651);e.exports=function(e,t){var r=n(this,e),o=r.size;return r.set(e,t),this.size+=r.size==o?0:1,this}},1042(e,t,r){var n=r(6110)(Object,"create");e.exports=n},3650(e,t,r){var n=r(4335)(Object.keys,Object);e.exports=n},181(e){e.exports=function(e){var t=[];if(null!=e)for(var r in Object(e))t.push(r);return t}},6009(e,t,r){e=r.nmd(e);var n=r(4840),o=t&&!t.nodeType&&t,i=o&&e&&!e.nodeType&&e,a=i&&i.exports===o&&n.process,s=function(){try{var e=i&&i.require&&i.require("util").types;return e||a&&a.binding&&a.binding("util")}catch(e){}}();e.exports=s},9350(e){var t=Object.prototype.toString;e.exports=function(e){return t.call(e)}},4335(e){e.exports=function(e,t){return function(r){return e(t(r))}}},9325(e,t,r){var n=r(4840),o="object"==typeof self&&self&&self.Object===Object&&self,i=n||o||Function("return this")();e.exports=i},1420(e,t,r){var n=r(79);e.exports=function(){this.__data__=new n,this.size=0}},938(e){e.exports=function(e){var t=this.__data__,r=t.delete(e);return this.size=t.size,r}},3605(e){e.exports=function(e){return this.__data__.get(e)}},9817(e){e.exports=function(e){return this.__data__.has(e)}},945(e,t,r){var n=r(79),o=r(8223),i=r(3661);e.exports=function(e,t){var r=this.__data__;if(r instanceof n){var a=r.__data__;if(!o||a.length<199)return a.push([e,t]),this.size=++r.size,this;r=this.__data__=new i(a)}return r.set(e,t),this.size=r.size,this}},7473(e){var t=Function.prototype.toString;e.exports=function(e){if(null!=e){try{return t.call(e)}catch(e){}try{return e+""}catch(e){}}return""}},8055(e,t,r){var n=r(9999);e.exports=function(e){return n(e,5)}},5288(e){e.exports=function(e,t){return e===t||e!=e&&t!=t}},2428(e,t,r){var n=r(7534),o=r(346),i=Object.prototype,a=i.hasOwnProperty,s=i.propertyIsEnumerable,l=n(function(){return arguments}())?n:function(e){return o(e)&&a.call(e,"callee")&&!s.call(e,"callee")};e.exports=l},6449(e){var t=Array.isArray;e.exports=t},4894(e,t,r){var n=r(1882),o=r(294);e.exports=function(e){return null!=e&&o(e.length)&&!n(e)}},3656(e,t,r){e=r.nmd(e);var n=r(9325),o=r(9935),i=t&&!t.nodeType&&t,a=i&&e&&!e.nodeType&&e,s=a&&a.exports===i?n.Buffer:void 0,l=(s?s.isBuffer:void 0)||o;e.exports=l},1882(e,t,r){var n=r(2552),o=r(3805);e.exports=function(e){if(!o(e))return!1;var t=n(e);return"[object Function]"==t||"[object GeneratorFunction]"==t||"[object AsyncFunction]"==t||"[object Proxy]"==t}},294(e){e.exports=function(e){return"number"==typeof e&&e>-1&&e%1==0&&e<=9007199254740991}},7730(e,t,r){var n=r(9172),o=r(7301),i=r(6009),a=i&&i.isMap,s=a?o(a):n;e.exports=s},3805(e){e.exports=function(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)}},346(e){e.exports=function(e){return null!=e&&"object"==typeof e}},8440(e,t,r){var n=r(6038),o=r(7301),i=r(6009),a=i&&i.isSet,s=a?o(a):n;e.exports=s},7167(e,t,r){var n=r(4901),o=r(7301),i=r(6009),a=i&&i.isTypedArray,s=a?o(a):n;e.exports=s},5950(e,t,r){var n=r(695),o=r(8984),i=r(4894);e.exports=function(e){return i(e)?n(e):o(e)}},7241(e,t,r){var n=r(695),o=r(2903),i=r(4894);e.exports=function(e){return i(e)?n(e,!0):o(e)}},3345(e){e.exports=function(){return[]}},9935(e){e.exports=function(){return!1}},6942(e,t){var r;!function(){"use strict";var n={}.hasOwnProperty;function o(){for(var e="",t=0;t{var t=e&&e.__esModule?()=>e.default:()=>e;return r.d(t,{a:t}),t},r.d=(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=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r.nmd=e=>(e.paths=[],e.children||(e.children=[]),e),(()=>{"use strict";var e=r(1780),t=r.n(e);const n=window.wp.element;var o=r(8055),i=r.n(o);const a=window.wp.i18n,s=(window.wp["components/buildStyle/style.css"],window.wp.components),l=window.wp.blockEditor,c=window.ReactJSXRuntime,u=()=>(0,c.jsxs)("svg",{width:"18px",height:"18px",viewBox:"0 0 18 18",version:"1.1",xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",children:[(0,c.jsx)("title",{children:"shape-round"}),(0,c.jsx)("desc",{children:"Created with Sketch."}),(0,c.jsx)("g",{id:"Desktop-0.4",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd",children:(0,c.jsx)("g",{id:"widgets/shape-round",transform:"translate(-3.000000, -3.000000)",fill:"#000000",children:(0,c.jsx)("path",{d:"M12,3 C16.9705627,3 21,7.02943725 21,12 C21,16.9705627 16.9705627,21 12,21 C7.02943725,21 3,16.9705627 3,12 C3,7.02943725 7.02943725,3 12,3 Z M12,5 C8.13400675,5 5,8.13400675 5,12 C5,15.8659932 8.13400675,19 12,19 C15.8659932,19 19,15.8659932 19,12 C19,8.13400675 15.8659932,5 12,5 Z",id:"Combined-Shape"})})})]}),p=()=>(0,c.jsxs)("svg",{width:"18px",height:"18px",viewBox:"0 0 18 18",version:"1.1",xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",children:[(0,c.jsx)("title",{children:"ratio-square"}),(0,c.jsx)("desc",{children:"Created with Sketch."}),(0,c.jsx)("g",{id:"Desktop-0.4",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd",children:(0,c.jsx)("g",{id:"widgets/shape-square",transform:"translate(-3.000000, -3.000000)",fill:"#000000",children:(0,c.jsx)("path",{d:"M3,3 L3,21 L21,21 L21,3 L3,3 Z M5,5 L5,19 L19,19 L19,5 L5,5 Z",id:"shape"})})})]}),d=()=>(0,c.jsxs)("svg",{width:"18px",height:"18px",viewBox:"0 0 18 18",version:"1.1",xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",children:[(0,c.jsx)("title",{children:"shape-radius"}),(0,c.jsx)("desc",{children:"Created with Sketch."}),(0,c.jsx)("g",{id:"Desktop-0.4",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd",children:(0,c.jsx)("g",{id:"widgets/shape-radius",transform:"translate(-3.000000, -3.000000)",fill:"#000000",children:(0,c.jsx)("path",{d:"M17,3 C19.209139,3 21,4.790861 21,7 L21,17 C21,19.209139 19.209139,21 17,21 L7,21 C4.790861,21 3,19.209139 3,17 L3,7 C3,4.790861 4.790861,3 7,3 L17,3 Z M17,5 L7,5 C5.9456382,5 5.08183488,5.81587779 5.00548574,6.85073766 L5,7 L5,17 C5,18.0543618 5.81587779,18.9181651 6.85073766,18.9945143 L7,19 L17,19 C18.0543618,19 18.9181651,18.1841222 18.9945143,17.1492623 L19,17 L19,7 C19,5.9456382 18.1841222,5.08183488 17.1492623,5.00548574 L17,5 Z",id:"Rectangle"})})})]}),f=()=>(0,c.jsxs)("svg",{width:"18px",height:"18px",viewBox:"0 0 18 18",version:"1.1",xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",children:[(0,c.jsx)("title",{children:"shape-none"}),(0,c.jsx)("desc",{children:"Created with Sketch."}),(0,c.jsx)("g",{id:"Desktop-0.4",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd",children:(0,c.jsx)("g",{id:"widgets/shape-none",transform:"translate(-3.000000, -3.000000)",fill:"#000000",children:(0,c.jsx)("path",{d:"M5,19 L5,21 L3,21 L3,19 L5,19 Z M21,19 L21,21 L19,21 L19,19 L21,19 Z M13,19 L13,21 L11,21 L11,19 L13,19 Z M9,19 L9,21 L7,21 L7,19 L9,19 Z M17,19 L17,21 L15,21 L15,19 L17,19 Z M21,15 L21,17 L19,17 L19,15 L21,15 Z M21,11 L21,13 L19,13 L19,11 L21,11 Z M5,11 L5,13 L3,13 L3,11 L5,11 Z M21,7 L21,9 L19,9 L19,7 L21,7 Z M5,7 L5,9 L3,9 L3,7 L5,7 Z M13,3 L13,5 L11,5 L11,3 L13,3 Z M9,3 L9,5 L7,5 L7,3 L9,3 Z M17,3 L17,5 L15,5 L15,3 L17,3 Z M21,3 L21,5 L19,5 L19,3 L21,3 Z M5,3 L5,5 L3,5 L3,3 L5,3 Z M3,15 L5,15 L5,17 L3,17 L3,15 Z",id:"Shape"})})})]}),h=[{value:{type:"expanded",columns:1},icon:()=>(0,c.jsxs)("svg",{width:"17px",height:"20px",viewBox:"0 0 17 20",version:"1.1",xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",children:[(0,c.jsx)("title",{children:"layout-modern"}),(0,c.jsx)("desc",{children:"Created with Sketch."}),(0,c.jsx)("g",{id:"Desktop-0.4",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd",children:(0,c.jsx)("g",{id:"widgets/layout-modern",transform:"translate(-2.000000, -3.000000)",fill:"#000000",children:(0,c.jsx)("path",{d:"M2,10 L5,10 L5,7 L2,7 L2,10 Z M2,14 L5,14 L5,11 L2,11 L2,14 Z M2,6 L5,6 L5,3 L2,3 L2,6 Z M6,3 L6,17 L19,17 L19,3 L6,3 Z M8,5 L8,15 L17,15 L17,5 L8,5 Z M6,18 L6,23 L19,23 L19,18 L6,18 Z M8,20 L8,23 L17,23 L17,20 L8,20 Z",id:"shape"})})})]}),label:(0,a.__)("Expanded - 1 Column","cloudinary")},{value:{type:"expanded",columns:2},icon:()=>(0,c.jsxs)("svg",{width:"18px",height:"17px",viewBox:"0 0 18 17",version:"1.1",xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",children:[(0,c.jsx)("title",{children:"layout-grid-2-column"}),(0,c.jsx)("desc",{children:"Created with Sketch."}),(0,c.jsx)("g",{id:"Desktop-0.4",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd",children:(0,c.jsx)("g",{id:"widgets/layout-gird-2-col",transform:"translate(-3.000000, -3.000000)",fill:"#000000",children:(0,c.jsx)("path",{d:"M11,12 L11,20 L3,20 L3,12 L11,12 Z M21,12 L21,20 L13,20 L13,12 L21,12 Z M9,14 L5,14 L5,18 L9,18 L9,14 Z M19,14 L15,14 L15,18 L19,18 L19,14 Z M11,3 L11,11 L3,11 L3,3 L11,3 Z M21,3 L21,11 L13,11 L13,3 L21,3 Z M9,5 L5,5 L5,9 L9,9 L9,5 Z M19,5 L15,5 L15,9 L19,9 L19,5 Z",id:"Shape"})})})]}),label:(0,a.__)("Expanded - 2 Column","cloudinary")},{value:{type:"expanded",columns:3},icon:()=>(0,c.jsxs)("svg",{width:"20px",height:"13px",viewBox:"0 0 20 13",version:"1.1",xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",children:[(0,c.jsx)("title",{children:"layout-grid-3-column"}),(0,c.jsx)("desc",{children:"Created with Sketch."}),(0,c.jsx)("g",{id:"Desktop-0.4",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd",children:(0,c.jsx)("g",{id:"widgets/layout-gird-3-col",transform:"translate(-2.000000, -5.000000)",fill:"#000000",children:(0,c.jsx)("path",{d:"M8,12 L8,18 L2,18 L2,12 L8,12 Z M15,12 L15,18 L9,18 L9,12 L15,12 Z M22,12 L22,18 L16,18 L16,12 L22,12 Z M6,14 L4,14 L4,16 L6,16 L6,14 Z M13,14 L11,14 L11,16 L13,16 L13,14 Z M20,14 L18,14 L18,16 L20,16 L20,14 Z M8,5 L8,11 L2,11 L2,5 L8,5 Z M15,5 L15,11 L9,11 L9,5 L15,5 Z M22,5 L22,11 L16,11 L16,5 L22,5 Z M6,7 L4,7 L4,9 L6,9 L6,7 Z M13,7 L11,7 L11,9 L13,9 L13,7 Z M20,7 L18,7 L18,9 L20,9 L20,7 Z",id:"Combined-Shape"})})})]}),label:(0,a.__)("Expanded - 3 Column","cloudinary")},{value:{type:"classic",columns:1},icon:()=>(0,c.jsxs)("svg",{width:"17px",height:"14px",viewBox:"0 0 17 14",version:"1.1",xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",children:[(0,c.jsx)("title",{children:"layout-classic"}),(0,c.jsx)("desc",{children:"Created with Sketch."}),(0,c.jsx)("g",{id:"Desktop-0.4",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd",children:(0,c.jsx)("g",{id:"widgets/layout-classic",transform:"translate(-3.000000, -5.000000)",fill:"#000000",children:(0,c.jsx)("path",{d:"M3,12 L6,12 L6,9 L3,9 L3,12 Z M3,16 L6,16 L6,13 L3,13 L3,16 Z M3,8 L6,8 L6,5 L3,5 L3,8 Z M7,5 L7,19 L20,19 L20,5 L7,5 Z M9,7 L9,17 L18,17 L18,7 L9,7 Z",id:"shape"})})})]}),label:(0,a.__)("Classic","cloudinary")}],v=[{label:(0,a.__)("1:1","cloudinary"),value:"1:1"},{label:(0,a.__)("3:4","cloudinary"),value:"3:4"},{label:(0,a.__)("4:3","cloudinary"),value:"4:3"},{label:(0,a.__)("4:6","cloudinary"),value:"4:6"},{label:(0,a.__)("6:4","cloudinary"),value:"6:4"},{label:(0,a.__)("5:7","cloudinary"),value:"5:7"},{label:(0,a.__)("7:5","cloudinary"),value:"7:5"},{label:(0,a.__)("8:5","cloudinary"),value:"8:5"},{label:(0,a.__)("5:8","cloudinary"),value:"5:8"},{label:(0,a.__)("9:16","cloudinary"),value:"9:16"},{label:(0,a.__)("16:9","cloudinary"),value:"16:9"}],y=[{label:(0,a.__)("None","cloudinary"),value:"none"},{label:(0,a.__)("Fade","cloudinary"),value:"fade"},{label:(0,a.__)("Slide","cloudinary"),value:"slide"}],m=[{label:(0,a.__)("Always","cloudinary"),value:"always"},{label:(0,a.__)("None","cloudinary"),value:"none"},{label:(0,a.__)("MouseOver","cloudinary"),value:"mouseover"}],b=[{label:(0,a.__)("Inline","cloudinary"),value:"inline"},{label:(0,a.__)("Flyout","cloudinary"),value:"flyout"},{label:(0,a.__)("Popup","cloudinary"),value:"popup"}],g=[{label:(0,a.__)("Top","cloudinary"),value:"top"},{label:(0,a.__)("Bottom","cloudinary"),value:"bottom"},{label:(0,a.__)("Left","cloudinary"),value:"left"},{label:(0,a.__)("Right","cloudinary"),value:"right"}],x=[{label:(0,a.__)("Click","cloudinary"),value:"click"},{label:(0,a.__)("Hover","cloudinary"),value:"hover"}],_=[{label:(0,a.__)("Left","cloudinary"),value:"left"},{label:(0,a.__)("Right","cloudinary"),value:"right"},{label:(0,a.__)("Top","cloudinary"),value:"top"},{label:(0,a.__)("Bottom","cloudinary"),value:"bottom"}],w=[{label:(0,a.__)("Thumbnails","cloudinary"),value:"thumbnails"},{label:(0,a.__)("Indicators","cloudinary"),value:"indicators"},{label:(0,a.__)("None","cloudinary"),value:"none"}],j=[{value:"round",icon:u,label:(0,a.__)("Round","cloudinary")},{value:"radius",icon:d,label:(0,a.__)("Radius","cloudinary")},{value:"none",icon:f,label:(0,a.__)("None","cloudinary")},{value:"square",icon:p,label:(0,a.__)("Square","cloudinary")},{value:"rectangle",icon:()=>(0,c.jsxs)("svg",{width:"14px",height:"20px",viewBox:"0 0 14 20",version:"1.1",xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",children:[(0,c.jsx)("title",{children:"ratio-9-16"}),(0,c.jsx)("desc",{children:"Created with Sketch."}),(0,c.jsx)("g",{id:"Desktop-0.4",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd",children:(0,c.jsx)("g",{id:"ratio/9-16",transform:"translate(-5.000000, -2.000000)",fill:"#000000",children:(0,c.jsx)("path",{d:"M22,5.5 L22,18.5 L2,18.5 L2,5.5 L22,5.5 Z M20,7.5 L4,7.5 L4,16.5 L20,16.5 L20,7.5 Z",id:"Combined-Shape",transform:"translate(12.000000, 12.000000) rotate(-90.000000) translate(-12.000000, -12.000000) "})})})]}),label:(0,a.__)("Rectangle","cloudinary")}],L=[{value:"round",icon:u,label:(0,a.__)("Round","cloudinary")},{value:"radius",icon:d,label:(0,a.__)("Radius","cloudinary")},{value:"square",icon:p,label:(0,a.__)("Square","cloudinary")}],O=[{label:(0,a.__)("All","cloudinary"),value:"all"},{label:(0,a.__)("Border","cloudinary"),value:"border"},{label:(0,a.__)("Gradient","cloudinary"),value:"gradient"}],A=[{label:(0,a.__)("All","cloudinary"),value:"all"},{label:(0,a.__)("Top","cloudinary"),value:"top"},{label:(0,a.__)("Top-Bottom","cloudinary"),value:"top-bottom"},{label:(0,a.__)("Left-Right","cloudinary"),value:"left-right"},{label:(0,a.__)("Bottom","cloudinary"),value:"bottom"},{label:(0,a.__)("Left","cloudinary"),value:"left"},{label:(0,a.__)("Right","cloudinary"),value:"right"}],k=[{value:"round",icon:u,label:(0,a.__)("Round","cloudinary")},{value:"radius",icon:d,label:(0,a.__)("Radius","cloudinary")},{value:"none",icon:f,label:(0,a.__)("None","cloudinary")},{value:"square",icon:p,label:(0,a.__)("Square","cloudinary")}],P=[{label:(0,a.__)("Pad","cloudinary"),value:"pad"},{label:(0,a.__)("Fill","cloudinary"),value:"fill"}],C=[{label:(0,a.__)("White padding","cloudinary"),value:"rgb:FFFFFF"},{label:(0,a.__)("Border color padding","cloudinary"),value:"auto"},{label:(0,a.__)("Predominant color padding","cloudinary"),value:"auto:predominant"},{label:(0,a.__)("Gradient fade padding","cloudinary"),value:"auto:predominant_gradient"}];var S=r(6942),E=r.n(S);const M=({value:e,children:t,icon:r,onChange:n,current:o})=>{const i="object"==typeof e?JSON.stringify(e)===JSON.stringify(o):o===e;return(0,c.jsxs)("button",{type:"button",onClick:()=>n(e),className:E()("radio-select",{"radio-select--active":i}),children:[(0,c.jsx)(r,{}),(0,c.jsx)("div",{className:"radio-select__label",children:t})]})};window.wp.data;const T=e=>{const t=/var\((.*)\)/g.exec(e);return t?getComputedStyle(document.documentElement).getPropertyValue(t[1]):e};function B(e){if(null==e)return window;if("[object Window]"!==e.toString()){var t=e.ownerDocument;return t&&t.defaultView||window}return e}function D(e){return e instanceof B(e).Element||e instanceof Element}function R(e){return e instanceof B(e).HTMLElement||e instanceof HTMLElement}function Z(e){return"undefined"!=typeof ShadowRoot&&(e instanceof B(e).ShadowRoot||e instanceof ShadowRoot)}var N=Math.max,F=Math.min,W=Math.round;function I(){var e=navigator.userAgentData;return null!=e&&e.brands&&Array.isArray(e.brands)?e.brands.map(function(e){return e.brand+"/"+e.version}).join(" "):navigator.userAgent}function z(){return!/^((?!chrome|android).)*safari/i.test(I())}function V(e,t,r){void 0===t&&(t=!1),void 0===r&&(r=!1);var n=e.getBoundingClientRect(),o=1,i=1;t&&R(e)&&(o=e.offsetWidth>0&&W(n.width)/e.offsetWidth||1,i=e.offsetHeight>0&&W(n.height)/e.offsetHeight||1);var a=(D(e)?B(e):window).visualViewport,s=!z()&&r,l=(n.left+(s&&a?a.offsetLeft:0))/o,c=(n.top+(s&&a?a.offsetTop:0))/i,u=n.width/o,p=n.height/i;return{width:u,height:p,top:c,right:l+u,bottom:c+p,left:l,x:l,y:c}}function H(e){var t=B(e);return{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function U(e){return e?(e.nodeName||"").toLowerCase():null}function q(e){return((D(e)?e.ownerDocument:e.document)||window.document).documentElement}function $(e){return V(q(e)).left+H(e).scrollLeft}function G(e){return B(e).getComputedStyle(e)}function X(e){var t=G(e),r=t.overflow,n=t.overflowX,o=t.overflowY;return/auto|scroll|overlay|hidden/.test(r+o+n)}function J(e,t,r){void 0===r&&(r=!1);var n,o,i=R(t),a=R(t)&&function(e){var t=e.getBoundingClientRect(),r=W(t.width)/e.offsetWidth||1,n=W(t.height)/e.offsetHeight||1;return 1!==r||1!==n}(t),s=q(t),l=V(e,a,r),c={scrollLeft:0,scrollTop:0},u={x:0,y:0};return(i||!i&&!r)&&(("body"!==U(t)||X(s))&&(c=(n=t)!==B(n)&&R(n)?{scrollLeft:(o=n).scrollLeft,scrollTop:o.scrollTop}:H(n)),R(t)?((u=V(t,!0)).x+=t.clientLeft,u.y+=t.clientTop):s&&(u.x=$(s))),{x:l.left+c.scrollLeft-u.x,y:l.top+c.scrollTop-u.y,width:l.width,height:l.height}}function Y(e){var t=V(e),r=e.offsetWidth,n=e.offsetHeight;return Math.abs(t.width-r)<=1&&(r=t.width),Math.abs(t.height-n)<=1&&(n=t.height),{x:e.offsetLeft,y:e.offsetTop,width:r,height:n}}function K(e){return"html"===U(e)?e:e.assignedSlot||e.parentNode||(Z(e)?e.host:null)||q(e)}function Q(e){return["html","body","#document"].indexOf(U(e))>=0?e.ownerDocument.body:R(e)&&X(e)?e:Q(K(e))}function ee(e,t){var r;void 0===t&&(t=[]);var n=Q(e),o=n===(null==(r=e.ownerDocument)?void 0:r.body),i=B(n),a=o?[i].concat(i.visualViewport||[],X(n)?n:[]):n,s=t.concat(a);return o?s:s.concat(ee(K(a)))}function te(e){return["table","td","th"].indexOf(U(e))>=0}function re(e){return R(e)&&"fixed"!==G(e).position?e.offsetParent:null}function ne(e){for(var t=B(e),r=re(e);r&&te(r)&&"static"===G(r).position;)r=re(r);return r&&("html"===U(r)||"body"===U(r)&&"static"===G(r).position)?t:r||function(e){var t=/firefox/i.test(I());if(/Trident/i.test(I())&&R(e)&&"fixed"===G(e).position)return null;var r=K(e);for(Z(r)&&(r=r.host);R(r)&&["html","body"].indexOf(U(r))<0;){var n=G(r);if("none"!==n.transform||"none"!==n.perspective||"paint"===n.contain||-1!==["transform","perspective"].indexOf(n.willChange)||t&&"filter"===n.willChange||t&&n.filter&&"none"!==n.filter)return r;r=r.parentNode}return null}(e)||t}var oe="top",ie="bottom",ae="right",se="left",le="auto",ce=[oe,ie,ae,se],ue="start",pe="end",de="viewport",fe="popper",he=ce.reduce(function(e,t){return e.concat([t+"-"+ue,t+"-"+pe])},[]),ve=[].concat(ce,[le]).reduce(function(e,t){return e.concat([t,t+"-"+ue,t+"-"+pe])},[]),ye=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function me(e){var t=new Map,r=new Set,n=[];function o(e){r.add(e.name),[].concat(e.requires||[],e.requiresIfExists||[]).forEach(function(e){if(!r.has(e)){var n=t.get(e);n&&o(n)}}),n.push(e)}return e.forEach(function(e){t.set(e.name,e)}),e.forEach(function(e){r.has(e.name)||o(e)}),n}var be={placement:"bottom",modifiers:[],strategy:"absolute"};function ge(){for(var e=arguments.length,t=new Array(e),r=0;r=0?"x":"y"}function Oe(e){var t,r=e.reference,n=e.element,o=e.placement,i=o?we(o):null,a=o?je(o):null,s=r.x+r.width/2-n.width/2,l=r.y+r.height/2-n.height/2;switch(i){case oe:t={x:s,y:r.y-n.height};break;case ie:t={x:s,y:r.y+r.height};break;case ae:t={x:r.x+r.width,y:l};break;case se:t={x:r.x-n.width,y:l};break;default:t={x:r.x,y:r.y}}var c=i?Le(i):null;if(null!=c){var u="y"===c?"height":"width";switch(a){case ue:t[c]=t[c]-(r[u]/2-n[u]/2);break;case pe:t[c]=t[c]+(r[u]/2-n[u]/2)}}return t}var Ae={top:"auto",right:"auto",bottom:"auto",left:"auto"};function ke(e){var t,r=e.popper,n=e.popperRect,o=e.placement,i=e.variation,a=e.offsets,s=e.position,l=e.gpuAcceleration,c=e.adaptive,u=e.roundOffsets,p=e.isFixed,d=a.x,f=void 0===d?0:d,h=a.y,v=void 0===h?0:h,y="function"==typeof u?u({x:f,y:v}):{x:f,y:v};f=y.x,v=y.y;var m=a.hasOwnProperty("x"),b=a.hasOwnProperty("y"),g=se,x=oe,_=window;if(c){var w=ne(r),j="clientHeight",L="clientWidth";if(w===B(r)&&"static"!==G(w=q(r)).position&&"absolute"===s&&(j="scrollHeight",L="scrollWidth"),o===oe||(o===se||o===ae)&&i===pe)x=ie,v-=(p&&w===_&&_.visualViewport?_.visualViewport.height:w[j])-n.height,v*=l?1:-1;if(o===se||(o===oe||o===ie)&&i===pe)g=ae,f-=(p&&w===_&&_.visualViewport?_.visualViewport.width:w[L])-n.width,f*=l?1:-1}var O,A=Object.assign({position:s},c&&Ae),k=!0===u?function(e,t){var r=e.x,n=e.y,o=t.devicePixelRatio||1;return{x:W(r*o)/o||0,y:W(n*o)/o||0}}({x:f,y:v},B(r)):{x:f,y:v};return f=k.x,v=k.y,l?Object.assign({},A,((O={})[x]=b?"0":"",O[g]=m?"0":"",O.transform=(_.devicePixelRatio||1)<=1?"translate("+f+"px, "+v+"px)":"translate3d("+f+"px, "+v+"px, 0)",O)):Object.assign({},A,((t={})[x]=b?v+"px":"",t[g]=m?f+"px":"",t.transform="",t))}const Pe={name:"applyStyles",enabled:!0,phase:"write",fn:function(e){var t=e.state;Object.keys(t.elements).forEach(function(e){var r=t.styles[e]||{},n=t.attributes[e]||{},o=t.elements[e];R(o)&&U(o)&&(Object.assign(o.style,r),Object.keys(n).forEach(function(e){var t=n[e];!1===t?o.removeAttribute(e):o.setAttribute(e,!0===t?"":t)}))})},effect:function(e){var t=e.state,r={popper:{position:t.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(t.elements.popper.style,r.popper),t.styles=r,t.elements.arrow&&Object.assign(t.elements.arrow.style,r.arrow),function(){Object.keys(t.elements).forEach(function(e){var n=t.elements[e],o=t.attributes[e]||{},i=Object.keys(t.styles.hasOwnProperty(e)?t.styles[e]:r[e]).reduce(function(e,t){return e[t]="",e},{});R(n)&&U(n)&&(Object.assign(n.style,i),Object.keys(o).forEach(function(e){n.removeAttribute(e)}))})}},requires:["computeStyles"]};const Ce={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(e){var t=e.state,r=e.options,n=e.name,o=r.offset,i=void 0===o?[0,0]:o,a=ve.reduce(function(e,r){return e[r]=function(e,t,r){var n=we(e),o=[se,oe].indexOf(n)>=0?-1:1,i="function"==typeof r?r(Object.assign({},t,{placement:e})):r,a=i[0],s=i[1];return a=a||0,s=(s||0)*o,[se,ae].indexOf(n)>=0?{x:s,y:a}:{x:a,y:s}}(r,t.rects,i),e},{}),s=a[t.placement],l=s.x,c=s.y;null!=t.modifiersData.popperOffsets&&(t.modifiersData.popperOffsets.x+=l,t.modifiersData.popperOffsets.y+=c),t.modifiersData[n]=a}};var Se={left:"right",right:"left",bottom:"top",top:"bottom"};function Ee(e){return e.replace(/left|right|bottom|top/g,function(e){return Se[e]})}var Me={start:"end",end:"start"};function Te(e){return e.replace(/start|end/g,function(e){return Me[e]})}function Be(e,t){var r=t.getRootNode&&t.getRootNode();if(e.contains(t))return!0;if(r&&Z(r)){var n=t;do{if(n&&e.isSameNode(n))return!0;n=n.parentNode||n.host}while(n)}return!1}function De(e){return Object.assign({},e,{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function Re(e,t,r){return t===de?De(function(e,t){var r=B(e),n=q(e),o=r.visualViewport,i=n.clientWidth,a=n.clientHeight,s=0,l=0;if(o){i=o.width,a=o.height;var c=z();(c||!c&&"fixed"===t)&&(s=o.offsetLeft,l=o.offsetTop)}return{width:i,height:a,x:s+$(e),y:l}}(e,r)):D(t)?function(e,t){var r=V(e,!1,"fixed"===t);return r.top=r.top+e.clientTop,r.left=r.left+e.clientLeft,r.bottom=r.top+e.clientHeight,r.right=r.left+e.clientWidth,r.width=e.clientWidth,r.height=e.clientHeight,r.x=r.left,r.y=r.top,r}(t,r):De(function(e){var t,r=q(e),n=H(e),o=null==(t=e.ownerDocument)?void 0:t.body,i=N(r.scrollWidth,r.clientWidth,o?o.scrollWidth:0,o?o.clientWidth:0),a=N(r.scrollHeight,r.clientHeight,o?o.scrollHeight:0,o?o.clientHeight:0),s=-n.scrollLeft+$(e),l=-n.scrollTop;return"rtl"===G(o||r).direction&&(s+=N(r.clientWidth,o?o.clientWidth:0)-i),{width:i,height:a,x:s,y:l}}(q(e)))}function Ze(e,t,r,n){var o="clippingParents"===t?function(e){var t=ee(K(e)),r=["absolute","fixed"].indexOf(G(e).position)>=0&&R(e)?ne(e):e;return D(r)?t.filter(function(e){return D(e)&&Be(e,r)&&"body"!==U(e)}):[]}(e):[].concat(t),i=[].concat(o,[r]),a=i[0],s=i.reduce(function(t,r){var o=Re(e,r,n);return t.top=N(o.top,t.top),t.right=F(o.right,t.right),t.bottom=F(o.bottom,t.bottom),t.left=N(o.left,t.left),t},Re(e,a,n));return s.width=s.right-s.left,s.height=s.bottom-s.top,s.x=s.left,s.y=s.top,s}function Ne(e){return Object.assign({},{top:0,right:0,bottom:0,left:0},e)}function Fe(e,t){return t.reduce(function(t,r){return t[r]=e,t},{})}function We(e,t){void 0===t&&(t={});var r=t,n=r.placement,o=void 0===n?e.placement:n,i=r.strategy,a=void 0===i?e.strategy:i,s=r.boundary,l=void 0===s?"clippingParents":s,c=r.rootBoundary,u=void 0===c?de:c,p=r.elementContext,d=void 0===p?fe:p,f=r.altBoundary,h=void 0!==f&&f,v=r.padding,y=void 0===v?0:v,m=Ne("number"!=typeof y?y:Fe(y,ce)),b=d===fe?"reference":fe,g=e.rects.popper,x=e.elements[h?b:d],_=Ze(D(x)?x:x.contextElement||q(e.elements.popper),l,u,a),w=V(e.elements.reference),j=Oe({reference:w,element:g,strategy:"absolute",placement:o}),L=De(Object.assign({},g,j)),O=d===fe?L:w,A={top:_.top-O.top+m.top,bottom:O.bottom-_.bottom+m.bottom,left:_.left-O.left+m.left,right:O.right-_.right+m.right},k=e.modifiersData.offset;if(d===fe&&k){var P=k[o];Object.keys(A).forEach(function(e){var t=[ae,ie].indexOf(e)>=0?1:-1,r=[oe,ie].indexOf(e)>=0?"y":"x";A[e]+=P[r]*t})}return A}function Ie(e,t,r){return N(e,F(t,r))}const ze={name:"preventOverflow",enabled:!0,phase:"main",fn:function(e){var t=e.state,r=e.options,n=e.name,o=r.mainAxis,i=void 0===o||o,a=r.altAxis,s=void 0!==a&&a,l=r.boundary,c=r.rootBoundary,u=r.altBoundary,p=r.padding,d=r.tether,f=void 0===d||d,h=r.tetherOffset,v=void 0===h?0:h,y=We(t,{boundary:l,rootBoundary:c,padding:p,altBoundary:u}),m=we(t.placement),b=je(t.placement),g=!b,x=Le(m),_="x"===x?"y":"x",w=t.modifiersData.popperOffsets,j=t.rects.reference,L=t.rects.popper,O="function"==typeof v?v(Object.assign({},t.rects,{placement:t.placement})):v,A="number"==typeof O?{mainAxis:O,altAxis:O}:Object.assign({mainAxis:0,altAxis:0},O),k=t.modifiersData.offset?t.modifiersData.offset[t.placement]:null,P={x:0,y:0};if(w){if(i){var C,S="y"===x?oe:se,E="y"===x?ie:ae,M="y"===x?"height":"width",T=w[x],B=T+y[S],D=T-y[E],R=f?-L[M]/2:0,Z=b===ue?j[M]:L[M],W=b===ue?-L[M]:-j[M],I=t.elements.arrow,z=f&&I?Y(I):{width:0,height:0},V=t.modifiersData["arrow#persistent"]?t.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},H=V[S],U=V[E],q=Ie(0,j[M],z[M]),$=g?j[M]/2-R-q-H-A.mainAxis:Z-q-H-A.mainAxis,G=g?-j[M]/2+R+q+U+A.mainAxis:W+q+U+A.mainAxis,X=t.elements.arrow&&ne(t.elements.arrow),J=X?"y"===x?X.clientTop||0:X.clientLeft||0:0,K=null!=(C=null==k?void 0:k[x])?C:0,Q=T+G-K,ee=Ie(f?F(B,T+$-K-J):B,T,f?N(D,Q):D);w[x]=ee,P[x]=ee-T}if(s){var te,re="x"===x?oe:se,le="x"===x?ie:ae,ce=w[_],pe="y"===_?"height":"width",de=ce+y[re],fe=ce-y[le],he=-1!==[oe,se].indexOf(m),ve=null!=(te=null==k?void 0:k[_])?te:0,ye=he?de:ce-j[pe]-L[pe]-ve+A.altAxis,me=he?ce+j[pe]+L[pe]-ve-A.altAxis:fe,be=f&&he?function(e,t,r){var n=Ie(e,t,r);return n>r?r:n}(ye,ce,me):Ie(f?ye:de,ce,f?me:fe);w[_]=be,P[_]=be-ce}t.modifiersData[n]=P}},requiresIfExists:["offset"]};const Ve={name:"arrow",enabled:!0,phase:"main",fn:function(e){var t,r=e.state,n=e.name,o=e.options,i=r.elements.arrow,a=r.modifiersData.popperOffsets,s=we(r.placement),l=Le(s),c=[se,ae].indexOf(s)>=0?"height":"width";if(i&&a){var u=function(e,t){return Ne("number"!=typeof(e="function"==typeof e?e(Object.assign({},t.rects,{placement:t.placement})):e)?e:Fe(e,ce))}(o.padding,r),p=Y(i),d="y"===l?oe:se,f="y"===l?ie:ae,h=r.rects.reference[c]+r.rects.reference[l]-a[l]-r.rects.popper[c],v=a[l]-r.rects.reference[l],y=ne(i),m=y?"y"===l?y.clientHeight||0:y.clientWidth||0:0,b=h/2-v/2,g=u[d],x=m-p[c]-u[f],_=m/2-p[c]/2+b,w=Ie(g,_,x),j=l;r.modifiersData[n]=((t={})[j]=w,t.centerOffset=w-_,t)}},effect:function(e){var t=e.state,r=e.options.element,n=void 0===r?"[data-popper-arrow]":r;null!=n&&("string"!=typeof n||(n=t.elements.popper.querySelector(n)))&&Be(t.elements.popper,n)&&(t.elements.arrow=n)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function He(e,t,r){return void 0===r&&(r={x:0,y:0}),{top:e.top-t.height-r.y,right:e.right-t.width+r.x,bottom:e.bottom-t.height+r.y,left:e.left-t.width-r.x}}function Ue(e){return[oe,ae,ie,se].some(function(t){return e[t]>=0})}var qe=xe({defaultModifiers:[{name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:function(e){var t=e.state,r=e.instance,n=e.options,o=n.scroll,i=void 0===o||o,a=n.resize,s=void 0===a||a,l=B(t.elements.popper),c=[].concat(t.scrollParents.reference,t.scrollParents.popper);return i&&c.forEach(function(e){e.addEventListener("scroll",r.update,_e)}),s&&l.addEventListener("resize",r.update,_e),function(){i&&c.forEach(function(e){e.removeEventListener("scroll",r.update,_e)}),s&&l.removeEventListener("resize",r.update,_e)}},data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:function(e){var t=e.state,r=e.name;t.modifiersData[r]=Oe({reference:t.rects.reference,element:t.rects.popper,strategy:"absolute",placement:t.placement})},data:{}},{name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function(e){var t=e.state,r=e.options,n=r.gpuAcceleration,o=void 0===n||n,i=r.adaptive,a=void 0===i||i,s=r.roundOffsets,l=void 0===s||s,c={placement:we(t.placement),variation:je(t.placement),popper:t.elements.popper,popperRect:t.rects.popper,gpuAcceleration:o,isFixed:"fixed"===t.options.strategy};null!=t.modifiersData.popperOffsets&&(t.styles.popper=Object.assign({},t.styles.popper,ke(Object.assign({},c,{offsets:t.modifiersData.popperOffsets,position:t.options.strategy,adaptive:a,roundOffsets:l})))),null!=t.modifiersData.arrow&&(t.styles.arrow=Object.assign({},t.styles.arrow,ke(Object.assign({},c,{offsets:t.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:l})))),t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-placement":t.placement})},data:{}},Pe,Ce,{name:"flip",enabled:!0,phase:"main",fn:function(e){var t=e.state,r=e.options,n=e.name;if(!t.modifiersData[n]._skip){for(var o=r.mainAxis,i=void 0===o||o,a=r.altAxis,s=void 0===a||a,l=r.fallbackPlacements,c=r.padding,u=r.boundary,p=r.rootBoundary,d=r.altBoundary,f=r.flipVariations,h=void 0===f||f,v=r.allowedAutoPlacements,y=t.options.placement,m=we(y),b=l||(m===y||!h?[Ee(y)]:function(e){if(we(e)===le)return[];var t=Ee(e);return[Te(e),t,Te(t)]}(y)),g=[y].concat(b).reduce(function(e,r){return e.concat(we(r)===le?function(e,t){void 0===t&&(t={});var r=t,n=r.placement,o=r.boundary,i=r.rootBoundary,a=r.padding,s=r.flipVariations,l=r.allowedAutoPlacements,c=void 0===l?ve:l,u=je(n),p=u?s?he:he.filter(function(e){return je(e)===u}):ce,d=p.filter(function(e){return c.indexOf(e)>=0});0===d.length&&(d=p);var f=d.reduce(function(t,r){return t[r]=We(e,{placement:r,boundary:o,rootBoundary:i,padding:a})[we(r)],t},{});return Object.keys(f).sort(function(e,t){return f[e]-f[t]})}(t,{placement:r,boundary:u,rootBoundary:p,padding:c,flipVariations:h,allowedAutoPlacements:v}):r)},[]),x=t.rects.reference,_=t.rects.popper,w=new Map,j=!0,L=g[0],O=0;O=0,S=C?"width":"height",E=We(t,{placement:A,boundary:u,rootBoundary:p,altBoundary:d,padding:c}),M=C?P?ae:se:P?ie:oe;x[S]>_[S]&&(M=Ee(M));var T=Ee(M),B=[];if(i&&B.push(E[k]<=0),s&&B.push(E[M]<=0,E[T]<=0),B.every(function(e){return e})){L=A,j=!1;break}w.set(A,B)}if(j)for(var D=function(e){var t=g.find(function(t){var r=w.get(t);if(r)return r.slice(0,e).every(function(e){return e})});if(t)return L=t,"break"},R=h?3:1;R>0;R--){if("break"===D(R))break}t.placement!==L&&(t.modifiersData[n]._skip=!0,t.placement=L,t.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}},ze,Ve,{name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function(e){var t=e.state,r=e.name,n=t.rects.reference,o=t.rects.popper,i=t.modifiersData.preventOverflow,a=We(t,{elementContext:"reference"}),s=We(t,{altBoundary:!0}),l=He(a,n),c=He(s,o,i),u=Ue(l),p=Ue(c);t.modifiersData[r]={referenceClippingOffsets:l,popperEscapeOffsets:c,isReferenceHidden:u,hasPopperEscaped:p},t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-reference-hidden":u,"data-popper-escaped":p})}}]}),$e="tippy-content",Ge="tippy-backdrop",Xe="tippy-arrow",Je="tippy-svg-arrow",Ye={passive:!0,capture:!0},Ke=function(){return document.body};function Qe(e,t,r){if(Array.isArray(e)){var n=e[t];return null==n?Array.isArray(r)?r[t]:r:n}return e}function et(e,t){var r={}.toString.call(e);return 0===r.indexOf("[object")&&r.indexOf(t+"]")>-1}function tt(e,t){return"function"==typeof e?e.apply(void 0,t):e}function rt(e,t){return 0===t?e:function(n){clearTimeout(r),r=setTimeout(function(){e(n)},t)};var r}function nt(e){return[].concat(e)}function ot(e,t){-1===e.indexOf(t)&&e.push(t)}function it(e){return e.split("-")[0]}function at(e){return[].slice.call(e)}function st(e){return Object.keys(e).reduce(function(t,r){return void 0!==e[r]&&(t[r]=e[r]),t},{})}function lt(){return document.createElement("div")}function ct(e){return["Element","Fragment"].some(function(t){return et(e,t)})}function ut(e){return et(e,"MouseEvent")}function pt(e){return!(!e||!e._tippy||e._tippy.reference!==e)}function dt(e){return ct(e)?[e]:function(e){return et(e,"NodeList")}(e)?at(e):Array.isArray(e)?e:at(document.querySelectorAll(e))}function ft(e,t){e.forEach(function(e){e&&(e.style.transitionDuration=t+"ms")})}function ht(e,t){e.forEach(function(e){e&&e.setAttribute("data-state",t)})}function vt(e){var t,r=nt(e)[0];return null!=r&&null!=(t=r.ownerDocument)&&t.body?r.ownerDocument:document}function yt(e,t,r){var n=t+"EventListener";["transitionend","webkitTransitionEnd"].forEach(function(t){e[n](t,r)})}function mt(e,t){for(var r=t;r;){var n;if(e.contains(r))return!0;r=null==r.getRootNode||null==(n=r.getRootNode())?void 0:n.host}return!1}var bt={isTouch:!1},gt=0;function xt(){bt.isTouch||(bt.isTouch=!0,window.performance&&document.addEventListener("mousemove",_t))}function _t(){var e=performance.now();e-gt<20&&(bt.isTouch=!1,document.removeEventListener("mousemove",_t)),gt=e}function wt(){var e=document.activeElement;if(pt(e)){var t=e._tippy;e.blur&&!t.state.isVisible&&e.blur()}}var jt=!!("undefined"!=typeof window&&"undefined"!=typeof document)&&!!window.msCrypto;var Lt={animateFill:!1,followCursor:!1,inlinePositioning:!1,sticky:!1},Ot=Object.assign({appendTo:Ke,aria:{content:"auto",expanded:"auto"},delay:0,duration:[300,250],getReferenceClientRect:null,hideOnClick:!0,ignoreAttributes:!1,interactive:!1,interactiveBorder:2,interactiveDebounce:0,moveTransition:"",offset:[0,10],onAfterUpdate:function(){},onBeforeUpdate:function(){},onCreate:function(){},onDestroy:function(){},onHidden:function(){},onHide:function(){},onMount:function(){},onShow:function(){},onShown:function(){},onTrigger:function(){},onUntrigger:function(){},onClickOutside:function(){},placement:"top",plugins:[],popperOptions:{},render:null,showOnCreate:!1,touch:!0,trigger:"mouseenter focus",triggerTarget:null},Lt,{allowHTML:!1,animation:"fade",arrow:!0,content:"",inertia:!1,maxWidth:350,role:"tooltip",theme:"",zIndex:9999}),At=Object.keys(Ot);function kt(e){var t=(e.plugins||[]).reduce(function(t,r){var n,o=r.name,i=r.defaultValue;o&&(t[o]=void 0!==e[o]?e[o]:null!=(n=Ot[o])?n:i);return t},{});return Object.assign({},e,t)}function Pt(e,t){var r=Object.assign({},t,{content:tt(t.content,[e])},t.ignoreAttributes?{}:function(e,t){return(t?Object.keys(kt(Object.assign({},Ot,{plugins:t}))):At).reduce(function(t,r){var n=(e.getAttribute("data-tippy-"+r)||"").trim();if(!n)return t;if("content"===r)t[r]=n;else try{t[r]=JSON.parse(n)}catch(e){t[r]=n}return t},{})}(e,t.plugins));return r.aria=Object.assign({},Ot.aria,r.aria),r.aria={expanded:"auto"===r.aria.expanded?t.interactive:r.aria.expanded,content:"auto"===r.aria.content?t.interactive?null:"describedby":r.aria.content},r}function Ct(e,t){e.innerHTML=t}function St(e){var t=lt();return!0===e?t.className=Xe:(t.className=Je,ct(e)?t.appendChild(e):Ct(t,e)),t}function Et(e,t){ct(t.content)?(Ct(e,""),e.appendChild(t.content)):"function"!=typeof t.content&&(t.allowHTML?Ct(e,t.content):e.textContent=t.content)}function Mt(e){var t=e.firstElementChild,r=at(t.children);return{box:t,content:r.find(function(e){return e.classList.contains($e)}),arrow:r.find(function(e){return e.classList.contains(Xe)||e.classList.contains(Je)}),backdrop:r.find(function(e){return e.classList.contains(Ge)})}}function Tt(e){var t=lt(),r=lt();r.className="tippy-box",r.setAttribute("data-state","hidden"),r.setAttribute("tabindex","-1");var n=lt();function o(r,n){var o=Mt(t),i=o.box,a=o.content,s=o.arrow;n.theme?i.setAttribute("data-theme",n.theme):i.removeAttribute("data-theme"),"string"==typeof n.animation?i.setAttribute("data-animation",n.animation):i.removeAttribute("data-animation"),n.inertia?i.setAttribute("data-inertia",""):i.removeAttribute("data-inertia"),i.style.maxWidth="number"==typeof n.maxWidth?n.maxWidth+"px":n.maxWidth,n.role?i.setAttribute("role",n.role):i.removeAttribute("role"),r.content===n.content&&r.allowHTML===n.allowHTML||Et(a,e.props),n.arrow?s?r.arrow!==n.arrow&&(i.removeChild(s),i.appendChild(St(n.arrow))):i.appendChild(St(n.arrow)):s&&i.removeChild(s)}return n.className=$e,n.setAttribute("data-state","hidden"),Et(n,e.props),t.appendChild(r),r.appendChild(n),o(e.props,e.props),{popper:t,onUpdate:o}}Tt.$$tippy=!0;var Bt=1,Dt=[],Rt=[];function Zt(e,t){var r,n,o,i,a,s,l,c,u=Pt(e,Object.assign({},Ot,kt(st(t)))),p=!1,d=!1,f=!1,h=!1,v=[],y=rt($,u.interactiveDebounce),m=Bt++,b=(c=u.plugins).filter(function(e,t){return c.indexOf(e)===t}),g={id:m,reference:e,popper:lt(),popperInstance:null,props:u,state:{isEnabled:!0,isVisible:!1,isDestroyed:!1,isMounted:!1,isShown:!1},plugins:b,clearDelayTimeouts:function(){clearTimeout(r),clearTimeout(n),cancelAnimationFrame(o)},setProps:function(t){0;if(g.state.isDestroyed)return;T("onBeforeUpdate",[g,t]),U();var r=g.props,n=Pt(e,Object.assign({},r,st(t),{ignoreAttributes:!0}));g.props=n,H(),r.interactiveDebounce!==n.interactiveDebounce&&(R(),y=rt($,n.interactiveDebounce));r.triggerTarget&&!n.triggerTarget?nt(r.triggerTarget).forEach(function(e){e.removeAttribute("aria-expanded")}):n.triggerTarget&&e.removeAttribute("aria-expanded");D(),M(),w&&w(r,n);g.popperInstance&&(Y(),Q().forEach(function(e){requestAnimationFrame(e._tippy.popperInstance.forceUpdate)}));T("onAfterUpdate",[g,t])},setContent:function(e){g.setProps({content:e})},show:function(){0;var e=g.state.isVisible,t=g.state.isDestroyed,r=!g.state.isEnabled,n=bt.isTouch&&!g.props.touch,o=Qe(g.props.duration,0,Ot.duration);if(e||t||r||n)return;if(P().hasAttribute("disabled"))return;if(T("onShow",[g],!1),!1===g.props.onShow(g))return;g.state.isVisible=!0,k()&&(_.style.visibility="visible");M(),W(),g.state.isMounted||(_.style.transition="none");if(k()){var i=S();ft([i.box,i.content],0)}s=function(){var e;if(g.state.isVisible&&!h){if(h=!0,_.offsetHeight,_.style.transition=g.props.moveTransition,k()&&g.props.animation){var t=S(),r=t.box,n=t.content;ft([r,n],o),ht([r,n],"visible")}B(),D(),ot(Rt,g),null==(e=g.popperInstance)||e.forceUpdate(),T("onMount",[g]),g.props.animation&&k()&&function(e,t){z(e,t)}(o,function(){g.state.isShown=!0,T("onShown",[g])})}},function(){var e,t=g.props.appendTo,r=P();e=g.props.interactive&&t===Ke||"parent"===t?r.parentNode:tt(t,[r]);e.contains(_)||e.appendChild(_);g.state.isMounted=!0,Y(),!1}()},hide:function(){0;var e=!g.state.isVisible,t=g.state.isDestroyed,r=!g.state.isEnabled,n=Qe(g.props.duration,1,Ot.duration);if(e||t||r)return;if(T("onHide",[g],!1),!1===g.props.onHide(g))return;g.state.isVisible=!1,g.state.isShown=!1,h=!1,p=!1,k()&&(_.style.visibility="hidden");if(R(),I(),M(!0),k()){var o=S(),i=o.box,a=o.content;g.props.animation&&(ft([i,a],n),ht([i,a],"hidden"))}B(),D(),g.props.animation?k()&&function(e,t){z(e,function(){!g.state.isVisible&&_.parentNode&&_.parentNode.contains(_)&&t()})}(n,g.unmount):g.unmount()},hideWithInteractivity:function(e){0;C().addEventListener("mousemove",y),ot(Dt,y),y(e)},enable:function(){g.state.isEnabled=!0},disable:function(){g.hide(),g.state.isEnabled=!1},unmount:function(){0;g.state.isVisible&&g.hide();if(!g.state.isMounted)return;K(),Q().forEach(function(e){e._tippy.unmount()}),_.parentNode&&_.parentNode.removeChild(_);Rt=Rt.filter(function(e){return e!==g}),g.state.isMounted=!1,T("onHidden",[g])},destroy:function(){0;if(g.state.isDestroyed)return;g.clearDelayTimeouts(),g.unmount(),U(),delete e._tippy,g.state.isDestroyed=!0,T("onDestroy",[g])}};if(!u.render)return g;var x=u.render(g),_=x.popper,w=x.onUpdate;_.setAttribute("data-tippy-root",""),_.id="tippy-"+g.id,g.popper=_,e._tippy=g,_._tippy=g;var j=b.map(function(e){return e.fn(g)}),L=e.hasAttribute("aria-expanded");return H(),D(),M(),T("onCreate",[g]),u.showOnCreate&&ee(),_.addEventListener("mouseenter",function(){g.props.interactive&&g.state.isVisible&&g.clearDelayTimeouts()}),_.addEventListener("mouseleave",function(){g.props.interactive&&g.props.trigger.indexOf("mouseenter")>=0&&C().addEventListener("mousemove",y)}),g;function O(){var e=g.props.touch;return Array.isArray(e)?e:[e,0]}function A(){return"hold"===O()[0]}function k(){var e;return!(null==(e=g.props.render)||!e.$$tippy)}function P(){return l||e}function C(){var e=P().parentNode;return e?vt(e):document}function S(){return Mt(_)}function E(e){return g.state.isMounted&&!g.state.isVisible||bt.isTouch||i&&"focus"===i.type?0:Qe(g.props.delay,e?0:1,Ot.delay)}function M(e){void 0===e&&(e=!1),_.style.pointerEvents=g.props.interactive&&!e?"":"none",_.style.zIndex=""+g.props.zIndex}function T(e,t,r){var n;(void 0===r&&(r=!0),j.forEach(function(r){r[e]&&r[e].apply(r,t)}),r)&&(n=g.props)[e].apply(n,t)}function B(){var t=g.props.aria;if(t.content){var r="aria-"+t.content,n=_.id;nt(g.props.triggerTarget||e).forEach(function(e){var t=e.getAttribute(r);if(g.state.isVisible)e.setAttribute(r,t?t+" "+n:n);else{var o=t&&t.replace(n,"").trim();o?e.setAttribute(r,o):e.removeAttribute(r)}})}}function D(){!L&&g.props.aria.expanded&&nt(g.props.triggerTarget||e).forEach(function(e){g.props.interactive?e.setAttribute("aria-expanded",g.state.isVisible&&e===P()?"true":"false"):e.removeAttribute("aria-expanded")})}function R(){C().removeEventListener("mousemove",y),Dt=Dt.filter(function(e){return e!==y})}function Z(t){if(!bt.isTouch||!f&&"mousedown"!==t.type){var r=t.composedPath&&t.composedPath()[0]||t.target;if(!g.props.interactive||!mt(_,r)){if(nt(g.props.triggerTarget||e).some(function(e){return mt(e,r)})){if(bt.isTouch)return;if(g.state.isVisible&&g.props.trigger.indexOf("click")>=0)return}else T("onClickOutside",[g,t]);!0===g.props.hideOnClick&&(g.clearDelayTimeouts(),g.hide(),d=!0,setTimeout(function(){d=!1}),g.state.isMounted||I())}}}function N(){f=!0}function F(){f=!1}function W(){var e=C();e.addEventListener("mousedown",Z,!0),e.addEventListener("touchend",Z,Ye),e.addEventListener("touchstart",F,Ye),e.addEventListener("touchmove",N,Ye)}function I(){var e=C();e.removeEventListener("mousedown",Z,!0),e.removeEventListener("touchend",Z,Ye),e.removeEventListener("touchstart",F,Ye),e.removeEventListener("touchmove",N,Ye)}function z(e,t){var r=S().box;function n(e){e.target===r&&(yt(r,"remove",n),t())}if(0===e)return t();yt(r,"remove",a),yt(r,"add",n),a=n}function V(t,r,n){void 0===n&&(n=!1),nt(g.props.triggerTarget||e).forEach(function(e){e.addEventListener(t,r,n),v.push({node:e,eventType:t,handler:r,options:n})})}function H(){var e;A()&&(V("touchstart",q,{passive:!0}),V("touchend",G,{passive:!0})),(e=g.props.trigger,e.split(/\s+/).filter(Boolean)).forEach(function(e){if("manual"!==e)switch(V(e,q),e){case"mouseenter":V("mouseleave",G);break;case"focus":V(jt?"focusout":"blur",X);break;case"focusin":V("focusout",X)}})}function U(){v.forEach(function(e){var t=e.node,r=e.eventType,n=e.handler,o=e.options;t.removeEventListener(r,n,o)}),v=[]}function q(e){var t,r=!1;if(g.state.isEnabled&&!J(e)&&!d){var n="focus"===(null==(t=i)?void 0:t.type);i=e,l=e.currentTarget,D(),!g.state.isVisible&&ut(e)&&Dt.forEach(function(t){return t(e)}),"click"===e.type&&(g.props.trigger.indexOf("mouseenter")<0||p)&&!1!==g.props.hideOnClick&&g.state.isVisible?r=!0:ee(e),"click"===e.type&&(p=!r),r&&!n&&te(e)}}function $(e){var t=e.target,r=P().contains(t)||_.contains(t);if("mousemove"!==e.type||!r){var n=Q().concat(_).map(function(e){var t,r=null==(t=e._tippy.popperInstance)?void 0:t.state;return r?{popperRect:e.getBoundingClientRect(),popperState:r,props:u}:null}).filter(Boolean);(function(e,t){var r=t.clientX,n=t.clientY;return e.every(function(e){var t=e.popperRect,o=e.popperState,i=e.props.interactiveBorder,a=it(o.placement),s=o.modifiersData.offset;if(!s)return!0;var l="bottom"===a?s.top.y:0,c="top"===a?s.bottom.y:0,u="right"===a?s.left.x:0,p="left"===a?s.right.x:0,d=t.top-n+l>i,f=n-t.bottom-c>i,h=t.left-r+u>i,v=r-t.right-p>i;return d||f||h||v})})(n,e)&&(R(),te(e))}}function G(e){J(e)||g.props.trigger.indexOf("click")>=0&&p||(g.props.interactive?g.hideWithInteractivity(e):te(e))}function X(e){g.props.trigger.indexOf("focusin")<0&&e.target!==P()||g.props.interactive&&e.relatedTarget&&_.contains(e.relatedTarget)||te(e)}function J(e){return!!bt.isTouch&&A()!==e.type.indexOf("touch")>=0}function Y(){K();var t=g.props,r=t.popperOptions,n=t.placement,o=t.offset,i=t.getReferenceClientRect,a=t.moveTransition,l=k()?Mt(_).arrow:null,c=i?{getBoundingClientRect:i,contextElement:i.contextElement||P()}:e,u={name:"$$tippy",enabled:!0,phase:"beforeWrite",requires:["computeStyles"],fn:function(e){var t=e.state;if(k()){var r=S().box;["placement","reference-hidden","escaped"].forEach(function(e){"placement"===e?r.setAttribute("data-placement",t.placement):t.attributes.popper["data-popper-"+e]?r.setAttribute("data-"+e,""):r.removeAttribute("data-"+e)}),t.attributes.popper={}}}},p=[{name:"offset",options:{offset:o}},{name:"preventOverflow",options:{padding:{top:2,bottom:2,left:5,right:5}}},{name:"flip",options:{padding:5}},{name:"computeStyles",options:{adaptive:!a}},u];k()&&l&&p.push({name:"arrow",options:{element:l,padding:3}}),p.push.apply(p,(null==r?void 0:r.modifiers)||[]),g.popperInstance=qe(c,_,Object.assign({},r,{placement:n,onFirstUpdate:s,modifiers:p}))}function K(){g.popperInstance&&(g.popperInstance.destroy(),g.popperInstance=null)}function Q(){return at(_.querySelectorAll("[data-tippy-root]"))}function ee(e){g.clearDelayTimeouts(),e&&T("onTrigger",[g,e]),W();var t=E(!0),n=O(),o=n[0],i=n[1];bt.isTouch&&"hold"===o&&i&&(t=i),t?r=setTimeout(function(){g.show()},t):g.show()}function te(e){if(g.clearDelayTimeouts(),T("onUntrigger",[g,e]),g.state.isVisible){if(!(g.props.trigger.indexOf("mouseenter")>=0&&g.props.trigger.indexOf("click")>=0&&["mouseleave","mousemove"].indexOf(e.type)>=0&&p)){var t=E(!1);t?n=setTimeout(function(){g.state.isVisible&&g.hide()},t):o=requestAnimationFrame(function(){g.hide()})}}else I()}}function Nt(e,t){void 0===t&&(t={});var r=Ot.plugins.concat(t.plugins||[]);document.addEventListener("touchstart",xt,Ye),window.addEventListener("blur",wt);var n=Object.assign({},t,{plugins:r}),o=dt(e).reduce(function(e,t){var r=t&&Zt(t,n);return r&&e.push(r),e},[]);return ct(e)?o[0]:o}Nt.defaultProps=Ot,Nt.setDefaultProps=function(e){Object.keys(e).forEach(function(t){Ot[t]=e[t]})},Nt.currentInput=bt;Object.assign({},Pe,{effect:function(e){var t=e.state,r={popper:{position:t.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};Object.assign(t.elements.popper.style,r.popper),t.styles=r,t.elements.arrow&&Object.assign(t.elements.arrow.style,r.arrow)}});Nt.setDefaultProps({render:Tt});const Ft=Nt,Wt=({children:e,value:t})=>(0,c.jsxs)("div",{className:"colorpalette-color-label",children:[(0,c.jsx)("span",{children:e}),(0,c.jsx)("span",{className:"component-color-indicator","aria-label":`Color: ${t}`,style:{background:t}})]}),It=new(t())("_"),zt=({attributes:e,setAttributes:t,colors:r})=>{const o=i()(e),u=It.object(o),[p,d]=(0,n.useState)(u.customSettings);e.transformation_crop||(e.transformation_crop="pad",e.transformation_background="rgb:FFFFFF"),"fill"===e.transformation_crop&&delete e.transformation_background;const f=(e,r)=>{const n={[r]:T(e)};t(n)},S=(e=>{const[t,r]=(0,n.useState)(null),o=(0,n.useCallback)(e=>r(e),[]);return(0,n.useEffect)(()=>{if(!t)return;const r=Ft(t,{content:e});return()=>{r?.destroy()}},[t,e]),o})((0,a.__)("How to resize or crop images to fit the gallery. Pad adds padding around the image using the specified padding style. Fill crops the image from the center so it fills as much of the available space as possible.","cloudinary"));return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(s.PanelBody,{title:(0,a.__)("Layout","cloudinary"),children:h.map(r=>(0,c.jsx)(M,{value:r.value,onChange:e=>{t({displayProps_mode:e.type,displayProps_columns:e.columns||1})},icon:r.icon,current:{type:e.displayProps_mode,columns:e.displayProps_columns||1},children:r.label},`${r.value.type}-${r.value.columns}-layout`))}),(0,c.jsxs)(s.PanelBody,{title:(0,a.__)("Color Palette","cloudinary"),initialOpen:!1,children:[(0,c.jsx)(Wt,{value:e.themeProps_primary,children:(0,a.__)("Primary","cloudinary")}),(0,c.jsx)(l.ColorPalette,{value:e.themeProps_primary,colors:r,disableCustomColors:!1,onChange:e=>f(e,"themeProps_primary")}),(0,c.jsx)(Wt,{value:e.themeProps_onPrimary,children:(0,a.__)("On Primary","cloudinary")}),(0,c.jsx)(l.ColorPalette,{value:e.themeProps_onPrimary,colors:r,disableCustomColors:!1,onChange:e=>f(e,"themeProps_onPrimary")}),(0,c.jsx)(Wt,{value:e.themeProps_active,children:(0,a.__)("Active","cloudinary")}),(0,c.jsx)(l.ColorPalette,{value:e.themeProps_active,colors:r,disableCustomColors:!1,onChange:e=>f(e,"themeProps_active")})]}),"classic"===e.displayProps_mode&&(0,c.jsx)(s.PanelBody,{title:(0,a.__)("Fade Transition","cloudinary"),initialOpen:!1,children:(0,c.jsx)(s.SelectControl,{value:e.transition,options:y,onChange:e=>t({transition:e})})}),(0,c.jsxs)(s.PanelBody,{title:(0,a.__)("Main Viewer Parameters","cloudinary"),initialOpen:!1,children:[(0,c.jsx)(s.SelectControl,{label:(0,a.__)("Aspect Ratio","cloudinary"),value:e.aspectRatio,options:v,onChange:e=>t({aspectRatio:e})}),(0,c.jsxs)("p",{children:[(0,c.jsxs)("div",{className:"cld-ui-title",children:[(0,a.__)("Resize/Crop Mode","cloudinary"),(0,c.jsx)("span",{className:"dashicons dashicons-info cld-tooltip",ref:S})]}),(0,c.jsx)(s.ButtonGroup,{children:P.map(r=>(0,c.jsx)(s.Button,{isDefault:!0,isPressed:r.value===e.transformation_crop,onClick:()=>t({transformation_crop:r.value,transformation_background:null}),children:r.label},r.value+"-look-and-feel"))})]}),"pad"===e.transformation_crop&&(0,c.jsx)(s.SelectControl,{label:(0,a.__)("Pad style","cloudinary"),value:e.transformation_background,options:C,onChange:e=>{t({transformation_background:e})}}),(0,c.jsx)("p",{children:(0,a.__)("Navigation","cloudinary")}),(0,c.jsx)("p",{children:(0,c.jsx)(s.ButtonGroup,{children:m.map(r=>(0,c.jsx)(s.Button,{isDefault:!0,isPressed:r.value===e.navigation,onClick:()=>t({navigation:r.value}),children:r.label},r.value+"-navigation"))})}),(0,c.jsxs)("div",{style:{marginTop:"30px"},children:[(0,c.jsx)(s.ToggleControl,{label:(0,a.__)("Show Zoom","cloudinary"),checked:e.zoom,onChange:()=>t({zoom:!e.zoom})}),e.zoom&&(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)("p",{children:(0,a.__)("Zoom Type","cloudinary")}),(0,c.jsx)("p",{children:(0,c.jsx)(s.ButtonGroup,{children:b.map(r=>(0,c.jsx)(s.Button,{isDefault:!0,isPressed:r.value===e.zoomProps_type,onClick:()=>t({zoomProps_type:r.value}),children:r.label},r.value+"-zoom-type"))})}),"flyout"===e.zoomProps_type&&(0,c.jsx)(s.SelectControl,{label:(0,a.__)("Zoom Viewer Position","cloudinary"),value:e.zoomProps_viewerPosition,options:g,onChange:e=>t({zoomProps_viewerPosition:e})}),"popup"!==e.zoomProps_type&&(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)("p",{children:(0,a.__)("Zoom Trigger","cloudinary")}),(0,c.jsx)("p",{children:(0,c.jsx)(s.ButtonGroup,{children:x.map(r=>(0,c.jsx)(s.Button,{isDefault:!0,isPressed:r.value===e.zoomProps_trigger,onClick:()=>t({zoomProps_trigger:r.value}),children:r.label},r.value+"-zoom-trigger"))})})]})]})]})]}),(0,c.jsxs)(s.PanelBody,{title:(0,a.__)("Carousel Parameters","cloudinary"),initialOpen:!1,children:[(0,c.jsx)("p",{children:(0,a.__)("Carousel Location","cloudinary")}),(0,c.jsx)("p",{children:(0,c.jsx)(s.ButtonGroup,{children:_.map(r=>(0,c.jsx)(s.Button,{isDefault:!0,isPressed:r.value===e.carouselLocation,onClick:()=>t({carouselLocation:r.value}),children:r.label},r.value+"-carousel-location"))})}),(0,c.jsx)(s.RangeControl,{label:(0,a.__)("Carousel Offset","cloudinary"),value:e.carouselOffset,onChange:e=>t({carouselOffset:e}),min:0,max:100}),(0,c.jsx)("p",{children:(0,a.__)("Carousel Style","cloudinary")}),(0,c.jsx)("p",{children:(0,c.jsx)(s.ButtonGroup,{children:w.map(r=>(0,c.jsx)(s.Button,{isDefault:!0,isPressed:r.value===e.carouselStyle,onClick:()=>t({carouselStyle:r.value}),children:r.label},r.value+"-carousel-style"))})}),"thumbnails"===e.carouselStyle&&(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(s.RangeControl,{label:(0,a.__)("Width","cloudinary"),value:e.thumbnailProps_width,onChange:e=>t({thumbnailProps_width:e}),min:5,max:300}),(0,c.jsx)(s.RangeControl,{label:(0,a.__)("Height","cloudinary"),value:e.thumbnailProps_height,onChange:e=>t({thumbnailProps_height:e}),min:5,max:300}),(0,c.jsx)("p",{children:(0,a.__)("Navigation Button Shape","cloudinary")}),j.map(r=>(0,c.jsx)(M,{value:r.value,onChange:e=>t({thumbnailProps_navigationShape:e}),icon:r.icon,current:e.thumbnailProps_navigationShape,children:r.label},r.value+"-navigation-button-shape")),(0,c.jsx)("p",{children:(0,a.__)("Selected Style","cloudinary")}),(0,c.jsx)("p",{children:(0,c.jsx)(s.ButtonGroup,{children:O.map(r=>(0,c.jsx)(s.Button,{isDefault:!0,isPressed:r.value===e.thumbnailProps_selectedStyle,onClick:()=>t({thumbnailProps_selectedStyle:r.value}),children:r.label},r.value+"-selected-style"))})}),(0,c.jsx)(s.SelectControl,{label:(0,a.__)("Selected Border Position","cloudinary"),value:e.thumbnailProps_selectedBorderPosition,options:A,onChange:e=>t({thumbnailProps_selectedBorderPosition:e})}),(0,c.jsx)(s.RangeControl,{label:(0,a.__)("Selected Border Width","cloudinary"),value:e.thumbnailProps_selectedBorderWidth,onChange:e=>t({thumbnailProps_selectedBorderWidth:e}),min:0,max:10}),(0,c.jsx)("p",{children:(0,a.__)("Media Shape Icon","cloudinary")}),k.map(r=>(0,c.jsx)(M,{value:r.value,onChange:e=>t({thumbnailProps_mediaSymbolShape:e}),icon:r.icon,current:e.thumbnailProps_mediaSymbolShape,children:r.label},r.value+"-media"))]}),"indicators"===e.carouselStyle&&(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)("p",{children:(0,a.__)("Indicators Shape","cloudinary")}),L.map(r=>(0,c.jsx)(M,{value:r.value,onChange:e=>t({indicatorProps_shape:e}),icon:r.icon,current:e.indicatorProps_shape,children:r.label},r.value+"-indicator"))]})]}),(0,c.jsx)(s.PanelBody,{title:(0,a.__)("Additional Settings","cloudinary"),initialOpen:!1,children:(0,c.jsx)(s.TextareaControl,{label:(0,a.__)("Custom Settings","cloudinary"),help:(0,a.__)("Provide a JSON string of the settings you want to add and/or override.","cloudinary"),value:p,onChange:e=>{let r={};d(e);try{r=JSON.parse(e)}catch(e){}if("object"==typeof r){const e={...u};e.customSettings=r,t({...u,...e})}}})})]})},{cloudName:Vt,mediaAssets:Ht,...Ut}=(e=>{const t={};return Object.keys(e).forEach(r=>{t[r]={type:typeof e[r],default:e[r]}}),t})(new(t())("_").dot(CLD_GALLERY_CONFIG)),qt={};Object.keys(Ut).forEach(e=>{qt[e]=Ut[e]?.default});const $t=e=>({cloudName:"demo",...e,mediaAssets:[{tag:"shoes_product_gallery_demo",mediaType:"image"}],container:".gallery-preview"}),Gt=document.querySelector("#cloudinary-settings-page form");void 0!==Gt&&Gt.addEventListener("submit",function(e){(!e.submitter.name||e.submitter.name&&"cld_submission"!==e.submitter.name)&&e.preventDefault()});const Xt=()=>{const[e,r]=(0,n.useState)(qt),o=CLD_THEME_COLORS.map(e=>({...e,color:T(e.color)})).filter(e=>0!==e.color.length);return(0,n.useEffect)(()=>{let r,n;const o=(e=>{const r=new(t())("_"),n=i()(e),{selectedImages:o,...a}=r.object(n,{});return a.mediaAssets=o,"classic"!==a?.displayProps?.mode?delete a.transition:delete a.displayProps.columns,"pad"!==a?.transformation_crop&&delete a.transformation_background,"pad"!==a?.transformation?.crop&&delete a.transformation.background,a?.themeProps?.primary&&(a.themeProps.primary=T(a?.themeProps?.primary)),a?.themeProps?.onPrimary&&(a.themeProps.onPrimary=T(a?.themeProps?.onPrimary)),a?.themeProps?.active&&(a.themeProps.active=T(a?.themeProps?.active)),a})(e),{customSettings:a,...s}=o;try{try{n=JSON.parse(a)}catch{n=a}r=cloudinary.galleryWidget($t({...s,...n}))}catch{r=cloudinary.galleryWidget($t(s))}r.render();const l=document.getElementById("gallery_settings_input");return l&&(l.value=JSON.stringify(o)),()=>r.destroy()}),(0,c.jsx)("div",{className:"cld-gallery-settings-container",children:(0,c.jsxs)("div",{className:"cld-gallery-settings",children:[(0,c.jsx)("div",{className:"interface-interface-skeleton__sidebar cld-gallery-settings__column",children:(0,c.jsx)("div",{className:"interface-complementary-area edit-post-sidebar",children:(0,c.jsx)("div",{className:"components-panel",children:(0,c.jsx)("div",{className:"block-editor-block-inspector",children:(0,c.jsx)(zt,{attributes:e,setAttributes:t=>{r({...e,...t})},colors:o})})})})}),(0,c.jsx)("div",{className:"gallery-preview cld-gallery-settings__column"})]})})};(0,n.createRoot)(document.getElementById("app_gallery_gallery_config")).render((0,c.jsx)(Xt,{}))})()})(); //# sourceMappingURL=gallery.js.map \ No newline at end of file diff --git a/src/css/components/_brand.scss b/src/css/components/_brand.scss index d75a26b68..092436cd7 100755 --- a/src/css/components/_brand.scss +++ b/src/css/components/_brand.scss @@ -1,3 +1,5 @@ +@use "../variables" as *; + @font-face { font-family: cloudinary; src: url(fonts/cloudinary.eot); diff --git a/src/css/components/_edit_overlay.scss b/src/css/components/_edit_overlay.scss index 1d23ab380..4167cf4c1 100644 --- a/src/css/components/_edit_overlay.scss +++ b/src/css/components/_edit_overlay.scss @@ -1,4 +1,5 @@ -@import '../variables'; +@use "sass:color"; +@use "../variables" as *; .edit-overlay { &-grid { @@ -79,7 +80,7 @@ border: 2px solid $color-red; &:hover { - background-color: darken($color-red, 5%); + background-color: color.adjust($color-red, $lightness: -5%); color: $color-white; } } diff --git a/src/css/components/_settings.scss b/src/css/components/_settings.scss index 9c70754b9..16698f36b 100644 --- a/src/css/components/_settings.scss +++ b/src/css/components/_settings.scss @@ -1,3 +1,5 @@ +@use "../variables" as *; + .settings { &-image { diff --git a/src/css/components/_sync.scss b/src/css/components/_sync.scss index dd090ad94..571ff3fdb 100644 --- a/src/css/components/_sync.scss +++ b/src/css/components/_sync.scss @@ -1,3 +1,5 @@ +@use "../variables" as *; + .sync { .spinner { diff --git a/src/css/components/_terms_order.scss b/src/css/components/_terms_order.scss index fbc748ec8..68b94475b 100644 --- a/src/css/components/_terms_order.scss +++ b/src/css/components/_terms_order.scss @@ -1,3 +1,5 @@ +@use "../variables" as *; + .cld { &-tax { diff --git a/src/css/components/_ui.scss b/src/css/components/_ui.scss index f2e1d3d6b..fb71278e9 100644 --- a/src/css/components/_ui.scss +++ b/src/css/components/_ui.scss @@ -1,30 +1,45 @@ -.cld { - @import "ui/ui-components"; - @import "ui/grid"; - @import "ui/page"; - @import "ui/panel"; - @import "ui/loading"; - @import "ui/sidebar"; - @import "ui/charts"; - @import "ui/asset-table"; - @import "ui/links"; - @import "ui/tooltips"; - @import "ui/notice"; - @import "ui/grid"; - @import "ui/media"; - @import "ui/group"; - @import "ui/input"; - @import "ui/gallery"; - @import "ui/tables"; - @import "ui/modal"; - @import "ui/sidebar"; - @import "ui/plan"; - @import "ui/wizard"; - @import "ui/import"; - @import "ui/sizes-preview"; - @import "ui/cron"; -} +@use "../variables" as *; +// UI Components - using @forward to re-export all UI modules. +@forward "ui/ui-components"; +@forward "ui/grid"; +@forward "ui/page"; +@forward "ui/tabs"; +@forward "ui/panel"; +@forward "ui/panels/legacy"; +@forward "ui/panels/panel-short"; +@forward "ui/panels/infobox"; +@forward "ui/panels/submit-switch-cloud"; +@forward "ui/panels/optimize"; +@forward "ui/loading"; +@forward "ui/sidebar"; +@forward "ui/charts"; +@forward "ui/asset-table"; +@forward "ui/links"; +@forward "ui/tooltips"; +@forward "ui/notice"; +@forward "ui/media"; +@forward "ui/group"; +@forward "ui/input"; +@forward "ui/controls/text"; +@forward "ui/controls/select"; +@forward "ui/controls/on-off"; +@forward "ui/controls/icon-toggle"; +@forward "ui/controls/excluded_types"; +@forward "ui/controls/input-tags"; +@forward "ui/gallery"; +@forward "ui/tables"; +@forward "ui/modal"; +@forward "ui/plan"; +@forward "ui/wizard"; +@forward "ui/wizard/tabs"; +@forward "ui/wizard/intro"; +@forward "ui/wizard/connect"; +@forward "ui/wizard/optimize"; +@forward "ui/wizard/complete"; +@forward "ui/import"; +@forward "ui/sizes-preview"; +@forward "ui/cron"; // Extras. .tippy-box[data-theme~="cloudinary"] { diff --git a/src/css/components/ui/_asset-table.scss b/src/css/components/ui/_asset-table.scss index 38f0b5edc..4b096bb01 100644 --- a/src/css/components/ui/_asset-table.scss +++ b/src/css/components/ui/_asset-table.scss @@ -1,6 +1,9 @@ +@use "../../variables" as *; + + // Non-media library assets. -&-pagenav { +.cld-pagenav { margin-top: 5px; line-height: 2.4em; color: #555; @@ -10,19 +13,19 @@ } } -&-delete { +.cld-delete { color: $color-red; cursor: pointer; float: right; } -&-apply { +.cld-apply { &-action { float: right; } } -&-table { +.cld-table { thead { tr { th.cld-table-th { @@ -33,7 +36,7 @@ } -&-asset { +.cld-asset { .cld-input-on-off { display: inline-block; } diff --git a/src/css/components/ui/_charts.scss b/src/css/components/ui/_charts.scss index e11bd2e58..8d245a071 100644 --- a/src/css/components/ui/_charts.scss +++ b/src/css/components/ui/_charts.scss @@ -1,6 +1,9 @@ +@use "../../variables" as *; + + // Chart & Lines styles. -&-chart { +.cld-chart { &-stat { padding-bottom: 2em; @@ -11,7 +14,7 @@ } } -&-progress { +.cld-progress { &-circular { display: block; width: 160px; @@ -97,7 +100,7 @@ } } -&-line { +.cld-line { &-stat { margin-bottom: 15px; } diff --git a/src/css/components/ui/_cron.scss b/src/css/components/ui/_cron.scss index 0064dc1be..47f259143 100644 --- a/src/css/components/ui/_cron.scss +++ b/src/css/components/ui/_cron.scss @@ -1,6 +1,8 @@ +@use "panel" as panel; + // Cron. -&-cron { - @extend .cld-panel; +.cld-cron { + @include panel.panel-base; padding-inline: 16px; padding-block: 13px; diff --git a/src/css/components/ui/_gallery.scss b/src/css/components/ui/_gallery.scss index 199ea8465..7828f5f25 100644 --- a/src/css/components/ui/_gallery.scss +++ b/src/css/components/ui/_gallery.scss @@ -1,5 +1,8 @@ +@use "../../variables" as *; + + // Gallery styles. -&-gallery-settings { +.cld-gallery-settings { width: 100%; display: flex; flex-wrap: wrap; diff --git a/src/css/components/ui/_grid.scss b/src/css/components/ui/_grid.scss index 020814112..5152aa745 100644 --- a/src/css/components/ui/_grid.scss +++ b/src/css/components/ui/_grid.scss @@ -1,5 +1,8 @@ +@use "../../variables" as *; + + // Grid : rows and columns. -&-row { +.cld-row { margin: 0; clear: both; display: flex; @@ -15,7 +18,7 @@ } } -&-column { +.cld-column { width: 100%; box-sizing: border-box; padding: 0 0 0 $size-padding-column; @@ -65,7 +68,7 @@ } } -&-center { +.cld-center { &-column { &.cld-info-text { padding-left: 2em; diff --git a/src/css/components/ui/_group.scss b/src/css/components/ui/_group.scss index a890bbf8a..cb3aecb36 100644 --- a/src/css/components/ui/_group.scss +++ b/src/css/components/ui/_group.scss @@ -1,5 +1,5 @@ // Group component. -&-group { +.cld-group { .cld-group .cld-group { padding-left: 4px; diff --git a/src/css/components/ui/_import.scss b/src/css/components/ui/_import.scss index 34bc8f53b..ae01c6adf 100644 --- a/src/css/components/ui/_import.scss +++ b/src/css/components/ui/_import.scss @@ -1,4 +1,4 @@ -&-import { +.cld-import { width: 200px; height: 100%; position: absolute; diff --git a/src/css/components/ui/_input.scss b/src/css/components/ui/_input.scss index df5bda803..bb4671ad8 100644 --- a/src/css/components/ui/_input.scss +++ b/src/css/components/ui/_input.scss @@ -1,3 +1,6 @@ +@use "../../variables" as *; + + // Inputs for forms etc. @mixin input { margin: 0 0 23px; @@ -31,16 +34,9 @@ } } -&-input { +.cld-input { @include input; - @import "controls/text"; - @import "controls/select"; - @import "controls/on-off"; - @import "controls/icon-toggle"; - @import "controls/excluded_types"; - @import "controls/input-tags"; - .prefixed { width: 40%; margin-left: 6px; diff --git a/src/css/components/ui/_links.scss b/src/css/components/ui/_links.scss index 208125c10..60e8fe2aa 100644 --- a/src/css/components/ui/_links.scss +++ b/src/css/components/ui/_links.scss @@ -1,6 +1,9 @@ +@use "../../variables" as *; + + // Links - button styled. -&-link { +.cld-link { &-button { background-color: $color-cld-blue; color: #fff; diff --git a/src/css/components/ui/_loading.scss b/src/css/components/ui/_loading.scss index d8f031086..e3f1ef434 100644 --- a/src/css/components/ui/_loading.scss +++ b/src/css/components/ui/_loading.scss @@ -1,6 +1,9 @@ +@use "../../variables" as *; + + // Loading/activity animations. -&-loading { +.cld-loading { background-image: url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0ic3Bpbm5lciIgdmlld0JveD0iLTQgLTQgMTUxIDEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PCFbQ0RBVEFbCiAgICAgIEBrZXlmcmFtZXMgY29sb3JzIHsKICAgICAgICAwJSB7IHN0cm9rZTogIzAwNzhGRjsgfQogICAgICAgICAgNTAlIHsgc3Ryb2tlOiAjMGUyZjVhOyB9CiAgICAgICAgICAxMDAlIHsgc3Ryb2tlOiAjMDA3OEZGOyB9CiAgICAgIH0KCiAgICAgIEBrZXlmcmFtZXMgZGFzaCB7CiAgICAgICAwJSB7IHN0cm9rZS1kYXNob2Zmc2V0OiA1NjA7IH0KICAgICAgIDUwJSB7CiAgICAgICAgICBzdHJva2UtZGFzaG9mZnNldDogMDsKICAgICAgIH0KICAgICAgIDEwMCUgeyAgIHN0cm9rZS1kYXNob2Zmc2V0OiA1NjA7IH0KICAgICAgfQogICAgICBALXdlYmtpdC1rZXlmcmFtZXMgY29sb3JzIHsKICAgICAgICAwJSB7IHN0cm9rZTogIzAwNzhmZjsgfQogICAgICAgICAgNTAlIHsgc3Ryb2tlOiAjMGUyZjVhOyB9CiAgICAgICAgICAxMDAlIHsgc3Ryb2tlOiAjMDA3OGZmOyB9CiAgICAgIH0KCiAgICAgIEAtd2Via2l0LWtleWZyYW1lcyBkYXNoIHsKICAgICAgIDAlIHsgc3Ryb2tlLWRhc2hvZmZzZXQ6IDU2MDsgfQogICAgICAgNTAlIHsKICAgICAgICAgIHN0cm9rZS1kYXNob2Zmc2V0OiAwOwogICAgICAgfQogICAgICAgMTAwJSB7ICAgc3Ryb2tlLWRhc2hvZmZzZXQ6IDU2MDsKICAgICAgIH0KICAgICAgfQogICAgICAucGF0aCB7CiAgICAgICAgc3Ryb2tlLWRhc2hhcnJheTogMjgwOwogICAgICAgIHN0cm9rZS1kYXNob2Zmc2V0OiAwOwogICAgICAgIHRyYW5zZm9ybS1vcmlnaW46IGNlbnRlcjsKICAgICAgICAtd2Via2l0LWFuaW1hdGlvbjoKICAgICAgICAgIGRhc2ggMnMgZWFzZS1pbi1vdXQgaW5maW5pdGUsIGNvbG9ycyA4cyBlYXNlLWluLW91dCBpbmZpbml0ZTsKICAgICAgICBhbmltYXRpb246CiAgICAgICAgICBkYXNoIDJzIGVhc2UtaW4tb3V0IGluZmluaXRlLCBjb2xvcnMgOHMgZWFzZS1pbi1vdXQgaW5maW5pdGU7CiAgICAgIH0KICAgIF1dPjwvc3R5bGU+CiAgPHBhdGggY2xhc3M9InBhdGgiIGQ9Ik0xMjEuNjYzIDkwLjYzOGMtMS43OTYgMC05OS4zMy0uNDk4LTEwMS40NzQtMS40NzhDOC42ODUgODMuODc3IDEuMjUgNzIuMTk2IDEuMjUgNTkuMzk2YzAtMTYuNjU2IDEyLjc5Ny0zMC42MSAyOS4wNTItMzIuMzIzIDcuNDktMTUuNzA2IDIzLjE4Ni0yNS43MDcgNDAuNzE0LTI1LjcwNyAyMC45OCAwIDM5LjIxNSAxNC43NTIgNDMuOTQ1IDM0LjkwNyAxNS4wOS4yNDUgMjcuMjkgMTIuNjMgMjcuMjkgMjcuODIyIDAgMTEuOTY4LTcuNzM4IDIyLjU1LTE5LjI1NiAyNi4zMyIgc3Ryb2tlLXdpZHRoPSI5IiBzdHJva2UtbGluZWNhcD0icm91bmQiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPgo8L3N2Zz4K); background-repeat: no-repeat; background-size: 50px 50px; @@ -14,7 +17,7 @@ } } -&-syncing { +.cld-syncing { background: url("./images/loading.svg") no-repeat center center; width: 30px; height: 20px; @@ -23,7 +26,7 @@ display: inline-block; } -&-dashboard { +.cld-dashboard { &-placeholder { background-color: #eff5f8; min-height: 120px; diff --git a/src/css/components/ui/_media.scss b/src/css/components/ui/_media.scss index a769dd7ef..4f5338ffb 100644 --- a/src/css/components/ui/_media.scss +++ b/src/css/components/ui/_media.scss @@ -1,8 +1,11 @@ +@use "../../variables" as *; + + // Media styles : Images, breakpoints ,and videos previews -&-image, -&-video, -&-breakpoints, -&-lazyload{ +.cld-image, +.cld-video, +.cld-breakpoints, +.cld-lazyload { &-preview { @@ -27,11 +30,11 @@ } } -&.cld-ui-preview { +.cld-ui-preview { max-width: 322px; } -&-breakpoints, &-lazyload { +.cld-breakpoints, .cld-lazyload { &-preview { .cld-image-preview-wrapper:hover{ .preview-image { @@ -81,7 +84,7 @@ } } } -&-lazyload{ +.cld-lazyload { &-preview { .progress-bar{ height: 2px; diff --git a/src/css/components/ui/_modal.scss b/src/css/components/ui/_modal.scss index c53932d56..e77b4ea41 100644 --- a/src/css/components/ui/_modal.scss +++ b/src/css/components/ui/_modal.scss @@ -1,4 +1,7 @@ -&-modal { +@use "../../variables" as *; + + +.cld-modal { visibility: hidden; background-color: rgba(0, 0, 0, 0.8); position: fixed; diff --git a/src/css/components/ui/_notice.scss b/src/css/components/ui/_notice.scss index 92073f678..473417c18 100644 --- a/src/css/components/ui/_notice.scss +++ b/src/css/components/ui/_notice.scss @@ -1,5 +1,8 @@ +@use "../../variables" as *; + + // Notices and alerts. -&-notice-box { +.cld-notice-box { box-shadow: 0 0 2px rgba(0, 0, 0, 0.1); position: relative; margin-right: 20px; @@ -81,7 +84,7 @@ } } -&-connection { +.cld-connection { &-box { display: flex; max-width: 500px; diff --git a/src/css/components/ui/_page.scss b/src/css/components/ui/_page.scss index 8b4752264..e5d2fa79a 100644 --- a/src/css/components/ui/_page.scss +++ b/src/css/components/ui/_page.scss @@ -1,10 +1,12 @@ +@use "../../variables" as *; + + // Main page. Headers/Footers. -&-settings { +.cld-settings { margin-left: -20px; } -&-page { - @import "tabs"; +.cld-page { &-header { background-color: $color-cld-blue; diff --git a/src/css/components/ui/_panel.scss b/src/css/components/ui/_panel.scss index 8508ffbd4..956dad0c2 100644 --- a/src/css/components/ui/_panel.scss +++ b/src/css/components/ui/_panel.scss @@ -1,7 +1,14 @@ -// Add panels -&-panel { +@use "../../variables" as *; + + +// Mixin for base panel styles. +@mixin panel-base { background-color: #fff; border: 1px solid $color-cld-grey-blue; +} + +.cld-panel { + @include panel-base; &.full-width { max-width: 100%; @@ -51,8 +58,6 @@ margin: 19px 0 20px; clear: both; } - // Include the legacy styles that might not be needed anymore. - @import "panels/legacy"; .help-wrap{ display: flex; @@ -95,8 +100,3 @@ } } -// Include other types of panels. -@import "panels/panel-short"; -@import "panels/infobox"; -@import "panels/submit-switch-cloud"; -@import "panels/optimize"; diff --git a/src/css/components/ui/_plan.scss b/src/css/components/ui/_plan.scss index f6359b87e..df481bcd3 100644 --- a/src/css/components/ui/_plan.scss +++ b/src/css/components/ui/_plan.scss @@ -1,5 +1,8 @@ +@use "../../variables" as *; + + // Plan. -&-plan { +.cld-plan { display: flex; flex-wrap: wrap; &-item{ diff --git a/src/css/components/ui/_sidebar.scss b/src/css/components/ui/_sidebar.scss index 83f0d3bd8..4e3ff4afb 100644 --- a/src/css/components/ui/_sidebar.scss +++ b/src/css/components/ui/_sidebar.scss @@ -1,5 +1,8 @@ +@use "../../variables" as *; + + // Sidebar. -&-optimisation { +.cld-optimisation { &:first-child { margin-top: 7px; } @@ -38,7 +41,7 @@ } } -&-ui-sidebar { +.cld-ui-sidebar { width: 100%; @media only screen and (min-width: $size-small) { diff --git a/src/css/components/ui/_sizes-preview.scss b/src/css/components/ui/_sizes-preview.scss index 888cc0085..61ddc6a01 100644 --- a/src/css/components/ui/_sizes-preview.scss +++ b/src/css/components/ui/_sizes-preview.scss @@ -1,4 +1,7 @@ -&-sizes-preview { +@use "../../variables" as *; + + +.cld-sizes-preview { display: flex; .image-item { @@ -45,13 +48,13 @@ } } -&-crops { +.cld-crops { border-bottom: 1px solid $color-light-grey; padding-bottom: 6px; margin-bottom: 6px; } -&-size-items { +.cld-size-items { &-item { display: flex; @@ -150,7 +153,7 @@ } -&-size-selector { +.cld-size-selector { display: flex; flex-wrap: nowrap; overflow-x: scroll; @@ -181,7 +184,7 @@ } } -&-size-images { +.cld-size-images { display: flex; flex-wrap: wrap; gap: 10px; diff --git a/src/css/components/ui/_tables.scss b/src/css/components/ui/_tables.scss index 475fa71b4..53f5ec404 100644 --- a/src/css/components/ui/_tables.scss +++ b/src/css/components/ui/_tables.scss @@ -1,3 +1,6 @@ +@use "../../variables" as *; + + // TAbles (for non-media assets) @at-root { diff --git a/src/css/components/ui/_tabs.scss b/src/css/components/ui/_tabs.scss index 1534ba0b3..60e9ee5c1 100644 --- a/src/css/components/ui/_tabs.scss +++ b/src/css/components/ui/_tabs.scss @@ -1,5 +1,8 @@ +@use "../../variables" as *; + + // Tabs. -&-tabs { +.cld-page-tabs { background-color: #fff; display: none; border-bottom: 1px solid #e5e5e5; diff --git a/src/css/components/ui/_tooltips.scss b/src/css/components/ui/_tooltips.scss index 98d1bd392..acbddc85d 100644 --- a/src/css/components/ui/_tooltips.scss +++ b/src/css/components/ui/_tooltips.scss @@ -1,5 +1,8 @@ +@use "../../variables" as *; + + // Tooltips. -&-tooltip { +.cld-tooltip { color: #999; font-size: $size-panel-content; line-height: 1.3em; diff --git a/src/css/components/ui/_ui-components.scss b/src/css/components/ui/_ui-components.scss index b394ba4b6..342b707b3 100644 --- a/src/css/components/ui/_ui-components.scss +++ b/src/css/components/ui/_ui-components.scss @@ -1,5 +1,8 @@ +@use "../../variables" as *; + + // UI sub components. -&-ui { +.cld-ui { &-suffix { display: inline-block; padding: 4px 6px; @@ -106,7 +109,7 @@ } } -&-referrer { +.cld-referrer { &-link { margin: 12px 0 0; display: inline-block; @@ -118,7 +121,7 @@ } } -&-special-offer { +.cld-special-offer { background-color: $color-cld-coral; color: #fff; text-decoration: none; diff --git a/src/css/components/ui/_wizard.scss b/src/css/components/ui/_wizard.scss index d89effbcb..e3defea01 100644 --- a/src/css/components/ui/_wizard.scss +++ b/src/css/components/ui/_wizard.scss @@ -1,12 +1,6 @@ // Wizard. -&-wizard { - @import "wizard/tabs"; - @import "wizard/intro"; - @import "wizard/connect"; - @import "wizard/optimize"; - @import "wizard/complete"; - +.cld-wizard { max-width: 1100px; margin-right: auto; margin-left: auto; diff --git a/src/css/components/ui/controls/_excluded_types.scss b/src/css/components/ui/controls/_excluded_types.scss index 59f863bc0..dc05c08d8 100644 --- a/src/css/components/ui/controls/_excluded_types.scss +++ b/src/css/components/ui/controls/_excluded_types.scss @@ -1,5 +1,8 @@ +@use "../../../variables" as *; + + // excluded types. -&-excluded-types { +.cld-input-excluded-types { div{ display: flex; } diff --git a/src/css/components/ui/controls/_icon-toggle.scss b/src/css/components/ui/controls/_icon-toggle.scss index 97e7a2149..25541152b 100644 --- a/src/css/components/ui/controls/_icon-toggle.scss +++ b/src/css/components/ui/controls/_icon-toggle.scss @@ -1,5 +1,5 @@ // Icon toggle. -&-icon-toggle { +.cld-input-icon-toggle { display: inline-flex; align-items: center; diff --git a/src/css/components/ui/controls/_input-tags.scss b/src/css/components/ui/controls/_input-tags.scss index ade60053a..d385c5920 100644 --- a/src/css/components/ui/controls/_input-tags.scss +++ b/src/css/components/ui/controls/_input-tags.scss @@ -1,5 +1,8 @@ +@use "../../../variables" as *; + + // Input tags -&-tags { +.cld-input-tags { align-items: center; display: flex; diff --git a/src/css/components/ui/controls/_on-off.scss b/src/css/components/ui/controls/_on-off.scss index ed42dedd0..ec0372ecf 100644 --- a/src/css/components/ui/controls/_on-off.scss +++ b/src/css/components/ui/controls/_on-off.scss @@ -1,6 +1,9 @@ +@use "../../../variables" as *; + + // On/Off toggle. -&-on-off { +.cld-input-on-off { .description { margin: 0; diff --git a/src/css/components/ui/controls/_radio-checkbox.scss b/src/css/components/ui/controls/_radio-checkbox.scss deleted file mode 100644 index 3e851753a..000000000 --- a/src/css/components/ui/controls/_radio-checkbox.scss +++ /dev/null @@ -1,15 +0,0 @@ -// Radio and Checkboxes. - -&-radio, -&-checkbox { - - &-label { - display: block; - margin-bottom: 0.4rem; - - &.list-inline { - display: inline-block; - margin-right: 0.4rem; - } - } -} diff --git a/src/css/components/ui/controls/_select.scss b/src/css/components/ui/controls/_select.scss index 5dca153b7..443626fcd 100644 --- a/src/css/components/ui/controls/_select.scss +++ b/src/css/components/ui/controls/_select.scss @@ -1,11 +1,16 @@ +@use "../../../variables" as *; + + // Selects. -.regular-select { - display: inline; - appearance: none; - min-width: 150px; - border: 1px solid #d0d0d0; - border-radius: 3px; - padding: 2px 30px 2px 6px; - font-size: $size-setting-field; - font-weight: 600; +.cld-input { + .regular-select { + display: inline; + appearance: none; + min-width: 150px; + border: 1px solid #d0d0d0; + border-radius: 3px; + padding: 2px 30px 2px 6px; + font-size: $size-setting-field; + font-weight: 600; + } } diff --git a/src/css/components/ui/controls/_text.scss b/src/css/components/ui/controls/_text.scss index d1183553b..e4a77cb96 100644 --- a/src/css/components/ui/controls/_text.scss +++ b/src/css/components/ui/controls/_text.scss @@ -1,19 +1,24 @@ +@use "../../../variables" as *; + + // Text : Number : Textarea. -.regular-text, -.regular-number { - border: 1px solid #d0d0d0; - border-radius: 3px; - padding: 0.1rem 0.5rem; - width: 100%; - font-size: $size-setting-field; +.cld-input { + .regular-text, + .regular-number { + border: 1px solid #d0d0d0; + border-radius: 3px; + padding: 0.1rem 0.5rem; + width: 100%; + font-size: $size-setting-field; -} + } -.regular-text-small, -.regular-number-small { - width: 40%; -} + .regular-text-small, + .regular-number-small { + width: 40%; + } -.regular-number { - width: 100px; + .regular-number { + width: 100px; + } } diff --git a/src/css/components/ui/panels/_infobox.scss b/src/css/components/ui/panels/_infobox.scss index 03f80b4ea..7698905dc 100644 --- a/src/css/components/ui/panels/_infobox.scss +++ b/src/css/components/ui/panels/_infobox.scss @@ -1,7 +1,11 @@ +@use "../../../variables" as *; +@use "../panel" as panel; + + // Infobox. -&-info-box { - @extend .cld-panel; +.cld-info-box { + @include panel.panel-base; display: flex; padding: 0; margin: 0 0 19px; diff --git a/src/css/components/ui/panels/_legacy.scss b/src/css/components/ui/panels/_legacy.scss index adbb47e49..4a0ca7081 100644 --- a/src/css/components/ui/panels/_legacy.scss +++ b/src/css/components/ui/panels/_legacy.scss @@ -1,133 +1,137 @@ +@use "sass:color"; +@use "../../../variables" as *; -ul { - padding: 0 3em; - list-style: initial; -} +.cld-panel { + ul { + padding: 0 3em; + list-style: initial; + } -.stat-boxes { - border: 1px solid $color-light-grey; - font-size: 1.2em; + .stat-boxes { + border: 1px solid $color-light-grey; + font-size: 1.2em; - .box { - border-bottom: 1px solid $color-light-grey; - padding: 2rem; - text-align: center; + .box { + border-bottom: 1px solid $color-light-grey; + padding: 2rem; + text-align: center; - &:last-of-type { - border-bottom: none; - } + &:last-of-type { + border-bottom: none; + } - .cld-ui-icon { - width: 35px; - height: 35px; + .cld-ui-icon { + width: 35px; + height: 35px; + } } - } - .icon { - height: 50px; - margin-right: 0.5em; - width: 50px; - } + .icon { + height: 50px; + margin-right: 0.5em; + width: 50px; + } - h3 { - margin-bottom: 1.5rem; - margin-top: 2.4rem; - } + h3 { + margin-bottom: 1.5rem; + margin-top: 2.4rem; + } - .limit { - font-size: 2em; - font-weight: 700; - margin-right: 0.5em; - white-space: nowrap; - } + .limit { + font-size: 2em; + font-weight: 700; + margin-right: 0.5em; + white-space: nowrap; + } - .usage { - color: $color-wp-blue; - font-size: 1.5em; - font-weight: 400; - } + .usage { + color: $color-wp-blue; + font-size: 1.5em; + font-weight: 400; + } - @media only screen and (min-width: $size-small) { - display: flex; - flex-wrap: nowrap; - font-size: 1em; + @media only screen and (min-width: $size-small) { + display: flex; + flex-wrap: nowrap; + font-size: 1em; - .box { - border-bottom: none; - border-right: 1px solid $color-light-grey; - flex-grow: 1; + .box { + border-bottom: none; + border-right: 1px solid $color-light-grey; + flex-grow: 1; - &:last-of-type { - border-right: none; + &:last-of-type { + border-right: none; + } } } - } - @media only screen and (min-width: $size-large) { - font-size: 1.2em; + @media only screen and (min-width: $size-large) { + font-size: 1.2em; + } } -} - -.img-connection-string { - width: 100%; -} - -.stat-boxes, -.media-status-box { - border: 1px solid $color-light-grey; -} -.media-status-box { - padding: 2rem; - text-align: center; - - .status { - font-size: 2rem; - font-weight: 700; - margin-right: 0.5em; + .img-connection-string { + width: 100%; } - .cld-ui-icon { - width: 35px; - height: 35px; + .stat-boxes, + .media-status-box { + border: 1px solid $color-light-grey; } -} -.notification { - display: inline-flex; - font-weight: 700; - padding: 1.5rem; + .media-status-box { + padding: 2rem; + text-align: center; - &-success { - background-color: transparentize($color-notification-success, 0.8); - border: 2px solid $color-notification-success; + .status { + font-size: 2rem; + font-weight: 700; + margin-right: 0.5em; + } - &::before { - color: $color-notification-success; + .cld-ui-icon { + width: 35px; + height: 35px; } } - &-syncing { - background-color: transparentize($color-wp-blue, 0.8); - border: 2px solid $color-wp-blue; - text-decoration: none; - color: #444; + .notification { + display: inline-flex; + font-weight: 700; + padding: 1.5rem; - &::before { - color: $color-wp-blue; - -webkit-animation: spin 1s running infinite; - -moz-animation: spin 1s linear infinite; - animation: spin 1s linear infinite; - @keyframes spin { - 100% { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); + &-success { + background-color: color.adjust($color-notification-success, $alpha: -0.8); + border: 2px solid $color-notification-success; + + &::before { + color: $color-notification-success; + } + } + + &-syncing { + background-color: color.adjust($color-wp-blue, $alpha: -0.8); + border: 2px solid $color-wp-blue; + text-decoration: none; + color: #444; + + &::before { + color: $color-wp-blue; + -webkit-animation: spin 1s running infinite; + -moz-animation: spin 1s linear infinite; + animation: spin 1s linear infinite; + @keyframes spin { + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } } } } - } - &::before { - margin-right: 0.5em; + &::before { + margin-right: 0.5em; + } } } diff --git a/src/css/components/ui/panels/_optimize.scss b/src/css/components/ui/panels/_optimize.scss index d0d155423..9264fba0b 100644 --- a/src/css/components/ui/panels/_optimize.scss +++ b/src/css/components/ui/panels/_optimize.scss @@ -1,4 +1,4 @@ -&-stat { +.cld-stat { &-percent { display: flex; align-items: center; diff --git a/src/css/components/ui/panels/_panel-short.scss b/src/css/components/ui/panels/_panel-short.scss index d3a66a74e..30921d12d 100644 --- a/src/css/components/ui/panels/_panel-short.scss +++ b/src/css/components/ui/panels/_panel-short.scss @@ -1,7 +1,9 @@ +@use "../panel" as panel; + // Panel short -&-panel-short { - @extend .cld-panel; +.cld-panel-short { + @include panel.panel-base; min-width: 270px; width: auto; display: inline-block; diff --git a/src/css/components/ui/panels/_submit-switch-cloud.scss b/src/css/components/ui/panels/_submit-switch-cloud.scss index b6699115a..1dc0bced5 100644 --- a/src/css/components/ui/panels/_submit-switch-cloud.scss +++ b/src/css/components/ui/panels/_submit-switch-cloud.scss @@ -1,19 +1,17 @@ +@use "../../../variables" as *; + + // Submit panel & Switch Cloud. -&-submit, -&-switch-cloud { +.cld-submit, +.cld-switch-cloud { background-color: #fff; border: 1px solid $color-cld-grey-blue; border-top: 0; padding: 1.2rem 1.75rem; } -&-panel.closed + &-submit, -&-panel.closed + &-switch-cloud{ - display: none; -} - -&-panel.closed + &-submit, -&-panel.closed + &-switch-cloud{ +.cld-panel.closed + .cld-submit, +.cld-panel.closed + .cld-switch-cloud{ display: none; } diff --git a/src/css/components/ui/wizard/_complete.scss b/src/css/components/ui/wizard/_complete.scss index dab953ea9..81556fc2c 100644 --- a/src/css/components/ui/wizard/_complete.scss +++ b/src/css/components/ui/wizard/_complete.scss @@ -1,5 +1,8 @@ +@use "../../../variables" as *; -&-complete { + + +.cld-wizard-complete { background-image: url("images/confetti.png"); background-position: 50%; diff --git a/src/css/components/ui/wizard/_connect.scss b/src/css/components/ui/wizard/_connect.scss index f10e3cd6e..5d64e90a2 100644 --- a/src/css/components/ui/wizard/_connect.scss +++ b/src/css/components/ui/wizard/_connect.scss @@ -1,5 +1,8 @@ +@use "../../../variables" as *; -&-connect { + + +.cld-wizard-connect { &-connection { display: flex; flex-direction: row; diff --git a/src/css/components/ui/wizard/_intro.scss b/src/css/components/ui/wizard/_intro.scss index c181fc24b..fcafc8e65 100644 --- a/src/css/components/ui/wizard/_intro.scss +++ b/src/css/components/ui/wizard/_intro.scss @@ -1,4 +1,7 @@ -&-intro { +@use "../../../variables" as *; + + +.cld-wizard-intro { text-align: center; &-welcome { diff --git a/src/css/components/ui/wizard/_optimize.scss b/src/css/components/ui/wizard/_optimize.scss index 71fb4682d..46c153718 100644 --- a/src/css/components/ui/wizard/_optimize.scss +++ b/src/css/components/ui/wizard/_optimize.scss @@ -1,4 +1,7 @@ -&-lock { +@use "../../../variables" as *; + + +.cld-wizard-lock { display: flex; cursor: pointer; &.hidden{ @@ -13,7 +16,7 @@ color: $color-cld-blue; } } -&-optimize { +.cld-wizard-optimize { &-settings { &.disabled { opacity: 0.4; diff --git a/src/css/components/ui/wizard/_tabs.scss b/src/css/components/ui/wizard/_tabs.scss index 701a9211c..a6e3cb945 100644 --- a/src/css/components/ui/wizard/_tabs.scss +++ b/src/css/components/ui/wizard/_tabs.scss @@ -1,4 +1,7 @@ -&-tabs { +@use "../../../variables" as *; + + +.cld-wizard-tabs { width: 50%; display: flex; flex-direction: row; diff --git a/src/css/front-overlay.scss b/src/css/front-overlay.scss index c8ca97014..329bb428a 100644 --- a/src/css/front-overlay.scss +++ b/src/css/front-overlay.scss @@ -1,5 +1,5 @@ // Vars -@import "variables"; +@use "variables" as *; .overlay-tag { font-size: 0.8rem; diff --git a/src/css/main.scss b/src/css/main.scss index 08c34f3fd..80b721309 100644 --- a/src/css/main.scss +++ b/src/css/main.scss @@ -1,14 +1,12 @@ @charset "UTF-8"; -// Vars -@import "variables"; -// Components -@import "components/brand"; -@import "components/settings"; -@import "components/sync"; -@import "components/widget"; -@import "components/global_transformations"; -@import "components/terms_order"; -@import "components/media_library"; -@import "components/ui"; -@import "components/edit_overlay"; +// Components - using @use for module-based imports +@use "components/brand"; +@use "components/settings"; +@use "components/sync"; +@use "components/widget"; +@use "components/global_transformations"; +@use "components/terms_order"; +@use "components/media_library"; +@use "components/ui"; +@use "components/edit_overlay"; diff --git a/src/js/components/settings-gallery.js b/src/js/components/settings-gallery.js index e3493ba03..cb6a59e7d 100644 --- a/src/js/components/settings-gallery.js +++ b/src/js/components/settings-gallery.js @@ -8,7 +8,7 @@ import Dot from 'dot-object'; /** * WordPress dependencies */ -import { render, useEffect, useState } from '@wordpress/element'; +import { createRoot, useEffect, useState } from '@wordpress/element'; /** * Internal dependencies @@ -127,7 +127,7 @@ const StatefulGalleryControls = () => { ); }; -render( - , +const root = createRoot( document.getElementById( 'app_gallery_gallery_config' ) ); +root.render( );