From 7ec4457a173b6b62249a99123cc7f5214997b7c7 Mon Sep 17 00:00:00 2001 From: "Ian M. Jones" Date: Thu, 16 Mar 2023 15:32:18 +0000 Subject: [PATCH] Deploying version 3.2.0 --- assets/css/settings.css | 56 +- assets/css/settings.min.css | 2 +- assets/css/style.css | 3313 +- assets/css/style.min.css | 2 +- assets/img/icon/assets.svg | 9 + assets/img/icon/refresh-disabled.svg | 3 + assets/img/icon/refresh.svg | 3 + assets/img/icon/tab-notifier-error.svg | 3 + assets/img/icon/tab-notifier-warning.svg | 3 + assets/js/settings.js | 37443 +++++++++------- assets/js/settings.js.map | 2 +- assets/js/settings.min.js | 2 +- assets/sass/_buttons.scss | 79 + assets/sass/_navigation.scss | 218 +- assets/sass/_notifications.scss | 97 +- assets/sass/_progress-bar.scss | 57 + assets/sass/_sidebar.scss | 60 +- assets/sass/_typography.scss | 9 +- assets/sass/_ui.scss | 272 +- assets/sass/_variables.scss | 1 + assets/sass/style.scss | 2 +- classes/amazon-s3-and-cloudfront.php | 541 +- classes/api/v1/buckets.php | 73 +- classes/api/v1/settings.php | 11 + classes/api/v1/state.php | 19 +- classes/as3cf-compatibility-check.php | 2 +- classes/as3cf-filter.php | 21 +- classes/as3cf-notices.php | 20 +- classes/as3cf-plugin-base.php | 15 + classes/as3cf-plugin-compatibility.php | 10 +- classes/as3cf-utils.php | 79 + classes/filters/as3cf-local-to-s3.php | 7 +- classes/filters/as3cf-s3-to-local.php | 7 +- .../integrations/advanced-custom-fields.php | 7 + classes/integrations/core.php | 7 + classes/integrations/integration-manager.php | 19 +- classes/integrations/integration.php | 4 + classes/integrations/media-library.php | 39 +- classes/items/item.php | 80 +- classes/items/media-library-item.php | 14 + classes/items/provider-test-item.php | 44 + .../providers/delivery/delivery-provider.php | 360 +- classes/providers/delivery/storage.php | 4 +- classes/providers/provider.php | 6 +- classes/providers/storage/aws-provider.php | 34 +- classes/providers/storage/gcp-provider.php | 137 + .../providers/storage/storage-provider.php | 278 +- classes/settings/delivery-check.php | 291 + classes/settings/domain-check.php | 334 + .../exceptions/domain-check-exception.php | 32 + .../exceptions/http-response-exception.php | 6 + .../invalid-response-code-exception.php | 6 + .../invalid-response-type-exception.php | 6 + .../malformed-query-string-exception.php | 6 + .../malformed-response-exception.php | 6 + .../exceptions/s3-bucket-origin-exception.php | 6 + .../signature-verification-exception.php | 6 + .../exceptions/ssl-connection-exception.php | 6 + .../unresolveable-hostname-exception.php | 6 + classes/settings/validation-manager.php | 242 + classes/settings/validator-interface.php | 39 + classes/upgrades/upgrade.php | 4 +- interfaces/settings-interface.php | 14 + languages/amazon-s3-and-cloudfront-en.pot | 894 +- readme.txt | 21 +- traits/settings-trait.php | 40 + traits/settings-validator-trait.php | 69 + ui/components/BlockPublicAccessWarning.svelte | 10 - ui/components/BucketSettingsSubPage.svelte | 12 +- ui/components/Button.svelte | 47 +- ui/components/CheckAgain.svelte | 66 + ui/components/DeliveryPage.svelte | 12 +- .../DeliverySettingsHeadingRow.svelte | 4 +- ui/components/DeliverySettingsPanel.svelte | 2 + ui/components/Footer.svelte | 9 +- ui/components/MediaPage.svelte | 25 +- ui/components/Nav.svelte | 5 +- ui/components/Notification.svelte | 11 +- ui/components/Notifications.svelte | 16 +- .../ObjectOwnershipEnforcedWarning.svelte | 10 - ui/components/OffloadStatus.svelte | 116 + ui/components/OffloadStatusFlyout.svelte | 191 + ui/components/Panel.svelte | 43 +- ui/components/ProgressBar.svelte | 49 + ui/components/SecuritySubPage.svelte | 19 +- ui/components/SettingsPanelOption.svelte | 18 +- .../SettingsValidationStatusRow.svelte | 38 + ui/components/StoragePage.svelte | 2 - ui/components/StorageProviderSubPage.svelte | 18 +- .../StorageSettingsHeadingRow.svelte | 4 +- ui/components/StorageSettingsPanel.svelte | 3 + ui/components/SubNavItem.svelte | 26 +- ui/components/SupportPage.svelte | 2 +- ui/js/defaultPages.js | 22 +- ui/js/delay.js | 12 + ui/js/getLocale.js | 8 + ui/js/needsRefresh.js | 4 +- ui/js/numToString.js | 23 + ui/js/stores.js | 28 +- ui/lite/Settings.svelte | 4 +- ui/lite/Sidebar.svelte | 16 +- wordpress-s3.php | 12 +- 102 files changed, 26748 insertions(+), 19647 deletions(-) create mode 100644 assets/img/icon/assets.svg create mode 100644 assets/img/icon/refresh-disabled.svg create mode 100644 assets/img/icon/refresh.svg create mode 100644 assets/img/icon/tab-notifier-error.svg create mode 100644 assets/img/icon/tab-notifier-warning.svg create mode 100644 assets/sass/_progress-bar.scss create mode 100644 classes/items/provider-test-item.php create mode 100644 classes/settings/delivery-check.php create mode 100644 classes/settings/domain-check.php create mode 100644 classes/settings/exceptions/domain-check-exception.php create mode 100644 classes/settings/exceptions/http-response-exception.php create mode 100644 classes/settings/exceptions/invalid-response-code-exception.php create mode 100644 classes/settings/exceptions/invalid-response-type-exception.php create mode 100644 classes/settings/exceptions/malformed-query-string-exception.php create mode 100644 classes/settings/exceptions/malformed-response-exception.php create mode 100644 classes/settings/exceptions/s3-bucket-origin-exception.php create mode 100644 classes/settings/exceptions/signature-verification-exception.php create mode 100644 classes/settings/exceptions/ssl-connection-exception.php create mode 100644 classes/settings/exceptions/unresolveable-hostname-exception.php create mode 100644 classes/settings/validation-manager.php create mode 100644 classes/settings/validator-interface.php create mode 100644 traits/settings-validator-trait.php delete mode 100644 ui/components/BlockPublicAccessWarning.svelte create mode 100644 ui/components/CheckAgain.svelte delete mode 100644 ui/components/ObjectOwnershipEnforcedWarning.svelte create mode 100644 ui/components/OffloadStatus.svelte create mode 100644 ui/components/OffloadStatusFlyout.svelte create mode 100644 ui/components/ProgressBar.svelte create mode 100644 ui/components/SettingsValidationStatusRow.svelte create mode 100644 ui/js/delay.js create mode 100644 ui/js/getLocale.js create mode 100644 ui/js/numToString.js diff --git a/assets/css/settings.css b/assets/css/settings.css index 4cc04573..7f449928 100644 --- a/assets/css/settings.css +++ b/assets/css/settings.css @@ -1,3 +1,7 @@ +.nav-status-wrapper.svelte-1i784er { + position: relative +} + .toggler.svelte-k1tgof:not(.toggleDisabled) { cursor: pointer } @@ -58,12 +62,23 @@ text-align: center } -#as3cf-settings.wpome div.panel.settings .header img.svelte-yact8k.svelte-yact8k { +.notice-icon-wrapper.svelte-jtkdoa { + display: inline-block; + min-width: 1.1875rem +} + +.notice-icon.svelte-jtkdoa { + margin-left: 2px; + margin-top: -1.5px; + vertical-align: middle +} + +#as3cf-settings.wpome div.panel.settings .header img.svelte-cn9mf.svelte-cn9mf { width: var(--as3cf-settings-ctrl-width); height: var(--as3cf-settings-ctrl-width) } -.provider-details.svelte-yact8k.svelte-yact8k { +.provider-details.svelte-cn9mf.svelte-cn9mf { display: flex; flex-direction: column; flex: auto; @@ -71,29 +86,29 @@ z-index: 1 } -#as3cf-settings.wpome div.panel .provider-details.svelte-yact8k h4.svelte-yact8k { +#as3cf-settings.wpome div.panel .provider-details.svelte-cn9mf h3.svelte-cn9mf { margin-left: 0; margin-bottom: 0.5rem } -#as3cf-settings.wpome div.panel .console-details.svelte-yact8k.svelte-yact8k { +#as3cf-settings.wpome div.panel .console-details.svelte-cn9mf.svelte-cn9mf { display: flex; align-items: center; font-size: 0.75rem } -.console-details.svelte-yact8k .console.svelte-yact8k { +.console-details.svelte-cn9mf .console.svelte-cn9mf { flex: 0 1 min-content; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } -#as3cf-settings.wpome div.panel .console-details.svelte-yact8k a[target="_blank"].console.svelte-yact8k:after { +#as3cf-settings.wpome div.panel .console-details.svelte-cn9mf a[target="_blank"].console.svelte-cn9mf:after { margin-right: 0 } -#as3cf-settings.wpome div.panel .console-details.svelte-yact8k .region.svelte-yact8k { +#as3cf-settings.wpome div.panel .console-details.svelte-cn9mf .region.svelte-cn9mf { flex: 1 0 auto; color: var(--as3cf-color-gray-500); margin: 0 0.5rem @@ -103,12 +118,12 @@ cursor: pointer } -#as3cf-settings.wpome div.panel.settings .header img.svelte-54jmjg.svelte-54jmjg { +#as3cf-settings.wpome div.panel.settings .header img.svelte-sglpwv.svelte-sglpwv { width: var(--as3cf-settings-ctrl-width); height: var(--as3cf-settings-ctrl-width) } -.provider-details.svelte-54jmjg.svelte-54jmjg { +.provider-details.svelte-sglpwv.svelte-sglpwv { display: flex; flex-direction: column; flex: auto; @@ -116,24 +131,39 @@ z-index: 1 } -#as3cf-settings.wpome div.panel .provider-details.svelte-54jmjg h4.svelte-54jmjg { +#as3cf-settings.wpome div.panel .provider-details.svelte-sglpwv h3.svelte-sglpwv { margin-left: 0; margin-bottom: 0.5rem } -#as3cf-settings.wpome div.panel .console-details.svelte-54jmjg.svelte-54jmjg { +#as3cf-settings.wpome div.panel .console-details.svelte-sglpwv.svelte-sglpwv { display: flex; align-items: center; font-size: 0.75rem } -.console-details.svelte-54jmjg .console.svelte-54jmjg { +.console-details.svelte-sglpwv .console.svelte-sglpwv { flex: 0 1 min-content; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } -#as3cf-settings.wpome div.panel .console-details.svelte-54jmjg a[target="_blank"].console.svelte-54jmjg:after { +#as3cf-settings.wpome div.panel .console-details.svelte-sglpwv a[target="_blank"].console.svelte-sglpwv:after { margin-right: 0 +} + +div.check-again.svelte-1oue4lo.svelte-1oue4lo { + display: flex; + flex-direction: column; + align-items: flex-end; + white-space: nowrap; + min-width: 6rem; + padding-left: 0.5rem; + color: var(--as3cf-color-gray-700) +} + +#as3cf-settings .check-again.svelte-1oue4lo .last-update.svelte-1oue4lo { + padding-right: 2px; + margin-top: 2px } \ No newline at end of file diff --git a/assets/css/settings.min.css b/assets/css/settings.min.css index 85a367fd..c07555c5 100644 --- a/assets/css/settings.min.css +++ b/assets/css/settings.min.css @@ -1 +1 @@ -.toggler.svelte-k1tgof:not(.toggleDisabled){cursor:pointer}.panel-row.svelte-41r5oq.svelte-41r5oq{position:relative}.header.svelte-41r5oq .gradient.svelte-41r5oq{position:absolute;width:144px;left:0;top:0;bottom:0;transform:matrix(-1,0,0,1,0,0);border-top-right-radius:5px}.content.svelte-5j10or.svelte-5j10or{padding:1.875rem 2.25rem 1.5rem 2.25rem;display:flex;flex-direction:column}.heading.svelte-5j10or.svelte-5j10or{margin-top:1rem;font-weight:700;font-size:1.125rem;line-height:140%}.description.svelte-5j10or.svelte-5j10or{margin-top:1rem;color:rgba(56,54,55,.7)}.benefits.svelte-5j10or.svelte-5j10or{margin-top:1.7rem;color:rgba(56,54,55,.7)}.benefits.svelte-5j10or li.svelte-5j10or{display:flex;align-items:center}.benefits.svelte-5j10or img.svelte-5j10or{height:40px;margin-left:-5px;margin-right:10px}.call-to-action.svelte-5j10or.svelte-5j10or{margin-top:.7rem}.call-to-action.svelte-5j10or .note.svelte-5j10or{text-align:center}#as3cf-settings.wpome div.panel.settings .header img.svelte-yact8k.svelte-yact8k{width:var(--as3cf-settings-ctrl-width);height:var(--as3cf-settings-ctrl-width)}.provider-details.svelte-yact8k.svelte-yact8k{display:flex;flex-direction:column;flex:auto;margin-left:var(--as3cf-settings-option-indent);z-index:1}#as3cf-settings.wpome div.panel .provider-details.svelte-yact8k h4.svelte-yact8k{margin-left:0;margin-bottom:.5rem}#as3cf-settings.wpome div.panel .console-details.svelte-yact8k.svelte-yact8k{display:flex;align-items:center;font-size:.75rem}.console-details.svelte-yact8k .console.svelte-yact8k{flex:0 1 min-content;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#as3cf-settings.wpome div.panel .console-details.svelte-yact8k a[target="_blank"].console.svelte-yact8k:after{margin-right:0}#as3cf-settings.wpome div.panel .console-details.svelte-yact8k .region.svelte-yact8k{flex:1 0 auto;color:var(--as3cf-color-gray-500);margin:0 .5rem}.toggler.svelte-k1tgof:not(.toggleDisabled){cursor:pointer}#as3cf-settings.wpome div.panel.settings .header img.svelte-54jmjg.svelte-54jmjg{width:var(--as3cf-settings-ctrl-width);height:var(--as3cf-settings-ctrl-width)}.provider-details.svelte-54jmjg.svelte-54jmjg{display:flex;flex-direction:column;flex:auto;margin-left:var(--as3cf-settings-option-indent);z-index:1}#as3cf-settings.wpome div.panel .provider-details.svelte-54jmjg h4.svelte-54jmjg{margin-left:0;margin-bottom:.5rem}#as3cf-settings.wpome div.panel .console-details.svelte-54jmjg.svelte-54jmjg{display:flex;align-items:center;font-size:.75rem}.console-details.svelte-54jmjg .console.svelte-54jmjg{flex:0 1 min-content;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#as3cf-settings.wpome div.panel .console-details.svelte-54jmjg a[target="_blank"].console.svelte-54jmjg:after{margin-right:0} \ No newline at end of file +.nav-status-wrapper.svelte-1i784er{position:relative}.toggler.svelte-k1tgof:not(.toggleDisabled){cursor:pointer}.panel-row.svelte-41r5oq.svelte-41r5oq{position:relative}.header.svelte-41r5oq .gradient.svelte-41r5oq{position:absolute;width:144px;left:0;top:0;bottom:0;transform:matrix(-1,0,0,1,0,0);border-top-right-radius:5px}.content.svelte-5j10or.svelte-5j10or{padding:1.875rem 2.25rem 1.5rem 2.25rem;display:flex;flex-direction:column}.heading.svelte-5j10or.svelte-5j10or{margin-top:1rem;font-weight:700;font-size:1.125rem;line-height:140%}.description.svelte-5j10or.svelte-5j10or{margin-top:1rem;color:rgba(56,54,55,.7)}.benefits.svelte-5j10or.svelte-5j10or{margin-top:1.7rem;color:rgba(56,54,55,.7)}.benefits.svelte-5j10or li.svelte-5j10or{display:flex;align-items:center}.benefits.svelte-5j10or img.svelte-5j10or{height:40px;margin-left:-5px;margin-right:10px}.call-to-action.svelte-5j10or.svelte-5j10or{margin-top:.7rem}.call-to-action.svelte-5j10or .note.svelte-5j10or{text-align:center}.notice-icon-wrapper.svelte-jtkdoa{display:inline-block;min-width:1.1875rem}.notice-icon.svelte-jtkdoa{margin-left:2px;margin-top:-1.5px;vertical-align:middle}#as3cf-settings.wpome div.panel.settings .header img.svelte-cn9mf.svelte-cn9mf{width:var(--as3cf-settings-ctrl-width);height:var(--as3cf-settings-ctrl-width)}.provider-details.svelte-cn9mf.svelte-cn9mf{display:flex;flex-direction:column;flex:auto;margin-left:var(--as3cf-settings-option-indent);z-index:1}#as3cf-settings.wpome div.panel .provider-details.svelte-cn9mf h3.svelte-cn9mf{margin-left:0;margin-bottom:.5rem}#as3cf-settings.wpome div.panel .console-details.svelte-cn9mf.svelte-cn9mf{display:flex;align-items:center;font-size:.75rem}.console-details.svelte-cn9mf .console.svelte-cn9mf{flex:0 1 min-content;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#as3cf-settings.wpome div.panel .console-details.svelte-cn9mf a[target="_blank"].console.svelte-cn9mf:after{margin-right:0}#as3cf-settings.wpome div.panel .console-details.svelte-cn9mf .region.svelte-cn9mf{flex:1 0 auto;color:var(--as3cf-color-gray-500);margin:0 .5rem}.toggler.svelte-k1tgof:not(.toggleDisabled){cursor:pointer}#as3cf-settings.wpome div.panel.settings .header img.svelte-sglpwv.svelte-sglpwv{width:var(--as3cf-settings-ctrl-width);height:var(--as3cf-settings-ctrl-width)}.provider-details.svelte-sglpwv.svelte-sglpwv{display:flex;flex-direction:column;flex:auto;margin-left:var(--as3cf-settings-option-indent);z-index:1}#as3cf-settings.wpome div.panel .provider-details.svelte-sglpwv h3.svelte-sglpwv{margin-left:0;margin-bottom:.5rem}#as3cf-settings.wpome div.panel .console-details.svelte-sglpwv.svelte-sglpwv{display:flex;align-items:center;font-size:.75rem}.console-details.svelte-sglpwv .console.svelte-sglpwv{flex:0 1 min-content;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#as3cf-settings.wpome div.panel .console-details.svelte-sglpwv a[target="_blank"].console.svelte-sglpwv:after{margin-right:0}div.check-again.svelte-1oue4lo.svelte-1oue4lo{display:flex;flex-direction:column;align-items:flex-end;white-space:nowrap;min-width:6rem;padding-left:.5rem;color:var(--as3cf-color-gray-700)}#as3cf-settings .check-again.svelte-1oue4lo .last-update.svelte-1oue4lo{padding-right:2px;margin-top:2px} \ No newline at end of file diff --git a/assets/css/style.css b/assets/css/style.css index cc7868a5..23ae84cc 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -85,6 +85,107 @@ border: 1px solid var(--as3cf-color-gray-400); } +#as3cf-settings.wpome button.btn-expandable, #as3cf-settings.wpome a.button.btn-expandable { + all: unset; + -webkit-box-sizing: border-box; + box-sizing: border-box; + cursor: pointer; + -webkit-box-flex: 0; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + width: 24px; + height: 24px; + min-width: 24px; + min-height: 24px; + background: url(../img/icon/arrow.svg) no-repeat center/18px; + border-radius: 12px; + -webkit-transition: all 0.2s ease-in; + transition: all 0.2s ease-in; +} + +#as3cf-settings.wpome button.btn-expandable.btn-expanded, #as3cf-settings.wpome a.button.btn-expandable.btn-expanded { + -webkit-transform: rotate(180deg); + transform: rotate(180deg); +} + +#as3cf-settings.wpome button.btn-expandable:hover, #as3cf-settings.wpome button.btn-expandable:focus, #as3cf-settings.wpome button.btn-expandable:active, #as3cf-settings.wpome a.button.btn-expandable:hover, #as3cf-settings.wpome a.button.btn-expandable:focus, #as3cf-settings.wpome a.button.btn-expandable:active { + -webkit-box-shadow: 0 0 0 1.5px var(--as3cf-color-white), 0 0 0 3.5px var(--as3cf-color-secondary-500); + box-shadow: 0 0 0 1.5px var(--as3cf-color-white), 0 0 0 3.5px var(--as3cf-color-secondary-500); + outline: 0; +} + +#as3cf-settings.wpome button.btn-refresh, #as3cf-settings.wpome a.button.btn-refresh { + all: unset; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + gap: 0.25rem; + -webkit-box-sizing: border-box; + box-sizing: border-box; + cursor: pointer; + -webkit-box-flex: 0; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + font-size: 13px; + font-weight: 500; + color: var(--as3cf-link-color); + border-radius: 3px; + padding: 0.1rem; + margin-right: 0 -0.1rem; + text-decoration: underline; +} + +#as3cf-settings.wpome button.btn-refresh img.refresh, #as3cf-settings.wpome a.button.btn-refresh img.refresh { + width: 12px; + height: 12px; + min-width: 12px; + min-height: 12px; +} + +#as3cf-settings.wpome button.btn-refresh img.refresh.refreshing, #as3cf-settings.wpome a.button.btn-refresh img.refresh.refreshing { + -webkit-animation: spin 1s linear infinite; + animation: spin 1s linear infinite; +} + +@-webkit-keyframes spin { + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} + +@keyframes spin { + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } +} + +#as3cf-settings.wpome button.btn-refresh.btn-refreshing, #as3cf-settings.wpome a.button.btn-refresh.btn-refreshing { + cursor: default; +} + +#as3cf-settings.wpome button.btn-refresh:hover, #as3cf-settings.wpome button.btn-refresh:active, #as3cf-settings.wpome button.btn-refresh:focus, #as3cf-settings.wpome a.button.btn-refresh:hover, #as3cf-settings.wpome a.button.btn-refresh:active, #as3cf-settings.wpome a.button.btn-refresh:focus { + text-decoration: none !important; + -webkit-box-shadow: 0; + box-shadow: 0; +} + +#as3cf-settings.wpome button.btn-refresh:focus-visible, #as3cf-settings.wpome a.button.btn-refresh:focus-visible { + text-decoration: none; + -webkit-box-shadow: 0 0 0 1.5px var(--as3cf-color-white), 0 0 0 3.5px var(--as3cf-color-secondary-500); + box-shadow: 0 0 0 1.5px var(--as3cf-color-white), 0 0 0 3.5px var(--as3cf-color-secondary-500); + outline: 0; +} + +#as3cf-settings.wpome button.btn-refresh:disabled, #as3cf-settings.wpome a.button.btn-refresh:disabled { + color: var(--as3cf-color-gray-800); + text-decoration: none; +} + #as3cf-settings.wpome a, #as3cf-settings.wpome button { cursor: pointer; @@ -779,7 +880,7 @@ } #as3cf-settings.wpome div.nav div.items { - max-width: 1220px; + max-width: 1110px; display: -webkit-box; display: -ms-flexbox; display: flex; @@ -826,7 +927,12 @@ color: var(--as3cf-color-primary-600); } -#as3cf-settings.wpome div.nav div.items ul.nav li a:focus { +#as3cf-settings.wpome div.nav div.items ul.nav li a:focus, #as3cf-settings.wpome div.nav div.items ul.nav li a:active { + -webkit-box-shadow: none; + box-shadow: none; +} + +#as3cf-settings.wpome div.nav div.items ul.nav li a:focus-visible { color: var(--as3cf-color-primary-600); -webkit-box-shadow: 0 0 0 1.5px var(--as3cf-color-white), 0 0 0 3.5px var(--as3cf-color-primary-400); box-shadow: 0 0 0 1.5px var(--as3cf-color-white), 0 0 0 3.5px var(--as3cf-color-primary-400); @@ -846,576 +952,588 @@ color: var(--as3cf-active-nav-color); } -#as3cf-settings.wpome .subnav { +#as3cf-settings.wpome div.nav div.items .nav-status-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; - border-bottom: 1px solid var(--as3cf-wordpress-border-color); - padding: 0; - -webkit-box-align: baseline; - -ms-flex-align: baseline; - align-items: baseline; - margin: 0 0 3rem; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + margin-left: auto; + text-decoration: none; + gap: 0.5rem; + -ms-flex-item-align: stretch; + align-self: stretch; + min-width: 20px; + /* When complete there's an icon prefix that takes up more room. */ + /* When a tool is running there is longer status text taking up room. */ +} +#as3cf-settings.wpome div.nav div.items .nav-status-wrapper:focus { + -webkit-box-shadow: none; + box-shadow: none; + outline: none; +} +#as3cf-settings.wpome div.nav div.items .nav-status-wrapper .nav-status { + height: 100%; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + gap: 0.5rem; + min-width: 20px; + cursor: pointer; } - -#as3cf-settings.wpome .subnav.subpage { - display: none; +#as3cf-settings.wpome div.nav div.items .nav-status-wrapper p { + font-size: 0.75rem; } - -@media (max-width: 1100px) { - #as3cf-settings.wpome .subnav.subpage { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - } +#as3cf-settings.wpome div.nav div.items .nav-status-wrapper p.status-text { + -webkit-box-flex: 0; + -ms-flex: 0 0 max-content; + flex: 0 0 max-content; } - -#as3cf-settings.wpome .subnav li { - font-size: 0.875rem; - font-weight: 500; - padding-bottom: 1rem; - margin: 0 2rem 0 0; +#as3cf-settings.wpome div.nav div.items .nav-status-wrapper > p { + cursor: pointer; } - -#as3cf-settings.wpome .subnav li.step-arrow { - all: unset; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -ms-flex-item-align: start; - align-self: flex-start; - margin: 0 2rem 0 0; +#as3cf-settings.wpome div.nav div.items .nav-status-wrapper .progress-bar { + cursor: pointer; + width: 200px; } - -#as3cf-settings.wpome .subnav li a { - color: var(--as3cf-color-gray-600); - text-decoration: none; +#as3cf-settings.wpome div.nav div.items .nav-status-wrapper button { + -webkit-box-flex: 0; + -ms-flex: 0 0 max-content; + flex: 0 0 max-content; } - -#as3cf-settings.wpome .subnav li a:hover { - color: var(--as3cf-color-primary-600); +#as3cf-settings.wpome div.nav div.items .nav-status-wrapper .animation-running { + cursor: pointer; + display: none; } - -#as3cf-settings.wpome .subnav li a:focus { - color: var(--as3cf-color-primary-600); - -webkit-box-shadow: 0 0 0 1.5px var(--as3cf-wordpress-background-color), 0 0 0 3.5px var(--as3cf-color-primary-400); - box-shadow: 0 0 0 1.5px var(--as3cf-wordpress-background-color), 0 0 0 3.5px var(--as3cf-color-primary-400); - border-radius: 3px; - outline: none; +#as3cf-settings.wpome div.nav div.items .nav-status-wrapper .animation-running img { + height: 42px; } - -#as3cf-settings.wpome .subnav li.focus, #as3cf-settings.wpome .subnav li.hover { - border-bottom: 3px solid var(--as3cf-color-gray-600); +@media (max-width: 1120px) { + #as3cf-settings.wpome div.nav div.items .nav-status-wrapper > button:not(.btn-expandable) { + display: none; + } + #as3cf-settings.wpome div.nav div.items .nav-status-wrapper .animation-running { + display: block; + } } - -#as3cf-settings.wpome .subnav li.active { - border-bottom: 3px solid var(--as3cf-color-primary-500); +@media (max-width: 700px) { + #as3cf-settings.wpome div.nav div.items .nav-status-wrapper .progress-bar { + display: none; + } } - -#as3cf-settings.wpome .subnav li.active a { - color: var(--as3cf-active-nav-color); +@media (max-width: 640px) { + #as3cf-settings.wpome div.nav div.items .nav-status-wrapper { + display: none; + } } - -#as3cf-settings.wpome .lite-wrapper .subnav { - display: -webkit-box !important; - display: -ms-flexbox !important; - display: flex !important; +#as3cf-settings.wpome div.nav div.items .nav-status-wrapper.complete { + /* Remove complete icon before removing whole status. */ } - -#as3cf-settings.wpomepro > .header .header-wrapper { - width: 1220px; - max-width: 1220px; +@media (max-width: 720px) { + #as3cf-settings.wpome div.nav div.items .nav-status-wrapper.complete .progress-bar { + display: none; + } } - -#as3cf-settings #global-animation-wrapper { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - margin-left: auto; - cursor: pointer; - text-decoration: none; +@media (max-width: 670px) { + #as3cf-settings.wpome div.nav div.items .nav-status-wrapper.complete img.icon.type { + display: none; + } } - -#as3cf-settings #global-animation-wrapper:focus { - -webkit-box-shadow: none; - box-shadow: none; - outline: none; +#as3cf-settings.wpome div.nav div.items .nav-status-wrapper.tool-running { + /* Because there is an animated icon giving context we can reduce text. */ } - -#as3cf-settings #global-animation-wrapper #animation-running { - position: relative; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-align: baseline; - -ms-flex-align: baseline; - align-items: baseline; +@media (max-width: 800px) { + #as3cf-settings.wpome div.nav div.items .nav-status-wrapper.tool-running .progress-bar { + display: none; + } } - -#as3cf-settings #global-animation-wrapper #animation-running .percentage { - margin-right: 58px; - margin-top: -0.7rem; - text-transform: none; - font-size: 1.2rem; - color: var(--as3cf-color-gray-900); - font-weight: 500; - text-align: right; +@media (max-width: 740px) { + #as3cf-settings.wpome div.nav div.items .nav-status-wrapper.tool-running .status-text strong { + font-size: 1.1rem; + } + #as3cf-settings.wpome div.nav div.items .nav-status-wrapper.tool-running .status-text span { + display: none; + } } - -#as3cf-settings #global-animation-wrapper #animation-running span { - font-size: 0.85rem; +#as3cf-settings.wpome .subnav { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + border-bottom: 1px solid var(--as3cf-wordpress-border-color); + padding: 0; + -webkit-box-align: baseline; + -ms-flex-align: baseline; + align-items: baseline; + margin: 0 0 3rem; } - -#as3cf-settings #global-animation-wrapper #animation-running img { - position: absolute; - right: 0; - top: -30px; - height: 42px; +#as3cf-settings.wpome .subnav.subpage { + display: none; } - -#as3cf-settings #global-animation-wrapper #animation-complete { +@media (max-width: 1100px) { + #as3cf-settings.wpome .subnav.subpage { display: -webkit-box; display: -ms-flexbox; display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - margin-top: -1.4rem; + } } - -#as3cf-settings #global-animation-wrapper #animation-complete p { - margin-right: 15px; - font-size: 0.8rem; - text-transform: none; - line-height: 1; +#as3cf-settings.wpome .subnav li { + font-size: 0.875rem; + font-weight: 500; + padding-bottom: 1rem; + margin: 0 2rem 0 0; } - -#as3cf-settings #global-animation-wrapper #animation-complete p.success { - font-weight: 400; - text-decoration: none; - color: var(--as3cf-color-gray-500); +#as3cf-settings.wpome .subnav li.step-arrow { + all: unset; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-item-align: start; + align-self: flex-start; + margin: 0 2rem 0 0; } - -#as3cf-settings #global-animation-wrapper #animation-complete p.error { - font-weight: 500; - color: var(--as3cf-notice-error-color); - text-decoration: underline; +#as3cf-settings.wpome .subnav li.has-icon { + margin: 0 0.5625rem 0 0; } - -#as3cf-settings #global-animation-wrapper #animation-complete img { - width: 19px; +#as3cf-settings.wpome .subnav li a { + color: var(--as3cf-color-gray-600); + text-decoration: none; +} +#as3cf-settings.wpome .subnav li a:hover { + color: var(--as3cf-color-primary-600); +} +#as3cf-settings.wpome .subnav li a:focus, #as3cf-settings.wpome .subnav li a:active { + -webkit-box-shadow: none; + box-shadow: none; + outline: none; +} +#as3cf-settings.wpome .subnav li a:focus-visible { + color: var(--as3cf-color-primary-600); + -webkit-box-shadow: 0 0 0 1.5px var(--as3cf-wordpress-background-color), 0 0 0 3.5px var(--as3cf-color-primary-400); + box-shadow: 0 0 0 1.5px var(--as3cf-wordpress-background-color), 0 0 0 3.5px var(--as3cf-color-primary-400); + border-radius: 3px; + outline: none; +} +#as3cf-settings.wpome .subnav li.focus, #as3cf-settings.wpome .subnav li.hover { + border-bottom: 3px solid var(--as3cf-color-gray-600); +} +#as3cf-settings.wpome .subnav li.active { + border-bottom: 3px solid var(--as3cf-color-primary-500); +} +#as3cf-settings.wpome .subnav li.active a { + color: var(--as3cf-active-nav-color); +} +#as3cf-settings.wpome .lite-wrapper .subnav { + display: -webkit-box !important; + display: -ms-flexbox !important; + display: flex !important; +} +#as3cf-settings.wpome.wpomepro > .header .header-wrapper { + width: 1220px; + max-width: 1220px; +} +#as3cf-settings.wpome.wpomepro > .nav div.items { + max-width: 1220px; } #as3cf-settings.wpome .notifications.wrapper { - margin: 0 0 2rem 0; + margin: 0 0 2rem 0; } - #as3cf-settings.wpome .notification { - -webkit-box-sizing: border-box; - box-sizing: border-box; - padding: 0; - margin: 0 0 0.5rem 0; - -webkit-box-shadow: 0 2px 8px -5px rgba(50, 50, 93, 0.25), 0px 8px 5px -12px rgba(0, 0, 0, 0.3); - box-shadow: 0 2px 8px -5px rgba(50, 50, 93, 0.25), 0px 8px 5px -12px rgba(0, 0, 0, 0.3); - border-radius: 8px; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; + -webkit-box-sizing: border-box; + box-sizing: border-box; + padding: 0; + margin: 0 0 0.5rem 0; + -webkit-box-shadow: 0 2px 8px -5px rgba(50, 50, 93, 0.25), 0px 8px 5px -12px rgba(0, 0, 0, 0.3); + box-shadow: 0 2px 8px -5px rgba(50, 50, 93, 0.25), 0px 8px 5px -12px rgba(0, 0, 0, 0.3); + border-radius: 8px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; /* Probably redundant now, but keeping until verified post 3.0 release. */ } - #as3cf-settings.wpome .notification .content { - -webkit-box-sizing: border-box; - box-sizing: border-box; - padding: 10px 14px 10px 12px; - margin: 0; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - gap: 14px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + padding: 10px 14px 10px 12px; + margin: 0; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + gap: 14px; } - #as3cf-settings.wpome .notification .content div.icon.type { - margin: 0; - padding: 0; - width: 28px; - height: 28px; - border-radius: 6px; - -webkit-box-flex: 0; - -ms-flex: 0 0 28px; - flex: 0 0 28px; - -ms-flex-item-align: start; - align-self: flex-start; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; + margin: 0; + padding: 0; + width: 28px; + height: 28px; + border-radius: 6px; + -webkit-box-flex: 0; + -ms-flex: 0 0 28px; + flex: 0 0 28px; + -ms-flex-item-align: start; + align-self: flex-start; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} +#as3cf-settings.wpome .notification .content div.icon.type.in-panel { + -ms-flex-item-align: auto; + align-self: auto; } - #as3cf-settings.wpome .notification .content div.icon.type img.icon.type { - width: 16px; - height: 16px; + width: 16px; + height: 16px; } - #as3cf-settings.wpome .notification .content h3 { - margin: 0 0.5rem 0.5rem 0; - font-size: 0.8125rem; - line-height: 1.3rem; - font-weight: 600; - color: var(--as3cf-color-gray-900); + margin: 0 0.5rem 0.5rem 0; + font-size: 0.8125rem; + line-height: 1.3rem; + font-weight: 600; + color: var(--as3cf-color-gray-900); + width: 100%; } - #as3cf-settings.wpome .notification .content p { - margin: 0 0.5rem 0.5rem 0; - font-size: 0.8125rem; - line-height: 1.3rem; - color: var(--as3cf-color-gray-900); + margin: 0 0.5rem 0.5rem 0; + font-size: 0.8125rem; + line-height: 1.3rem; + color: var(--as3cf-color-gray-900); } - #as3cf-settings.wpome .notification .content p li { - list-style: disc; + list-style: disc; } - #as3cf-settings.wpome .notification .content p:last-of-type { - margin-bottom: 0; + margin-bottom: 0; } - #as3cf-settings.wpome .notification .content code { - padding: 0.05rem 0.4rem; - margin: 0 0.1rem; - border-radius: 5px; - line-height: 1; + padding: 0.05rem 0.4rem; + margin: 0 0.1rem; + border-radius: 5px; + line-height: 1; } - #as3cf-settings.wpome .notification .content .body { - margin: 0; - padding: 0; - width: 100%; - overflow-wrap: anywhere; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; + margin: 0; + padding: 0; + width: 100%; + overflow-wrap: anywhere; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; } - #as3cf-settings.wpome .notification .content .body .heading { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; } - #as3cf-settings.wpome .notification .content .body .heading p { - width: 100%; + width: 100%; } - #as3cf-settings.wpome .notification .content .body .heading .close { - -webkit-box-flex: 0; - -ms-flex: 0 0 16px; - flex: 0 0 16px; - width: 16px; - height: 16px; - min-width: 16px; - min-height: 16px; - background: url(../img/icon/close.svg) no-repeat; - border: none; - border-radius: 100%; - cursor: pointer; + -webkit-box-flex: 0; + -ms-flex: 0 0 16px; + flex: 0 0 16px; + width: 16px; + height: 16px; + min-width: 16px; + min-height: 16px; + background: url(../img/icon/close.svg) no-repeat; + border: none; + border-radius: 100%; + cursor: pointer; } - #as3cf-settings.wpome .notification .content .body .links a { - margin-right: 0.75rem; + margin-right: 0.75rem; } - #as3cf-settings.wpome .notification.multiline .content { - padding: 14px 14px 14px 12px; + padding: 14px 14px 14px 12px; } - #as3cf-settings.wpome .notification.multiline .content .body .heading .close { - -ms-flex-item-align: first baseline; - align-self: first baseline; + -ms-flex-item-align: first baseline; + align-self: first baseline; +} +#as3cf-settings.wpome .notification.multiline .content.in-panel { + padding: 0.875rem 1.5rem 0.875rem 1.5rem; + gap: 16px; } - #as3cf-settings.wpome .notification.inline.multiline .content { - padding: 16px; - gap: 16px; + padding: 16px; + gap: 16px; } - #as3cf-settings.wpome .notification.inline.multiline .content div.icon.type { - margin-top: 4px; -} - -#as3cf-settings.wpome .notification.expandable button { - color: var(--as3cf-link-color); - background-color: rgba(17, 17, 17, 0.04); - border: 1px solid rgba(17, 17, 17, 0.08); + margin-top: 4px; } - #as3cf-settings.wpome .notification.expandable .heading { - gap: 8px; -} - -#as3cf-settings.wpome .notification.expandable .heading button.expandable { - all: unset; - -webkit-box-sizing: border-box; - box-sizing: border-box; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - width: 22px; - height: 22px; - min-width: 22px; - min-height: 22px; - background: rgba(17, 17, 17, 0.04) url(../img/icon/arrow.svg) no-repeat center/11px; - border: 1px solid rgba(17, 17, 17, 0.08); - border-radius: 11px; - -webkit-filter: invert(27%) sepia(84%) saturate(1886%) hue-rotate(177deg) brightness(90%) contrast(103%); - filter: invert(27%) sepia(84%) saturate(1886%) hue-rotate(177deg) brightness(90%) contrast(103%); -} - -#as3cf-settings.wpome .notification.expandable .heading button.expandable.expanded { - -webkit-transform: rotate(180deg); - transform: rotate(180deg); -} - -#as3cf-settings.wpome .notification.expandable .heading button.expandable:hover, #as3cf-settings.wpome .notification.expandable .heading button.expandable:focus, #as3cf-settings.wpome .notification.expandable .heading button.expandable:active { - -webkit-filter: brightness(90%); - filter: brightness(90%); - -webkit-box-shadow: 0 0 0 1.5px var(--as3cf-color-white), 0 0 0 3.5px var(--as3cf-color-secondary-500); - box-shadow: 0 0 0 1.5px var(--as3cf-color-white), 0 0 0 3.5px var(--as3cf-color-secondary-500); - outline: 0; + gap: 8px; } - #as3cf-settings.wpome .notification.expandable.expanded .details { - max-height: 14.5rem; - overflow-y: auto; - margin: 0; - padding: 0; + max-height: 14.5rem; + overflow-y: auto; + margin: 0; + padding: 0; } - #as3cf-settings.wpome .notification.expandable.expanded .details .item { - margin: 0; - padding: 1.5rem; - line-height: 1.4; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; + margin: 0; + padding: 1.5rem; + line-height: 1.4; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; } - #as3cf-settings.wpome .notification.expandable.expanded .details .item .summary { - margin-bottom: 0.75rem; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - width: 100%; + margin-bottom: 0.75rem; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + width: 100%; } - #as3cf-settings.wpome .notification.expandable.expanded .details .item .summary .title { - width: 100%; - font-weight: 600; + width: 100%; + font-weight: 600; } - #as3cf-settings.wpome .notification.expandable.expanded .details .item ul.detail { - margin: 0; - padding: 0; + margin: 0; + padding: 0; } - #as3cf-settings.wpome .notification.expandable.expanded .details .item ul.detail > li { - padding: 0.3rem 0 0; - line-height: 1.4; + padding: 0.3rem 0 0; + line-height: 1.4; +} +#as3cf-settings.wpome .notification.expandable button { + color: var(--as3cf-link-color); + background-color: rgba(17, 17, 17, 0.04); + border: 1px solid rgba(17, 17, 17, 0.08); +} +#as3cf-settings.wpome .notification.expandable button.btn-expandable { + width: 22px; + height: 22px; + min-width: 22px; + min-height: 22px; + background-size: 11px; + border-radius: 11px; + -webkit-filter: invert(27%) sepia(84%) saturate(1886%) hue-rotate(177deg) brightness(90%) contrast(103%); + filter: invert(27%) sepia(84%) saturate(1886%) hue-rotate(177deg) brightness(90%) contrast(103%); +} +#as3cf-settings.wpome .notification.expandable button.btn-expandable:hover, #as3cf-settings.wpome .notification.expandable button.btn-expandable:focus, #as3cf-settings.wpome .notification.expandable button.btn-expandable:active { + -webkit-filter: brightness(90%); + filter: brightness(90%); } - #as3cf-settings.wpome .notification.expandable button.dismiss { - -webkit-box-sizing: border-box; - box-sizing: border-box; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - padding: 5px 10px; - gap: 4px; - border-radius: 6px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-box-flex: 0; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + padding: 5px 10px; + gap: 4px; + border-radius: 6px; } - #as3cf-settings.wpome .notification.expandable button.dismiss:before { - content: url(../img/icon/x.svg); - width: 7.5px; + content: url(../img/icon/x.svg); + width: 7.5px; } - -#as3cf-settings.wpome .notification button:hover, #as3cf-settings.wpome .notification button:focus, #as3cf-settings.wpome .notification button:active { - -webkit-filter: brightness(90%); - filter: brightness(90%); - -webkit-box-shadow: 0 0 0 1.5px var(--as3cf-color-white), 0 0 0 3.5px var(--as3cf-color-secondary-500); - box-shadow: 0 0 0 1.5px var(--as3cf-color-white), 0 0 0 3.5px var(--as3cf-color-secondary-500); - outline: 0; +#as3cf-settings.wpome .notification button:not(.btn-refresh):focus, #as3cf-settings.wpome .notification button:not(.btn-refresh):active { + -webkit-filter: brightness(90%); + filter: brightness(90%); + -webkit-box-shadow: 0 0 0 1.5px var(--as3cf-color-white), 0 0 0 3.5px var(--as3cf-color-secondary-500); + box-shadow: 0 0 0 1.5px var(--as3cf-color-white), 0 0 0 3.5px var(--as3cf-color-secondary-500); + outline: 0; } - #as3cf-settings.wpome .notification.info { - background: var(--as3cf-notice-info-background-color); - border: 1px solid var(--as3cf-notice-info-border-color); + background: var(--as3cf-notice-info-background-color); + border: 1px solid var(--as3cf-notice-info-border-color); } - #as3cf-settings.wpome .notification.info div.icon.type { - background: var(--as3cf-notice-info-color); + background: var(--as3cf-notice-info-color); } - #as3cf-settings.wpome .notification.info.expandable.expanded .details .item { - border-top: 1px solid rgba(46, 107, 222, 0.16); + border-top: 1px solid rgba(46, 107, 222, 0.16); } - #as3cf-settings.wpome .notification.success { - background: var(--as3cf-notice-success-background-color); - border: 1px solid var(--as3cf-notice-success-border-color); + background: var(--as3cf-notice-success-background-color); + border: 1px solid var(--as3cf-notice-success-border-color); } - #as3cf-settings.wpome .notification.success div.icon.type { - background: var(--as3cf-notice-success-color); + background: var(--as3cf-notice-success-color); } - #as3cf-settings.wpome .notification.success.expandable.expanded .details .item { - border-top: 1px solid rgba(232, 99, 94, 0.16); + border-top: 1px solid rgba(232, 99, 94, 0.16); } - #as3cf-settings.wpome .notification.warning { - background: var(--as3cf-notice-warning-background-color); - border: 1px solid var(--as3cf-notice-warning-border-color); + background: var(--as3cf-notice-warning-background-color); + border: 1px solid var(--as3cf-notice-warning-border-color); } - #as3cf-settings.wpome .notification.warning div.icon.type { - background: var(--as3cf-notice-warning-color); + background: var(--as3cf-notice-warning-color); } - #as3cf-settings.wpome .notification.warning code { - background: var(--as3cf-notice-warning-code-background-color); + background: var(--as3cf-notice-warning-code-background-color); } - #as3cf-settings.wpome .notification.warning.expandable.expanded .details .item { - border-top: 1px solid rgba(99, 185, 105, 0.16); + border-top: 1px solid rgba(99, 185, 105, 0.16); } - #as3cf-settings.wpome .notification.error { - background: var(--as3cf-notice-error-background-color); - border: 1px solid var(--as3cf-notice-error-border-color); + background: var(--as3cf-notice-error-background-color); + border: 1px solid var(--as3cf-notice-error-border-color); } - #as3cf-settings.wpome .notification.error div.icon.type { - background: var(--as3cf-notice-error-color); + background: var(--as3cf-notice-error-color); } - #as3cf-settings.wpome .notification.error.expandable.expanded .details .item { - border-top: 1px solid rgba(232, 99, 94, 0.16); + border-top: 1px solid rgba(232, 99, 94, 0.16); +} +#as3cf-settings.wpome .notification.in-panel { + border-left: 0; + border-right: 0; + border-radius: 0; } - #as3cf-settings.wpome .notification.wordpress { - background: var(--as3cf-color-white); - border: 1px solid var(--as3cf-wordpress-border-color); + background: var(--as3cf-color-white); + border: 1px solid var(--as3cf-wordpress-border-color); } - #as3cf-settings.wpome .notification.wordpress.info { - border-left: 5px solid var(--as3cf-wordpress-notice-info-color); + border-left: 5px solid var(--as3cf-wordpress-notice-info-color); } - #as3cf-settings.wpome .notification.wordpress.success { - border-left: 5px solid var(--as3cf-wordpress-notice-success-color); + border-left: 5px solid var(--as3cf-wordpress-notice-success-color); } - #as3cf-settings.wpome .notification.wordpress.warning { - border-left: 5px solid var(--as3cf-wordpress-notice-warning-color); + border-left: 5px solid var(--as3cf-wordpress-notice-warning-color); } - #as3cf-settings.wpome .notification.wordpress.error { - border-left: 5px solid var(--as3cf-wordpress-notice-error-color); + border-left: 5px solid var(--as3cf-wordpress-notice-error-color); +} + +#as3cf-settings.wpome .indicator, +#as3cf-settings.wpome .progress-bar { + height: 8px; + border-radius: 8px; +} +#as3cf-settings.wpome .progress-bar { + background: var(--as3cf-color-gray-300); +} +#as3cf-settings.wpome .progress-bar.stripe.animate, +#as3cf-settings.wpome .progress-bar.stripe > .indicator.animate { + background-size: 30px 30px; + background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.15) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 100%); + -webkit-animation: progress 5s linear infinite; + animation: progress 5s linear infinite; +} +@-webkit-keyframes progress { + from { + background-position: 0 0; + } + to { + background-position: -60px -60px; + } +} +@keyframes progress { + from { + background-position: 0 0; + } + to { + background-position: -60px -60px; + } +} +#as3cf-settings.wpome .progress-bar.stripe.animate { + background-color: var(--as3cf-secondary-color); +} +#as3cf-settings.wpome .progress-bar .indicator { + display: block; + background-color: var(--as3cf-color-primary-500); + width: 40%; +} +#as3cf-settings.wpome .progress-bar .indicator.running { + background-color: var(--as3cf-color-secondary-500); +} +#as3cf-settings.wpome .progress-bar .indicator.complete { + background-color: var(--as3cf-complete-color); + width: 100%; } /* * Storage and Delivery Provider specific styles. */ #as3cf-settings.wpome .delivery.aws .gradient { - background: linear-gradient(225deg, rgba(255, 213, 213, 0.5) 0%, rgba(255, 213, 213, 0) 50%); + background: linear-gradient(225deg, rgba(255, 213, 213, 0.5) 0%, rgba(255, 213, 213, 0) 50%); } - #as3cf-settings.wpome .delivery.cloudflare .gradient { - background: linear-gradient(225deg, rgba(255, 221, 192, 0.5) 0%, rgba(255, 221, 192, 0) 50%); + background: linear-gradient(225deg, rgba(255, 221, 192, 0.5) 0%, rgba(255, 221, 192, 0) 50%); } - #as3cf-settings.wpome .delivery.do .gradient { - background: linear-gradient(225deg, rgba(205, 230, 255, 0.5) 0%, rgba(205, 230, 255, 0) 50%); + background: linear-gradient(225deg, rgba(205, 230, 255, 0.5) 0%, rgba(205, 230, 255, 0) 50%); } - #as3cf-settings.wpome .delivery.gcp .gradient { - background: linear-gradient(225deg, rgba(226, 226, 226, 0.5) 0%, rgba(226, 226, 226, 0) 50%); + background: linear-gradient(225deg, rgba(226, 226, 226, 0.5) 0%, rgba(226, 226, 226, 0) 50%); } - #as3cf-settings.wpome .delivery.keycdn .gradient { - background: linear-gradient(225deg, rgba(4, 122, 237, 0.16) 0%, rgba(4, 122, 237, 0) 50%); + background: linear-gradient(225deg, rgba(4, 122, 237, 0.16) 0%, rgba(4, 122, 237, 0) 50%); } - #as3cf-settings.wpome .delivery.other .gradient { - background: linear-gradient(225deg, rgba(228, 234, 241, 0.5) 0%, rgba(228, 234, 241, 0) 50%); + background: linear-gradient(225deg, rgba(228, 234, 241, 0.5) 0%, rgba(228, 234, 241, 0) 50%); } - #as3cf-settings.wpome .delivery.stackpath .gradient { - background: linear-gradient(225deg, rgba(226, 226, 226, 0.5) 0%, rgba(226, 226, 226, 0) 50%); + background: linear-gradient(225deg, rgba(226, 226, 226, 0.5) 0%, rgba(226, 226, 226, 0) 50%); } - #as3cf-settings.wpome .storage.aws .gradient { - background: linear-gradient(225deg, rgba(255, 214, 197, 0.5) 0%, rgba(255, 214, 197, 0) 50%); + background: linear-gradient(225deg, rgba(255, 214, 197, 0.5) 0%, rgba(255, 214, 197, 0) 50%); } - #as3cf-settings.wpome .storage.do .gradient { - background: linear-gradient(225deg, rgba(205, 230, 255, 0.5) 0%, rgba(205, 230, 255, 0) 50%); + background: linear-gradient(225deg, rgba(205, 230, 255, 0.5) 0%, rgba(205, 230, 255, 0) 50%); } - #as3cf-settings.wpome .storage.gcp .gradient { - background: linear-gradient(225deg, rgba(226, 226, 226, 0.5) 0%, rgba(226, 226, 226, 0) 50%); + background: linear-gradient(225deg, rgba(226, 226, 226, 0.5) 0%, rgba(226, 226, 226, 0) 50%); } #as3cf-settings.wpome { @@ -1423,209 +1541,152 @@ * Misc */ } - #as3cf-settings.wpome .as3cf-sidebar { - width: 292px; - min-width: 292px; - height: -webkit-max-content; - height: -moz-max-content; - height: max-content; - margin-left: 2.75rem; - margin-top: -0.5rem; + width: 292px; + min-width: 292px; + height: -webkit-max-content; + height: -moz-max-content; + height: max-content; + margin-left: 2.25rem; + margin-top: -0.5rem; } - #as3cf-settings.wpome .as3cf-sidebar.lite { - background: white; - border-radius: 7px; - border: 1px solid #D9E1EB; - overflow: hidden; - -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1); - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1); + background: white; + border-radius: 7px; + border: 1px solid #D9E1EB; + overflow: hidden; + -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1); + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1); } - #as3cf-settings.wpome .as3cf-sidebar .block { - padding: 20px; - border: 1px solid #ccc; + padding: 20px; + border: 1px solid #ccc; } - #as3cf-settings.wpome .as3cf-sidebar .subscribe { - border-top: none; - text-align: center; - padding: 40px 20px; + border-top: none; + text-align: center; + padding: 40px 20px; } - #as3cf-settings.wpome .as3cf-sidebar .subscribe h2 { - padding: 0; - margin: 0; - margin-bottom: 0.5em; - color: #666; - font-size: 17px; - line-height: 1.2em; - float: none; - text-transform: none; - font-weight: 500; + padding: 0; + margin: 0; + margin-bottom: 0.5em; + color: #666; + font-size: 17px; + line-height: 1.2em; + float: none; + text-transform: none; + font-weight: 500; } - #as3cf-settings.wpome .as3cf-sidebar .subscribe .button { - width: 100% !important; - margin: 1rem auto; - text-transform: uppercase; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - text-align: center !important; + width: 100% !important; + margin: 1rem auto; + text-transform: uppercase; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + text-align: center !important; } - #as3cf-settings.wpome .as3cf-sidebar .subscribe p { - margin: 0; + margin: 0; } - #as3cf-settings.wpome .as3cf-sidebar .subscribe .discount-applied { - color: rgba(0, 0, 0, 0.4); - font-size: 12px; - line-height: 1.4em; - margin-top: 10px; -} - -#as3cf-settings.wpome .as3cf-sidebar .credits { - border-top: 0; - background: #2E2E31; - text-align: center; - padding: 10px; -} - -#as3cf-settings.wpome .as3cf-sidebar .credits h4 { - font-size: 11px; - font-weight: normal; - color: rgba(255, 255, 255, 0.7); - margin-top: 0; - margin-bottom: 10px; -} - -#as3cf-settings.wpome .as3cf-sidebar .credits ul { - display: inline-block; - margin: 0; - padding: 0; -} - -#as3cf-settings.wpome .as3cf-sidebar .credits li { - overflow: hidden; -} - -#as3cf-settings.wpome .as3cf-sidebar .credits li:last-child { - margin-bottom: 0; -} - -#as3cf-settings.wpome .as3cf-sidebar .credits img { - display: inline-block; - vertical-align: middle; - margin-right: 8px; -} - -#as3cf-settings.wpome .as3cf-sidebar .credits span { - display: inline-block; - vertical-align: middle; - font-size: 12px; - line-height: 24px; + color: rgba(0, 0, 0, 0.4); + font-size: 12px; + line-height: 1.4em; + margin-top: 10px; +} +#as3cf-settings.wpome .as3cf-sidebar a.credits { + display: block; + border-top: 0; + background: var(--as3cf-sidebar-credits-background-color); + padding: 1rem; + text-align: center; + text-decoration: none; + font-size: 12px; + font-weight: 300; + color: var(--as3cf-color-white); } - -#as3cf-settings.wpome .as3cf-sidebar .credits a { - display: block; - text-decoration: none; - color: white; - font-size: 12px; - text-align: center; +#as3cf-settings.wpome .as3cf-sidebar a.credits span.name { + font-weight: 500; } - -#as3cf-settings.wpome .as3cf-sidebar .credits a:hover { - color: rgba(255, 255, 255, 0.7); +#as3cf-settings.wpome .as3cf-sidebar a.credits:hover { + color: var(--as3cf-color-white); } - @media screen and (max-width: 1052px) { - #as3cf-settings.wpome .as3cf-sidebar { - position: relative; - top: auto; - right: auto; - } + #as3cf-settings.wpome .as3cf-sidebar { + position: relative; + top: auto; + right: auto; + } } - #as3cf-settings.wpome .as3cf-active-provider, #as3cf-settings.wpome .as3cf-active-bucket { - font-weight: bold; - margin-right: 10px; + font-weight: bold; + margin-right: 10px; } - #as3cf-settings.wpome .as3cf-banner { - width: 292px; - height: 156px; - display: block; - background: #f8cfae url(../img/sidebar/os3-banner.svg) left bottom/100% no-repeat; + width: 292px; + height: 156px; + display: block; + background: #f8cfae url(../img/sidebar/os3-banner.svg) left bottom/100% no-repeat; } - #as3cf-settings.wpome .as3cf-banner:focus { - -webkit-box-shadow: none; - box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; } - #as3cf-settings.wpome .as3cf-upgrade-details { - background-color: #4e0d33; - padding: 10px 20px 20px 20px; - color: #eee; - font-size: 12.5px; - display: block; - text-decoration: none; + background-color: #4e0d33; + padding: 10px 20px 20px 20px; + color: #eee; + font-size: 12.5px; + display: block; + text-decoration: none; } - #as3cf-settings.wpome .as3cf-upgrade-details h1 { - font-size: 27px; - color: #f8cfae; - margin: 0 0 15px 0; - padding: 0; - font-weight: 300; - line-height: 1; + font-size: 27px; + color: #f8cfae; + margin: 0 0 15px 0; + padding: 0; + font-weight: 300; + line-height: 1; } - #as3cf-settings.wpome .as3cf-upgrade-details h2 { - font-size: 15px; - color: #F8CFAE; - margin: 0 0 30px 0; - font-weight: 600; - line-height: 20px; + font-size: 15px; + color: #F8CFAE; + margin: 0 0 30px 0; + font-weight: 600; + line-height: 20px; } - #as3cf-settings.wpome .as3cf-upgrade-details p { - margin: 0; + margin: 0; } - #as3cf-settings.wpome .as3cf-upgrade-details a { - color: #eee; - font-weight: bold; - text-decoration: none; - font-size: 16px; - -webkit-box-shadow: none; - box-shadow: none; + color: #eee; + font-weight: bold; + text-decoration: none; + font-size: 16px; + -webkit-box-shadow: none; + box-shadow: none; } - #as3cf-settings.wpome .as3cf-upgrade-details a:hover { - color: #fff; + color: #fff; } - #as3cf-settings.wpome .as3cf-upgrade-details ul { - margin: 0 !important; - padding: 0; - list-style: none; + margin: 0 !important; + padding: 0; + list-style: none; } - #as3cf-settings.wpome .as3cf-upgrade-details ul li { - margin-bottom: 15px; - line-height: 18px; - padding-left: 25px; - background: url(../img/sidebar/item-checked.svg) left center no-repeat; + margin-bottom: 15px; + line-height: 18px; + padding-left: 25px; + background: url(../img/sidebar/item-checked.svg) left center no-repeat; } #as3cf-settings.wpome { @@ -1634,7 +1695,6 @@ * There's a couple of classes where we don't want the icon too. */ } - #as3cf-settings.wpome a, #as3cf-settings.wpome button, #as3cf-settings.wpome h1, @@ -1649,83 +1709,67 @@ #as3cf-settings.wpome select, #as3cf-settings.wpome span, #as3cf-settings.wpome textarea { - letter-spacing: 0.25px; - line-height: 1; - margin: 0; + letter-spacing: 0.25px; + line-height: 1; + margin: 0; } - #as3cf-settings.wpome li { - list-style: none; + list-style: none; } - #as3cf-settings.wpome .semibold { - font-weight: 600; + font-weight: 600; } - #as3cf-settings.wpome .bold { - font-weight: 700; + font-weight: 700; } - #as3cf-settings.wpome p { - font-size: 0.875rem; - color: var(--as3cf-color-gray-900); - font-weight: 400; -} - -#as3cf-settings.wpome h2 { - font-size: 1.0625rem; - color: #617385; - text-transform: uppercase; - font-weight: 400; + font-size: 0.875rem; + color: var(--as3cf-color-gray-900); + font-weight: 400; } - #as3cf-settings.wpome .page-title { - margin-bottom: 3rem; + margin-bottom: 3rem; } - -#as3cf-settings.wpome a[target=_blank]:not(.help):not(.licence):not(.email):after { - -webkit-box-sizing: border-box; - box-sizing: border-box; - content: "\f504"; - display: inline-block; - font-family: "dashicons", emoji; - font-size: larger; - text-decoration: none; - vertical-align: sub; - margin-left: 0.2rem; - margin-right: -1rem; +#as3cf-settings.wpome a[target=_blank]:not(.help):not(.licence):not(.email):not(.credits):after { + -webkit-box-sizing: border-box; + box-sizing: border-box; + content: "\f504"; + display: inline-block; + font-family: "dashicons", emoji; + font-size: larger; + text-decoration: none; + vertical-align: sub; + margin-left: 0.2rem; + margin-right: -1rem; } - #as3cf-settings.wpome .link { - font-size: 0.8125rem; - color: #0073AA; + font-size: 0.8125rem; + color: #0073AA; } - #as3cf-settings.wpome .link:hover { - -webkit-filter: brightness(115%); - filter: brightness(115%); -} - -#as3cf-settings.wpome pre, #as3cf-settings.wpome textarea.pre { - background: var(--as3cf-code-background); - border: 1px solid #D2CFCF; - border-radius: 6px; - padding: 1rem 1.2rem; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-flex: 1; - -ms-flex: 1; - flex: 1; - font-size: 0.8125rem; - line-height: 1.6; - color: var(--as3cf-color-white); - font-weight: 400; - margin: 0 0 1.5rem; - -webkit-box-sizing: border-box; - box-sizing: border-box; - width: 100%; - overflow-y: scroll; + -webkit-filter: brightness(115%); + filter: brightness(115%); +} +#as3cf-settings.wpome pre, #as3cf-settings.wpome textarea.pre { + background: var(--as3cf-code-background); + border: 1px solid #D2CFCF; + border-radius: 6px; + padding: 1rem 1.2rem; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + font-size: 0.8125rem; + line-height: 1.6; + color: var(--as3cf-color-white); + font-weight: 400; + margin: 0 0 1.5rem; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 100%; + overflow-y: scroll; /* Standards compliant scrollbar (future) */ /* scrollbar-color: var(--as3cf-secondary-color) var(--as3cf-code-background); @@ -1733,1295 +1777,1456 @@ */ /* Ye olde webkit scrollbar */ } - #as3cf-settings.wpome pre::-webkit-scrollbar, #as3cf-settings.wpome textarea.pre::-webkit-scrollbar { - width: 12px; + width: 12px; } - #as3cf-settings.wpome pre::-webkit-scrollbar-track, #as3cf-settings.wpome textarea.pre::-webkit-scrollbar-track { - background: var(--as3cf-code-background); - border-radius: 6px; + background: var(--as3cf-code-background); + border-radius: 6px; } - #as3cf-settings.wpome pre::-webkit-scrollbar-corner, #as3cf-settings.wpome textarea.pre::-webkit-scrollbar-corner { - background-color: var(--as3cf-code-background); - border-radius: 6px; + background-color: var(--as3cf-code-background); + border-radius: 6px; } - #as3cf-settings.wpome pre::-webkit-resizer, #as3cf-settings.wpome textarea.pre::-webkit-resizer { - background-color: var(--as3cf-code-background); - border-radius: 6px; + background-color: var(--as3cf-code-background); + border-radius: 6px; } - #as3cf-settings.wpome pre::-webkit-scrollbar-thumb, #as3cf-settings.wpome textarea.pre::-webkit-scrollbar-thumb { - background-color: var(--as3cf-secondary-color); - border: 1px solid var(--as3cf-code-background); - border-radius: 5px; + background-color: var(--as3cf-secondary-color); + border: 1px solid var(--as3cf-code-background); + border-radius: 5px; } -#as3cf-settings.wpome .page-wrapper .page-title { - margin-bottom: 2.6rem; +#as3cf-settings.wpome .page-wrapper h2.page-title { + font-size: 0.9375rem; + color: var(--as3cf-color-gray-900); + font-weight: 500; + margin: 0 0 1.25rem; } - #as3cf-settings.wpome .lite-wrapper { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - max-width: 1110px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + max-width: 1110px; } - @media (max-width: 1024px) { - #as3cf-settings.wpome .lite-wrapper .as3cf-sidebar { - display: none; - } + #as3cf-settings.wpome .lite-wrapper .as3cf-sidebar { + display: none; + } } - #as3cf-settings.wpome .lite-wrapper .page-wrapper { - width: 840px; + width: 840px; +} +#as3cf-settings.wpome .lite-wrapper .page-wrapper.assets, #as3cf-settings.wpome .lite-wrapper .page-wrapper.tools { + width: 768px; } - #as3cf-settings.wpome .lite-wrapper .page-wrapper.media { - width: 780px; - max-width: 780px; + width: 780px; + max-width: 780px; } - #as3cf-settings.wpome .lite-wrapper .media-page.wrapper { - -webkit-box-orient: vertical !important; - -webkit-box-direction: normal !important; - -ms-flex-direction: column !important; - flex-direction: column !important; + -webkit-box-orient: vertical !important; + -webkit-box-direction: normal !important; + -ms-flex-direction: column !important; + flex-direction: column !important; } - #as3cf-settings.wpome .lite-wrapper .media-page.wrapper .panel { - width: 100%; - max-width: 780px; + width: 100%; + max-width: 780px; } - #as3cf-settings.wpome .lite-wrapper .media-page.wrapper .delivery-settings { - margin: 0; - display: none; + margin: 0; + display: none; } - #as3cf-settings.wpome .lite-wrapper .media-page.wrapper .delivery-settings.active { - display: -webkit-box; - display: -ms-flexbox; - display: flex; + display: -webkit-box; + display: -ms-flexbox; + display: flex; } - #as3cf-settings.wpome .lite-wrapper .media-page.wrapper .storage-settings { - margin: 0; - display: none; + margin: 0; + display: none; } - #as3cf-settings.wpome .lite-wrapper .media-page.wrapper .storage-settings.active { - display: -webkit-box; - display: -ms-flexbox; - display: flex; + display: -webkit-box; + display: -ms-flexbox; + display: flex; } - #as3cf-settings.wpome .lite-wrapper .panel.url-preview { - width: 100%; - max-width: 780px; + width: 100%; + max-width: 780px; } - #as3cf-settings.wpome .lite-wrapper .fixed-cta-block .buttons { - width: calc(1110px + 4rem); - max-width: calc(1110px + 4rem); + width: calc(1110px + 4rem); + max-width: calc(1110px + 4rem); } - @media screen and (max-width: 1024px) { - #as3cf-settings.wpome .lite-wrapper .fixed-cta-block .buttons { - max-width: calc(780px + 4rem); - } + #as3cf-settings.wpome .lite-wrapper .fixed-cta-block .buttons { + max-width: calc(780px + 4rem); + } } - #as3cf-settings.wpome .media-page.wrapper { - margin: 0; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; + margin: 0; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; } - @media (max-width: 1100px) { - #as3cf-settings.wpome .media-page.wrapper { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; + #as3cf-settings.wpome .media-page.wrapper { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; -ms-flex-direction: column; - flex-direction: column; - } + flex-direction: column; + } } - @media (max-width: 1100px) { - #as3cf-settings.wpome .media-page.wrapper .panel { - max-width: 100%; - } + #as3cf-settings.wpome .media-page.wrapper .panel { + max-width: 100%; + } } - #as3cf-settings.wpome .media-page.wrapper .delivery-settings, #as3cf-settings.wpome .media-page.wrapper .storage-settings { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; } - #as3cf-settings.wpome .media-page.wrapper .storage-settings { - margin: 0 2rem 0 0; + margin: 0 2rem 0 0; } - @media (max-width: 1100px) { - #as3cf-settings.wpome .media-page.wrapper .storage-settings { - margin: 0; - display: none; - } - - #as3cf-settings.wpome .media-page.wrapper .storage-settings.active { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - } + #as3cf-settings.wpome .media-page.wrapper .storage-settings { + margin: 0; + display: none; + } + #as3cf-settings.wpome .media-page.wrapper .storage-settings.active { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } } - #as3cf-settings.wpome .media-page.wrapper .delivery-settings { - margin: 0 0 0 2rem; + margin: 0 0 0 2rem; } - @media (max-width: 1100px) { - #as3cf-settings.wpome .media-page.wrapper .delivery-settings { - margin: 0; - display: none; - } - - #as3cf-settings.wpome .media-page.wrapper .delivery-settings.active { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - } + #as3cf-settings.wpome .media-page.wrapper .delivery-settings { + margin: 0; + display: none; + } + #as3cf-settings.wpome .media-page.wrapper .delivery-settings.active { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + } } - #as3cf-settings.wpome .subpage.wrapper, #as3cf-settings.wpome .subpage.page-wrapper { - margin: 0; - max-width: 840px; + margin: 0; + max-width: 840px; } - #as3cf-settings.wpome .storage-page.wrapper .panel.multi .panel-container .panel-row.tab-buttons { - gap: 1.5rem; - -ms-flex-wrap: wrap; - flex-wrap: wrap; + gap: 1.5rem; + -ms-flex-wrap: wrap; + flex-wrap: wrap; } - #as3cf-settings.wpome .storage-page.wrapper .panel.multi .panel-container .panel-row.tab-buttons .button-tab { - margin: 0; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; + margin: 0; + -webkit-box-flex: 0; + -ms-flex: 0 0 auto; + flex: 0 0 auto; +} +#as3cf-settings.wpome .storage-page.wrapper .panel.multi .panel-container .notification.notice-qsg { + width: 100%; } - #as3cf-settings.wpome .delivery-provider-settings-page.wrapper .panel.multi .panel-container .panel-row.delivery-provider-buttons .row { - margin-bottom: 1.25rem; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - width: 100%; + margin-bottom: 1.25rem; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + width: 100%; } - #as3cf-settings.wpome .delivery-provider-settings-page.wrapper .panel.multi .panel-container .panel-row.delivery-provider-buttons .row:last-of-type { - margin-bottom: 0; + margin-bottom: 0; } - #as3cf-settings.wpome .delivery-provider-settings-page.wrapper .panel.multi .panel-container .panel-row.delivery-provider-buttons .row .button-tab { - width: 12rem; + width: 12rem; } - #as3cf-settings.wpome .delivery-provider-settings-page.wrapper .panel.multi .panel-container .panel-row.delivery-provider-buttons .row .button-tab:not(.btn-disabled):hover ~ p, #as3cf-settings.wpome .delivery-provider-settings-page.wrapper .panel.multi .panel-container .panel-row.delivery-provider-buttons .row .button-tab.active ~ p { - font-weight: 600; - opacity: 1; + font-weight: 600; + opacity: 1; } - #as3cf-settings.wpome .delivery-provider-settings-page.wrapper .panel.multi .panel-container .panel-row.delivery-provider-buttons .row p { - margin: 0; + margin: 0; } - #as3cf-settings.wpome .delivery-provider-settings-page.wrapper .panel.multi .panel-container .panel-row.delivery-provider-buttons .row .speed, #as3cf-settings.wpome .delivery-provider-settings-page.wrapper .panel.multi .panel-container .panel-row.delivery-provider-buttons .row .private-media { - margin-left: 1.5rem; - opacity: 0.7; - font-size: 0.8125rem; + margin-left: 1.5rem; + opacity: 0.7; + font-size: 0.8125rem; } - #as3cf-settings.wpome .delivery-provider-settings-page.wrapper .panel.multi .panel-container .panel-row.delivery-provider-buttons .row .help { - margin-left: auto; - display: -webkit-box; - display: -ms-flexbox; - display: flex; + margin-left: auto; + display: -webkit-box; + display: -ms-flexbox; + display: flex; } - #as3cf-settings.wpome .licence-page.wrapper { - margin: 0 0 2rem; - max-width: 700px; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; + margin: 0 0 2rem; + max-width: 700px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; } - #as3cf-settings.wpome .licence-page.wrapper.defined { - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: start; - -ms-flex-align: start; - align-items: flex-start; - gap: 0.5rem; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; + gap: 0.5rem; } - #as3cf-settings.wpome .licence-page.wrapper.defined .wp-config { - margin-left: 0; - -webkit-box-flex: 0; - -ms-flex: 0 0 auto; - flex: 0 0 auto; + margin-left: 0; + -webkit-box-flex: 0; + -ms-flex: 0 0 auto; + flex: 0 0 auto; } - #as3cf-settings.wpome .support-page.wrapper { - margin: 0; - max-width: 960px; -} - -#as3cf-settings.wpome .support-page.wrapper .columns { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-pack: justify; - -ms-flex-pack: justify; - justify-content: space-between; + margin: 0; + max-width: 960px; +} +#as3cf-settings.wpome .support-page.wrapper .columns { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; } - #as3cf-settings.wpome .support-page.wrapper .licence-type { - margin-bottom: 3rem; + margin-bottom: 3rem; } - #as3cf-settings.wpome .support-page.wrapper .licence-type span { - font-weight: 700; - color: var(--as3cf-color-primary-500); + font-weight: 700; + color: var(--as3cf-color-primary-500); } - #as3cf-settings.wpome .support-page.wrapper .lite-support { - margin-bottom: 2rem; + margin-bottom: 2rem; } - #as3cf-settings.wpome .support-page.wrapper .lite-support p { - line-height: 1.8; - font-weight: 400; + line-height: 1.8; + font-weight: 400; } - #as3cf-settings.wpome .assets-page.wrapper { - margin: 0; - max-width: 840px; + margin: 0; + max-width: 768px; } - #as3cf-settings.wpome .assets-page.wrapper .assets-panel { - padding: 0.45rem 0; - max-width: 640px; + padding: 0.45rem 0; + max-width: 768px; } - #as3cf-settings.wpome .assets-page.wrapper .notice { - margin-right: auto; -} - -#as3cf-settings.wpome .assets-page.wrapper .notice-qsg { - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; + margin-right: auto; } - #as3cf-settings.wpome .assets-page.wrapper .settings { - margin-bottom: 2rem; - max-width: 100%; + margin-bottom: 2rem; + max-width: 100%; } - #as3cf-settings.wpome .assets-page.wrapper .panel-row.status { - padding: 1.75rem 0 0 4rem !important; - height: -webkit-max-content; - height: -moz-max-content; - height: max-content; + padding: 1.75rem 0 0 4rem !important; + height: -webkit-max-content; + height: -moz-max-content; + height: max-content; } - #as3cf-settings.wpome .assets-page.wrapper .panel-row.status img { - width: 18px; - height: 18px; + width: 18px; + height: 18px; } - #as3cf-settings.wpome .assets-page.wrapper .panel-row.status h4 { - margin-left: 0.8rem; + margin-left: 0.8rem; } - #as3cf-settings.wpome .assets-page.wrapper .panel-row.status p { - margin: 0 !important; + margin: 0 !important; } - #as3cf-settings.wpome .assets-page.wrapper .panel-row.last-checked { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - margin: 0.7rem 0 0 4.7rem !important; - height: -webkit-max-content; - height: -moz-max-content; - height: max-content; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + margin: 0.7rem 0 0 4.7rem !important; + height: -webkit-max-content; + height: -moz-max-content; + height: max-content; } - #as3cf-settings.wpome .assets-page.wrapper .panel-row.last-checked p { - font-size: 0.75rem; - margin: 0 !important; + font-size: 0.75rem; + margin: 0 !important; } - #as3cf-settings.wpome .assets-page.wrapper .panel-row.last-checked a { - margin-left: 1rem; - text-decoration: underline; + margin-left: 1rem; + text-decoration: underline; } - #as3cf-settings.wpome .tools-page.wrapper { - margin: 0; - max-width: 760px; + margin: 0; + max-width: 768px; } - #as3cf-settings.wpome .tools-page.wrapper .panel.multi .panel-container.tools-panel { - padding: 0 0 0.45rem; + padding: 0 0 0.45rem; } - #as3cf-settings.wpome .tools-page.wrapper .panel.multi .panel-container.tools-panel .panel-row.header { - height: 4.5rem !important; + height: 4.5rem !important; } - #as3cf-settings.wpome .tools-page.wrapper .panel.multi .panel-container.tools-panel .panel-row.header img { - margin-right: 2rem; + margin-right: 2rem; } - #as3cf-settings.wpome .tools-page.wrapper .panel.multi .panel-container.tools-panel .panel-row.header button { - margin-left: auto; + margin-left: auto; } - #as3cf-settings.wpome .tools-page.wrapper .panel.multi .panel-container.tools-panel .panel-row.header .emoji-party { - font-size: 28px; + font-size: 28px; } - #as3cf-settings.wpome .tools-page.wrapper .panel.multi .panel-container.tools-panel .panel-row.body { - padding: 1.6rem 2.6rem 1.6rem 6.1rem; -} - -#as3cf-settings.wpome .tools-page.wrapper .panel.multi .panel-container.tools-panel .panel-row.body.progress-bar { - margin: 0; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; -} - -#as3cf-settings.wpome .tools-page.wrapper .panel.multi .panel-container.tools-panel .panel-row.body.progress-bar .status { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - width: 100%; - -webkit-box-align: baseline; - -ms-flex-align: baseline; - align-items: baseline; -} - -#as3cf-settings.wpome .tools-page.wrapper .panel.multi .panel-container.tools-panel .panel-row.body.progress-bar .status h4 { - font-size: 0.8125rem; - color: var(--as3cf-color-gray-900); - font-weight: 400; - margin: 0; - opacity: 80%; -} - -#as3cf-settings.wpome .tools-page.wrapper .panel.multi .panel-container.tools-panel .panel-row.body.progress-bar .status h4 strong { - font-size: 1.0625rem; - font-weight: 600; - opacity: 100%; -} - -#as3cf-settings.wpome .tools-page.wrapper .panel.multi .panel-container.tools-panel .panel-row.body.progress-bar .indicator, -#as3cf-settings.wpome .tools-page.wrapper .panel.multi .panel-container.tools-panel .panel-row.body.progress-bar .progress { - height: 8px; - border-radius: 8px; -} - -#as3cf-settings.wpome .tools-page.wrapper .panel.multi .panel-container.tools-panel .panel-row.body.progress-bar .progress { - width: 100%; - background: #E9E9EF; - margin-top: 1rem; -} - -#as3cf-settings.wpome .tools-page.wrapper .panel.multi .panel-container.tools-panel .panel-row.body.progress-bar .progress.stripe.animate, -#as3cf-settings.wpome .tools-page.wrapper .panel.multi .panel-container.tools-panel .panel-row.body.progress-bar .progress.stripe > .indicator.animate { - background-size: 30px 30px; - background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.15) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 100%); - -webkit-animation: progress 5s linear infinite; - animation: progress 5s linear infinite; -} - -@-webkit-keyframes progress { - from { - background-position: 0 0; - } - - to { - background-position: -60px -60px; - } + padding: 1.6rem 2.6rem 1.6rem 6.1rem; } - -@keyframes progress { - from { - background-position: 0 0; - } - - to { - background-position: -60px -60px; - } +#as3cf-settings.wpome .tools-page.wrapper .panel.multi .panel-container.tools-panel .panel-row.body.show-progress { + margin: 0; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; } - -#as3cf-settings.wpome .tools-page.wrapper .panel.multi .panel-container.tools-panel .panel-row.body.progress-bar .progress.stripe.animate { - background-color: var(--as3cf-secondary-color); +#as3cf-settings.wpome .tools-page.wrapper .panel.multi .panel-container.tools-panel .panel-row.body.show-progress .status { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + width: 100%; + -webkit-box-align: baseline; + -ms-flex-align: baseline; + align-items: baseline; } - -#as3cf-settings.wpome .tools-page.wrapper .panel.multi .panel-container.tools-panel .panel-row.body.progress-bar .progress .indicator { - display: block; - background-color: var(--as3cf-color-primary-500); - width: 40%; +#as3cf-settings.wpome .tools-page.wrapper .panel.multi .panel-container.tools-panel .panel-row.body.show-progress .status h4 { + font-size: 0.8125rem; + color: var(--as3cf-color-gray-900); + font-weight: 400; + margin: 0; + opacity: 80%; } - -#as3cf-settings.wpome .tools-page.wrapper .panel.multi .panel-container.tools-panel .panel-row.body.progress-bar .progress .indicator.running { - background-color: var(--as3cf-color-secondary-500); +#as3cf-settings.wpome .tools-page.wrapper .panel.multi .panel-container.tools-panel .panel-row.body.show-progress .status h4 strong { + font-size: 1.0625rem; + font-weight: 600; + opacity: 100%; } - -#as3cf-settings.wpome .tools-page.wrapper .panel.multi .panel-container.tools-panel .panel-row.body.progress-bar .progress .indicator.complete { - background-color: var(--as3cf-complete-color); - width: 100%; +#as3cf-settings.wpome .tools-page.wrapper .panel.multi .panel-container.tools-panel .panel-row.body.show-progress .progress-bar { + width: 100%; + margin-top: 1rem; } - #as3cf-settings.wpome .tools-page.wrapper .panel.multi .panel-container.tools-panel .panel-row.desc { - font-size: 0.8125rem; - color: var(--as3cf-color-gray-500); - line-height: 1.65; + font-size: 0.8125rem; + color: var(--as3cf-color-gray-500); + line-height: 1.65; } - #as3cf-settings.wpome .panel.url-preview { - max-width: 100%; + max-width: 100%; } - #as3cf-settings.wpome .panel.url-preview .panel-row { /* Good for Firefox & Safari, but Chrome isn't ready for this yet, experimental in v105. * @see https://developer.mozilla.org/en-US/docs/Web/CSS/contain#inline-size */ /* Required until Chrome gets contain: inline-size */ } + #as3cf-settings.wpome .panel.url-preview .panel-row.desc p { - font-size: 0.8125rem; - color: var(--as3cf-color-gray-600); - line-height: 1.625; - margin: 1.5rem 0 0; + font-size: 0.8125rem; + color: var(--as3cf-color-gray-600); + line-height: 1.625; + margin: 1.5rem 0 0; } + @supports (contain: inline-size) { - #as3cf-settings.wpome .panel.url-preview .panel-row.body { - contain: inline-size; - } + #as3cf-settings.wpome .panel.url-preview .panel-row.body { + contain: inline-size; + } } + #as3cf-settings.wpome .panel.url-preview .panel-row dl { - margin: 1rem -1.5rem; - padding: 0 1.5rem 1rem; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - gap: 0.5rem; - overflow-x: auto; + margin: 1rem -1.5rem; + padding: 0 1.5rem 1rem; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + gap: 0.5rem; + overflow-x: auto; } + #as3cf-settings.wpome .panel.url-preview .panel-row dl div { - margin: 0; - padding: 0; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - gap: 2px; - background: #E1E5E9; - border-radius: 6px; + margin: 0; + padding: 0; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + gap: 2px; + background: #E1E5E9; + border-radius: 6px; } + #as3cf-settings.wpome .panel.url-preview .panel-row dl div dt { - margin: 0; - padding: 0.5rem 1rem 0.375rem; - white-space: nowrap; - font-weight: 510; + margin: 0; + padding: 0.5rem 1rem 0.375rem; + white-space: nowrap; + font-weight: 510; } + #as3cf-settings.wpome .panel.url-preview .panel-row dl div dd { - margin: 0; - padding: 0.407rem 1rem; - white-space: nowrap; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - -ms-flex-item-align: stretch; - align-self: stretch; - background: #FAFAFA; - border: 1px solid #CBD5E0; - border-radius: 6px; - font-weight: 400; - font-size: 0.75rem; + margin: 0; + padding: 0.407rem 1rem; + white-space: nowrap; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -ms-flex-item-align: stretch; + align-self: stretch; + background: #FAFAFA; + border: 1px solid #CBD5E0; + border-radius: 6px; + font-weight: 400; + font-size: 0.75rem; } + @supports not (contain: inline-size) { - #as3cf-settings.wpome .panel.url-preview .panel-row dl { - contain: size; - width: 100%; - height: 68px; - } + #as3cf-settings.wpome .panel.url-preview .panel-row dl { + contain: size; + width: 100%; + height: 68px; + } } + #as3cf-settings.wpome .panel { - -webkit-box-flex: 1; - -ms-flex: 1 0 auto; - flex: 1 0 auto; - max-width: 575px; - margin-bottom: 3rem; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; + -webkit-box-flex: 1; + -ms-flex: 1 0 auto; + flex: 1 0 auto; + max-width: 575px; + margin-bottom: 3rem; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; } + #as3cf-settings.wpome .panel .heading { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - -webkit-box-align: start; - -ms-flex-align: start; - align-items: flex-start; - gap: 0.5rem; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; + gap: 0.5rem; } -#as3cf-settings.wpome .panel h3 { - font-size: 0.9375rem; - color: var(--as3cf-color-gray-900); - font-weight: 500; - margin: 0 0 1.25rem; + +#as3cf-settings.wpome .panel h2 { + font-size: 0.9375rem; + color: var(--as3cf-color-gray-900); + font-weight: 500; + margin: 0 0 1.25rem; } + #as3cf-settings.wpome .panel .notification.inline { - margin-left: 5rem; - margin-right: 1.5rem; + margin-left: 5rem; + margin-right: 1.5rem; } + #as3cf-settings.wpome .panel .panel-container { - -webkit-box-flex: 1; - -ms-flex: 1 0 auto; - flex: 1 0 auto; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - background: var(--as3cf-color-white); - border: 1px solid var(--as3cf-wordpress-border-color); - -webkit-box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.05), 0 2px 1px 0 rgba(0, 0, 0, 0.03); - box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.05), 0 2px 1px 0 rgba(0, 0, 0, 0.03); - border-radius: 6px; + -webkit-box-flex: 1; + -ms-flex: 1 0 auto; + flex: 1 0 auto; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + background: var(--as3cf-color-white); + border: 1px solid var(--as3cf-wordpress-border-color); + -webkit-box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.05), 0 2px 1px 0 rgba(0, 0, 0, 0.03); + box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.05), 0 2px 1px 0 rgba(0, 0, 0, 0.03); + border-radius: 6px; } + #as3cf-settings.wpome .panel .panel-container .panel-row { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - padding: 0 1.5rem; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + padding: 0 1.5rem; } + #as3cf-settings.wpome .panel .panel-container .panel-row.header { - height: 6rem; - border-bottom: 1px solid var(--as3cf-separator-color); + height: 6rem; + border-bottom: 1px solid var(--as3cf-separator-color); } + #as3cf-settings.wpome .panel .panel-container .panel-row.footer { - border-top: 1px solid var(--as3cf-separator-color); + border-top: 1px solid var(--as3cf-separator-color); + border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; } -#as3cf-settings.wpome .panel .panel-container .panel-row h4 { - font-size: 0.875rem; - font-weight: 500; - color: var(--as3cf-color-gray-800); - margin-left: 1rem; - margin-right: auto; + +#as3cf-settings.wpome .panel .panel-container .panel-row h3, #as3cf-settings.wpome .panel .panel-container .panel-row h4 { + font-size: 0.875rem; + font-weight: 500; + color: var(--as3cf-color-gray-800); + margin-left: 1rem; + margin-right: auto; } + #as3cf-settings.wpome .panel .panel-container .panel-row .link { - font-size: 0.8125rem; - text-align: right; - line-height: 1.5; - margin-left: auto; - font-weight: 500; + font-size: 0.8125rem; + text-align: right; + line-height: 1.5; + margin-left: auto; + font-weight: 500; } + #as3cf-settings.wpome .panel .panel-container .panel-row .link + .help { - margin-left: 1rem; + margin-left: 1rem; } + #as3cf-settings.wpome .panel .panel-container .setting .panel-row.option { - margin-top: 1.5rem; + margin-top: 1.5rem; } + #as3cf-settings.wpome .panel .panel-container .setting .panel-row.option h4 { - margin: 0 0 0 var(--as3cf-settings-option-indent); + margin: 0 0 0 var(--as3cf-settings-option-indent); } + #as3cf-settings.wpome .panel .panel-container .setting .panel-row.option a { - margin-left: auto; + margin-left: auto; } + #as3cf-settings.wpome .panel .panel-container .setting .panel-row.desc { - padding-right: var(--as3cf-settings-option-indent-right); + padding-right: var(--as3cf-settings-option-indent-right); } + #as3cf-settings.wpome .panel .panel-container .setting .panel-row.desc p { - font-size: 0.8125rem; - color: var(--as3cf-color-gray-600); - line-height: 1.625; - margin-left: calc(var(--as3cf-settings-ctrl-width) + var(--as3cf-settings-option-indent)); - margin-top: 0.57rem; - margin-bottom: 0.75rem; + font-size: 0.8125rem; + color: var(--as3cf-color-gray-600); + line-height: 1.625; + margin-left: calc(var(--as3cf-settings-ctrl-width) + var(--as3cf-settings-option-indent)); + margin-top: 0.57rem; + margin-bottom: 0.75rem; } + #as3cf-settings.wpome .panel .panel-container .setting .panel-row.input { - padding-right: var(--as3cf-settings-option-indent-right); + padding-right: var(--as3cf-settings-option-indent-right); } + #as3cf-settings.wpome .panel .panel-container .setting .panel-row.input input[type=text] { - margin-left: calc(var(--as3cf-settings-ctrl-width) + var(--as3cf-settings-option-indent)); - margin-bottom: 1.2rem; - width: 100%; + margin-left: calc(var(--as3cf-settings-ctrl-width) + var(--as3cf-settings-option-indent)); + margin-bottom: 1.2rem; + width: 100%; } + #as3cf-settings.wpome .panel .panel-container .setting .panel-row.input input[type=text] + label { - visibility: collapse; + visibility: collapse; } + #as3cf-settings.wpome .panel .panel-container .setting.nested { - margin: 0 0 0.125rem 5.25rem; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - border-left: 2px dotted #C2CBD3; + margin: 0 0 0.125rem 5.25rem; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + border-left: 2px dotted #C2CBD3; } + #as3cf-settings.wpome .panel .panel-container .setting.nested .panel-row { - height: -webkit-max-content; - height: -moz-max-content; - height: max-content; - margin-bottom: 0; + height: -webkit-max-content; + height: -moz-max-content; + height: max-content; + margin-bottom: 0; } + #as3cf-settings.wpome .panel .panel-container .setting.nested .panel-row img { - margin-left: auto; + margin-left: auto; } + #as3cf-settings.wpome .panel .panel-container .setting.nested .panel-row h4 { - margin: 0; + margin: 0; } + #as3cf-settings.wpome .panel .panel-container .setting.nested .panel-row.option { - margin-top: 1rem; + margin-top: 1rem; } + #as3cf-settings.wpome .panel .panel-container .setting.nested .panel-row.desc { - height: -webkit-max-content; - height: -moz-max-content; - height: max-content; - padding: 0.4rem 2.25rem 0.85rem 1.65rem; + height: -webkit-max-content; + height: -moz-max-content; + height: max-content; + padding: 0.4rem 2.25rem 0.85rem 1.65rem; } + #as3cf-settings.wpome .panel .panel-container .setting.nested .panel-row.desc p { - font-size: 0.8125rem; - color: var(--as3cf-color-gray-600); - line-height: 1.625; - margin: 0; + font-size: 0.8125rem; + color: var(--as3cf-color-gray-600); + line-height: 1.625; + margin: 0; } + #as3cf-settings.wpome .panel .panel-container .setting.nested .panel-row.input input[type=text] { - margin-left: var(--as3cf-settings-input-indent); + margin-left: var(--as3cf-settings-input-indent); } + #as3cf-settings.wpome .panel .panel-container .setting:last-of-type { - margin-bottom: 0.75rem; + margin-bottom: 0.75rem; } + #as3cf-settings.wpome .panel .panel-container hr { - height: 1px; - width: 100%; - border: 0; - margin: 0; - background: var(--as3cf-separator-color); + height: 1px; + width: 100%; + border: 0; + margin: 0; + background: var(--as3cf-separator-color); } + #as3cf-settings.wpome .panel.multi { - max-width: 840px; - margin-bottom: 2rem; + max-width: 840px; + margin-bottom: 2rem; } + #as3cf-settings.wpome .panel.multi .panel-container.toggle-header .toggle-switch { - margin-right: 1.25rem; + margin-right: 1.25rem; } + #as3cf-settings.wpome .panel.multi .panel-container.toggle-header .toggle-reveal label { - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; } + #as3cf-settings.wpome .panel.multi .panel-container.toggle-header .toggle-reveal a { - margin-left: 0.3rem; - display: contents; + margin-left: 0.3rem; + display: contents; } + #as3cf-settings.wpome .panel.multi .panel-container .panel-row { - height: auto; + height: auto; } + #as3cf-settings.wpome .panel.multi .panel-container .panel-row h3 { - margin: 0; + margin: 0; } + #as3cf-settings.wpome .panel.multi .panel-container .panel-row p:last-of-type { - margin-bottom: 0; + margin-bottom: 0; } + #as3cf-settings.wpome .panel.multi .panel-container .panel-row.header { - height: 4rem; - display: -webkit-box; - display: -ms-flexbox; - display: flex; + height: 4rem; + display: -webkit-box; + display: -ms-flexbox; + display: flex; } + #as3cf-settings.wpome .panel.multi .panel-container .panel-row.header a { - margin-left: auto; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; + margin-left: auto; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; } + #as3cf-settings.wpome .panel.multi .panel-container .panel-row.header .provider { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - margin-left: auto; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + margin-left: auto; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; } + #as3cf-settings.wpome .panel.multi .panel-container .panel-row.header .provider a { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - margin-left: auto; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + margin-left: auto; } + #as3cf-settings.wpome .panel.multi .panel-container .panel-row.header .provider img { - width: 24px; - height: 24px; - margin-right: 0.5rem; + width: 24px; + height: 24px; + margin-right: 0.5rem; } + #as3cf-settings.wpome .panel.multi .panel-container .panel-row.header .wp-config + .provider { - margin-left: 1rem; + margin-left: 1rem; } + #as3cf-settings.wpome .panel.multi .panel-container .panel-row.body { - padding: 2.5rem; - -webkit-box-align: start; - -ms-flex-align: start; - align-items: flex-start; + padding: 2.5rem; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; } + #as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .row { - margin: 0; - width: 100%; + margin: 0; + width: 100%; } + #as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .row.radio-btns { - margin-bottom: 2.2rem; + margin-bottom: 2.2rem; } + #as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .radio-desc { - margin: -0.35rem 0 1.25rem 2rem; - font-size: 12px; - font-weight: 500; - line-height: 1.4; - opacity: 0.75; + margin: -0.35rem 0 1.25rem 2rem; + font-size: 12px; + font-weight: 500; + line-height: 1.4; + opacity: 0.75; } + #as3cf-settings.wpome .panel.multi .panel-container .panel-row.body.access-keys > p { - margin-bottom: 1.5rem !important; + margin-bottom: 1.5rem !important; } + #as3cf-settings.wpome .panel.multi .panel-container .panel-row.body input[type=text], #as3cf-settings.wpome .panel.multi .panel-container .panel-row.body textarea { - width: 100%; - margin-bottom: 1.5rem; + width: 100%; + margin-bottom: 1.5rem; } + #as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .bucket-name, #as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .cdn-name { - width: 100%; + width: 100%; } + #as3cf-settings.wpome .panel.multi .panel-container .panel-row.body p { - margin: 0 0 1.5rem; - line-height: 1.5; + margin: 0 0 1.5rem; + line-height: 1.5; } + #as3cf-settings.wpome .panel.multi .panel-container .panel-row.body p:last-of-type { - margin-bottom: 0; + margin-bottom: 0; } + #as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .link { - text-decoration: underline; + text-decoration: underline; } + #as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .button-tab img { - width: 24px; - height: 24px; - margin-right: 0.9rem; + width: 24px; + height: 24px; + margin-right: 0.9rem; } + #as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .button-tab .checkmark { - width: 16px; - height: 16px; - position: absolute; - right: -19px; - top: -5px; + width: 16px; + height: 16px; + position: absolute; + right: -19px; + top: -5px; } + #as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .button-tab p { - font-weight: 500; - margin-bottom: 0; + font-weight: 500; + margin-bottom: 0; } + #as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .radio-btn { - margin-bottom: 0.8rem; + margin-bottom: 0.8rem; } + #as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .radio-btn:last-of-type { - margin-bottom: 0; + margin-bottom: 0; } + #as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .radio-btn.list { - margin: 0 1.5rem 0 0; + margin: 0 1.5rem 0 0; } + #as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .bucket-list { - background: var(--as3cf-color-white); - border: 1px solid var(--as3cf-wordpress-border-color); - -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.05); - box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.05); - border-radius: 6px; - width: 100%; - max-width: 580px; - padding: 0 0.4rem; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - height: 260px; - overflow-y: scroll; - -webkit-box-sizing: border-box; - box-sizing: border-box; + background: var(--as3cf-color-white); + border: 1px solid var(--as3cf-wordpress-border-color); + -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.05); + box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.05); + border-radius: 6px; + width: 100%; + max-width: 580px; + padding: 0 0.4rem; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + height: 260px; + overflow-y: scroll; + -webkit-box-sizing: border-box; + box-sizing: border-box; } + #as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .bucket-list .row { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - padding: 0.78rem 1.4rem; - background: #F6F7F8; - border-radius: 4px; - margin: 0 0 0.3rem; - cursor: pointer; - -webkit-box-sizing: border-box; - box-sizing: border-box; - -webkit-box-flex: 0; - -ms-flex: none; - flex: none; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + padding: 0.78rem 1.4rem; + background: #F6F7F8; + border-radius: 4px; + margin: 0 0 0.3rem; + cursor: pointer; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-box-flex: 0; + -ms-flex: none; + flex: none; /* TODO: Better styling for no buckets in browse list? */ } + #as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .bucket-list .row.active { - background: rgba(236, 112, 94, 0.1); - border: 1px solid var(--as3cf-color-primary-500); - border-radius: 4px; + background: rgba(236, 112, 94, 0.1); + border: 1px solid var(--as3cf-color-primary-500); + border-radius: 4px; } + #as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .bucket-list .row:first-of-type { - margin-top: 0.4rem; + margin-top: 0.4rem; } + #as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .bucket-list .row:last-of-type { - margin-bottom: 0.4rem; + margin-bottom: 0.4rem; } + #as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .bucket-list .row:nth-child(even) { - background: var(--as3cf-color-white); + background: var(--as3cf-color-white); } + #as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .bucket-list .row p { - margin: 0; - font-size: 0.84375rem; + margin: 0; + font-size: 0.84375rem; } + #as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .bucket-list .row .status { - margin-left: auto; + margin-left: auto; } + #as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .bucket-list .row.nothing-found { - cursor: default; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; + cursor: default; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; } + #as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .new-bucket-details { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-sizing: border-box; - box-sizing: border-box; - margin-right: 1.8rem; - -webkit-box-flex: 5; - -ms-flex: 5; - flex: 5; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-sizing: border-box; + box-sizing: border-box; + margin-right: 1.8rem; + -webkit-box-flex: 5; + -ms-flex: 5; + flex: 5; +} + +#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .region { + width: 30%; + -webkit-box-flex: 3; + -ms-flex: 3; + flex: 3; + margin-left: auto; + margin-bottom: 1.5rem; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} + +#as3cf-settings.wpome .panel.flyout { + position: absolute; + top: 50px; + right: 0; + min-width: 384px; + z-index: 99; + cursor: default; +} + +#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.header { + height: auto; + padding: 1rem 1.5rem; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} + +#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.header h3 { + font-size: 13px; + font-weight: 600; + -webkit-box-flex: 1; + -ms-flex: 1 1 auto; + flex: 1 1 auto; +} + +#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.summary { + padding: 0; +} + +#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.summary table { + width: 100%; + border-collapse: collapse; + /* Indent the columns. */ + /* Table header has different styling and vertical padding. */ + /* Top and bottom rows have different vertical padding than between rows. */ +} + +#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.summary table th, #as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.summary table td { + padding: 0 0 1rem 2rem; + color: var(--as3cf-color-gray-800); + font-size: 12px; + text-align: left; + /* Make title column cell's width stretch, numerics are compact. */ + width: 100%; +} +#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.summary table th:first-of-type, #as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.summary table td:first-of-type { + padding-left: 1.5rem; +} +#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.summary table th:last-of-type, #as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.summary table td:last-of-type { + padding-right: 1.5rem; +} +#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.summary table thead { + background-color: var(--as3cf-color-gray-100); +} +#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.summary table thead tr { + border-bottom: 1px solid var(--as3cf-separator-color); +} +#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.summary table thead tr th { + padding-top: 10px; + padding-bottom: 10px; + color: var(--as3cf-color-gray-700); + font-weight: 500; + font-size: 10px; +} +#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.summary table tbody tr:first-of-type td, #as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.summary table tfoot tr:first-of-type td { + padding-top: 1rem; +} +#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.summary table tbody tr:last-of-type td, #as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.summary table tfoot tr:last-of-type td { + padding-bottom: 1rem; +} +#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.summary table tfoot { + /* + * Hack in an indented border even though table header has + * full width background and borders, without using extra + * cells, and retaining relationship between header + * and main body columns. + * + * PhpStorm will complain that there's no colours here, but there are! + */ + background-image: -webkit-gradient(linear, left top, left bottom, from(var(--as3cf-separator-color)), to(var(--as3cf-separator-color))); + background-image: linear-gradient(var(--as3cf-separator-color), var(--as3cf-separator-color)); + background-repeat: no-repeat; + background-size: calc(100% - 1.5rem - 1.5rem) 1px; + background-position: 1.5rem 0; +} + +#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.summary table tfoot td { + font-weight: 500; +} + +#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.summary table .numeric { + text-align: right; + width: -webkit-max-content; + width: -moz-max-content; + width: max-content; + min-width: -webkit-max-content; + min-width: -moz-max-content; + min-width: max-content; + white-space: nowrap; +} + +#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.summary table a { + color: var(--as3cf-color-primary-500); +} + +#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.footer { + padding: 1.5rem; + display: -webkit-box; + display: -ms-flexbox; + display: flex; +} + +#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.footer.upsell { + border-top: 1px solid var(--as3cf-color-primary-100); + background-color: var(--as3cf-color-primary-50); + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; +} + +#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.footer.upsell p { + margin-bottom: 0.5rem; + white-space: nowrap; +} + +#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.footer.upsell .button { + margin: 0; + width: 100%; +} + +#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.footer.offload-remaining { + background-color: var(--as3cf-color-gray-100); +} + +#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.footer.offload-remaining button { + -webkit-box-flex: 100%; + -ms-flex: 100%; + flex: 100%; +} + +#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.footer.licence { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + padding-top: 10px; + padding-bottom: 10px; + background-color: var(--as3cf-color-gray-200); + font-size: 12px; +} + +#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.footer.licence .details { + -webkit-box-flex: 1; + -ms-flex: 1 1 auto; + flex: 1 1 auto; } -#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .region { - width: 30%; - -webkit-box-flex: 3; - -ms-flex: 3; - flex: 3; - margin-left: auto; - margin-bottom: 1.5rem; - -webkit-box-sizing: border-box; - box-sizing: border-box; + +#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.footer.licence .details p { + color: var(--as3cf-color-gray-600); + line-height: 18px; +} + +#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.footer.licence .details .title { + color: var(--as3cf-color-gray-700); + font-size: 10px; +} + +#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.footer.licence a { + color: var(--as3cf-color-primary-500); +} + +#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.footer.licence a.upgrade { + margin-right: 1rem; } + #as3cf-settings.wpome p.wp-config { - margin-left: auto; - padding: 0.4rem 0.75rem; - color: var(--as3cf-color-gray-500) !important; - background: rgba(113, 135, 154, 0.15) !important; - border: 1px solid rgba(113, 135, 154, 0.15) !important; - border-radius: 5px; - font-size: 0.84375rem; - font-weight: 500; - white-space: nowrap; + margin-left: auto; + padding: 0.4rem 0.75rem; + color: var(--as3cf-color-gray-500) !important; + background: rgba(113, 135, 154, 0.15) !important; + border: 1px solid rgba(113, 135, 154, 0.15) !important; + border-radius: 5px; + font-size: 0.84375rem; + font-weight: 500; + white-space: nowrap; } + #as3cf-settings.wpome .panel .panel-container .setting .panel-row.option p.wp-config + a { - margin-left: 1rem; + margin-left: 1rem; } + #as3cf-settings.wpome .panel .panel-container .setting .panel-row.desc p.wp-config { - margin-right: 0; + margin-right: 0; } + #as3cf-settings.wpome .panel .panel-container .setting .panel-row label.input-label p.wp-config { - text-transform: none; - padding: 0.2rem 0.5rem; + text-transform: none; + padding: 0.2rem 0.5rem; } + #as3cf-settings.wpome .notice { - all: unset; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - background: rgba(56, 125, 189, 0.1); - border: 1px solid #AFC8ED; - border-radius: 5px; - padding: 0.8rem 1.25rem; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; + all: unset; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + background: rgba(56, 125, 189, 0.1); + border: 1px solid #AFC8ED; + border-radius: 5px; + padding: 0.8rem 1.25rem; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; } + #as3cf-settings.wpome .notice a, #as3cf-settings.wpome .notice p { - margin: 0 !important; + margin: 0 !important; } + #as3cf-settings.wpome .notice a { - display: inline-block; - text-decoration: underline; - font-size: 0.875rem !important; -} -#as3cf-settings.wpome .notice-qsg p a { - padding-right: 1rem; + display: inline-block; + text-decoration: underline; + font-size: 0.875rem !important; } + #as3cf-settings.wpome .support-form { - width: 600px; + width: 600px; } + #as3cf-settings.wpome .support-form input[type=text], #as3cf-settings.wpome .support-form select, #as3cf-settings.wpome .support-form textarea { - width: 100%; - margin-bottom: 1rem; + width: 100%; + margin-bottom: 1rem; } + #as3cf-settings.wpome .support-form textarea { - margin-bottom: 1.5rem; + margin-bottom: 1.5rem; } + #as3cf-settings.wpome .support-form .note { - font-size: 0.78125rem; - color: var(--as3cf-color-gray-500); - margin-bottom: 2.5rem; - line-height: 1.5; + font-size: 0.78125rem; + color: var(--as3cf-color-gray-500); + margin-bottom: 2.5rem; + line-height: 1.5; } + #as3cf-settings.wpome .support-form .note.first { - margin-bottom: 0.5rem; + margin-bottom: 0.5rem; } + #as3cf-settings.wpome .support-form .actions { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - width: 100%; - margin-bottom: 2rem; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + width: 100%; + margin-bottom: 2rem; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; } + #as3cf-settings.wpome .support-form .actions .btn-primary { - margin-left: auto; + margin-left: auto; } + #as3cf-settings.wpome .diagnostic-info { - max-width: 600px; - padding: 0.25rem 0; + max-width: 600px; + padding: 0.25rem 0; } + #as3cf-settings.wpome .diagnostic-info pre { - height: 14.375rem; - white-space: pre-wrap; - word-break: keep-all; + height: 14.375rem; + white-space: pre-wrap; + word-break: keep-all; } + #as3cf-settings.wpome .diagnostic-info hr { - background: #D3D7DB; - height: 3px; - width: 100%; - border: 0; - margin-bottom: 3rem; + background: #D3D7DB; + height: 3px; + width: 100%; + border: 0; + margin-bottom: 3rem; } + #as3cf-settings.wpome .diagnostic-info .btn-outline { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - margin-left: auto; - width: -webkit-max-content; - width: -moz-max-content; - width: max-content; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + margin-left: auto; + width: -webkit-max-content; + width: -moz-max-content; + width: max-content; } + #as3cf-settings.wpome .documentation { - background: #E4E5E7; - border: 1px solid var(--as3cf-wordpress-border-color); - -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.05); - box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.05); - border-radius: 6px; - padding: 2.5rem; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; - margin: 1.4rem 0 0 3rem; - height: -webkit-max-content; - height: -moz-max-content; - height: max-content; - width: 240px; - -webkit-box-sizing: border-box; - box-sizing: border-box; + background: #E4E5E7; + border: 1px solid var(--as3cf-wordpress-border-color); + -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.05); + box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.05); + border-radius: 6px; + padding: 2.5rem; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + margin: 1.4rem 0 0 3rem; + height: -webkit-max-content; + height: -moz-max-content; + height: max-content; + width: 240px; + -webkit-box-sizing: border-box; + box-sizing: border-box; } + #as3cf-settings.wpome .documentation h3 { - font-size: 1.03125rem; - color: var(--as3cf-color-gray-900); - letter-spacing: 0.15px; - font-weight: 500; - margin: 0 0 2.25rem; + font-size: 1.03125rem; + color: var(--as3cf-color-gray-900); + letter-spacing: 0.15px; + font-weight: 500; + margin: 0 0 2.25rem; } + #as3cf-settings.wpome .documentation a { - font-size: 0.875rem; - margin-bottom: 1.25rem; + font-size: 0.875rem; + margin-bottom: 1.25rem; } + #as3cf-settings.wpome .documentation a:last-of-type { - margin-bottom: 0; + margin-bottom: 0; } + #as3cf-settings.wpome .upsell.panel { - max-width: 840px; + max-width: 768px; } + #as3cf-settings.wpome .upsell .panel-container { - padding: 0; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; - background: linear-gradient(136.01deg, rgba(255, 228, 205, 0.7) 0.94%, rgb(255, 255, 255) 33.33%); + padding: 0; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + background: linear-gradient(136.01deg, rgba(255, 228, 205, 0.7) 0.94%, rgb(255, 255, 255) 33.33%); } + #as3cf-settings.wpome .upsell .branding { - background: url(../../assets/img/brand/upsell-bunny.svg) no-repeat left bottom; - min-width: 280px; - border-radius: 5px; - margin-right: -1.25rem; + background: url(../../assets/img/brand/upsell-bunny.svg) no-repeat left bottom; + min-width: 280px; + border-radius: 5px; + margin-right: -1.25rem; } + @media (max-width: 840px) { - #as3cf-settings.wpome .upsell .branding { - display: none; - } + #as3cf-settings.wpome .upsell .branding { + display: none; + } } + #as3cf-settings.wpome .upsell .button { - margin: 1rem auto; - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; - text-align: center !important; + margin: 1rem auto; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + text-align: center !important; } /* * Our CSS variables, namespaced so they can be used anywhere. */ :root { - --as3cf-code-type: consolas, monospace; - --as3cf-color-white: #FFF; - --as3cf-color-black: #000; - --as3cf-color-gray-50: #FCFDFD; - --as3cf-color-gray-100: #F9FAFB; - --as3cf-color-gray-200: #F2F4F7; - --as3cf-color-gray-300: #EAECF0; - --as3cf-color-gray-400: #D0D5DD; - --as3cf-color-gray-500: #98A2B3; - --as3cf-color-gray-600: #667085; - --as3cf-color-gray-700: #344054; - --as3cf-color-gray-800: #1D2939; - --as3cf-color-gray-900: #101828; - --as3cf-color-primary-50: #FDF1EF; - --as3cf-color-primary-100: #FBE2DF; - --as3cf-color-primary-200: #F7C6BF; - --as3cf-color-primary-300: #F4A99E; - --as3cf-color-primary-400: #F08D7E; - --as3cf-color-primary-500: #EC705E; - --as3cf-color-primary-600: #C15B4C; - --as3cf-color-primary-700: #96453A; - --as3cf-color-primary-800: #6B3027; - --as3cf-color-primary-900: #401A15; - --as3cf-color-secondary-50: #EFF8FF; - --as3cf-color-secondary-100: #D1E9FF; - --as3cf-color-secondary-200: #B2DDFF; - --as3cf-color-secondary-300: #84CAFF; - --as3cf-color-secondary-400: #52B1FD; - --as3cf-color-secondary-500: #2C90FA; - --as3cf-color-secondary-600: #1270EF; - --as3cf-color-secondary-700: #155CD3; - --as3cf-color-secondary-800: #1749A9; - --as3cf-color-secondary-900: #184185; - --as3cf-secondary-color: #D8DDE2; - --as3cf-text-disabled: #98A2B3; - --as3cf-code-background: #102B44; - --as3cf-separator-color: #EBEFF3; - --as3cf-complete-color: #5BCB86; - --as3cf-active-nav-color: #4E0D34; - --as3cf-link-color: #0073AA; - --as3cf-wordpress-background-color: #F1F1F1; - --as3cf-wordpress-border-color: #D6D6D6; - --as3cf-wordpress-notice-info-color: #02A0D2; - --as3cf-notice-info-color: #2D69DA; - --as3cf-notice-info-border-color: #2E6BDE; - --as3cf-notice-info-background-color: #E7EFF9; - --as3cf-wordpress-notice-success-color: #45B450; - --as3cf-notice-success-color: #52AA59; - --as3cf-notice-success-border-color: #63B969; - --as3cf-notice-success-background-color: #EDF7EF; - --as3cf-wordpress-notice-warning-color: #FFBA00; - --as3cf-notice-warning-color: #F49C53; - --as3cf-notice-warning-border-color: #E29936; - --as3cf-notice-warning-background-color: #FDF8EB; - --as3cf-notice-warning-code-background-color: #FCECC6; - --as3cf-wordpress-notice-error-color: #DD3232; - --as3cf-notice-error-color: #DA5A39; - --as3cf-notice-error-border-color: #E8635E; - --as3cf-notice-error-background-color: #F7EEEB; - --as3cf-settings-ctrl-width: 36px; - --as3cf-settings-option-indent: 1.2rem; - --as3cf-settings-input-indent: 0; - --as3cf-settings-option-indent-right: 2.25rem; + --as3cf-code-type: consolas, monospace; + --as3cf-color-white: #FFF; + --as3cf-color-black: #000; + --as3cf-color-gray-50: #FCFDFD; + --as3cf-color-gray-100: #F9FAFB; + --as3cf-color-gray-200: #F2F4F7; + --as3cf-color-gray-300: #EAECF0; + --as3cf-color-gray-400: #D0D5DD; + --as3cf-color-gray-500: #98A2B3; + --as3cf-color-gray-600: #667085; + --as3cf-color-gray-700: #344054; + --as3cf-color-gray-800: #1D2939; + --as3cf-color-gray-900: #101828; + --as3cf-color-primary-50: #FDF1EF; + --as3cf-color-primary-100: #FBE2DF; + --as3cf-color-primary-200: #F7C6BF; + --as3cf-color-primary-300: #F4A99E; + --as3cf-color-primary-400: #F08D7E; + --as3cf-color-primary-500: #EC705E; + --as3cf-color-primary-600: #C15B4C; + --as3cf-color-primary-700: #96453A; + --as3cf-color-primary-800: #6B3027; + --as3cf-color-primary-900: #401A15; + --as3cf-color-secondary-50: #EFF8FF; + --as3cf-color-secondary-100: #D1E9FF; + --as3cf-color-secondary-200: #B2DDFF; + --as3cf-color-secondary-300: #84CAFF; + --as3cf-color-secondary-400: #52B1FD; + --as3cf-color-secondary-500: #2C90FA; + --as3cf-color-secondary-600: #1270EF; + --as3cf-color-secondary-700: #155CD3; + --as3cf-color-secondary-800: #1749A9; + --as3cf-color-secondary-900: #184185; + --as3cf-secondary-color: #D8DDE2; + --as3cf-text-disabled: #98A2B3; + --as3cf-code-background: #102B44; + --as3cf-separator-color: #EBEFF3; + --as3cf-complete-color: #5BCB86; + --as3cf-active-nav-color: #4E0D34; + --as3cf-link-color: #0073AA; + --as3cf-sidebar-credits-background-color: #2E2E31; + --as3cf-wordpress-background-color: #F1F1F1; + --as3cf-wordpress-border-color: #D6D6D6; + --as3cf-wordpress-notice-info-color: #02A0D2; + --as3cf-notice-info-color: #2D69DA; + --as3cf-notice-info-border-color: #2E6BDE; + --as3cf-notice-info-background-color: #E7EFF9; + --as3cf-wordpress-notice-success-color: #45B450; + --as3cf-notice-success-color: #52AA59; + --as3cf-notice-success-border-color: #63B969; + --as3cf-notice-success-background-color: #EDF7EF; + --as3cf-wordpress-notice-warning-color: #FFBA00; + --as3cf-notice-warning-color: #F49C53; + --as3cf-notice-warning-border-color: #E29936; + --as3cf-notice-warning-background-color: #FDF8EB; + --as3cf-notice-warning-code-background-color: #FCECC6; + --as3cf-wordpress-notice-error-color: #DD3232; + --as3cf-notice-error-color: #DA5A39; + --as3cf-notice-error-border-color: #E8635E; + --as3cf-notice-error-background-color: #F7EEEB; + --as3cf-settings-ctrl-width: 36px; + --as3cf-settings-option-indent: 1.2rem; + --as3cf-settings-input-indent: 0; + --as3cf-settings-option-indent-right: 2.25rem; } body.settings_page_amazon-s3-and-cloudfront { - background: var(--as3cf-wordpress-background-color); + background: var(--as3cf-wordpress-background-color); } + body.settings_page_amazon-s3-and-cloudfront #wpcontent { - padding-left: 0 !important; + padding-left: 0 !important; } + body.settings_page_amazon-s3-and-cloudfront #wpcontent #wpbody #wpbody-content > .notice { - display: none; + display: none; } + body.settings_page_amazon-s3-and-cloudfront #wpcontent #wpbody #wpbody-content .wpome .wpome-wrapper { - max-width: 1220px; - margin: 0 2rem 3rem 2rem; + max-width: 1220px; + margin: 0 2rem 3rem 2rem; } + body.settings_page_amazon-s3-and-cloudfront #wpfooter { - z-index: -2; + z-index: -2; } .locked { - opacity: 0.55; + opacity: 0.55; } .flex-row { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: horizontal; - -webkit-box-direction: normal; - -ms-flex-direction: row; - flex-direction: row; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; } .flex-column { - display: -webkit-box; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -ms-flex-direction: column; - flex-direction: column; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; } .align-center { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; } .align-center { - -webkit-box-align: center; - -ms-flex-align: center; - align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; } .align-baseline { - -webkit-box-align: baseline !important; - -ms-flex-align: baseline !important; - align-items: baseline !important; + -webkit-box-align: baseline !important; + -ms-flex-align: baseline !important; + align-items: baseline !important; } \ No newline at end of file diff --git a/assets/css/style.min.css b/assets/css/style.min.css index 1bc65dcc..cdcbd197 100644 --- a/assets/css/style.min.css +++ b/assets/css/style.min.css @@ -1 +1 @@ -#as3cf-settings.wpome a,#as3cf-settings.wpome button,#as3cf-settings.wpome input{-webkit-transition:all .3s ease;transition:all .3s ease}#as3cf-settings.wpome a.button,#as3cf-settings.wpome button{font-weight:500;border-radius:6px;white-space:nowrap;min-width:4rem}#as3cf-settings.wpome a.button.btn-lg,#as3cf-settings.wpome button.btn-lg{font-size:.875rem;padding:.95rem 1.2rem;min-width:6rem}#as3cf-settings.wpome a.button.btn-md,#as3cf-settings.wpome button.btn-md{font-size:.875rem;padding:.75rem 1.05rem}#as3cf-settings.wpome a.button.btn-sm,#as3cf-settings.wpome button.btn-sm{font-size:.875rem;padding:.55rem .9rem}#as3cf-settings.wpome a.button.btn-xs,#as3cf-settings.wpome button.btn-xs{font-size:.7rem;padding:.4rem .6rem;min-width:3rem}#as3cf-settings.wpome .btn-row button.btn-primary,#as3cf-settings.wpome a.button.btn-primary,#as3cf-settings.wpome button.btn-primary{color:var(--as3cf-color-white);background:var(--as3cf-color-primary-500);border:1px solid rgba(0,0,0,.12)}#as3cf-settings.wpome a.button.btn-primary:hover,#as3cf-settings.wpome button.btn-primary:hover{background-color:var(--as3cf-color-primary-600)}#as3cf-settings.wpome .btn-row button.btn-outline,#as3cf-settings.wpome a.button.btn-outline,#as3cf-settings.wpome button.btn-outline{color:var(--as3cf-color-primary-500);background:0 0;border:1px solid var(--as3cf-color-primary-500)}#as3cf-settings.wpome a.button.btn-outline:hover,#as3cf-settings.wpome button.btn-outline:hover{color:var(--as3cf-color-primary-600);background-color:var(--as3cf-color-primary-50);border:1px solid var(--as3cf-color-primary-600)}#as3cf-settings.wpome a.button.btn-outline:active,#as3cf-settings.wpome a.button.btn-outline:focus,#as3cf-settings.wpome button.btn-outline:active,#as3cf-settings.wpome button.btn-outline:focus{border:1px solid var(--as3cf-color-primary-200)}#as3cf-settings.wpome a.button.btn-outline:active,#as3cf-settings.wpome a.button.btn-outline:focus,#as3cf-settings.wpome a.button.btn-primary:active,#as3cf-settings.wpome a.button.btn-primary:focus,#as3cf-settings.wpome button.btn-outline:active,#as3cf-settings.wpome button.btn-outline:focus,#as3cf-settings.wpome button.btn-primary:active,#as3cf-settings.wpome button.btn-primary:focus{-webkit-box-shadow:0 0 0 1.5px var(--as3cf-color-white),0 0 0 3.5px var(--as3cf-color-primary-400);box-shadow:0 0 0 1.5px var(--as3cf-color-white),0 0 0 3.5px var(--as3cf-color-primary-400);outline:0}#as3cf-settings.wpome .btn-row button.btn-disabled,#as3cf-settings.wpome a.button.btn-disabled,#as3cf-settings.wpome button.btn-disabled{color:var(--as3cf-text-disabled);border:1px solid var(--as3cf-color-gray-400);opacity:.5;cursor:default}#as3cf-settings.wpome a.button.btn-disabled.btn-primary,#as3cf-settings.wpome button.btn-disabled.btn-primary{background:var(--as3cf-color-gray-300)}#as3cf-settings.wpome a.button.btn-disabled:hover,#as3cf-settings.wpome button.btn-disabled:hover{-webkit-box-shadow:none!important;box-shadow:none!important}#as3cf-settings.wpome a.button.btn-disabled.btn-outline:hover,#as3cf-settings.wpome button.btn-disabled.btn-outline:hover{color:var(--as3cf-text-disabled);border:1px solid var(--as3cf-color-gray-400)}#as3cf-settings.wpome a,#as3cf-settings.wpome button{cursor:pointer}#as3cf-settings.wpome .btn-row{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin:2.5rem 0 2.5rem 0}#as3cf-settings.wpome .btn-row .buttons-left .btn-primary{margin-left:.85rem}#as3cf-settings.wpome .btn-row .btn-outline{margin-left:auto}#as3cf-settings.wpome .btn-row .btn-primary{margin-left:auto}#as3cf-settings.wpome .btn-row .btn-outline+.btn-primary{margin-left:.85rem}#as3cf-settings.wpome .buttons-right{margin-left:auto;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}#as3cf-settings.wpome .buttons-right .pause{margin-right:.7rem}#as3cf-settings.wpome .fixed-cta-block{width:calc(100% - 160px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;background:var(--as3cf-color-white);-webkit-box-shadow:0 -11px 24px 0 rgba(151,146,175,.2);box-shadow:0 -11px 24px 0 rgba(151,146,175,.2);-webkit-box-sizing:border-box;box-sizing:border-box;z-index:9999;position:fixed;bottom:0;left:160px}@media screen and (max-width:960px){#as3cf-settings.wpome .fixed-cta-block{width:calc(100% - 36px);left:36px}}@media screen and (max-width:782px){#as3cf-settings.wpome .fixed-cta-block{width:100%;left:0}}#as3cf-settings.wpome .fixed-cta-block .buttons{margin:0;padding:1rem 2rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;width:calc(1220px + 4rem);max-width:calc(1220px + 4rem);-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (max-width:1100px){#as3cf-settings.wpome .fixed-cta-block .buttons{max-width:calc(780px + 4rem)}}@media screen and (max-width:872px){#as3cf-settings.wpome .fixed-cta-block .buttons{max-width:100%}}#as3cf-settings.wpome .fixed-cta-block .buttons .btn-outline{margin-right:1rem}#as3cf-settings.wpome .button-tab{background:var(--as3cf-color-white);border:1px solid var(--as3cf-color-gray-400);border-radius:6px;height:3rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 1.3rem;text-decoration:none;margin-right:1.5rem;position:relative;-webkit-transition-duration:.15s;transition-duration:.15s;-webkit-transition-timing-function:linear;transition-timing-function:linear}#as3cf-settings.wpome .button-tab.active{border:1px solid var(--as3cf-color-primary-500);-webkit-box-shadow:0 2px 8px 0 rgba(0,0,0,.05),0 2px 1px 0 rgba(0,0,0,.05);box-shadow:0 2px 8px 0 rgba(0,0,0,.05),0 2px 1px 0 rgba(0,0,0,.05)}#as3cf-settings.wpome .button-tab:hover{-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,.05),0 2px 1px 0 rgba(0,0,0,.05);box-shadow:0 4px 8px 0 rgba(0,0,0,.05),0 2px 1px 0 rgba(0,0,0,.05)}#as3cf-settings.wpome .button-tab:active,#as3cf-settings.wpome .button-tab:focus{-webkit-box-shadow:0 0 0 1.5px var(--as3cf-color-white),0 0 0 3.5px var(--as3cf-color-secondary-500);box-shadow:0 0 0 1.5px var(--as3cf-color-white),0 0 0 3.5px var(--as3cf-color-secondary-500);outline:0}#as3cf-settings.wpome .button-tab.btn-disabled{cursor:default}#as3cf-settings.wpome .button-tab.btn-disabled:hover{-webkit-box-shadow:none;box-shadow:none}#as3cf-settings.wpome a.help{width:18px;height:18px;min-width:18px;min-height:18px;border:none;border-radius:100%}#as3cf-settings.wpome a.help:active,#as3cf-settings.wpome a.help:focus,#as3cf-settings.wpome a.help:hover{-webkit-filter:brightness(90%);filter:brightness(90%);-webkit-box-shadow:0 0 0 1.5px var(--as3cf-color-white),0 0 0 3.5px var(--as3cf-color-secondary-500);box-shadow:0 0 0 1.5px var(--as3cf-color-white),0 0 0 3.5px var(--as3cf-color-secondary-500);outline:0}#as3cf-settings.wpome a.help .icon.help{width:18px;height:18px;min-width:18px;min-height:18px;border:none;border-radius:100%}#as3cf-settings.wpome .icon.status{width:16px;height:16px}#as3cf-settings.wpome .icon.status:hover{-webkit-filter:brightness(90%);filter:brightness(90%)}#as3cf-settings.wpome .icon.close:hover{-webkit-filter:brightness(90%);filter:brightness(90%)}#as3cf-settings.wpome .icon.bucket{width:18px;height:18px;margin-right:1.4rem}#as3cf-settings.wpome .icon.region{width:18px;height:18px}#as3cf-settings.wpome .icon.notice-icon{width:24px;height:24px;margin-right:.8rem}#as3cf-settings.wpome .icon.notice-icon.assets-wizard{margin-top:-2px}#as3cf-settings.wpome label{font-size:.875rem;color:var(--as3cf-color-gray-900);cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#as3cf-settings.wpome .disabled>label{cursor:default}#as3cf-settings.wpome input[type=checkbox],#as3cf-settings.wpome input[type=radio]{all:unset;-webkit-box-sizing:border-box;box-sizing:border-box;background:var(--as3cf-color-white);border:1px solid var(--as3cf-color-gray-400);width:18px;height:18px;min-width:18px;min-height:18px;margin:0 .85rem 0 0;padding:0}#as3cf-settings.wpome input[type=checkbox]:disabled,#as3cf-settings.wpome input[type=checkbox]:disabled:hover,#as3cf-settings.wpome input[type=radio]:disabled,#as3cf-settings.wpome input[type=radio]:disabled:hover{-webkit-box-shadow:none;box-shadow:none}#as3cf-settings.wpome input[type=checkbox]:disabled:checked,#as3cf-settings.wpome input[type=checkbox]:disabled:hover:checked,#as3cf-settings.wpome input[type=radio]:disabled:checked,#as3cf-settings.wpome input[type=radio]:disabled:hover:checked{color:var(--as3cf-color-gray-400);background-color:var(--as3cf-color-gray-200);border:1px solid var(--as3cf-color-gray-400)}#as3cf-settings.wpome input[type=checkbox]:disabled:hover:not(:checked),#as3cf-settings.wpome input[type=checkbox]:disabled:not(:checked),#as3cf-settings.wpome input[type=radio]:disabled:hover:not(:checked),#as3cf-settings.wpome input[type=radio]:disabled:not(:checked){background-color:var(--as3cf-color-gray-100);border:1px solid var(--as3cf-color-gray-300)}#as3cf-settings.wpome input[type=radio]{border-radius:100%}#as3cf-settings.wpome input[type=radio]:checked{border:1px solid var(--as3cf-color-secondary-700);background:var(--as3cf-color-secondary-500) url('data:image/svg+xml;utf8,') no-repeat center}#as3cf-settings.wpome input[type=radio]:checked:disabled{background-image:url('data:image/svg+xml;utf8,')}#as3cf-settings.wpome input[type=radio]:checked::before{content:none}#as3cf-settings.wpome input[type=radio]:hover{-webkit-box-shadow:0 0 0 1.5px var(--as3cf-color-white),0 0 0 3.5px var(--as3cf-color-secondary-500);box-shadow:0 0 0 1.5px var(--as3cf-color-white),0 0 0 3.5px var(--as3cf-color-secondary-500);outline:0}#as3cf-settings.wpome input[type=radio]:hover:not(:checked){background-color:var(--as3cf-color-secondary-50)}#as3cf-settings.wpome input[type=checkbox]{border-radius:3px;margin-top:-2px}#as3cf-settings.wpome input[type=checkbox]:checked{background:var(--as3cf-color-secondary-500) url('data:image/svg+xml;utf8,') no-repeat center/75%;border:1px solid var(--as3cf-color-secondary-600)}#as3cf-settings.wpome input[type=checkbox]:checked:disabled{background-image:url('data:image/svg+xml;utf8,')}#as3cf-settings.wpome input[type=checkbox]:checked::before{content:none}#as3cf-settings.wpome input[type=checkbox]:hover{-webkit-box-shadow:0 0 0 1.5px var(--as3cf-color-white),0 0 0 3.5px var(--as3cf-color-secondary-500);box-shadow:0 0 0 1.5px var(--as3cf-color-white),0 0 0 3.5px var(--as3cf-color-secondary-500);outline:0}#as3cf-settings.wpome input[type=checkbox]:hover:not(:checked){background-color:var(--as3cf-color-secondary-50)}#as3cf-settings.wpome .checkbox,#as3cf-settings.wpome .radio-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:.75rem}#as3cf-settings.wpome .checkbox:last-of-type,#as3cf-settings.wpome .radio-btn:last-of-type{margin-bottom:0}#as3cf-settings.wpome .checkbox label{line-height:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#as3cf-settings.wpome input[type=text],#as3cf-settings.wpome textarea{background:var(--as3cf-color-white);border:1px solid var(--as3cf-color-gray-400);-webkit-box-shadow:0 2px 8px 0 rgba(0,0,0,.05);box-shadow:0 2px 8px 0 rgba(0,0,0,.05);border-radius:8px;padding:.95rem 1rem;font-size:.875rem;color:var(--as3cf-color-gray-900);line-height:1.2;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box}#as3cf-settings.wpome input[type=text].licence-field,#as3cf-settings.wpome textarea.licence-field{width:510px;margin-right:.75rem!important;letter-spacing:.75px}#as3cf-settings.wpome input[type=text].licence-field::-webkit-input-placeholder,#as3cf-settings.wpome textarea.licence-field::-webkit-input-placeholder{letter-spacing:.25px}#as3cf-settings.wpome input[type=text].licence-field::-moz-placeholder,#as3cf-settings.wpome textarea.licence-field::-moz-placeholder{letter-spacing:.25px}#as3cf-settings.wpome input[type=text].licence-field:-ms-input-placeholder,#as3cf-settings.wpome textarea.licence-field:-ms-input-placeholder{letter-spacing:.25px}#as3cf-settings.wpome input[type=text].licence-field::-ms-input-placeholder,#as3cf-settings.wpome textarea.licence-field::-ms-input-placeholder{letter-spacing:.25px}#as3cf-settings.wpome input[type=text].licence-field::placeholder,#as3cf-settings.wpome textarea.licence-field::placeholder{letter-spacing:.25px}#as3cf-settings.wpome textarea{line-height:1.3!important}#as3cf-settings.wpome textarea::-webkit-scrollbar{width:12px}#as3cf-settings.wpome textarea::-webkit-scrollbar-track{background:var(--as3cf-color-white);border-radius:6px}#as3cf-settings.wpome textarea::-webkit-scrollbar-corner{background-color:var(--as3cf-color-white);border-radius:6px}#as3cf-settings.wpome textarea::-webkit-resizer{background-color:var(--as3cf-color-white);border-radius:6px}#as3cf-settings.wpome textarea::-webkit-scrollbar-thumb{background-color:var(--as3cf-secondary-color);border:1px solid var(--as3cf-color-white);border-radius:5px}#as3cf-settings.wpome select{all:unset;background:var(--as3cf-color-white) url(../img/icon/arrow.svg) no-repeat calc(100% - 18px) 50%;border:1px solid var(--as3cf-color-gray-400);-webkit-box-shadow:0 2px 8px 0 rgba(0,0,0,.05);box-shadow:0 2px 8px 0 rgba(0,0,0,.05);border-radius:8px;padding:0 1rem!important;font-size:.875rem!important;color:var(--as3cf-color-gray-900);line-height:1.2!important;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:46px!important;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#as3cf-settings.wpome input::-webkit-input-placeholder,#as3cf-settings.wpome select::-webkit-input-placeholder,#as3cf-settings.wpome textarea::-webkit-input-placeholder{color:var(--as3cf-color-gray-500)}#as3cf-settings.wpome input::-moz-placeholder,#as3cf-settings.wpome select::-moz-placeholder,#as3cf-settings.wpome textarea::-moz-placeholder{color:var(--as3cf-color-gray-500)}#as3cf-settings.wpome input:-ms-input-placeholder,#as3cf-settings.wpome select:-ms-input-placeholder,#as3cf-settings.wpome textarea:-ms-input-placeholder{color:var(--as3cf-color-gray-500)}#as3cf-settings.wpome input::-ms-input-placeholder,#as3cf-settings.wpome select::-ms-input-placeholder,#as3cf-settings.wpome textarea::-ms-input-placeholder{color:var(--as3cf-color-gray-500)}#as3cf-settings.wpome input::placeholder,#as3cf-settings.wpome select::placeholder,#as3cf-settings.wpome textarea::placeholder{color:var(--as3cf-color-gray-500)}#as3cf-settings.wpome input:hover,#as3cf-settings.wpome select:hover,#as3cf-settings.wpome textarea:hover{border:1px solid var(--as3cf-color-gray-500)}#as3cf-settings.wpome input:active,#as3cf-settings.wpome input:focus,#as3cf-settings.wpome select:active,#as3cf-settings.wpome select:focus,#as3cf-settings.wpome textarea:active,#as3cf-settings.wpome textarea:focus{-webkit-box-shadow:0 0 0 1.5px var(--as3cf-color-white),0 0 0 3.5px var(--as3cf-color-secondary-500);box-shadow:0 0 0 1.5px var(--as3cf-color-white),0 0 0 3.5px var(--as3cf-color-secondary-500);outline:0}#as3cf-settings.wpome input:disabled,#as3cf-settings.wpome select:disabled,#as3cf-settings.wpome textarea:disabled{cursor:default}#as3cf-settings.wpome input.disabled,#as3cf-settings.wpome select.disabled,#as3cf-settings.wpome textarea.disabled{color:var(--as3cf-color-gray-500);background-color:var(--as3cf-color-gray-100);border:1px solid var(--as3cf-color-gray-300);cursor:default}#as3cf-settings.wpome .input-label{font-size:.78125rem;color:var(--as3cf-color-gray-500);margin-bottom:.5rem;font-weight:400;text-transform:uppercase;letter-spacing:.3px}#as3cf-settings.wpome .input-error{color:var(--as3cf-wordpress-notice-error-color);font-weight:400}#as3cf-settings.wpome .panel div.setting .input-error{margin-left:5rem;margin-right:1.5rem;margin-bottom:1rem}#as3cf-settings.wpome .toggle-switch{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#as3cf-settings.wpome .toggle-switch input[type=checkbox]{all:unset;height:0;width:0;border:none!important}#as3cf-settings.wpome .toggle-switch label{-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;text-indent:-9999px;width:36px;height:20px;background:var(--as3cf-color-gray-400);border:none;border-radius:100px;display:block;position:relative}#as3cf-settings.wpome .toggle-switch label:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:var(--as3cf-color-white);border-radius:100%;-webkit-transition:.3s;transition:.3s;-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,.06),0 1px 2px 0 rgba(0,0,0,.1);box-shadow:0 1px 2px 0 rgba(0,0,0,.06),0 1px 2px 0 rgba(0,0,0,.1)}#as3cf-settings.wpome .toggle-switch input:checked+label{background:var(--as3cf-complete-color);-webkit-transition:.3s;transition:.3s}#as3cf-settings.wpome .toggle-switch input:checked+label:after{left:calc(100% - 2px);-webkit-transform:translateX(-100%);transform:translateX(-100%)}#as3cf-settings.wpome .toggle-switch label:active:after{width:26px}#as3cf-settings.wpome .toggle-switch input:active+label,#as3cf-settings.wpome .toggle-switch input:focus+label{border:none;-webkit-box-shadow:0 0 0 1.5px var(--as3cf-color-white),0 0 0 3.5px var(--as3cf-color-secondary-500);box-shadow:0 0 0 1.5px var(--as3cf-color-white),0 0 0 3.5px var(--as3cf-color-secondary-500);outline:0}#as3cf-settings.wpome .toggle-switch input:disabled+label{cursor:default;background:var(--as3cf-color-gray-300)}#as3cf-settings.wpome .toggle-switch input:disabled+label:after{background:var(--as3cf-color-gray-100)}#as3cf-settings.wpome>.header{padding:0 2rem;background-color:#ffe4cd;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:96px}#as3cf-settings.wpome>.header .header-wrapper{width:1110px;max-width:1110px;height:100%;background-image:url(../img/brand/ome-branding-transparent.svg);background-repeat:no-repeat;background-size:contain;background-position:center top;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#as3cf-settings.wpome>.header .header-wrapper h1{font-size:1.3125rem;font-weight:500;color:#490d32}#as3cf-settings.wpome>.header .header-wrapper .medallion{-webkit-filter:drop-shadow(0 1px 4px rgba(0, 0, 0, .15));filter:drop-shadow(0 1px 4px rgba(0, 0, 0, .15));margin-right:1rem;width:52px;height:52px}#as3cf-settings.wpome>.header .header-wrapper .licence{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-left:auto}#as3cf-settings.wpome>.header .header-wrapper .licence .licence-type{color:#eb422d;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}#as3cf-settings.wpome>.header .header-wrapper .licence .licence-type a{font-size:.825rem;font-weight:500;margin-left:.6rem;text-decoration:underline;color:var(--as3cf-color-primary-500)!important}#as3cf-settings.wpome>.header .header-wrapper .licence .licence-type a:hover{-webkit-filter:brightness(105%);filter:brightness(105%)}#as3cf-settings.wpome>.header .header-wrapper .licence p{font-size:.8125rem;color:#4d443d;margin:.5rem 0 0}#as3cf-settings.wpome>.header .header-wrapper a.button,#as3cf-settings.wpome>.header .header-wrapper button{text-transform:uppercase}#as3cf-settings.wpome div.nav{width:100%;margin:0 auto 2.5rem 0;background:var(--as3cf-color-white);border-bottom:1px solid var(--as3cf-wordpress-border-color)}#as3cf-settings.wpome div.nav div.items{max-width:1220px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;padding:0 2rem}#as3cf-settings.wpome div.nav div.items ul.nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;margin:0;padding:1.5rem 2rem 0 0;font-size:.75rem;font-weight:500;text-transform:uppercase}#as3cf-settings.wpome div.nav div.items ul.nav li{margin-right:1.75rem;padding:.6rem .2rem .65rem;border-bottom:3px solid #fff}#as3cf-settings.wpome div.nav div.items ul.nav li a{color:var(--as3cf-color-gray-600);text-decoration:none}#as3cf-settings.wpome div.nav div.items ul.nav li a:hover{color:var(--as3cf-color-primary-600)}#as3cf-settings.wpome div.nav div.items ul.nav li a:focus{color:var(--as3cf-color-primary-600);-webkit-box-shadow:0 0 0 1.5px var(--as3cf-color-white),0 0 0 3.5px var(--as3cf-color-primary-400);box-shadow:0 0 0 1.5px var(--as3cf-color-white),0 0 0 3.5px var(--as3cf-color-primary-400);border-radius:3px;outline:0}#as3cf-settings.wpome div.nav div.items ul.nav li.focus,#as3cf-settings.wpome div.nav div.items ul.nav li.hover{border-bottom:3px solid var(--as3cf-color-gray-600)}#as3cf-settings.wpome div.nav div.items ul.nav li.active{border-bottom:3px solid var(--as3cf-color-primary-500)}#as3cf-settings.wpome div.nav div.items ul.nav li.active a{color:var(--as3cf-active-nav-color)}#as3cf-settings.wpome .subnav{display:-webkit-box;display:-ms-flexbox;display:flex;border-bottom:1px solid var(--as3cf-wordpress-border-color);padding:0;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;margin:0 0 3rem}#as3cf-settings.wpome .subnav.subpage{display:none}@media (max-width:1100px){#as3cf-settings.wpome .subnav.subpage{display:-webkit-box;display:-ms-flexbox;display:flex}}#as3cf-settings.wpome .subnav li{font-size:.875rem;font-weight:500;padding-bottom:1rem;margin:0 2rem 0 0}#as3cf-settings.wpome .subnav li.step-arrow{all:unset;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-item-align:start;align-self:flex-start;margin:0 2rem 0 0}#as3cf-settings.wpome .subnav li a{color:var(--as3cf-color-gray-600);text-decoration:none}#as3cf-settings.wpome .subnav li a:hover{color:var(--as3cf-color-primary-600)}#as3cf-settings.wpome .subnav li a:focus{color:var(--as3cf-color-primary-600);-webkit-box-shadow:0 0 0 1.5px var(--as3cf-wordpress-background-color),0 0 0 3.5px var(--as3cf-color-primary-400);box-shadow:0 0 0 1.5px var(--as3cf-wordpress-background-color),0 0 0 3.5px var(--as3cf-color-primary-400);border-radius:3px;outline:0}#as3cf-settings.wpome .subnav li.focus,#as3cf-settings.wpome .subnav li.hover{border-bottom:3px solid var(--as3cf-color-gray-600)}#as3cf-settings.wpome .subnav li.active{border-bottom:3px solid var(--as3cf-color-primary-500)}#as3cf-settings.wpome .subnav li.active a{color:var(--as3cf-active-nav-color)}#as3cf-settings.wpome .lite-wrapper .subnav{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}#as3cf-settings.wpomepro>.header .header-wrapper{width:1220px;max-width:1220px}#as3cf-settings #global-animation-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:auto;cursor:pointer;text-decoration:none}#as3cf-settings #global-animation-wrapper:focus{-webkit-box-shadow:none;box-shadow:none;outline:0}#as3cf-settings #global-animation-wrapper #animation-running{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}#as3cf-settings #global-animation-wrapper #animation-running .percentage{margin-right:58px;margin-top:-.7rem;text-transform:none;font-size:1.2rem;color:var(--as3cf-color-gray-900);font-weight:500;text-align:right}#as3cf-settings #global-animation-wrapper #animation-running span{font-size:.85rem}#as3cf-settings #global-animation-wrapper #animation-running img{position:absolute;right:0;top:-30px;height:42px}#as3cf-settings #global-animation-wrapper #animation-complete{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:-1.4rem}#as3cf-settings #global-animation-wrapper #animation-complete p{margin-right:15px;font-size:.8rem;text-transform:none;line-height:1}#as3cf-settings #global-animation-wrapper #animation-complete p.success{font-weight:400;text-decoration:none;color:var(--as3cf-color-gray-500)}#as3cf-settings #global-animation-wrapper #animation-complete p.error{font-weight:500;color:var(--as3cf-notice-error-color);text-decoration:underline}#as3cf-settings #global-animation-wrapper #animation-complete img{width:19px}#as3cf-settings.wpome .notifications.wrapper{margin:0 0 2rem 0}#as3cf-settings.wpome .notification{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0 0 .5rem 0;-webkit-box-shadow:0 2px 8px -5px rgba(50,50,93,.25),0 8px 5px -12px rgba(0,0,0,.3);box-shadow:0 2px 8px -5px rgba(50,50,93,.25),0 8px 5px -12px rgba(0,0,0,.3);border-radius:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#as3cf-settings.wpome .notification .content{-webkit-box-sizing:border-box;box-sizing:border-box;padding:10px 14px 10px 12px;margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:14px}#as3cf-settings.wpome .notification .content div.icon.type{margin:0;padding:0;width:28px;height:28px;border-radius:6px;-webkit-box-flex:0;-ms-flex:0 0 28px;flex:0 0 28px;-ms-flex-item-align:start;align-self:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#as3cf-settings.wpome .notification .content div.icon.type img.icon.type{width:16px;height:16px}#as3cf-settings.wpome .notification .content h3{margin:0 .5rem .5rem 0;font-size:.8125rem;line-height:1.3rem;font-weight:600;color:var(--as3cf-color-gray-900)}#as3cf-settings.wpome .notification .content p{margin:0 .5rem .5rem 0;font-size:.8125rem;line-height:1.3rem;color:var(--as3cf-color-gray-900)}#as3cf-settings.wpome .notification .content p li{list-style:disc}#as3cf-settings.wpome .notification .content p:last-of-type{margin-bottom:0}#as3cf-settings.wpome .notification .content code{padding:.05rem .4rem;margin:0 .1rem;border-radius:5px;line-height:1}#as3cf-settings.wpome .notification .content .body{margin:0;padding:0;width:100%;overflow-wrap:anywhere;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#as3cf-settings.wpome .notification .content .body .heading{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#as3cf-settings.wpome .notification .content .body .heading p{width:100%}#as3cf-settings.wpome .notification .content .body .heading .close{-webkit-box-flex:0;-ms-flex:0 0 16px;flex:0 0 16px;width:16px;height:16px;min-width:16px;min-height:16px;background:url(../img/icon/close.svg) no-repeat;border:none;border-radius:100%;cursor:pointer}#as3cf-settings.wpome .notification .content .body .links a{margin-right:.75rem}#as3cf-settings.wpome .notification.multiline .content{padding:14px 14px 14px 12px}#as3cf-settings.wpome .notification.multiline .content .body .heading .close{-ms-flex-item-align:first baseline;align-self:first baseline}#as3cf-settings.wpome .notification.inline.multiline .content{padding:16px;gap:16px}#as3cf-settings.wpome .notification.inline.multiline .content div.icon.type{margin-top:4px}#as3cf-settings.wpome .notification.expandable button{color:var(--as3cf-link-color);background-color:rgba(17,17,17,.04);border:1px solid rgba(17,17,17,.08)}#as3cf-settings.wpome .notification.expandable .heading{gap:8px}#as3cf-settings.wpome .notification.expandable .heading button.expandable{all:unset;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:22px;height:22px;min-width:22px;min-height:22px;background:rgba(17,17,17,.04) url(../img/icon/arrow.svg) no-repeat center/11px;border:1px solid rgba(17,17,17,.08);border-radius:11px;-webkit-filter:invert(27%) sepia(84%) saturate(1886%) hue-rotate(177deg) brightness(90%) contrast(103%);filter:invert(27%) sepia(84%) saturate(1886%) hue-rotate(177deg) brightness(90%) contrast(103%)}#as3cf-settings.wpome .notification.expandable .heading button.expandable.expanded{-webkit-transform:rotate(180deg);transform:rotate(180deg)}#as3cf-settings.wpome .notification.expandable .heading button.expandable:active,#as3cf-settings.wpome .notification.expandable .heading button.expandable:focus,#as3cf-settings.wpome .notification.expandable .heading button.expandable:hover{-webkit-filter:brightness(90%);filter:brightness(90%);-webkit-box-shadow:0 0 0 1.5px var(--as3cf-color-white),0 0 0 3.5px var(--as3cf-color-secondary-500);box-shadow:0 0 0 1.5px var(--as3cf-color-white),0 0 0 3.5px var(--as3cf-color-secondary-500);outline:0}#as3cf-settings.wpome .notification.expandable.expanded .details{max-height:14.5rem;overflow-y:auto;margin:0;padding:0}#as3cf-settings.wpome .notification.expandable.expanded .details .item{margin:0;padding:1.5rem;line-height:1.4;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#as3cf-settings.wpome .notification.expandable.expanded .details .item .summary{margin-bottom:.75rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}#as3cf-settings.wpome .notification.expandable.expanded .details .item .summary .title{width:100%;font-weight:600}#as3cf-settings.wpome .notification.expandable.expanded .details .item ul.detail{margin:0;padding:0}#as3cf-settings.wpome .notification.expandable.expanded .details .item ul.detail>li{padding:.3rem 0 0;line-height:1.4}#as3cf-settings.wpome .notification.expandable button.dismiss{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:5px 10px;gap:4px;border-radius:6px}#as3cf-settings.wpome .notification.expandable button.dismiss:before{content:url(../img/icon/x.svg);width:7.5px}#as3cf-settings.wpome .notification button:active,#as3cf-settings.wpome .notification button:focus,#as3cf-settings.wpome .notification button:hover{-webkit-filter:brightness(90%);filter:brightness(90%);-webkit-box-shadow:0 0 0 1.5px var(--as3cf-color-white),0 0 0 3.5px var(--as3cf-color-secondary-500);box-shadow:0 0 0 1.5px var(--as3cf-color-white),0 0 0 3.5px var(--as3cf-color-secondary-500);outline:0}#as3cf-settings.wpome .notification.info{background:var(--as3cf-notice-info-background-color);border:1px solid var(--as3cf-notice-info-border-color)}#as3cf-settings.wpome .notification.info div.icon.type{background:var(--as3cf-notice-info-color)}#as3cf-settings.wpome .notification.info.expandable.expanded .details .item{border-top:1px solid rgba(46,107,222,.16)}#as3cf-settings.wpome .notification.success{background:var(--as3cf-notice-success-background-color);border:1px solid var(--as3cf-notice-success-border-color)}#as3cf-settings.wpome .notification.success div.icon.type{background:var(--as3cf-notice-success-color)}#as3cf-settings.wpome .notification.success.expandable.expanded .details .item{border-top:1px solid rgba(232,99,94,.16)}#as3cf-settings.wpome .notification.warning{background:var(--as3cf-notice-warning-background-color);border:1px solid var(--as3cf-notice-warning-border-color)}#as3cf-settings.wpome .notification.warning div.icon.type{background:var(--as3cf-notice-warning-color)}#as3cf-settings.wpome .notification.warning code{background:var(--as3cf-notice-warning-code-background-color)}#as3cf-settings.wpome .notification.warning.expandable.expanded .details .item{border-top:1px solid rgba(99,185,105,.16)}#as3cf-settings.wpome .notification.error{background:var(--as3cf-notice-error-background-color);border:1px solid var(--as3cf-notice-error-border-color)}#as3cf-settings.wpome .notification.error div.icon.type{background:var(--as3cf-notice-error-color)}#as3cf-settings.wpome .notification.error.expandable.expanded .details .item{border-top:1px solid rgba(232,99,94,.16)}#as3cf-settings.wpome .notification.wordpress{background:var(--as3cf-color-white);border:1px solid var(--as3cf-wordpress-border-color)}#as3cf-settings.wpome .notification.wordpress.info{border-left:5px solid var(--as3cf-wordpress-notice-info-color)}#as3cf-settings.wpome .notification.wordpress.success{border-left:5px solid var(--as3cf-wordpress-notice-success-color)}#as3cf-settings.wpome .notification.wordpress.warning{border-left:5px solid var(--as3cf-wordpress-notice-warning-color)}#as3cf-settings.wpome .notification.wordpress.error{border-left:5px solid var(--as3cf-wordpress-notice-error-color)}#as3cf-settings.wpome .delivery.aws .gradient{background:linear-gradient(225deg,rgba(255,213,213,.5) 0,rgba(255,213,213,0) 50%)}#as3cf-settings.wpome .delivery.cloudflare .gradient{background:linear-gradient(225deg,rgba(255,221,192,.5) 0,rgba(255,221,192,0) 50%)}#as3cf-settings.wpome .delivery.do .gradient{background:linear-gradient(225deg,rgba(205,230,255,.5) 0,rgba(205,230,255,0) 50%)}#as3cf-settings.wpome .delivery.gcp .gradient{background:linear-gradient(225deg,rgba(226,226,226,.5) 0,rgba(226,226,226,0) 50%)}#as3cf-settings.wpome .delivery.keycdn .gradient{background:linear-gradient(225deg,rgba(4,122,237,.16) 0,rgba(4,122,237,0) 50%)}#as3cf-settings.wpome .delivery.other .gradient{background:linear-gradient(225deg,rgba(228,234,241,.5) 0,rgba(228,234,241,0) 50%)}#as3cf-settings.wpome .delivery.stackpath .gradient{background:linear-gradient(225deg,rgba(226,226,226,.5) 0,rgba(226,226,226,0) 50%)}#as3cf-settings.wpome .storage.aws .gradient{background:linear-gradient(225deg,rgba(255,214,197,.5) 0,rgba(255,214,197,0) 50%)}#as3cf-settings.wpome .storage.do .gradient{background:linear-gradient(225deg,rgba(205,230,255,.5) 0,rgba(205,230,255,0) 50%)}#as3cf-settings.wpome .storage.gcp .gradient{background:linear-gradient(225deg,rgba(226,226,226,.5) 0,rgba(226,226,226,0) 50%)}#as3cf-settings.wpome .as3cf-sidebar{width:292px;min-width:292px;height:-webkit-max-content;height:-moz-max-content;height:max-content;margin-left:2.75rem;margin-top:-.5rem}#as3cf-settings.wpome .as3cf-sidebar.lite{background:#fff;border-radius:7px;border:1px solid #d9e1eb;overflow:hidden;-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,.1);box-shadow:0 1px 2px 0 rgba(0,0,0,.1)}#as3cf-settings.wpome .as3cf-sidebar .block{padding:20px;border:1px solid #ccc}#as3cf-settings.wpome .as3cf-sidebar .subscribe{border-top:none;text-align:center;padding:40px 20px}#as3cf-settings.wpome .as3cf-sidebar .subscribe h2{padding:0;margin:0;margin-bottom:.5em;color:#666;font-size:17px;line-height:1.2em;float:none;text-transform:none;font-weight:500}#as3cf-settings.wpome .as3cf-sidebar .subscribe .button{width:100%!important;margin:1rem auto;text-transform:uppercase;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center!important}#as3cf-settings.wpome .as3cf-sidebar .subscribe p{margin:0}#as3cf-settings.wpome .as3cf-sidebar .subscribe .discount-applied{color:rgba(0,0,0,.4);font-size:12px;line-height:1.4em;margin-top:10px}#as3cf-settings.wpome .as3cf-sidebar .credits{border-top:0;background:#2e2e31;text-align:center;padding:10px}#as3cf-settings.wpome .as3cf-sidebar .credits h4{font-size:11px;font-weight:400;color:rgba(255,255,255,.7);margin-top:0;margin-bottom:10px}#as3cf-settings.wpome .as3cf-sidebar .credits ul{display:inline-block;margin:0;padding:0}#as3cf-settings.wpome .as3cf-sidebar .credits li{overflow:hidden}#as3cf-settings.wpome .as3cf-sidebar .credits li:last-child{margin-bottom:0}#as3cf-settings.wpome .as3cf-sidebar .credits img{display:inline-block;vertical-align:middle;margin-right:8px}#as3cf-settings.wpome .as3cf-sidebar .credits span{display:inline-block;vertical-align:middle;font-size:12px;line-height:24px}#as3cf-settings.wpome .as3cf-sidebar .credits a{display:block;text-decoration:none;color:#fff;font-size:12px;text-align:center}#as3cf-settings.wpome .as3cf-sidebar .credits a:hover{color:rgba(255,255,255,.7)}@media screen and (max-width:1052px){#as3cf-settings.wpome .as3cf-sidebar{position:relative;top:auto;right:auto}}#as3cf-settings.wpome .as3cf-active-bucket,#as3cf-settings.wpome .as3cf-active-provider{font-weight:700;margin-right:10px}#as3cf-settings.wpome .as3cf-banner{width:292px;height:156px;display:block;background:#f8cfae url(../img/sidebar/os3-banner.svg) left bottom/100% no-repeat}#as3cf-settings.wpome .as3cf-banner:focus{-webkit-box-shadow:none;box-shadow:none}#as3cf-settings.wpome .as3cf-upgrade-details{background-color:#4e0d33;padding:10px 20px 20px 20px;color:#eee;font-size:12.5px;display:block;text-decoration:none}#as3cf-settings.wpome .as3cf-upgrade-details h1{font-size:27px;color:#f8cfae;margin:0 0 15px 0;padding:0;font-weight:300;line-height:1}#as3cf-settings.wpome .as3cf-upgrade-details h2{font-size:15px;color:#f8cfae;margin:0 0 30px 0;font-weight:600;line-height:20px}#as3cf-settings.wpome .as3cf-upgrade-details p{margin:0}#as3cf-settings.wpome .as3cf-upgrade-details a{color:#eee;font-weight:700;text-decoration:none;font-size:16px;-webkit-box-shadow:none;box-shadow:none}#as3cf-settings.wpome .as3cf-upgrade-details a:hover{color:#fff}#as3cf-settings.wpome .as3cf-upgrade-details ul{margin:0!important;padding:0;list-style:none}#as3cf-settings.wpome .as3cf-upgrade-details ul li{margin-bottom:15px;line-height:18px;padding-left:25px;background:url(../img/sidebar/item-checked.svg) left center no-repeat}#as3cf-settings.wpome a,#as3cf-settings.wpome button,#as3cf-settings.wpome h1,#as3cf-settings.wpome h2,#as3cf-settings.wpome h3,#as3cf-settings.wpome h4,#as3cf-settings.wpome h5,#as3cf-settings.wpome input,#as3cf-settings.wpome li,#as3cf-settings.wpome p,#as3cf-settings.wpome pre,#as3cf-settings.wpome select,#as3cf-settings.wpome span,#as3cf-settings.wpome textarea{letter-spacing:.25px;line-height:1;margin:0}#as3cf-settings.wpome li{list-style:none}#as3cf-settings.wpome .semibold{font-weight:600}#as3cf-settings.wpome .bold{font-weight:700}#as3cf-settings.wpome p{font-size:.875rem;color:var(--as3cf-color-gray-900);font-weight:400}#as3cf-settings.wpome h2{font-size:1.0625rem;color:#617385;text-transform:uppercase;font-weight:400}#as3cf-settings.wpome .page-title{margin-bottom:3rem}#as3cf-settings.wpome a[target=_blank]:not(.help):not(.licence):not(.email):after{-webkit-box-sizing:border-box;box-sizing:border-box;content:"\f504";display:inline-block;font-family:dashicons,emoji;font-size:larger;text-decoration:none;vertical-align:sub;margin-left:.2rem;margin-right:-1rem}#as3cf-settings.wpome .link{font-size:.8125rem;color:#0073aa}#as3cf-settings.wpome .link:hover{-webkit-filter:brightness(115%);filter:brightness(115%)}#as3cf-settings.wpome pre,#as3cf-settings.wpome textarea.pre{background:var(--as3cf-code-background);border:1px solid #d2cfcf;border-radius:6px;padding:1rem 1.2rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:.8125rem;line-height:1.6;color:var(--as3cf-color-white);font-weight:400;margin:0 0 1.5rem;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;overflow-y:scroll}#as3cf-settings.wpome pre::-webkit-scrollbar,#as3cf-settings.wpome textarea.pre::-webkit-scrollbar{width:12px}#as3cf-settings.wpome pre::-webkit-scrollbar-track,#as3cf-settings.wpome textarea.pre::-webkit-scrollbar-track{background:var(--as3cf-code-background);border-radius:6px}#as3cf-settings.wpome pre::-webkit-scrollbar-corner,#as3cf-settings.wpome textarea.pre::-webkit-scrollbar-corner{background-color:var(--as3cf-code-background);border-radius:6px}#as3cf-settings.wpome pre::-webkit-resizer,#as3cf-settings.wpome textarea.pre::-webkit-resizer{background-color:var(--as3cf-code-background);border-radius:6px}#as3cf-settings.wpome pre::-webkit-scrollbar-thumb,#as3cf-settings.wpome textarea.pre::-webkit-scrollbar-thumb{background-color:var(--as3cf-secondary-color);border:1px solid var(--as3cf-code-background);border-radius:5px}#as3cf-settings.wpome .page-wrapper .page-title{margin-bottom:2.6rem}#as3cf-settings.wpome .lite-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;max-width:1110px}@media (max-width:1024px){#as3cf-settings.wpome .lite-wrapper .as3cf-sidebar{display:none}}#as3cf-settings.wpome .lite-wrapper .page-wrapper{width:840px}#as3cf-settings.wpome .lite-wrapper .page-wrapper.media{width:780px;max-width:780px}#as3cf-settings.wpome .lite-wrapper .media-page.wrapper{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important}#as3cf-settings.wpome .lite-wrapper .media-page.wrapper .panel{width:100%;max-width:780px}#as3cf-settings.wpome .lite-wrapper .media-page.wrapper .delivery-settings{margin:0;display:none}#as3cf-settings.wpome .lite-wrapper .media-page.wrapper .delivery-settings.active{display:-webkit-box;display:-ms-flexbox;display:flex}#as3cf-settings.wpome .lite-wrapper .media-page.wrapper .storage-settings{margin:0;display:none}#as3cf-settings.wpome .lite-wrapper .media-page.wrapper .storage-settings.active{display:-webkit-box;display:-ms-flexbox;display:flex}#as3cf-settings.wpome .lite-wrapper .panel.url-preview{width:100%;max-width:780px}#as3cf-settings.wpome .lite-wrapper .fixed-cta-block .buttons{width:calc(1110px + 4rem);max-width:calc(1110px + 4rem)}@media screen and (max-width:1024px){#as3cf-settings.wpome .lite-wrapper .fixed-cta-block .buttons{max-width:calc(780px + 4rem)}}#as3cf-settings.wpome .media-page.wrapper{margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media (max-width:1100px){#as3cf-settings.wpome .media-page.wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}@media (max-width:1100px){#as3cf-settings.wpome .media-page.wrapper .panel{max-width:100%}}#as3cf-settings.wpome .media-page.wrapper .delivery-settings,#as3cf-settings.wpome .media-page.wrapper .storage-settings{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#as3cf-settings.wpome .media-page.wrapper .storage-settings{margin:0 2rem 0 0}@media (max-width:1100px){#as3cf-settings.wpome .media-page.wrapper .storage-settings{margin:0;display:none}#as3cf-settings.wpome .media-page.wrapper .storage-settings.active{display:-webkit-box;display:-ms-flexbox;display:flex}}#as3cf-settings.wpome .media-page.wrapper .delivery-settings{margin:0 0 0 2rem}@media (max-width:1100px){#as3cf-settings.wpome .media-page.wrapper .delivery-settings{margin:0;display:none}#as3cf-settings.wpome .media-page.wrapper .delivery-settings.active{display:-webkit-box;display:-ms-flexbox;display:flex}}#as3cf-settings.wpome .subpage.page-wrapper,#as3cf-settings.wpome .subpage.wrapper{margin:0;max-width:840px}#as3cf-settings.wpome .storage-page.wrapper .panel.multi .panel-container .panel-row.tab-buttons{gap:1.5rem;-ms-flex-wrap:wrap;flex-wrap:wrap}#as3cf-settings.wpome .storage-page.wrapper .panel.multi .panel-container .panel-row.tab-buttons .button-tab{margin:0;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}#as3cf-settings.wpome .delivery-provider-settings-page.wrapper .panel.multi .panel-container .panel-row.delivery-provider-buttons .row{margin-bottom:1.25rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}#as3cf-settings.wpome .delivery-provider-settings-page.wrapper .panel.multi .panel-container .panel-row.delivery-provider-buttons .row:last-of-type{margin-bottom:0}#as3cf-settings.wpome .delivery-provider-settings-page.wrapper .panel.multi .panel-container .panel-row.delivery-provider-buttons .row .button-tab{width:12rem}#as3cf-settings.wpome .delivery-provider-settings-page.wrapper .panel.multi .panel-container .panel-row.delivery-provider-buttons .row .button-tab.active~p,#as3cf-settings.wpome .delivery-provider-settings-page.wrapper .panel.multi .panel-container .panel-row.delivery-provider-buttons .row .button-tab:not(.btn-disabled):hover~p{font-weight:600;opacity:1}#as3cf-settings.wpome .delivery-provider-settings-page.wrapper .panel.multi .panel-container .panel-row.delivery-provider-buttons .row p{margin:0}#as3cf-settings.wpome .delivery-provider-settings-page.wrapper .panel.multi .panel-container .panel-row.delivery-provider-buttons .row .private-media,#as3cf-settings.wpome .delivery-provider-settings-page.wrapper .panel.multi .panel-container .panel-row.delivery-provider-buttons .row .speed{margin-left:1.5rem;opacity:.7;font-size:.8125rem}#as3cf-settings.wpome .delivery-provider-settings-page.wrapper .panel.multi .panel-container .panel-row.delivery-provider-buttons .row .help{margin-left:auto;display:-webkit-box;display:-ms-flexbox;display:flex}#as3cf-settings.wpome .licence-page.wrapper{margin:0 0 2rem;max-width:700px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}#as3cf-settings.wpome .licence-page.wrapper.defined{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:.5rem}#as3cf-settings.wpome .licence-page.wrapper.defined .wp-config{margin-left:0;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}#as3cf-settings.wpome .support-page.wrapper{margin:0;max-width:960px}#as3cf-settings.wpome .support-page.wrapper .columns{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#as3cf-settings.wpome .support-page.wrapper .licence-type{margin-bottom:3rem}#as3cf-settings.wpome .support-page.wrapper .licence-type span{font-weight:700;color:var(--as3cf-color-primary-500)}#as3cf-settings.wpome .support-page.wrapper .lite-support{margin-bottom:2rem}#as3cf-settings.wpome .support-page.wrapper .lite-support p{line-height:1.8;font-weight:400}#as3cf-settings.wpome .assets-page.wrapper{margin:0;max-width:840px}#as3cf-settings.wpome .assets-page.wrapper .assets-panel{padding:.45rem 0;max-width:640px}#as3cf-settings.wpome .assets-page.wrapper .notice{margin-right:auto}#as3cf-settings.wpome .assets-page.wrapper .notice-qsg{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}#as3cf-settings.wpome .assets-page.wrapper .settings{margin-bottom:2rem;max-width:100%}#as3cf-settings.wpome .assets-page.wrapper .panel-row.status{padding:1.75rem 0 0 4rem!important;height:-webkit-max-content;height:-moz-max-content;height:max-content}#as3cf-settings.wpome .assets-page.wrapper .panel-row.status img{width:18px;height:18px}#as3cf-settings.wpome .assets-page.wrapper .panel-row.status h4{margin-left:.8rem}#as3cf-settings.wpome .assets-page.wrapper .panel-row.status p{margin:0!important}#as3cf-settings.wpome .assets-page.wrapper .panel-row.last-checked{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:.7rem 0 0 4.7rem!important;height:-webkit-max-content;height:-moz-max-content;height:max-content}#as3cf-settings.wpome .assets-page.wrapper .panel-row.last-checked p{font-size:.75rem;margin:0!important}#as3cf-settings.wpome .assets-page.wrapper .panel-row.last-checked a{margin-left:1rem;text-decoration:underline}#as3cf-settings.wpome .tools-page.wrapper{margin:0;max-width:760px}#as3cf-settings.wpome .tools-page.wrapper .panel.multi .panel-container.tools-panel{padding:0 0 .45rem}#as3cf-settings.wpome .tools-page.wrapper .panel.multi .panel-container.tools-panel .panel-row.header{height:4.5rem!important}#as3cf-settings.wpome .tools-page.wrapper .panel.multi .panel-container.tools-panel .panel-row.header img{margin-right:2rem}#as3cf-settings.wpome .tools-page.wrapper .panel.multi .panel-container.tools-panel .panel-row.header button{margin-left:auto}#as3cf-settings.wpome .tools-page.wrapper .panel.multi .panel-container.tools-panel .panel-row.header .emoji-party{font-size:28px}#as3cf-settings.wpome .tools-page.wrapper .panel.multi .panel-container.tools-panel .panel-row.body{padding:1.6rem 2.6rem 1.6rem 6.1rem}#as3cf-settings.wpome .tools-page.wrapper .panel.multi .panel-container.tools-panel .panel-row.body.progress-bar{margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#as3cf-settings.wpome .tools-page.wrapper .panel.multi .panel-container.tools-panel .panel-row.body.progress-bar .status{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;width:100%;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}#as3cf-settings.wpome .tools-page.wrapper .panel.multi .panel-container.tools-panel .panel-row.body.progress-bar .status h4{font-size:.8125rem;color:var(--as3cf-color-gray-900);font-weight:400;margin:0;opacity:80%}#as3cf-settings.wpome .tools-page.wrapper .panel.multi .panel-container.tools-panel .panel-row.body.progress-bar .status h4 strong{font-size:1.0625rem;font-weight:600;opacity:100%}#as3cf-settings.wpome .tools-page.wrapper .panel.multi .panel-container.tools-panel .panel-row.body.progress-bar .indicator,#as3cf-settings.wpome .tools-page.wrapper .panel.multi .panel-container.tools-panel .panel-row.body.progress-bar .progress{height:8px;border-radius:8px}#as3cf-settings.wpome .tools-page.wrapper .panel.multi .panel-container.tools-panel .panel-row.body.progress-bar .progress{width:100%;background:#e9e9ef;margin-top:1rem}#as3cf-settings.wpome .tools-page.wrapper .panel.multi .panel-container.tools-panel .panel-row.body.progress-bar .progress.stripe.animate,#as3cf-settings.wpome .tools-page.wrapper .panel.multi .panel-container.tools-panel .panel-row.body.progress-bar .progress.stripe>.indicator.animate{background-size:30px 30px;background-image:linear-gradient(135deg,rgba(255,255,255,.15) 0,rgba(255,255,255,.15) 25%,rgba(255,255,255,0) 25%,rgba(255,255,255,0) 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,rgba(255,255,255,0) 75%,rgba(255,255,255,0) 100%);-webkit-animation:progress 5s linear infinite;animation:progress 5s linear infinite}@-webkit-keyframes progress{from{background-position:0 0}to{background-position:-60px -60px}}@keyframes progress{from{background-position:0 0}to{background-position:-60px -60px}}#as3cf-settings.wpome .tools-page.wrapper .panel.multi .panel-container.tools-panel .panel-row.body.progress-bar .progress.stripe.animate{background-color:var(--as3cf-secondary-color)}#as3cf-settings.wpome .tools-page.wrapper .panel.multi .panel-container.tools-panel .panel-row.body.progress-bar .progress .indicator{display:block;background-color:var(--as3cf-color-primary-500);width:40%}#as3cf-settings.wpome .tools-page.wrapper .panel.multi .panel-container.tools-panel .panel-row.body.progress-bar .progress .indicator.running{background-color:var(--as3cf-color-secondary-500)}#as3cf-settings.wpome .tools-page.wrapper .panel.multi .panel-container.tools-panel .panel-row.body.progress-bar .progress .indicator.complete{background-color:var(--as3cf-complete-color);width:100%}#as3cf-settings.wpome .tools-page.wrapper .panel.multi .panel-container.tools-panel .panel-row.desc{font-size:.8125rem;color:var(--as3cf-color-gray-500);line-height:1.65}#as3cf-settings.wpome .panel.url-preview{max-width:100%}#as3cf-settings.wpome .panel.url-preview .panel-row.desc p{font-size:.8125rem;color:var(--as3cf-color-gray-600);line-height:1.625;margin:1.5rem 0 0}@supports (contain:inline-size){#as3cf-settings.wpome .panel.url-preview .panel-row.body{contain:inline-size}}#as3cf-settings.wpome .panel.url-preview .panel-row dl{margin:1rem -1.5rem;padding:0 1.5rem 1rem;display:-webkit-box;display:-ms-flexbox;display:flex;gap:.5rem;overflow-x:auto}#as3cf-settings.wpome .panel.url-preview .panel-row dl div{margin:0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:2px;background:#e1e5e9;border-radius:6px}#as3cf-settings.wpome .panel.url-preview .panel-row dl div dt{margin:0;padding:.5rem 1rem .375rem;white-space:nowrap;font-weight:510}#as3cf-settings.wpome .panel.url-preview .panel-row dl div dd{margin:0;padding:.407rem 1rem;white-space:nowrap;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-item-align:stretch;align-self:stretch;background:#fafafa;border:1px solid #cbd5e0;border-radius:6px;font-weight:400;font-size:.75rem}@supports not (contain:inline-size){#as3cf-settings.wpome .panel.url-preview .panel-row dl{contain:size;width:100%;height:68px}}#as3cf-settings.wpome .panel{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;max-width:575px;margin-bottom:3rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#as3cf-settings.wpome .panel .heading{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:.5rem}#as3cf-settings.wpome .panel h3{font-size:.9375rem;color:var(--as3cf-color-gray-900);font-weight:500;margin:0 0 1.25rem}#as3cf-settings.wpome .panel .notification.inline{margin-left:5rem;margin-right:1.5rem}#as3cf-settings.wpome .panel .panel-container{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:var(--as3cf-color-white);border:1px solid var(--as3cf-wordpress-border-color);-webkit-box-shadow:0 1px 8px 0 rgba(0,0,0,.05),0 2px 1px 0 rgba(0,0,0,.03);box-shadow:0 1px 8px 0 rgba(0,0,0,.05),0 2px 1px 0 rgba(0,0,0,.03);border-radius:6px}#as3cf-settings.wpome .panel .panel-container .panel-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 1.5rem}#as3cf-settings.wpome .panel .panel-container .panel-row.header{height:6rem;border-bottom:1px solid var(--as3cf-separator-color)}#as3cf-settings.wpome .panel .panel-container .panel-row.footer{border-top:1px solid var(--as3cf-separator-color)}#as3cf-settings.wpome .panel .panel-container .panel-row h4{font-size:.875rem;font-weight:500;color:var(--as3cf-color-gray-800);margin-left:1rem;margin-right:auto}#as3cf-settings.wpome .panel .panel-container .panel-row .link{font-size:.8125rem;text-align:right;line-height:1.5;margin-left:auto;font-weight:500}#as3cf-settings.wpome .panel .panel-container .panel-row .link+.help{margin-left:1rem}#as3cf-settings.wpome .panel .panel-container .setting .panel-row.option{margin-top:1.5rem}#as3cf-settings.wpome .panel .panel-container .setting .panel-row.option h4{margin:0 0 0 var(--as3cf-settings-option-indent)}#as3cf-settings.wpome .panel .panel-container .setting .panel-row.option a{margin-left:auto}#as3cf-settings.wpome .panel .panel-container .setting .panel-row.desc{padding-right:var(--as3cf-settings-option-indent-right)}#as3cf-settings.wpome .panel .panel-container .setting .panel-row.desc p{font-size:.8125rem;color:var(--as3cf-color-gray-600);line-height:1.625;margin-left:calc(var(--as3cf-settings-ctrl-width) + var(--as3cf-settings-option-indent));margin-top:.57rem;margin-bottom:.75rem}#as3cf-settings.wpome .panel .panel-container .setting .panel-row.input{padding-right:var(--as3cf-settings-option-indent-right)}#as3cf-settings.wpome .panel .panel-container .setting .panel-row.input input[type=text]{margin-left:calc(var(--as3cf-settings-ctrl-width) + var(--as3cf-settings-option-indent));margin-bottom:1.2rem;width:100%}#as3cf-settings.wpome .panel .panel-container .setting .panel-row.input input[type=text]+label{visibility:collapse}#as3cf-settings.wpome .panel .panel-container .setting.nested{margin:0 0 .125rem 5.25rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border-left:2px dotted #c2cbd3}#as3cf-settings.wpome .panel .panel-container .setting.nested .panel-row{height:-webkit-max-content;height:-moz-max-content;height:max-content;margin-bottom:0}#as3cf-settings.wpome .panel .panel-container .setting.nested .panel-row img{margin-left:auto}#as3cf-settings.wpome .panel .panel-container .setting.nested .panel-row h4{margin:0}#as3cf-settings.wpome .panel .panel-container .setting.nested .panel-row.option{margin-top:1rem}#as3cf-settings.wpome .panel .panel-container .setting.nested .panel-row.desc{height:-webkit-max-content;height:-moz-max-content;height:max-content;padding:.4rem 2.25rem .85rem 1.65rem}#as3cf-settings.wpome .panel .panel-container .setting.nested .panel-row.desc p{font-size:.8125rem;color:var(--as3cf-color-gray-600);line-height:1.625;margin:0}#as3cf-settings.wpome .panel .panel-container .setting.nested .panel-row.input input[type=text]{margin-left:var(--as3cf-settings-input-indent)}#as3cf-settings.wpome .panel .panel-container .setting:last-of-type{margin-bottom:.75rem}#as3cf-settings.wpome .panel .panel-container hr{height:1px;width:100%;border:0;margin:0;background:var(--as3cf-separator-color)}#as3cf-settings.wpome .panel.multi{max-width:840px;margin-bottom:2rem}#as3cf-settings.wpome .panel.multi .panel-container.toggle-header .toggle-switch{margin-right:1.25rem}#as3cf-settings.wpome .panel.multi .panel-container.toggle-header .toggle-reveal label{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}#as3cf-settings.wpome .panel.multi .panel-container.toggle-header .toggle-reveal a{margin-left:.3rem;display:contents}#as3cf-settings.wpome .panel.multi .panel-container .panel-row{height:auto}#as3cf-settings.wpome .panel.multi .panel-container .panel-row h3{margin:0}#as3cf-settings.wpome .panel.multi .panel-container .panel-row p:last-of-type{margin-bottom:0}#as3cf-settings.wpome .panel.multi .panel-container .panel-row.header{height:4rem;display:-webkit-box;display:-ms-flexbox;display:flex}#as3cf-settings.wpome .panel.multi .panel-container .panel-row.header a{margin-left:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#as3cf-settings.wpome .panel.multi .panel-container .panel-row.header .provider{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#as3cf-settings.wpome .panel.multi .panel-container .panel-row.header .provider a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:auto}#as3cf-settings.wpome .panel.multi .panel-container .panel-row.header .provider img{width:24px;height:24px;margin-right:.5rem}#as3cf-settings.wpome .panel.multi .panel-container .panel-row.header .wp-config+.provider{margin-left:1rem}#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body{padding:2.5rem;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .row{margin:0;width:100%}#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .row.radio-btns{margin-bottom:2.2rem}#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .radio-desc{margin:-.35rem 0 1.25rem 2rem;font-size:12px;font-weight:500;line-height:1.4;opacity:.75}#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body.access-keys>p{margin-bottom:1.5rem!important}#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body input[type=text],#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body textarea{width:100%;margin-bottom:1.5rem}#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .bucket-name,#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .cdn-name{width:100%}#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body p{margin:0 0 1.5rem;line-height:1.5}#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body p:last-of-type{margin-bottom:0}#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .link{text-decoration:underline}#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .button-tab img{width:24px;height:24px;margin-right:.9rem}#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .button-tab .checkmark{width:16px;height:16px;position:absolute;right:-19px;top:-5px}#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .button-tab p{font-weight:500;margin-bottom:0}#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .radio-btn{margin-bottom:.8rem}#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .radio-btn:last-of-type{margin-bottom:0}#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .radio-btn.list{margin:0 1.5rem 0 0}#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .bucket-list{background:var(--as3cf-color-white);border:1px solid var(--as3cf-wordpress-border-color);-webkit-box-shadow:0 2px 8px 0 rgba(0,0,0,.05);box-shadow:0 2px 8px 0 rgba(0,0,0,.05);border-radius:6px;width:100%;max-width:580px;padding:0 .4rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:260px;overflow-y:scroll;-webkit-box-sizing:border-box;box-sizing:border-box}#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .bucket-list .row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:.78rem 1.4rem;background:#f6f7f8;border-radius:4px;margin:0 0 .3rem;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:0;-ms-flex:none;flex:none}#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .bucket-list .row.active{background:rgba(236,112,94,.1);border:1px solid var(--as3cf-color-primary-500);border-radius:4px}#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .bucket-list .row:first-of-type{margin-top:.4rem}#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .bucket-list .row:last-of-type{margin-bottom:.4rem}#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .bucket-list .row:nth-child(even){background:var(--as3cf-color-white)}#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .bucket-list .row p{margin:0;font-size:.84375rem}#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .bucket-list .row .status{margin-left:auto}#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .bucket-list .row.nothing-found{cursor:default;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .new-bucket-details{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;margin-right:1.8rem;-webkit-box-flex:5;-ms-flex:5;flex:5}#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .region{width:30%;-webkit-box-flex:3;-ms-flex:3;flex:3;margin-left:auto;margin-bottom:1.5rem;-webkit-box-sizing:border-box;box-sizing:border-box}#as3cf-settings.wpome p.wp-config{margin-left:auto;padding:.4rem .75rem;color:var(--as3cf-color-gray-500)!important;background:rgba(113,135,154,.15)!important;border:1px solid rgba(113,135,154,.15)!important;border-radius:5px;font-size:.84375rem;font-weight:500;white-space:nowrap}#as3cf-settings.wpome .panel .panel-container .setting .panel-row.option p.wp-config+a{margin-left:1rem}#as3cf-settings.wpome .panel .panel-container .setting .panel-row.desc p.wp-config{margin-right:0}#as3cf-settings.wpome .panel .panel-container .setting .panel-row label.input-label p.wp-config{text-transform:none;padding:.2rem .5rem}#as3cf-settings.wpome .notice{all:unset;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;background:rgba(56,125,189,.1);border:1px solid #afc8ed;border-radius:5px;padding:.8rem 1.25rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#as3cf-settings.wpome .notice a,#as3cf-settings.wpome .notice p{margin:0!important}#as3cf-settings.wpome .notice a{display:inline-block;text-decoration:underline;font-size:.875rem!important}#as3cf-settings.wpome .notice-qsg p a{padding-right:1rem}#as3cf-settings.wpome .support-form{width:600px}#as3cf-settings.wpome .support-form input[type=text],#as3cf-settings.wpome .support-form select,#as3cf-settings.wpome .support-form textarea{width:100%;margin-bottom:1rem}#as3cf-settings.wpome .support-form textarea{margin-bottom:1.5rem}#as3cf-settings.wpome .support-form .note{font-size:.78125rem;color:var(--as3cf-color-gray-500);margin-bottom:2.5rem;line-height:1.5}#as3cf-settings.wpome .support-form .note.first{margin-bottom:.5rem}#as3cf-settings.wpome .support-form .actions{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;margin-bottom:2rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#as3cf-settings.wpome .support-form .actions .btn-primary{margin-left:auto}#as3cf-settings.wpome .diagnostic-info{max-width:600px;padding:.25rem 0}#as3cf-settings.wpome .diagnostic-info pre{height:14.375rem;white-space:pre-wrap;word-break:keep-all}#as3cf-settings.wpome .diagnostic-info hr{background:#d3d7db;height:3px;width:100%;border:0;margin-bottom:3rem}#as3cf-settings.wpome .diagnostic-info .btn-outline{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-left:auto;width:-webkit-max-content;width:-moz-max-content;width:max-content}#as3cf-settings.wpome .documentation{background:#e4e5e7;border:1px solid var(--as3cf-wordpress-border-color);-webkit-box-shadow:0 2px 8px 0 rgba(0,0,0,.05);box-shadow:0 2px 8px 0 rgba(0,0,0,.05);border-radius:6px;padding:2.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:1.4rem 0 0 3rem;height:-webkit-max-content;height:-moz-max-content;height:max-content;width:240px;-webkit-box-sizing:border-box;box-sizing:border-box}#as3cf-settings.wpome .documentation h3{font-size:1.03125rem;color:var(--as3cf-color-gray-900);letter-spacing:.15px;font-weight:500;margin:0 0 2.25rem}#as3cf-settings.wpome .documentation a{font-size:.875rem;margin-bottom:1.25rem}#as3cf-settings.wpome .documentation a:last-of-type{margin-bottom:0}#as3cf-settings.wpome .upsell.panel{max-width:840px}#as3cf-settings.wpome .upsell .panel-container{padding:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;background:linear-gradient(136.01deg,rgba(255,228,205,.7) .94%,#fff 33.33%)}#as3cf-settings.wpome .upsell .branding{background:url(../img/brand/upsell-bunny.svg) no-repeat left bottom;min-width:280px;border-radius:5px;margin-right:-1.25rem}@media (max-width:840px){#as3cf-settings.wpome .upsell .branding{display:none}}#as3cf-settings.wpome .upsell .button{margin:1rem auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center!important}:root{--as3cf-code-type:consolas,monospace;--as3cf-color-white:#FFF;--as3cf-color-black:#000;--as3cf-color-gray-50:#FCFDFD;--as3cf-color-gray-100:#F9FAFB;--as3cf-color-gray-200:#F2F4F7;--as3cf-color-gray-300:#EAECF0;--as3cf-color-gray-400:#D0D5DD;--as3cf-color-gray-500:#98A2B3;--as3cf-color-gray-600:#667085;--as3cf-color-gray-700:#344054;--as3cf-color-gray-800:#1D2939;--as3cf-color-gray-900:#101828;--as3cf-color-primary-50:#FDF1EF;--as3cf-color-primary-100:#FBE2DF;--as3cf-color-primary-200:#F7C6BF;--as3cf-color-primary-300:#F4A99E;--as3cf-color-primary-400:#F08D7E;--as3cf-color-primary-500:#EC705E;--as3cf-color-primary-600:#C15B4C;--as3cf-color-primary-700:#96453A;--as3cf-color-primary-800:#6B3027;--as3cf-color-primary-900:#401A15;--as3cf-color-secondary-50:#EFF8FF;--as3cf-color-secondary-100:#D1E9FF;--as3cf-color-secondary-200:#B2DDFF;--as3cf-color-secondary-300:#84CAFF;--as3cf-color-secondary-400:#52B1FD;--as3cf-color-secondary-500:#2C90FA;--as3cf-color-secondary-600:#1270EF;--as3cf-color-secondary-700:#155CD3;--as3cf-color-secondary-800:#1749A9;--as3cf-color-secondary-900:#184185;--as3cf-secondary-color:#D8DDE2;--as3cf-text-disabled:#98A2B3;--as3cf-code-background:#102B44;--as3cf-separator-color:#EBEFF3;--as3cf-complete-color:#5BCB86;--as3cf-active-nav-color:#4E0D34;--as3cf-link-color:#0073AA;--as3cf-wordpress-background-color:#F1F1F1;--as3cf-wordpress-border-color:#D6D6D6;--as3cf-wordpress-notice-info-color:#02A0D2;--as3cf-notice-info-color:#2D69DA;--as3cf-notice-info-border-color:#2E6BDE;--as3cf-notice-info-background-color:#E7EFF9;--as3cf-wordpress-notice-success-color:#45B450;--as3cf-notice-success-color:#52AA59;--as3cf-notice-success-border-color:#63B969;--as3cf-notice-success-background-color:#EDF7EF;--as3cf-wordpress-notice-warning-color:#FFBA00;--as3cf-notice-warning-color:#F49C53;--as3cf-notice-warning-border-color:#E29936;--as3cf-notice-warning-background-color:#FDF8EB;--as3cf-notice-warning-code-background-color:#FCECC6;--as3cf-wordpress-notice-error-color:#DD3232;--as3cf-notice-error-color:#DA5A39;--as3cf-notice-error-border-color:#E8635E;--as3cf-notice-error-background-color:#F7EEEB;--as3cf-settings-ctrl-width:36px;--as3cf-settings-option-indent:1.2rem;--as3cf-settings-input-indent:0;--as3cf-settings-option-indent-right:2.25rem}body.settings_page_amazon-s3-and-cloudfront{background:var(--as3cf-wordpress-background-color)}body.settings_page_amazon-s3-and-cloudfront #wpcontent{padding-left:0!important}body.settings_page_amazon-s3-and-cloudfront #wpcontent #wpbody #wpbody-content>.notice{display:none}body.settings_page_amazon-s3-and-cloudfront #wpcontent #wpbody #wpbody-content .wpome .wpome-wrapper{max-width:1220px;margin:0 2rem 3rem 2rem}body.settings_page_amazon-s3-and-cloudfront #wpfooter{z-index:-2}.locked{opacity:.55}.flex-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.flex-column{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.align-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.align-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.align-baseline{-webkit-box-align:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important} \ No newline at end of file +#as3cf-settings.wpome a,#as3cf-settings.wpome button,#as3cf-settings.wpome input{-webkit-transition:all .3s ease;transition:all .3s ease}#as3cf-settings.wpome a.button,#as3cf-settings.wpome button{font-weight:500;border-radius:6px;white-space:nowrap;min-width:4rem}#as3cf-settings.wpome a.button.btn-lg,#as3cf-settings.wpome button.btn-lg{font-size:.875rem;padding:.95rem 1.2rem;min-width:6rem}#as3cf-settings.wpome a.button.btn-md,#as3cf-settings.wpome button.btn-md{font-size:.875rem;padding:.75rem 1.05rem}#as3cf-settings.wpome a.button.btn-sm,#as3cf-settings.wpome button.btn-sm{font-size:.875rem;padding:.55rem .9rem}#as3cf-settings.wpome a.button.btn-xs,#as3cf-settings.wpome button.btn-xs{font-size:.7rem;padding:.4rem .6rem;min-width:3rem}#as3cf-settings.wpome .btn-row button.btn-primary,#as3cf-settings.wpome a.button.btn-primary,#as3cf-settings.wpome button.btn-primary{color:var(--as3cf-color-white);background:var(--as3cf-color-primary-500);border:1px solid rgba(0,0,0,.12)}#as3cf-settings.wpome a.button.btn-primary:hover,#as3cf-settings.wpome button.btn-primary:hover{background-color:var(--as3cf-color-primary-600)}#as3cf-settings.wpome .btn-row button.btn-outline,#as3cf-settings.wpome a.button.btn-outline,#as3cf-settings.wpome button.btn-outline{color:var(--as3cf-color-primary-500);background:0 0;border:1px solid var(--as3cf-color-primary-500)}#as3cf-settings.wpome a.button.btn-outline:hover,#as3cf-settings.wpome button.btn-outline:hover{color:var(--as3cf-color-primary-600);background-color:var(--as3cf-color-primary-50);border:1px solid var(--as3cf-color-primary-600)}#as3cf-settings.wpome a.button.btn-outline:active,#as3cf-settings.wpome a.button.btn-outline:focus,#as3cf-settings.wpome button.btn-outline:active,#as3cf-settings.wpome button.btn-outline:focus{border:1px solid var(--as3cf-color-primary-200)}#as3cf-settings.wpome a.button.btn-outline:active,#as3cf-settings.wpome a.button.btn-outline:focus,#as3cf-settings.wpome a.button.btn-primary:active,#as3cf-settings.wpome a.button.btn-primary:focus,#as3cf-settings.wpome button.btn-outline:active,#as3cf-settings.wpome button.btn-outline:focus,#as3cf-settings.wpome button.btn-primary:active,#as3cf-settings.wpome button.btn-primary:focus{-webkit-box-shadow:0 0 0 1.5px var(--as3cf-color-white),0 0 0 3.5px var(--as3cf-color-primary-400);box-shadow:0 0 0 1.5px var(--as3cf-color-white),0 0 0 3.5px var(--as3cf-color-primary-400);outline:0}#as3cf-settings.wpome .btn-row button.btn-disabled,#as3cf-settings.wpome a.button.btn-disabled,#as3cf-settings.wpome button.btn-disabled{color:var(--as3cf-text-disabled);border:1px solid var(--as3cf-color-gray-400);opacity:.5;cursor:default}#as3cf-settings.wpome a.button.btn-disabled.btn-primary,#as3cf-settings.wpome button.btn-disabled.btn-primary{background:var(--as3cf-color-gray-300)}#as3cf-settings.wpome a.button.btn-disabled:hover,#as3cf-settings.wpome button.btn-disabled:hover{-webkit-box-shadow:none!important;box-shadow:none!important}#as3cf-settings.wpome a.button.btn-disabled.btn-outline:hover,#as3cf-settings.wpome button.btn-disabled.btn-outline:hover{color:var(--as3cf-text-disabled);border:1px solid var(--as3cf-color-gray-400)}#as3cf-settings.wpome a.button.btn-expandable,#as3cf-settings.wpome button.btn-expandable{all:unset;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:24px;height:24px;min-width:24px;min-height:24px;background:url(../img/icon/arrow.svg) no-repeat center/18px;border-radius:12px;-webkit-transition:all .2s ease-in;transition:all .2s ease-in}#as3cf-settings.wpome a.button.btn-expandable.btn-expanded,#as3cf-settings.wpome button.btn-expandable.btn-expanded{-webkit-transform:rotate(180deg);transform:rotate(180deg)}#as3cf-settings.wpome a.button.btn-expandable:active,#as3cf-settings.wpome a.button.btn-expandable:focus,#as3cf-settings.wpome a.button.btn-expandable:hover,#as3cf-settings.wpome button.btn-expandable:active,#as3cf-settings.wpome button.btn-expandable:focus,#as3cf-settings.wpome button.btn-expandable:hover{-webkit-box-shadow:0 0 0 1.5px var(--as3cf-color-white),0 0 0 3.5px var(--as3cf-color-secondary-500);box-shadow:0 0 0 1.5px var(--as3cf-color-white),0 0 0 3.5px var(--as3cf-color-secondary-500);outline:0}#as3cf-settings.wpome a.button.btn-refresh,#as3cf-settings.wpome button.btn-refresh{all:unset;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.25rem;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;font-size:13px;font-weight:500;color:var(--as3cf-link-color);border-radius:3px;padding:.1rem;margin-right:0 -.1rem;text-decoration:underline}#as3cf-settings.wpome a.button.btn-refresh img.refresh,#as3cf-settings.wpome button.btn-refresh img.refresh{width:12px;height:12px;min-width:12px;min-height:12px}#as3cf-settings.wpome a.button.btn-refresh img.refresh.refreshing,#as3cf-settings.wpome button.btn-refresh img.refresh.refreshing{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@-webkit-keyframes spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}#as3cf-settings.wpome a.button.btn-refresh.btn-refreshing,#as3cf-settings.wpome button.btn-refresh.btn-refreshing{cursor:default}#as3cf-settings.wpome a.button.btn-refresh:active,#as3cf-settings.wpome a.button.btn-refresh:focus,#as3cf-settings.wpome a.button.btn-refresh:hover,#as3cf-settings.wpome button.btn-refresh:active,#as3cf-settings.wpome button.btn-refresh:focus,#as3cf-settings.wpome button.btn-refresh:hover{text-decoration:none!important;-webkit-box-shadow:0;box-shadow:0}#as3cf-settings.wpome a.button.btn-refresh:focus-visible,#as3cf-settings.wpome button.btn-refresh:focus-visible{text-decoration:none;-webkit-box-shadow:0 0 0 1.5px var(--as3cf-color-white),0 0 0 3.5px var(--as3cf-color-secondary-500);box-shadow:0 0 0 1.5px var(--as3cf-color-white),0 0 0 3.5px var(--as3cf-color-secondary-500);outline:0}#as3cf-settings.wpome a.button.btn-refresh:disabled,#as3cf-settings.wpome button.btn-refresh:disabled{color:var(--as3cf-color-gray-800);text-decoration:none}#as3cf-settings.wpome a,#as3cf-settings.wpome button{cursor:pointer}#as3cf-settings.wpome .btn-row{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin:2.5rem 0 2.5rem 0}#as3cf-settings.wpome .btn-row .buttons-left .btn-primary{margin-left:.85rem}#as3cf-settings.wpome .btn-row .btn-outline{margin-left:auto}#as3cf-settings.wpome .btn-row .btn-primary{margin-left:auto}#as3cf-settings.wpome .btn-row .btn-outline+.btn-primary{margin-left:.85rem}#as3cf-settings.wpome .buttons-right{margin-left:auto;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}#as3cf-settings.wpome .buttons-right .pause{margin-right:.7rem}#as3cf-settings.wpome .fixed-cta-block{width:calc(100% - 160px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;background:var(--as3cf-color-white);-webkit-box-shadow:0 -11px 24px 0 rgba(151,146,175,.2);box-shadow:0 -11px 24px 0 rgba(151,146,175,.2);-webkit-box-sizing:border-box;box-sizing:border-box;z-index:9999;position:fixed;bottom:0;left:160px}@media screen and (max-width:960px){#as3cf-settings.wpome .fixed-cta-block{width:calc(100% - 36px);left:36px}}@media screen and (max-width:782px){#as3cf-settings.wpome .fixed-cta-block{width:100%;left:0}}#as3cf-settings.wpome .fixed-cta-block .buttons{margin:0;padding:1rem 2rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;width:calc(1220px + 4rem);max-width:calc(1220px + 4rem);-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (max-width:1100px){#as3cf-settings.wpome .fixed-cta-block .buttons{max-width:calc(780px + 4rem)}}@media screen and (max-width:872px){#as3cf-settings.wpome .fixed-cta-block .buttons{max-width:100%}}#as3cf-settings.wpome .fixed-cta-block .buttons .btn-outline{margin-right:1rem}#as3cf-settings.wpome .button-tab{background:var(--as3cf-color-white);border:1px solid var(--as3cf-color-gray-400);border-radius:6px;height:3rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 1.3rem;text-decoration:none;margin-right:1.5rem;position:relative;-webkit-transition-duration:.15s;transition-duration:.15s;-webkit-transition-timing-function:linear;transition-timing-function:linear}#as3cf-settings.wpome .button-tab.active{border:1px solid var(--as3cf-color-primary-500);-webkit-box-shadow:0 2px 8px 0 rgba(0,0,0,.05),0 2px 1px 0 rgba(0,0,0,.05);box-shadow:0 2px 8px 0 rgba(0,0,0,.05),0 2px 1px 0 rgba(0,0,0,.05)}#as3cf-settings.wpome .button-tab:hover{-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,.05),0 2px 1px 0 rgba(0,0,0,.05);box-shadow:0 4px 8px 0 rgba(0,0,0,.05),0 2px 1px 0 rgba(0,0,0,.05)}#as3cf-settings.wpome .button-tab:active,#as3cf-settings.wpome .button-tab:focus{-webkit-box-shadow:0 0 0 1.5px var(--as3cf-color-white),0 0 0 3.5px var(--as3cf-color-secondary-500);box-shadow:0 0 0 1.5px var(--as3cf-color-white),0 0 0 3.5px var(--as3cf-color-secondary-500);outline:0}#as3cf-settings.wpome .button-tab.btn-disabled{cursor:default}#as3cf-settings.wpome .button-tab.btn-disabled:hover{-webkit-box-shadow:none;box-shadow:none}#as3cf-settings.wpome a.help{width:18px;height:18px;min-width:18px;min-height:18px;border:none;border-radius:100%}#as3cf-settings.wpome a.help:active,#as3cf-settings.wpome a.help:focus,#as3cf-settings.wpome a.help:hover{-webkit-filter:brightness(90%);filter:brightness(90%);-webkit-box-shadow:0 0 0 1.5px var(--as3cf-color-white),0 0 0 3.5px var(--as3cf-color-secondary-500);box-shadow:0 0 0 1.5px var(--as3cf-color-white),0 0 0 3.5px var(--as3cf-color-secondary-500);outline:0}#as3cf-settings.wpome a.help .icon.help{width:18px;height:18px;min-width:18px;min-height:18px;border:none;border-radius:100%}#as3cf-settings.wpome .icon.status{width:16px;height:16px}#as3cf-settings.wpome .icon.status:hover{-webkit-filter:brightness(90%);filter:brightness(90%)}#as3cf-settings.wpome .icon.close:hover{-webkit-filter:brightness(90%);filter:brightness(90%)}#as3cf-settings.wpome .icon.bucket{width:18px;height:18px;margin-right:1.4rem}#as3cf-settings.wpome .icon.region{width:18px;height:18px}#as3cf-settings.wpome .icon.notice-icon{width:24px;height:24px;margin-right:.8rem}#as3cf-settings.wpome .icon.notice-icon.assets-wizard{margin-top:-2px}#as3cf-settings.wpome label{font-size:.875rem;color:var(--as3cf-color-gray-900);cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#as3cf-settings.wpome .disabled>label{cursor:default}#as3cf-settings.wpome input[type=checkbox],#as3cf-settings.wpome input[type=radio]{all:unset;-webkit-box-sizing:border-box;box-sizing:border-box;background:var(--as3cf-color-white);border:1px solid var(--as3cf-color-gray-400);width:18px;height:18px;min-width:18px;min-height:18px;margin:0 .85rem 0 0;padding:0}#as3cf-settings.wpome input[type=checkbox]:disabled,#as3cf-settings.wpome input[type=checkbox]:disabled:hover,#as3cf-settings.wpome input[type=radio]:disabled,#as3cf-settings.wpome input[type=radio]:disabled:hover{-webkit-box-shadow:none;box-shadow:none}#as3cf-settings.wpome input[type=checkbox]:disabled:checked,#as3cf-settings.wpome input[type=checkbox]:disabled:hover:checked,#as3cf-settings.wpome input[type=radio]:disabled:checked,#as3cf-settings.wpome input[type=radio]:disabled:hover:checked{color:var(--as3cf-color-gray-400);background-color:var(--as3cf-color-gray-200);border:1px solid var(--as3cf-color-gray-400)}#as3cf-settings.wpome input[type=checkbox]:disabled:hover:not(:checked),#as3cf-settings.wpome input[type=checkbox]:disabled:not(:checked),#as3cf-settings.wpome input[type=radio]:disabled:hover:not(:checked),#as3cf-settings.wpome input[type=radio]:disabled:not(:checked){background-color:var(--as3cf-color-gray-100);border:1px solid var(--as3cf-color-gray-300)}#as3cf-settings.wpome input[type=radio]{border-radius:100%}#as3cf-settings.wpome input[type=radio]:checked{border:1px solid var(--as3cf-color-secondary-700);background:var(--as3cf-color-secondary-500) url('data:image/svg+xml;utf8,') no-repeat center}#as3cf-settings.wpome input[type=radio]:checked:disabled{background-image:url('data:image/svg+xml;utf8,')}#as3cf-settings.wpome input[type=radio]:checked::before{content:none}#as3cf-settings.wpome input[type=radio]:hover{-webkit-box-shadow:0 0 0 1.5px var(--as3cf-color-white),0 0 0 3.5px var(--as3cf-color-secondary-500);box-shadow:0 0 0 1.5px var(--as3cf-color-white),0 0 0 3.5px var(--as3cf-color-secondary-500);outline:0}#as3cf-settings.wpome input[type=radio]:hover:not(:checked){background-color:var(--as3cf-color-secondary-50)}#as3cf-settings.wpome input[type=checkbox]{border-radius:3px;margin-top:-2px}#as3cf-settings.wpome input[type=checkbox]:checked{background:var(--as3cf-color-secondary-500) url('data:image/svg+xml;utf8,') no-repeat center/75%;border:1px solid var(--as3cf-color-secondary-600)}#as3cf-settings.wpome input[type=checkbox]:checked:disabled{background-image:url('data:image/svg+xml;utf8,')}#as3cf-settings.wpome input[type=checkbox]:checked::before{content:none}#as3cf-settings.wpome input[type=checkbox]:hover{-webkit-box-shadow:0 0 0 1.5px var(--as3cf-color-white),0 0 0 3.5px var(--as3cf-color-secondary-500);box-shadow:0 0 0 1.5px var(--as3cf-color-white),0 0 0 3.5px var(--as3cf-color-secondary-500);outline:0}#as3cf-settings.wpome input[type=checkbox]:hover:not(:checked){background-color:var(--as3cf-color-secondary-50)}#as3cf-settings.wpome .checkbox,#as3cf-settings.wpome .radio-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:.75rem}#as3cf-settings.wpome .checkbox:last-of-type,#as3cf-settings.wpome .radio-btn:last-of-type{margin-bottom:0}#as3cf-settings.wpome .checkbox label{line-height:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#as3cf-settings.wpome input[type=text],#as3cf-settings.wpome textarea{background:var(--as3cf-color-white);border:1px solid var(--as3cf-color-gray-400);-webkit-box-shadow:0 2px 8px 0 rgba(0,0,0,.05);box-shadow:0 2px 8px 0 rgba(0,0,0,.05);border-radius:8px;padding:.95rem 1rem;font-size:.875rem;color:var(--as3cf-color-gray-900);line-height:1.2;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box}#as3cf-settings.wpome input[type=text].licence-field,#as3cf-settings.wpome textarea.licence-field{width:510px;margin-right:.75rem!important;letter-spacing:.75px}#as3cf-settings.wpome input[type=text].licence-field::-webkit-input-placeholder,#as3cf-settings.wpome textarea.licence-field::-webkit-input-placeholder{letter-spacing:.25px}#as3cf-settings.wpome input[type=text].licence-field::-moz-placeholder,#as3cf-settings.wpome textarea.licence-field::-moz-placeholder{letter-spacing:.25px}#as3cf-settings.wpome input[type=text].licence-field:-ms-input-placeholder,#as3cf-settings.wpome textarea.licence-field:-ms-input-placeholder{letter-spacing:.25px}#as3cf-settings.wpome input[type=text].licence-field::-ms-input-placeholder,#as3cf-settings.wpome textarea.licence-field::-ms-input-placeholder{letter-spacing:.25px}#as3cf-settings.wpome input[type=text].licence-field::placeholder,#as3cf-settings.wpome textarea.licence-field::placeholder{letter-spacing:.25px}#as3cf-settings.wpome textarea{line-height:1.3!important}#as3cf-settings.wpome textarea::-webkit-scrollbar{width:12px}#as3cf-settings.wpome textarea::-webkit-scrollbar-track{background:var(--as3cf-color-white);border-radius:6px}#as3cf-settings.wpome textarea::-webkit-scrollbar-corner{background-color:var(--as3cf-color-white);border-radius:6px}#as3cf-settings.wpome textarea::-webkit-resizer{background-color:var(--as3cf-color-white);border-radius:6px}#as3cf-settings.wpome textarea::-webkit-scrollbar-thumb{background-color:var(--as3cf-secondary-color);border:1px solid var(--as3cf-color-white);border-radius:5px}#as3cf-settings.wpome select{all:unset;background:var(--as3cf-color-white) url(../img/icon/arrow.svg) no-repeat calc(100% - 18px) 50%;border:1px solid var(--as3cf-color-gray-400);-webkit-box-shadow:0 2px 8px 0 rgba(0,0,0,.05);box-shadow:0 2px 8px 0 rgba(0,0,0,.05);border-radius:8px;padding:0 1rem!important;font-size:.875rem!important;color:var(--as3cf-color-gray-900);line-height:1.2!important;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:46px!important;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#as3cf-settings.wpome input::-webkit-input-placeholder,#as3cf-settings.wpome select::-webkit-input-placeholder,#as3cf-settings.wpome textarea::-webkit-input-placeholder{color:var(--as3cf-color-gray-500)}#as3cf-settings.wpome input::-moz-placeholder,#as3cf-settings.wpome select::-moz-placeholder,#as3cf-settings.wpome textarea::-moz-placeholder{color:var(--as3cf-color-gray-500)}#as3cf-settings.wpome input:-ms-input-placeholder,#as3cf-settings.wpome select:-ms-input-placeholder,#as3cf-settings.wpome textarea:-ms-input-placeholder{color:var(--as3cf-color-gray-500)}#as3cf-settings.wpome input::-ms-input-placeholder,#as3cf-settings.wpome select::-ms-input-placeholder,#as3cf-settings.wpome textarea::-ms-input-placeholder{color:var(--as3cf-color-gray-500)}#as3cf-settings.wpome input::placeholder,#as3cf-settings.wpome select::placeholder,#as3cf-settings.wpome textarea::placeholder{color:var(--as3cf-color-gray-500)}#as3cf-settings.wpome input:hover,#as3cf-settings.wpome select:hover,#as3cf-settings.wpome textarea:hover{border:1px solid var(--as3cf-color-gray-500)}#as3cf-settings.wpome input:active,#as3cf-settings.wpome input:focus,#as3cf-settings.wpome select:active,#as3cf-settings.wpome select:focus,#as3cf-settings.wpome textarea:active,#as3cf-settings.wpome textarea:focus{-webkit-box-shadow:0 0 0 1.5px var(--as3cf-color-white),0 0 0 3.5px var(--as3cf-color-secondary-500);box-shadow:0 0 0 1.5px var(--as3cf-color-white),0 0 0 3.5px var(--as3cf-color-secondary-500);outline:0}#as3cf-settings.wpome input:disabled,#as3cf-settings.wpome select:disabled,#as3cf-settings.wpome textarea:disabled{cursor:default}#as3cf-settings.wpome input.disabled,#as3cf-settings.wpome select.disabled,#as3cf-settings.wpome textarea.disabled{color:var(--as3cf-color-gray-500);background-color:var(--as3cf-color-gray-100);border:1px solid var(--as3cf-color-gray-300);cursor:default}#as3cf-settings.wpome .input-label{font-size:.78125rem;color:var(--as3cf-color-gray-500);margin-bottom:.5rem;font-weight:400;text-transform:uppercase;letter-spacing:.3px}#as3cf-settings.wpome .input-error{color:var(--as3cf-wordpress-notice-error-color);font-weight:400}#as3cf-settings.wpome .panel div.setting .input-error{margin-left:5rem;margin-right:1.5rem;margin-bottom:1rem}#as3cf-settings.wpome .toggle-switch{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#as3cf-settings.wpome .toggle-switch input[type=checkbox]{all:unset;height:0;width:0;border:none!important}#as3cf-settings.wpome .toggle-switch label{-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;text-indent:-9999px;width:36px;height:20px;background:var(--as3cf-color-gray-400);border:none;border-radius:100px;display:block;position:relative}#as3cf-settings.wpome .toggle-switch label:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:var(--as3cf-color-white);border-radius:100%;-webkit-transition:.3s;transition:.3s;-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,.06),0 1px 2px 0 rgba(0,0,0,.1);box-shadow:0 1px 2px 0 rgba(0,0,0,.06),0 1px 2px 0 rgba(0,0,0,.1)}#as3cf-settings.wpome .toggle-switch input:checked+label{background:var(--as3cf-complete-color);-webkit-transition:.3s;transition:.3s}#as3cf-settings.wpome .toggle-switch input:checked+label:after{left:calc(100% - 2px);-webkit-transform:translateX(-100%);transform:translateX(-100%)}#as3cf-settings.wpome .toggle-switch label:active:after{width:26px}#as3cf-settings.wpome .toggle-switch input:active+label,#as3cf-settings.wpome .toggle-switch input:focus+label{border:none;-webkit-box-shadow:0 0 0 1.5px var(--as3cf-color-white),0 0 0 3.5px var(--as3cf-color-secondary-500);box-shadow:0 0 0 1.5px var(--as3cf-color-white),0 0 0 3.5px var(--as3cf-color-secondary-500);outline:0}#as3cf-settings.wpome .toggle-switch input:disabled+label{cursor:default;background:var(--as3cf-color-gray-300)}#as3cf-settings.wpome .toggle-switch input:disabled+label:after{background:var(--as3cf-color-gray-100)}#as3cf-settings.wpome>.header{padding:0 2rem;background-color:#ffe4cd;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:96px}#as3cf-settings.wpome>.header .header-wrapper{width:1110px;max-width:1110px;height:100%;background-image:url(../img/brand/ome-branding-transparent.svg);background-repeat:no-repeat;background-size:contain;background-position:center top;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#as3cf-settings.wpome>.header .header-wrapper h1{font-size:1.3125rem;font-weight:500;color:#490d32}#as3cf-settings.wpome>.header .header-wrapper .medallion{-webkit-filter:drop-shadow(0 1px 4px rgba(0, 0, 0, .15));filter:drop-shadow(0 1px 4px rgba(0, 0, 0, .15));margin-right:1rem;width:52px;height:52px}#as3cf-settings.wpome>.header .header-wrapper .licence{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-left:auto}#as3cf-settings.wpome>.header .header-wrapper .licence .licence-type{color:#eb422d;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}#as3cf-settings.wpome>.header .header-wrapper .licence .licence-type a{font-size:.825rem;font-weight:500;margin-left:.6rem;text-decoration:underline;color:var(--as3cf-color-primary-500)!important}#as3cf-settings.wpome>.header .header-wrapper .licence .licence-type a:hover{-webkit-filter:brightness(105%);filter:brightness(105%)}#as3cf-settings.wpome>.header .header-wrapper .licence p{font-size:.8125rem;color:#4d443d;margin:.5rem 0 0}#as3cf-settings.wpome>.header .header-wrapper a.button,#as3cf-settings.wpome>.header .header-wrapper button{text-transform:uppercase}#as3cf-settings.wpome div.nav{width:100%;margin:0 auto 2.5rem 0;background:var(--as3cf-color-white);border-bottom:1px solid var(--as3cf-wordpress-border-color)}#as3cf-settings.wpome div.nav div.items{max-width:1110px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;padding:0 2rem}#as3cf-settings.wpome div.nav div.items ul.nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;margin:0;padding:1.5rem 2rem 0 0;font-size:.75rem;font-weight:500;text-transform:uppercase}#as3cf-settings.wpome div.nav div.items ul.nav li{margin-right:1.75rem;padding:.6rem .2rem .65rem;border-bottom:3px solid #fff}#as3cf-settings.wpome div.nav div.items ul.nav li a{color:var(--as3cf-color-gray-600);text-decoration:none}#as3cf-settings.wpome div.nav div.items ul.nav li a:hover{color:var(--as3cf-color-primary-600)}#as3cf-settings.wpome div.nav div.items ul.nav li a:active,#as3cf-settings.wpome div.nav div.items ul.nav li a:focus{-webkit-box-shadow:none;box-shadow:none}#as3cf-settings.wpome div.nav div.items ul.nav li a:focus-visible{color:var(--as3cf-color-primary-600);-webkit-box-shadow:0 0 0 1.5px var(--as3cf-color-white),0 0 0 3.5px var(--as3cf-color-primary-400);box-shadow:0 0 0 1.5px var(--as3cf-color-white),0 0 0 3.5px var(--as3cf-color-primary-400);border-radius:3px;outline:0}#as3cf-settings.wpome div.nav div.items ul.nav li.focus,#as3cf-settings.wpome div.nav div.items ul.nav li.hover{border-bottom:3px solid var(--as3cf-color-gray-600)}#as3cf-settings.wpome div.nav div.items ul.nav li.active{border-bottom:3px solid var(--as3cf-color-primary-500)}#as3cf-settings.wpome div.nav div.items ul.nav li.active a{color:var(--as3cf-active-nav-color)}#as3cf-settings.wpome div.nav div.items .nav-status-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:auto;text-decoration:none;gap:.5rem;-ms-flex-item-align:stretch;align-self:stretch;min-width:20px}#as3cf-settings.wpome div.nav div.items .nav-status-wrapper:focus{-webkit-box-shadow:none;box-shadow:none;outline:0}#as3cf-settings.wpome div.nav div.items .nav-status-wrapper .nav-status{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.5rem;min-width:20px;cursor:pointer}#as3cf-settings.wpome div.nav div.items .nav-status-wrapper p{font-size:.75rem}#as3cf-settings.wpome div.nav div.items .nav-status-wrapper p.status-text{-webkit-box-flex:0;-ms-flex:0 0 max-content;flex:0 0 max-content}#as3cf-settings.wpome div.nav div.items .nav-status-wrapper>p{cursor:pointer}#as3cf-settings.wpome div.nav div.items .nav-status-wrapper .progress-bar{cursor:pointer;width:200px}#as3cf-settings.wpome div.nav div.items .nav-status-wrapper button{-webkit-box-flex:0;-ms-flex:0 0 max-content;flex:0 0 max-content}#as3cf-settings.wpome div.nav div.items .nav-status-wrapper .animation-running{cursor:pointer;display:none}#as3cf-settings.wpome div.nav div.items .nav-status-wrapper .animation-running img{height:42px}@media (max-width:1120px){#as3cf-settings.wpome div.nav div.items .nav-status-wrapper>button:not(.btn-expandable){display:none}#as3cf-settings.wpome div.nav div.items .nav-status-wrapper .animation-running{display:block}}@media (max-width:700px){#as3cf-settings.wpome div.nav div.items .nav-status-wrapper .progress-bar{display:none}}@media (max-width:640px){#as3cf-settings.wpome div.nav div.items .nav-status-wrapper{display:none}}@media (max-width:720px){#as3cf-settings.wpome div.nav div.items .nav-status-wrapper.complete .progress-bar{display:none}}@media (max-width:670px){#as3cf-settings.wpome div.nav div.items .nav-status-wrapper.complete img.icon.type{display:none}}@media (max-width:800px){#as3cf-settings.wpome div.nav div.items .nav-status-wrapper.tool-running .progress-bar{display:none}}@media (max-width:740px){#as3cf-settings.wpome div.nav div.items .nav-status-wrapper.tool-running .status-text strong{font-size:1.1rem}#as3cf-settings.wpome div.nav div.items .nav-status-wrapper.tool-running .status-text span{display:none}}#as3cf-settings.wpome .subnav{display:-webkit-box;display:-ms-flexbox;display:flex;border-bottom:1px solid var(--as3cf-wordpress-border-color);padding:0;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;margin:0 0 3rem}#as3cf-settings.wpome .subnav.subpage{display:none}@media (max-width:1100px){#as3cf-settings.wpome .subnav.subpage{display:-webkit-box;display:-ms-flexbox;display:flex}}#as3cf-settings.wpome .subnav li{font-size:.875rem;font-weight:500;padding-bottom:1rem;margin:0 2rem 0 0}#as3cf-settings.wpome .subnav li.step-arrow{all:unset;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-item-align:start;align-self:flex-start;margin:0 2rem 0 0}#as3cf-settings.wpome .subnav li.has-icon{margin:0 .5625rem 0 0}#as3cf-settings.wpome .subnav li a{color:var(--as3cf-color-gray-600);text-decoration:none}#as3cf-settings.wpome .subnav li a:hover{color:var(--as3cf-color-primary-600)}#as3cf-settings.wpome .subnav li a:active,#as3cf-settings.wpome .subnav li a:focus{-webkit-box-shadow:none;box-shadow:none;outline:0}#as3cf-settings.wpome .subnav li a:focus-visible{color:var(--as3cf-color-primary-600);-webkit-box-shadow:0 0 0 1.5px var(--as3cf-wordpress-background-color),0 0 0 3.5px var(--as3cf-color-primary-400);box-shadow:0 0 0 1.5px var(--as3cf-wordpress-background-color),0 0 0 3.5px var(--as3cf-color-primary-400);border-radius:3px;outline:0}#as3cf-settings.wpome .subnav li.focus,#as3cf-settings.wpome .subnav li.hover{border-bottom:3px solid var(--as3cf-color-gray-600)}#as3cf-settings.wpome .subnav li.active{border-bottom:3px solid var(--as3cf-color-primary-500)}#as3cf-settings.wpome .subnav li.active a{color:var(--as3cf-active-nav-color)}#as3cf-settings.wpome .lite-wrapper .subnav{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}#as3cf-settings.wpome.wpomepro>.header .header-wrapper{width:1220px;max-width:1220px}#as3cf-settings.wpome.wpomepro>.nav div.items{max-width:1220px}#as3cf-settings.wpome .notifications.wrapper{margin:0 0 2rem 0}#as3cf-settings.wpome .notification{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0 0 .5rem 0;-webkit-box-shadow:0 2px 8px -5px rgba(50,50,93,.25),0 8px 5px -12px rgba(0,0,0,.3);box-shadow:0 2px 8px -5px rgba(50,50,93,.25),0 8px 5px -12px rgba(0,0,0,.3);border-radius:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#as3cf-settings.wpome .notification .content{-webkit-box-sizing:border-box;box-sizing:border-box;padding:10px 14px 10px 12px;margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:14px}#as3cf-settings.wpome .notification .content div.icon.type{margin:0;padding:0;width:28px;height:28px;border-radius:6px;-webkit-box-flex:0;-ms-flex:0 0 28px;flex:0 0 28px;-ms-flex-item-align:start;align-self:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#as3cf-settings.wpome .notification .content div.icon.type.in-panel{-ms-flex-item-align:auto;align-self:auto}#as3cf-settings.wpome .notification .content div.icon.type img.icon.type{width:16px;height:16px}#as3cf-settings.wpome .notification .content h3{margin:0 .5rem .5rem 0;font-size:.8125rem;line-height:1.3rem;font-weight:600;color:var(--as3cf-color-gray-900);width:100%}#as3cf-settings.wpome .notification .content p{margin:0 .5rem .5rem 0;font-size:.8125rem;line-height:1.3rem;color:var(--as3cf-color-gray-900)}#as3cf-settings.wpome .notification .content p li{list-style:disc}#as3cf-settings.wpome .notification .content p:last-of-type{margin-bottom:0}#as3cf-settings.wpome .notification .content code{padding:.05rem .4rem;margin:0 .1rem;border-radius:5px;line-height:1}#as3cf-settings.wpome .notification .content .body{margin:0;padding:0;width:100%;overflow-wrap:anywhere;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#as3cf-settings.wpome .notification .content .body .heading{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#as3cf-settings.wpome .notification .content .body .heading p{width:100%}#as3cf-settings.wpome .notification .content .body .heading .close{-webkit-box-flex:0;-ms-flex:0 0 16px;flex:0 0 16px;width:16px;height:16px;min-width:16px;min-height:16px;background:url(../img/icon/close.svg) no-repeat;border:none;border-radius:100%;cursor:pointer}#as3cf-settings.wpome .notification .content .body .links a{margin-right:.75rem}#as3cf-settings.wpome .notification.multiline .content{padding:14px 14px 14px 12px}#as3cf-settings.wpome .notification.multiline .content .body .heading .close{-ms-flex-item-align:first baseline;align-self:first baseline}#as3cf-settings.wpome .notification.multiline .content.in-panel{padding:.875rem 1.5rem .875rem 1.5rem;gap:16px}#as3cf-settings.wpome .notification.inline.multiline .content{padding:16px;gap:16px}#as3cf-settings.wpome .notification.inline.multiline .content div.icon.type{margin-top:4px}#as3cf-settings.wpome .notification.expandable .heading{gap:8px}#as3cf-settings.wpome .notification.expandable.expanded .details{max-height:14.5rem;overflow-y:auto;margin:0;padding:0}#as3cf-settings.wpome .notification.expandable.expanded .details .item{margin:0;padding:1.5rem;line-height:1.4;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#as3cf-settings.wpome .notification.expandable.expanded .details .item .summary{margin-bottom:.75rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}#as3cf-settings.wpome .notification.expandable.expanded .details .item .summary .title{width:100%;font-weight:600}#as3cf-settings.wpome .notification.expandable.expanded .details .item ul.detail{margin:0;padding:0}#as3cf-settings.wpome .notification.expandable.expanded .details .item ul.detail>li{padding:.3rem 0 0;line-height:1.4}#as3cf-settings.wpome .notification.expandable button{color:var(--as3cf-link-color);background-color:rgba(17,17,17,.04);border:1px solid rgba(17,17,17,.08)}#as3cf-settings.wpome .notification.expandable button.btn-expandable{width:22px;height:22px;min-width:22px;min-height:22px;background-size:11px;border-radius:11px;-webkit-filter:invert(27%) sepia(84%) saturate(1886%) hue-rotate(177deg) brightness(90%) contrast(103%);filter:invert(27%) sepia(84%) saturate(1886%) hue-rotate(177deg) brightness(90%) contrast(103%)}#as3cf-settings.wpome .notification.expandable button.btn-expandable:active,#as3cf-settings.wpome .notification.expandable button.btn-expandable:focus,#as3cf-settings.wpome .notification.expandable button.btn-expandable:hover{-webkit-filter:brightness(90%);filter:brightness(90%)}#as3cf-settings.wpome .notification.expandable button.dismiss{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:5px 10px;gap:4px;border-radius:6px}#as3cf-settings.wpome .notification.expandable button.dismiss:before{content:url(../img/icon/x.svg);width:7.5px}#as3cf-settings.wpome .notification button:not(.btn-refresh):active,#as3cf-settings.wpome .notification button:not(.btn-refresh):focus{-webkit-filter:brightness(90%);filter:brightness(90%);-webkit-box-shadow:0 0 0 1.5px var(--as3cf-color-white),0 0 0 3.5px var(--as3cf-color-secondary-500);box-shadow:0 0 0 1.5px var(--as3cf-color-white),0 0 0 3.5px var(--as3cf-color-secondary-500);outline:0}#as3cf-settings.wpome .notification.info{background:var(--as3cf-notice-info-background-color);border:1px solid var(--as3cf-notice-info-border-color)}#as3cf-settings.wpome .notification.info div.icon.type{background:var(--as3cf-notice-info-color)}#as3cf-settings.wpome .notification.info.expandable.expanded .details .item{border-top:1px solid rgba(46,107,222,.16)}#as3cf-settings.wpome .notification.success{background:var(--as3cf-notice-success-background-color);border:1px solid var(--as3cf-notice-success-border-color)}#as3cf-settings.wpome .notification.success div.icon.type{background:var(--as3cf-notice-success-color)}#as3cf-settings.wpome .notification.success.expandable.expanded .details .item{border-top:1px solid rgba(232,99,94,.16)}#as3cf-settings.wpome .notification.warning{background:var(--as3cf-notice-warning-background-color);border:1px solid var(--as3cf-notice-warning-border-color)}#as3cf-settings.wpome .notification.warning div.icon.type{background:var(--as3cf-notice-warning-color)}#as3cf-settings.wpome .notification.warning code{background:var(--as3cf-notice-warning-code-background-color)}#as3cf-settings.wpome .notification.warning.expandable.expanded .details .item{border-top:1px solid rgba(99,185,105,.16)}#as3cf-settings.wpome .notification.error{background:var(--as3cf-notice-error-background-color);border:1px solid var(--as3cf-notice-error-border-color)}#as3cf-settings.wpome .notification.error div.icon.type{background:var(--as3cf-notice-error-color)}#as3cf-settings.wpome .notification.error.expandable.expanded .details .item{border-top:1px solid rgba(232,99,94,.16)}#as3cf-settings.wpome .notification.in-panel{border-left:0;border-right:0;border-radius:0}#as3cf-settings.wpome .notification.wordpress{background:var(--as3cf-color-white);border:1px solid var(--as3cf-wordpress-border-color)}#as3cf-settings.wpome .notification.wordpress.info{border-left:5px solid var(--as3cf-wordpress-notice-info-color)}#as3cf-settings.wpome .notification.wordpress.success{border-left:5px solid var(--as3cf-wordpress-notice-success-color)}#as3cf-settings.wpome .notification.wordpress.warning{border-left:5px solid var(--as3cf-wordpress-notice-warning-color)}#as3cf-settings.wpome .notification.wordpress.error{border-left:5px solid var(--as3cf-wordpress-notice-error-color)}#as3cf-settings.wpome .indicator,#as3cf-settings.wpome .progress-bar{height:8px;border-radius:8px}#as3cf-settings.wpome .progress-bar{background:var(--as3cf-color-gray-300)}#as3cf-settings.wpome .progress-bar.stripe.animate,#as3cf-settings.wpome .progress-bar.stripe>.indicator.animate{background-size:30px 30px;background-image:linear-gradient(135deg,rgba(255,255,255,.15) 0,rgba(255,255,255,.15) 25%,rgba(255,255,255,0) 25%,rgba(255,255,255,0) 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,rgba(255,255,255,0) 75%,rgba(255,255,255,0) 100%);-webkit-animation:progress 5s linear infinite;animation:progress 5s linear infinite}@-webkit-keyframes progress{from{background-position:0 0}to{background-position:-60px -60px}}@keyframes progress{from{background-position:0 0}to{background-position:-60px -60px}}#as3cf-settings.wpome .progress-bar.stripe.animate{background-color:var(--as3cf-secondary-color)}#as3cf-settings.wpome .progress-bar .indicator{display:block;background-color:var(--as3cf-color-primary-500);width:40%}#as3cf-settings.wpome .progress-bar .indicator.running{background-color:var(--as3cf-color-secondary-500)}#as3cf-settings.wpome .progress-bar .indicator.complete{background-color:var(--as3cf-complete-color);width:100%}#as3cf-settings.wpome .delivery.aws .gradient{background:linear-gradient(225deg,rgba(255,213,213,.5) 0,rgba(255,213,213,0) 50%)}#as3cf-settings.wpome .delivery.cloudflare .gradient{background:linear-gradient(225deg,rgba(255,221,192,.5) 0,rgba(255,221,192,0) 50%)}#as3cf-settings.wpome .delivery.do .gradient{background:linear-gradient(225deg,rgba(205,230,255,.5) 0,rgba(205,230,255,0) 50%)}#as3cf-settings.wpome .delivery.gcp .gradient{background:linear-gradient(225deg,rgba(226,226,226,.5) 0,rgba(226,226,226,0) 50%)}#as3cf-settings.wpome .delivery.keycdn .gradient{background:linear-gradient(225deg,rgba(4,122,237,.16) 0,rgba(4,122,237,0) 50%)}#as3cf-settings.wpome .delivery.other .gradient{background:linear-gradient(225deg,rgba(228,234,241,.5) 0,rgba(228,234,241,0) 50%)}#as3cf-settings.wpome .delivery.stackpath .gradient{background:linear-gradient(225deg,rgba(226,226,226,.5) 0,rgba(226,226,226,0) 50%)}#as3cf-settings.wpome .storage.aws .gradient{background:linear-gradient(225deg,rgba(255,214,197,.5) 0,rgba(255,214,197,0) 50%)}#as3cf-settings.wpome .storage.do .gradient{background:linear-gradient(225deg,rgba(205,230,255,.5) 0,rgba(205,230,255,0) 50%)}#as3cf-settings.wpome .storage.gcp .gradient{background:linear-gradient(225deg,rgba(226,226,226,.5) 0,rgba(226,226,226,0) 50%)}#as3cf-settings.wpome .as3cf-sidebar{width:292px;min-width:292px;height:-webkit-max-content;height:-moz-max-content;height:max-content;margin-left:2.25rem;margin-top:-.5rem}#as3cf-settings.wpome .as3cf-sidebar.lite{background:#fff;border-radius:7px;border:1px solid #d9e1eb;overflow:hidden;-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,.1);box-shadow:0 1px 2px 0 rgba(0,0,0,.1)}#as3cf-settings.wpome .as3cf-sidebar .block{padding:20px;border:1px solid #ccc}#as3cf-settings.wpome .as3cf-sidebar .subscribe{border-top:none;text-align:center;padding:40px 20px}#as3cf-settings.wpome .as3cf-sidebar .subscribe h2{padding:0;margin:0;margin-bottom:.5em;color:#666;font-size:17px;line-height:1.2em;float:none;text-transform:none;font-weight:500}#as3cf-settings.wpome .as3cf-sidebar .subscribe .button{width:100%!important;margin:1rem auto;text-transform:uppercase;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center!important}#as3cf-settings.wpome .as3cf-sidebar .subscribe p{margin:0}#as3cf-settings.wpome .as3cf-sidebar .subscribe .discount-applied{color:rgba(0,0,0,.4);font-size:12px;line-height:1.4em;margin-top:10px}#as3cf-settings.wpome .as3cf-sidebar a.credits{display:block;border-top:0;background:var(--as3cf-sidebar-credits-background-color);padding:1rem;text-align:center;text-decoration:none;font-size:12px;font-weight:300;color:var(--as3cf-color-white)}#as3cf-settings.wpome .as3cf-sidebar a.credits span.name{font-weight:500}#as3cf-settings.wpome .as3cf-sidebar a.credits:hover{color:var(--as3cf-color-white)}@media screen and (max-width:1052px){#as3cf-settings.wpome .as3cf-sidebar{position:relative;top:auto;right:auto}}#as3cf-settings.wpome .as3cf-active-bucket,#as3cf-settings.wpome .as3cf-active-provider{font-weight:700;margin-right:10px}#as3cf-settings.wpome .as3cf-banner{width:292px;height:156px;display:block;background:#f8cfae url(../img/sidebar/os3-banner.svg) left bottom/100% no-repeat}#as3cf-settings.wpome .as3cf-banner:focus{-webkit-box-shadow:none;box-shadow:none}#as3cf-settings.wpome .as3cf-upgrade-details{background-color:#4e0d33;padding:10px 20px 20px 20px;color:#eee;font-size:12.5px;display:block;text-decoration:none}#as3cf-settings.wpome .as3cf-upgrade-details h1{font-size:27px;color:#f8cfae;margin:0 0 15px 0;padding:0;font-weight:300;line-height:1}#as3cf-settings.wpome .as3cf-upgrade-details h2{font-size:15px;color:#f8cfae;margin:0 0 30px 0;font-weight:600;line-height:20px}#as3cf-settings.wpome .as3cf-upgrade-details p{margin:0}#as3cf-settings.wpome .as3cf-upgrade-details a{color:#eee;font-weight:700;text-decoration:none;font-size:16px;-webkit-box-shadow:none;box-shadow:none}#as3cf-settings.wpome .as3cf-upgrade-details a:hover{color:#fff}#as3cf-settings.wpome .as3cf-upgrade-details ul{margin:0!important;padding:0;list-style:none}#as3cf-settings.wpome .as3cf-upgrade-details ul li{margin-bottom:15px;line-height:18px;padding-left:25px;background:url(../img/sidebar/item-checked.svg) left center no-repeat}#as3cf-settings.wpome a,#as3cf-settings.wpome button,#as3cf-settings.wpome h1,#as3cf-settings.wpome h2,#as3cf-settings.wpome h3,#as3cf-settings.wpome h4,#as3cf-settings.wpome h5,#as3cf-settings.wpome input,#as3cf-settings.wpome li,#as3cf-settings.wpome p,#as3cf-settings.wpome pre,#as3cf-settings.wpome select,#as3cf-settings.wpome span,#as3cf-settings.wpome textarea{letter-spacing:.25px;line-height:1;margin:0}#as3cf-settings.wpome li{list-style:none}#as3cf-settings.wpome .semibold{font-weight:600}#as3cf-settings.wpome .bold{font-weight:700}#as3cf-settings.wpome p{font-size:.875rem;color:var(--as3cf-color-gray-900);font-weight:400}#as3cf-settings.wpome .page-title{margin-bottom:3rem}#as3cf-settings.wpome a[target=_blank]:not(.help):not(.licence):not(.email):not(.credits):after{-webkit-box-sizing:border-box;box-sizing:border-box;content:"\f504";display:inline-block;font-family:dashicons,emoji;font-size:larger;text-decoration:none;vertical-align:sub;margin-left:.2rem;margin-right:-1rem}#as3cf-settings.wpome .link{font-size:.8125rem;color:#0073aa}#as3cf-settings.wpome .link:hover{-webkit-filter:brightness(115%);filter:brightness(115%)}#as3cf-settings.wpome pre,#as3cf-settings.wpome textarea.pre{background:var(--as3cf-code-background);border:1px solid #d2cfcf;border-radius:6px;padding:1rem 1.2rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:.8125rem;line-height:1.6;color:var(--as3cf-color-white);font-weight:400;margin:0 0 1.5rem;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;overflow-y:scroll}#as3cf-settings.wpome pre::-webkit-scrollbar,#as3cf-settings.wpome textarea.pre::-webkit-scrollbar{width:12px}#as3cf-settings.wpome pre::-webkit-scrollbar-track,#as3cf-settings.wpome textarea.pre::-webkit-scrollbar-track{background:var(--as3cf-code-background);border-radius:6px}#as3cf-settings.wpome pre::-webkit-scrollbar-corner,#as3cf-settings.wpome textarea.pre::-webkit-scrollbar-corner{background-color:var(--as3cf-code-background);border-radius:6px}#as3cf-settings.wpome pre::-webkit-resizer,#as3cf-settings.wpome textarea.pre::-webkit-resizer{background-color:var(--as3cf-code-background);border-radius:6px}#as3cf-settings.wpome pre::-webkit-scrollbar-thumb,#as3cf-settings.wpome textarea.pre::-webkit-scrollbar-thumb{background-color:var(--as3cf-secondary-color);border:1px solid var(--as3cf-code-background);border-radius:5px}#as3cf-settings.wpome .page-wrapper h2.page-title{font-size:.9375rem;color:var(--as3cf-color-gray-900);font-weight:500;margin:0 0 1.25rem}#as3cf-settings.wpome .lite-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;max-width:1110px}@media (max-width:1024px){#as3cf-settings.wpome .lite-wrapper .as3cf-sidebar{display:none}}#as3cf-settings.wpome .lite-wrapper .page-wrapper{width:840px}#as3cf-settings.wpome .lite-wrapper .page-wrapper.assets,#as3cf-settings.wpome .lite-wrapper .page-wrapper.tools{width:768px}#as3cf-settings.wpome .lite-wrapper .page-wrapper.media{width:780px;max-width:780px}#as3cf-settings.wpome .lite-wrapper .media-page.wrapper{-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important}#as3cf-settings.wpome .lite-wrapper .media-page.wrapper .panel{width:100%;max-width:780px}#as3cf-settings.wpome .lite-wrapper .media-page.wrapper .delivery-settings{margin:0;display:none}#as3cf-settings.wpome .lite-wrapper .media-page.wrapper .delivery-settings.active{display:-webkit-box;display:-ms-flexbox;display:flex}#as3cf-settings.wpome .lite-wrapper .media-page.wrapper .storage-settings{margin:0;display:none}#as3cf-settings.wpome .lite-wrapper .media-page.wrapper .storage-settings.active{display:-webkit-box;display:-ms-flexbox;display:flex}#as3cf-settings.wpome .lite-wrapper .panel.url-preview{width:100%;max-width:780px}#as3cf-settings.wpome .lite-wrapper .fixed-cta-block .buttons{width:calc(1110px + 4rem);max-width:calc(1110px + 4rem)}@media screen and (max-width:1024px){#as3cf-settings.wpome .lite-wrapper .fixed-cta-block .buttons{max-width:calc(780px + 4rem)}}#as3cf-settings.wpome .media-page.wrapper{margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media (max-width:1100px){#as3cf-settings.wpome .media-page.wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}@media (max-width:1100px){#as3cf-settings.wpome .media-page.wrapper .panel{max-width:100%}}#as3cf-settings.wpome .media-page.wrapper .delivery-settings,#as3cf-settings.wpome .media-page.wrapper .storage-settings{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#as3cf-settings.wpome .media-page.wrapper .storage-settings{margin:0 2rem 0 0}@media (max-width:1100px){#as3cf-settings.wpome .media-page.wrapper .storage-settings{margin:0;display:none}#as3cf-settings.wpome .media-page.wrapper .storage-settings.active{display:-webkit-box;display:-ms-flexbox;display:flex}}#as3cf-settings.wpome .media-page.wrapper .delivery-settings{margin:0 0 0 2rem}@media (max-width:1100px){#as3cf-settings.wpome .media-page.wrapper .delivery-settings{margin:0;display:none}#as3cf-settings.wpome .media-page.wrapper .delivery-settings.active{display:-webkit-box;display:-ms-flexbox;display:flex}}#as3cf-settings.wpome .subpage.page-wrapper,#as3cf-settings.wpome .subpage.wrapper{margin:0;max-width:840px}#as3cf-settings.wpome .storage-page.wrapper .panel.multi .panel-container .panel-row.tab-buttons{gap:1.5rem;-ms-flex-wrap:wrap;flex-wrap:wrap}#as3cf-settings.wpome .storage-page.wrapper .panel.multi .panel-container .panel-row.tab-buttons .button-tab{margin:0;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}#as3cf-settings.wpome .storage-page.wrapper .panel.multi .panel-container .notification.notice-qsg{width:100%}#as3cf-settings.wpome .delivery-provider-settings-page.wrapper .panel.multi .panel-container .panel-row.delivery-provider-buttons .row{margin-bottom:1.25rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}#as3cf-settings.wpome .delivery-provider-settings-page.wrapper .panel.multi .panel-container .panel-row.delivery-provider-buttons .row:last-of-type{margin-bottom:0}#as3cf-settings.wpome .delivery-provider-settings-page.wrapper .panel.multi .panel-container .panel-row.delivery-provider-buttons .row .button-tab{width:12rem}#as3cf-settings.wpome .delivery-provider-settings-page.wrapper .panel.multi .panel-container .panel-row.delivery-provider-buttons .row .button-tab.active~p,#as3cf-settings.wpome .delivery-provider-settings-page.wrapper .panel.multi .panel-container .panel-row.delivery-provider-buttons .row .button-tab:not(.btn-disabled):hover~p{font-weight:600;opacity:1}#as3cf-settings.wpome .delivery-provider-settings-page.wrapper .panel.multi .panel-container .panel-row.delivery-provider-buttons .row p{margin:0}#as3cf-settings.wpome .delivery-provider-settings-page.wrapper .panel.multi .panel-container .panel-row.delivery-provider-buttons .row .private-media,#as3cf-settings.wpome .delivery-provider-settings-page.wrapper .panel.multi .panel-container .panel-row.delivery-provider-buttons .row .speed{margin-left:1.5rem;opacity:.7;font-size:.8125rem}#as3cf-settings.wpome .delivery-provider-settings-page.wrapper .panel.multi .panel-container .panel-row.delivery-provider-buttons .row .help{margin-left:auto;display:-webkit-box;display:-ms-flexbox;display:flex}#as3cf-settings.wpome .licence-page.wrapper{margin:0 0 2rem;max-width:700px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}#as3cf-settings.wpome .licence-page.wrapper.defined{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:.5rem}#as3cf-settings.wpome .licence-page.wrapper.defined .wp-config{margin-left:0;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}#as3cf-settings.wpome .support-page.wrapper{margin:0;max-width:960px}#as3cf-settings.wpome .support-page.wrapper .columns{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#as3cf-settings.wpome .support-page.wrapper .licence-type{margin-bottom:3rem}#as3cf-settings.wpome .support-page.wrapper .licence-type span{font-weight:700;color:var(--as3cf-color-primary-500)}#as3cf-settings.wpome .support-page.wrapper .lite-support{margin-bottom:2rem}#as3cf-settings.wpome .support-page.wrapper .lite-support p{line-height:1.8;font-weight:400}#as3cf-settings.wpome .assets-page.wrapper{margin:0;max-width:768px}#as3cf-settings.wpome .assets-page.wrapper .assets-panel{padding:.45rem 0;max-width:768px}#as3cf-settings.wpome .assets-page.wrapper .notice{margin-right:auto}#as3cf-settings.wpome .assets-page.wrapper .settings{margin-bottom:2rem;max-width:100%}#as3cf-settings.wpome .assets-page.wrapper .panel-row.status{padding:1.75rem 0 0 4rem!important;height:-webkit-max-content;height:-moz-max-content;height:max-content}#as3cf-settings.wpome .assets-page.wrapper .panel-row.status img{width:18px;height:18px}#as3cf-settings.wpome .assets-page.wrapper .panel-row.status h4{margin-left:.8rem}#as3cf-settings.wpome .assets-page.wrapper .panel-row.status p{margin:0!important}#as3cf-settings.wpome .assets-page.wrapper .panel-row.last-checked{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:.7rem 0 0 4.7rem!important;height:-webkit-max-content;height:-moz-max-content;height:max-content}#as3cf-settings.wpome .assets-page.wrapper .panel-row.last-checked p{font-size:.75rem;margin:0!important}#as3cf-settings.wpome .assets-page.wrapper .panel-row.last-checked a{margin-left:1rem;text-decoration:underline}#as3cf-settings.wpome .tools-page.wrapper{margin:0;max-width:768px}#as3cf-settings.wpome .tools-page.wrapper .panel.multi .panel-container.tools-panel{padding:0 0 .45rem}#as3cf-settings.wpome .tools-page.wrapper .panel.multi .panel-container.tools-panel .panel-row.header{height:4.5rem!important}#as3cf-settings.wpome .tools-page.wrapper .panel.multi .panel-container.tools-panel .panel-row.header img{margin-right:2rem}#as3cf-settings.wpome .tools-page.wrapper .panel.multi .panel-container.tools-panel .panel-row.header button{margin-left:auto}#as3cf-settings.wpome .tools-page.wrapper .panel.multi .panel-container.tools-panel .panel-row.header .emoji-party{font-size:28px}#as3cf-settings.wpome .tools-page.wrapper .panel.multi .panel-container.tools-panel .panel-row.body{padding:1.6rem 2.6rem 1.6rem 6.1rem}#as3cf-settings.wpome .tools-page.wrapper .panel.multi .panel-container.tools-panel .panel-row.body.show-progress{margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#as3cf-settings.wpome .tools-page.wrapper .panel.multi .panel-container.tools-panel .panel-row.body.show-progress .status{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;width:100%;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}#as3cf-settings.wpome .tools-page.wrapper .panel.multi .panel-container.tools-panel .panel-row.body.show-progress .status h4{font-size:.8125rem;color:var(--as3cf-color-gray-900);font-weight:400;margin:0;opacity:80%}#as3cf-settings.wpome .tools-page.wrapper .panel.multi .panel-container.tools-panel .panel-row.body.show-progress .status h4 strong{font-size:1.0625rem;font-weight:600;opacity:100%}#as3cf-settings.wpome .tools-page.wrapper .panel.multi .panel-container.tools-panel .panel-row.body.show-progress .progress-bar{width:100%;margin-top:1rem}#as3cf-settings.wpome .tools-page.wrapper .panel.multi .panel-container.tools-panel .panel-row.desc{font-size:.8125rem;color:var(--as3cf-color-gray-500);line-height:1.65}#as3cf-settings.wpome .panel.url-preview{max-width:100%}#as3cf-settings.wpome .panel.url-preview .panel-row.desc p{font-size:.8125rem;color:var(--as3cf-color-gray-600);line-height:1.625;margin:1.5rem 0 0}@supports (contain:inline-size){#as3cf-settings.wpome .panel.url-preview .panel-row.body{contain:inline-size}}#as3cf-settings.wpome .panel.url-preview .panel-row dl{margin:1rem -1.5rem;padding:0 1.5rem 1rem;display:-webkit-box;display:-ms-flexbox;display:flex;gap:.5rem;overflow-x:auto}#as3cf-settings.wpome .panel.url-preview .panel-row dl div{margin:0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:2px;background:#e1e5e9;border-radius:6px}#as3cf-settings.wpome .panel.url-preview .panel-row dl div dt{margin:0;padding:.5rem 1rem .375rem;white-space:nowrap;font-weight:510}#as3cf-settings.wpome .panel.url-preview .panel-row dl div dd{margin:0;padding:.407rem 1rem;white-space:nowrap;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-item-align:stretch;align-self:stretch;background:#fafafa;border:1px solid #cbd5e0;border-radius:6px;font-weight:400;font-size:.75rem}@supports not (contain:inline-size){#as3cf-settings.wpome .panel.url-preview .panel-row dl{contain:size;width:100%;height:68px}}#as3cf-settings.wpome .panel{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;max-width:575px;margin-bottom:3rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#as3cf-settings.wpome .panel .heading{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:.5rem}#as3cf-settings.wpome .panel h2{font-size:.9375rem;color:var(--as3cf-color-gray-900);font-weight:500;margin:0 0 1.25rem}#as3cf-settings.wpome .panel .notification.inline{margin-left:5rem;margin-right:1.5rem}#as3cf-settings.wpome .panel .panel-container{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:var(--as3cf-color-white);border:1px solid var(--as3cf-wordpress-border-color);-webkit-box-shadow:0 1px 8px 0 rgba(0,0,0,.05),0 2px 1px 0 rgba(0,0,0,.03);box-shadow:0 1px 8px 0 rgba(0,0,0,.05),0 2px 1px 0 rgba(0,0,0,.03);border-radius:6px}#as3cf-settings.wpome .panel .panel-container .panel-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 1.5rem}#as3cf-settings.wpome .panel .panel-container .panel-row.header{height:6rem;border-bottom:1px solid var(--as3cf-separator-color)}#as3cf-settings.wpome .panel .panel-container .panel-row.footer{border-top:1px solid var(--as3cf-separator-color);border-bottom-left-radius:5px;border-bottom-right-radius:5px}#as3cf-settings.wpome .panel .panel-container .panel-row h3,#as3cf-settings.wpome .panel .panel-container .panel-row h4{font-size:.875rem;font-weight:500;color:var(--as3cf-color-gray-800);margin-left:1rem;margin-right:auto}#as3cf-settings.wpome .panel .panel-container .panel-row .link{font-size:.8125rem;text-align:right;line-height:1.5;margin-left:auto;font-weight:500}#as3cf-settings.wpome .panel .panel-container .panel-row .link+.help{margin-left:1rem}#as3cf-settings.wpome .panel .panel-container .setting .panel-row.option{margin-top:1.5rem}#as3cf-settings.wpome .panel .panel-container .setting .panel-row.option h4{margin:0 0 0 var(--as3cf-settings-option-indent)}#as3cf-settings.wpome .panel .panel-container .setting .panel-row.option a{margin-left:auto}#as3cf-settings.wpome .panel .panel-container .setting .panel-row.desc{padding-right:var(--as3cf-settings-option-indent-right)}#as3cf-settings.wpome .panel .panel-container .setting .panel-row.desc p{font-size:.8125rem;color:var(--as3cf-color-gray-600);line-height:1.625;margin-left:calc(var(--as3cf-settings-ctrl-width) + var(--as3cf-settings-option-indent));margin-top:.57rem;margin-bottom:.75rem}#as3cf-settings.wpome .panel .panel-container .setting .panel-row.input{padding-right:var(--as3cf-settings-option-indent-right)}#as3cf-settings.wpome .panel .panel-container .setting .panel-row.input input[type=text]{margin-left:calc(var(--as3cf-settings-ctrl-width) + var(--as3cf-settings-option-indent));margin-bottom:1.2rem;width:100%}#as3cf-settings.wpome .panel .panel-container .setting .panel-row.input input[type=text]+label{visibility:collapse}#as3cf-settings.wpome .panel .panel-container .setting.nested{margin:0 0 .125rem 5.25rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border-left:2px dotted #c2cbd3}#as3cf-settings.wpome .panel .panel-container .setting.nested .panel-row{height:-webkit-max-content;height:-moz-max-content;height:max-content;margin-bottom:0}#as3cf-settings.wpome .panel .panel-container .setting.nested .panel-row img{margin-left:auto}#as3cf-settings.wpome .panel .panel-container .setting.nested .panel-row h4{margin:0}#as3cf-settings.wpome .panel .panel-container .setting.nested .panel-row.option{margin-top:1rem}#as3cf-settings.wpome .panel .panel-container .setting.nested .panel-row.desc{height:-webkit-max-content;height:-moz-max-content;height:max-content;padding:.4rem 2.25rem .85rem 1.65rem}#as3cf-settings.wpome .panel .panel-container .setting.nested .panel-row.desc p{font-size:.8125rem;color:var(--as3cf-color-gray-600);line-height:1.625;margin:0}#as3cf-settings.wpome .panel .panel-container .setting.nested .panel-row.input input[type=text]{margin-left:var(--as3cf-settings-input-indent)}#as3cf-settings.wpome .panel .panel-container .setting:last-of-type{margin-bottom:.75rem}#as3cf-settings.wpome .panel .panel-container hr{height:1px;width:100%;border:0;margin:0;background:var(--as3cf-separator-color)}#as3cf-settings.wpome .panel.multi{max-width:840px;margin-bottom:2rem}#as3cf-settings.wpome .panel.multi .panel-container.toggle-header .toggle-switch{margin-right:1.25rem}#as3cf-settings.wpome .panel.multi .panel-container.toggle-header .toggle-reveal label{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}#as3cf-settings.wpome .panel.multi .panel-container.toggle-header .toggle-reveal a{margin-left:.3rem;display:contents}#as3cf-settings.wpome .panel.multi .panel-container .panel-row{height:auto}#as3cf-settings.wpome .panel.multi .panel-container .panel-row h3{margin:0}#as3cf-settings.wpome .panel.multi .panel-container .panel-row p:last-of-type{margin-bottom:0}#as3cf-settings.wpome .panel.multi .panel-container .panel-row.header{height:4rem;display:-webkit-box;display:-ms-flexbox;display:flex}#as3cf-settings.wpome .panel.multi .panel-container .panel-row.header a{margin-left:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#as3cf-settings.wpome .panel.multi .panel-container .panel-row.header .provider{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#as3cf-settings.wpome .panel.multi .panel-container .panel-row.header .provider a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:auto}#as3cf-settings.wpome .panel.multi .panel-container .panel-row.header .provider img{width:24px;height:24px;margin-right:.5rem}#as3cf-settings.wpome .panel.multi .panel-container .panel-row.header .wp-config+.provider{margin-left:1rem}#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body{padding:2.5rem;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .row{margin:0;width:100%}#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .row.radio-btns{margin-bottom:2.2rem}#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .radio-desc{margin:-.35rem 0 1.25rem 2rem;font-size:12px;font-weight:500;line-height:1.4;opacity:.75}#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body.access-keys>p{margin-bottom:1.5rem!important}#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body input[type=text],#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body textarea{width:100%;margin-bottom:1.5rem}#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .bucket-name,#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .cdn-name{width:100%}#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body p{margin:0 0 1.5rem;line-height:1.5}#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body p:last-of-type{margin-bottom:0}#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .link{text-decoration:underline}#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .button-tab img{width:24px;height:24px;margin-right:.9rem}#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .button-tab .checkmark{width:16px;height:16px;position:absolute;right:-19px;top:-5px}#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .button-tab p{font-weight:500;margin-bottom:0}#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .radio-btn{margin-bottom:.8rem}#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .radio-btn:last-of-type{margin-bottom:0}#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .radio-btn.list{margin:0 1.5rem 0 0}#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .bucket-list{background:var(--as3cf-color-white);border:1px solid var(--as3cf-wordpress-border-color);-webkit-box-shadow:0 2px 8px 0 rgba(0,0,0,.05);box-shadow:0 2px 8px 0 rgba(0,0,0,.05);border-radius:6px;width:100%;max-width:580px;padding:0 .4rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:260px;overflow-y:scroll;-webkit-box-sizing:border-box;box-sizing:border-box}#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .bucket-list .row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:.78rem 1.4rem;background:#f6f7f8;border-radius:4px;margin:0 0 .3rem;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-flex:0;-ms-flex:none;flex:none}#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .bucket-list .row.active{background:rgba(236,112,94,.1);border:1px solid var(--as3cf-color-primary-500);border-radius:4px}#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .bucket-list .row:first-of-type{margin-top:.4rem}#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .bucket-list .row:last-of-type{margin-bottom:.4rem}#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .bucket-list .row:nth-child(even){background:var(--as3cf-color-white)}#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .bucket-list .row p{margin:0;font-size:.84375rem}#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .bucket-list .row .status{margin-left:auto}#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .bucket-list .row.nothing-found{cursor:default;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .new-bucket-details{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;margin-right:1.8rem;-webkit-box-flex:5;-ms-flex:5;flex:5}#as3cf-settings.wpome .panel.multi .panel-container .panel-row.body .region{width:30%;-webkit-box-flex:3;-ms-flex:3;flex:3;margin-left:auto;margin-bottom:1.5rem;-webkit-box-sizing:border-box;box-sizing:border-box}#as3cf-settings.wpome .panel.flyout{position:absolute;top:50px;right:0;min-width:384px;z-index:99;cursor:default}#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.header{height:auto;padding:1rem 1.5rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.header h3{font-size:13px;font-weight:600;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.summary{padding:0}#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.summary table{width:100%;border-collapse:collapse}#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.summary table td,#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.summary table th{padding:0 0 1rem 2rem;color:var(--as3cf-color-gray-800);font-size:12px;text-align:left;width:100%}#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.summary table td:first-of-type,#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.summary table th:first-of-type{padding-left:1.5rem}#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.summary table td:last-of-type,#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.summary table th:last-of-type{padding-right:1.5rem}#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.summary table thead{background-color:var(--as3cf-color-gray-100)}#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.summary table thead tr{border-bottom:1px solid var(--as3cf-separator-color)}#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.summary table thead tr th{padding-top:10px;padding-bottom:10px;color:var(--as3cf-color-gray-700);font-weight:500;font-size:10px}#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.summary table tbody tr:first-of-type td,#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.summary table tfoot tr:first-of-type td{padding-top:1rem}#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.summary table tbody tr:last-of-type td,#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.summary table tfoot tr:last-of-type td{padding-bottom:1rem}#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.summary table tfoot{background-image:-webkit-gradient(linear,left top,left bottom,from(var(--as3cf-separator-color)),to(var(--as3cf-separator-color)));background-image:linear-gradient(var(--as3cf-separator-color),var(--as3cf-separator-color));background-repeat:no-repeat;background-size:calc(100% - 1.5rem - 1.5rem) 1px;background-position:1.5rem 0}#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.summary table tfoot td{font-weight:500}#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.summary table .numeric{text-align:right;width:-webkit-max-content;width:-moz-max-content;width:max-content;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;white-space:nowrap}#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.summary table a{color:var(--as3cf-color-primary-500)}#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.footer{padding:1.5rem;display:-webkit-box;display:-ms-flexbox;display:flex}#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.footer.upsell{border-top:1px solid var(--as3cf-color-primary-100);background-color:var(--as3cf-color-primary-50);-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.footer.upsell p{margin-bottom:.5rem;white-space:nowrap}#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.footer.upsell .button{margin:0;width:100%}#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.footer.offload-remaining{background-color:var(--as3cf-color-gray-100)}#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.footer.offload-remaining button{-webkit-box-flex:100%;-ms-flex:100%;flex:100%}#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.footer.licence{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:10px;padding-bottom:10px;background-color:var(--as3cf-color-gray-200);font-size:12px}#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.footer.licence .details{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.footer.licence .details p{color:var(--as3cf-color-gray-600);line-height:18px}#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.footer.licence .details .title{color:var(--as3cf-color-gray-700);font-size:10px}#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.footer.licence a{color:var(--as3cf-color-primary-500)}#as3cf-settings.wpome .panel.flyout.multi .panel-container .panel-row.footer.licence a.upgrade{margin-right:1rem}#as3cf-settings.wpome p.wp-config{margin-left:auto;padding:.4rem .75rem;color:var(--as3cf-color-gray-500)!important;background:rgba(113,135,154,.15)!important;border:1px solid rgba(113,135,154,.15)!important;border-radius:5px;font-size:.84375rem;font-weight:500;white-space:nowrap}#as3cf-settings.wpome .panel .panel-container .setting .panel-row.option p.wp-config+a{margin-left:1rem}#as3cf-settings.wpome .panel .panel-container .setting .panel-row.desc p.wp-config{margin-right:0}#as3cf-settings.wpome .panel .panel-container .setting .panel-row label.input-label p.wp-config{text-transform:none;padding:.2rem .5rem}#as3cf-settings.wpome .notice{all:unset;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;background:rgba(56,125,189,.1);border:1px solid #afc8ed;border-radius:5px;padding:.8rem 1.25rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#as3cf-settings.wpome .notice a,#as3cf-settings.wpome .notice p{margin:0!important}#as3cf-settings.wpome .notice a{display:inline-block;text-decoration:underline;font-size:.875rem!important}#as3cf-settings.wpome .support-form{width:600px}#as3cf-settings.wpome .support-form input[type=text],#as3cf-settings.wpome .support-form select,#as3cf-settings.wpome .support-form textarea{width:100%;margin-bottom:1rem}#as3cf-settings.wpome .support-form textarea{margin-bottom:1.5rem}#as3cf-settings.wpome .support-form .note{font-size:.78125rem;color:var(--as3cf-color-gray-500);margin-bottom:2.5rem;line-height:1.5}#as3cf-settings.wpome .support-form .note.first{margin-bottom:.5rem}#as3cf-settings.wpome .support-form .actions{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;margin-bottom:2rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#as3cf-settings.wpome .support-form .actions .btn-primary{margin-left:auto}#as3cf-settings.wpome .diagnostic-info{max-width:600px;padding:.25rem 0}#as3cf-settings.wpome .diagnostic-info pre{height:14.375rem;white-space:pre-wrap;word-break:keep-all}#as3cf-settings.wpome .diagnostic-info hr{background:#d3d7db;height:3px;width:100%;border:0;margin-bottom:3rem}#as3cf-settings.wpome .diagnostic-info .btn-outline{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-left:auto;width:-webkit-max-content;width:-moz-max-content;width:max-content}#as3cf-settings.wpome .documentation{background:#e4e5e7;border:1px solid var(--as3cf-wordpress-border-color);-webkit-box-shadow:0 2px 8px 0 rgba(0,0,0,.05);box-shadow:0 2px 8px 0 rgba(0,0,0,.05);border-radius:6px;padding:2.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:1.4rem 0 0 3rem;height:-webkit-max-content;height:-moz-max-content;height:max-content;width:240px;-webkit-box-sizing:border-box;box-sizing:border-box}#as3cf-settings.wpome .documentation h3{font-size:1.03125rem;color:var(--as3cf-color-gray-900);letter-spacing:.15px;font-weight:500;margin:0 0 2.25rem}#as3cf-settings.wpome .documentation a{font-size:.875rem;margin-bottom:1.25rem}#as3cf-settings.wpome .documentation a:last-of-type{margin-bottom:0}#as3cf-settings.wpome .upsell.panel{max-width:768px}#as3cf-settings.wpome .upsell .panel-container{padding:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;background:linear-gradient(136.01deg,rgba(255,228,205,.7) .94%,#fff 33.33%)}#as3cf-settings.wpome .upsell .branding{background:url(../img/brand/upsell-bunny.svg) no-repeat left bottom;min-width:280px;border-radius:5px;margin-right:-1.25rem}@media (max-width:840px){#as3cf-settings.wpome .upsell .branding{display:none}}#as3cf-settings.wpome .upsell .button{margin:1rem auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center!important}:root{--as3cf-code-type:consolas,monospace;--as3cf-color-white:#FFF;--as3cf-color-black:#000;--as3cf-color-gray-50:#FCFDFD;--as3cf-color-gray-100:#F9FAFB;--as3cf-color-gray-200:#F2F4F7;--as3cf-color-gray-300:#EAECF0;--as3cf-color-gray-400:#D0D5DD;--as3cf-color-gray-500:#98A2B3;--as3cf-color-gray-600:#667085;--as3cf-color-gray-700:#344054;--as3cf-color-gray-800:#1D2939;--as3cf-color-gray-900:#101828;--as3cf-color-primary-50:#FDF1EF;--as3cf-color-primary-100:#FBE2DF;--as3cf-color-primary-200:#F7C6BF;--as3cf-color-primary-300:#F4A99E;--as3cf-color-primary-400:#F08D7E;--as3cf-color-primary-500:#EC705E;--as3cf-color-primary-600:#C15B4C;--as3cf-color-primary-700:#96453A;--as3cf-color-primary-800:#6B3027;--as3cf-color-primary-900:#401A15;--as3cf-color-secondary-50:#EFF8FF;--as3cf-color-secondary-100:#D1E9FF;--as3cf-color-secondary-200:#B2DDFF;--as3cf-color-secondary-300:#84CAFF;--as3cf-color-secondary-400:#52B1FD;--as3cf-color-secondary-500:#2C90FA;--as3cf-color-secondary-600:#1270EF;--as3cf-color-secondary-700:#155CD3;--as3cf-color-secondary-800:#1749A9;--as3cf-color-secondary-900:#184185;--as3cf-secondary-color:#D8DDE2;--as3cf-text-disabled:#98A2B3;--as3cf-code-background:#102B44;--as3cf-separator-color:#EBEFF3;--as3cf-complete-color:#5BCB86;--as3cf-active-nav-color:#4E0D34;--as3cf-link-color:#0073AA;--as3cf-sidebar-credits-background-color:#2E2E31;--as3cf-wordpress-background-color:#F1F1F1;--as3cf-wordpress-border-color:#D6D6D6;--as3cf-wordpress-notice-info-color:#02A0D2;--as3cf-notice-info-color:#2D69DA;--as3cf-notice-info-border-color:#2E6BDE;--as3cf-notice-info-background-color:#E7EFF9;--as3cf-wordpress-notice-success-color:#45B450;--as3cf-notice-success-color:#52AA59;--as3cf-notice-success-border-color:#63B969;--as3cf-notice-success-background-color:#EDF7EF;--as3cf-wordpress-notice-warning-color:#FFBA00;--as3cf-notice-warning-color:#F49C53;--as3cf-notice-warning-border-color:#E29936;--as3cf-notice-warning-background-color:#FDF8EB;--as3cf-notice-warning-code-background-color:#FCECC6;--as3cf-wordpress-notice-error-color:#DD3232;--as3cf-notice-error-color:#DA5A39;--as3cf-notice-error-border-color:#E8635E;--as3cf-notice-error-background-color:#F7EEEB;--as3cf-settings-ctrl-width:36px;--as3cf-settings-option-indent:1.2rem;--as3cf-settings-input-indent:0;--as3cf-settings-option-indent-right:2.25rem}body.settings_page_amazon-s3-and-cloudfront{background:var(--as3cf-wordpress-background-color)}body.settings_page_amazon-s3-and-cloudfront #wpcontent{padding-left:0!important}body.settings_page_amazon-s3-and-cloudfront #wpcontent #wpbody #wpbody-content>.notice{display:none}body.settings_page_amazon-s3-and-cloudfront #wpcontent #wpbody #wpbody-content .wpome .wpome-wrapper{max-width:1220px;margin:0 2rem 3rem 2rem}body.settings_page_amazon-s3-and-cloudfront #wpfooter{z-index:-2}.locked{opacity:.55}.flex-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.flex-column{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.align-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.align-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.align-baseline{-webkit-box-align:baseline!important;-ms-flex-align:baseline!important;align-items:baseline!important} \ No newline at end of file diff --git a/assets/img/icon/assets.svg b/assets/img/icon/assets.svg new file mode 100644 index 00000000..f7536f42 --- /dev/null +++ b/assets/img/icon/assets.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/assets/img/icon/refresh-disabled.svg b/assets/img/icon/refresh-disabled.svg new file mode 100644 index 00000000..387a2e86 --- /dev/null +++ b/assets/img/icon/refresh-disabled.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/img/icon/refresh.svg b/assets/img/icon/refresh.svg new file mode 100644 index 00000000..be039de6 --- /dev/null +++ b/assets/img/icon/refresh.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/img/icon/tab-notifier-error.svg b/assets/img/icon/tab-notifier-error.svg new file mode 100644 index 00000000..7d9d9542 --- /dev/null +++ b/assets/img/icon/tab-notifier-error.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/img/icon/tab-notifier-warning.svg b/assets/img/icon/tab-notifier-warning.svg new file mode 100644 index 00000000..1459427b --- /dev/null +++ b/assets/img/icon/tab-notifier-warning.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/js/settings.js b/assets/js/settings.js index 03007b6d..d4677054 100644 --- a/assets/js/settings.js +++ b/assets/js/settings.js @@ -810,6 +810,11 @@ : typeof globalThis !== 'undefined' ? globalThis : global); + + function destroy_block(block, lookup) { + block.d(1); + lookup.delete(block.key); + } function outro_and_destroy_block(block, lookup) { transition_out(block, 1, 1, () => { lookup.delete(block.key); @@ -1330,6 +1335,12 @@ // Convenience readable store of counts, derived from config. const counts = derived( config, $config => $config.counts ); + // Convenience readable store of summary counts, derived from config. + const summaryCounts = derived( config, $config => $config.summary_counts ); + + // Convenience readable store of offload remaining upsell, derived from config. + const offloadRemainingUpsell = derived( config, $config => $config.offload_remaining_upsell ); + // Convenience readable store of upgrades, derived from config. derived( config, $config => $config.upgrades ); @@ -1345,6 +1356,9 @@ // Convenience readable store of whether bucket is writable, derived from config. derived( config, $config => $config.bucket_writable ); + // Convenience readable store of settings validation results, derived from config. + const settings_validation = derived( config, $config => $config.settings_validation ); + // Store of inline errors and warnings to be shown next to settings. // Format is a map using settings key for keys, values are an array of objects that can be used to instantiate a notification. const settings_notifications = writable( new Map() ); @@ -1353,6 +1367,9 @@ // Format is a map using settings key for keys, values are strings containing validation error. const validationErrors = writable( new Map() ); + // Whether settings validations are being run. + const revalidatingSettings = writable( false ); + // Does the app need a page refresh to resolve conflicts? const needs_refresh = writable( false ); @@ -1382,7 +1399,7 @@ return json; } - return {}; + return { 'saved': false }; }, reset() { set( { ...get_store_value( current_settings ) } ); @@ -1432,6 +1449,9 @@ // Have the settings been changed from current server side settings? const settings_changed = derived( [settings, current_settings], objectsDiffer ); + // Convenience readable store of default storage provider, derived from config. + const defaultStorageProvider = derived( config, $config => $config.default_storage_provider ); + // Convenience readable store of available storage providers. const storage_providers = derived( [config, urls], ( [$config, $urls] ) => { for ( const key in $config.storage_providers ) { @@ -1452,6 +1472,9 @@ } } ); + // Convenience readable store of default delivery provider, derived from config. + derived( config, $config => $config.default_delivery_provider ); + // Convenience readable store of available delivery providers. const delivery_providers = derived( [config, urls, storage_provider], ( [$config, $urls, $storage_provider] ) => { for ( const key in $config.delivery_providers ) { @@ -1494,12 +1517,12 @@ } ); // Convenience readable store of whether Block All Public Access is enabled. - const bapa = derived( [settings, storage_provider], ( [$settings, $storage_provider] ) => { + derived( [settings, storage_provider], ( [$settings, $storage_provider] ) => { return $storage_provider.block_public_access_supported && $settings.hasOwnProperty( "block-public-access" ) && $settings[ "block-public-access" ]; } ); // Convenience readable store of whether Object Ownership is enforced. - const ooe = derived( [settings, storage_provider], ( [$settings, $storage_provider] ) => { + derived( [settings, storage_provider], ( [$settings, $storage_provider] ) => { return $storage_provider.object_ownership_supported && $settings.hasOwnProperty( "object-ownership-enforced" ) && $settings[ "object-ownership-enforced" ]; } ); @@ -1729,10 +1752,12 @@ callable( json ); } }, - startPeriodicFetch() { + async startPeriodicFetch() { stateFetchIntervalStarted = true; stateFetchIntervalPaused = false; + await this.fetch(); + stateFetchInterval = setInterval( async () => { await this.fetch(); }, 5000 ); @@ -1749,11 +1774,11 @@ clearInterval( stateFetchInterval ); } }, - resumePeriodicFetch() { + async resumePeriodicFetch() { stateFetchIntervalPaused = false; if ( stateFetchIntervalStarted ) { - this.startPeriodicFetch(); + await this.startPeriodicFetch(); } } }; @@ -2105,10 +2130,10 @@ /* node_modules/svelte-spa-router/Router.svelte generated by Svelte v3.49.0 */ - const { Error: Error_1, Object: Object_1$3, console: console_1 } = globals; + const { Error: Error_1, Object: Object_1$4, console: console_1 } = globals; // (267:0) {:else} - function create_else_block$5(ctx) { + function create_else_block$7(ctx) { let switch_instance; let switch_instance_anchor; let current; @@ -2193,7 +2218,7 @@ dispatch_dev("SvelteRegisterBlock", { block, - id: create_else_block$5.name, + id: create_else_block$7.name, type: "else", source: "(267:0) {:else}", ctx @@ -2203,7 +2228,7 @@ } // (260:0) {#if componentParams} - function create_if_block$q(ctx) { + function create_if_block$t(ctx) { let switch_instance; let switch_instance_anchor; let current; @@ -2291,7 +2316,7 @@ dispatch_dev("SvelteRegisterBlock", { block, - id: create_if_block$q.name, + id: create_if_block$t.name, type: "if", source: "(260:0) {#if componentParams}", ctx @@ -2300,12 +2325,12 @@ return block; } - function create_fragment$V(ctx) { + function create_fragment$Y(ctx) { let current_block_type_index; let if_block; let if_block_anchor; let current; - const if_block_creators = [create_if_block$q, create_else_block$5]; + const if_block_creators = [create_if_block$t, create_else_block$7]; const if_blocks = []; function select_block_type(ctx, dirty) { @@ -2373,7 +2398,7 @@ dispatch_dev("SvelteRegisterBlock", { block, - id: create_fragment$V.name, + id: create_fragment$Y.name, type: "component", source: "", ctx @@ -2574,7 +2599,7 @@ window.location.hash = href; } - function instance$V($$self, $$props, $$invalidate) { + function instance$Y($$self, $$props, $$invalidate) { let { $$slots: slots = {}, $$scope } = $$props; validate_slots('Router', slots, []); let { routes = {} } = $$props; @@ -2890,7 +2915,7 @@ const writable_props = ['routes', 'prefix', 'restoreScrollState']; - Object_1$3.keys($$props).forEach(key => { + Object_1$4.keys($$props).forEach(key => { if (!~writable_props.indexOf(key) && key.slice(0, 2) !== '$$' && key !== 'slot') console_1.warn(` was created with unknown prop '${key}'`); }); @@ -2989,7 +3014,7 @@ constructor(options) { super(options); - init(this, options, instance$V, create_fragment$V, safe_not_equal, { + init(this, options, instance$Y, create_fragment$Y, safe_not_equal, { routes: 3, prefix: 4, restoreScrollState: 5 @@ -2999,7 +3024,7 @@ component: this, tagName: "Router", options, - id: create_fragment$V.name + id: create_fragment$Y.name }); } @@ -3029,9 +3054,9 @@ } /* src/amazon-s3-and-cloudfront/ui/components/Page.svelte generated by Svelte v3.49.0 */ - const file$N = "src/amazon-s3-and-cloudfront/ui/components/Page.svelte"; + const file$O = "src/amazon-s3-and-cloudfront/ui/components/Page.svelte"; - function create_fragment$U(ctx) { + function create_fragment$X(ctx) { let div; let div_class_value; let current; @@ -3044,7 +3069,7 @@ if (default_slot) default_slot.c(); attr_dev(div, "class", div_class_value = "page-wrapper " + /*name*/ ctx[0]); toggle_class(div, "subpage", /*subpage*/ ctx[1]); - add_location(div, file$N, 30, 0, 796); + add_location(div, file$O, 30, 0, 796); }, l: function claim(nodes) { throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option"); @@ -3099,7 +3124,7 @@ dispatch_dev("SvelteRegisterBlock", { block, - id: create_fragment$U.name, + id: create_fragment$X.name, type: "component", source: "", ctx @@ -3108,7 +3133,7 @@ return block; } - function instance$U($$self, $$props, $$invalidate) { + function instance$X($$self, $$props, $$invalidate) { let $location; let $current_settings; validate_store(location$1, 'location'); @@ -3180,13 +3205,13 @@ class Page extends SvelteComponentDev { constructor(options) { super(options); - init(this, options, instance$U, create_fragment$U, safe_not_equal, { name: 0, subpage: 1, initialSettings: 2 }); + init(this, options, instance$X, create_fragment$X, safe_not_equal, { name: 0, subpage: 1, initialSettings: 2 }); dispatch_dev("SvelteRegisterComponent", { component: this, tagName: "Page", options, - id: create_fragment$U.name + id: create_fragment$X.name }); } @@ -3215,533 +3240,773 @@ } } - function cubicOut(t) { - const f = t - 1.0; - return f * f * f + 1.0; - } - - function slide(node, { delay = 0, duration = 400, easing = cubicOut } = {}) { - const style = getComputedStyle(node); - const opacity = +style.opacity; - const height = parseFloat(style.height); - const padding_top = parseFloat(style.paddingTop); - const padding_bottom = parseFloat(style.paddingBottom); - const margin_top = parseFloat(style.marginTop); - const margin_bottom = parseFloat(style.marginBottom); - const border_top_width = parseFloat(style.borderTopWidth); - const border_bottom_width = parseFloat(style.borderBottomWidth); - return { - delay, - duration, - easing, - css: t => 'overflow: hidden;' + - `opacity: ${Math.min(t * 20, 1) * opacity};` + - `height: ${t * height}px;` + - `padding-top: ${t * padding_top}px;` + - `padding-bottom: ${t * padding_bottom}px;` + - `margin-top: ${t * margin_top}px;` + - `margin-bottom: ${t * margin_bottom}px;` + - `border-top-width: ${t * border_top_width}px;` + - `border-bottom-width: ${t * border_bottom_width}px;` - }; - } - function scale(node, { delay = 0, duration = 400, easing = cubicOut, start = 0, opacity = 0 } = {}) { - const style = getComputedStyle(node); - const target_opacity = +style.opacity; - const transform = style.transform === 'none' ? '' : style.transform; - const sd = 1 - start; - const od = target_opacity * (1 - opacity); - return { - delay, - duration, - easing, - css: (_t, u) => ` - transform: ${transform} scale(${1 - (sd * u)}); - opacity: ${target_opacity - (od * u)} - ` - }; - } - - /* src/amazon-s3-and-cloudfront/ui/components/Notification.svelte generated by Svelte v3.49.0 */ - const file$M = "src/amazon-s3-and-cloudfront/ui/components/Notification.svelte"; - const get_details_slot_changes = dirty => ({}); - const get_details_slot_context = ctx => ({}); + /* src/amazon-s3-and-cloudfront/ui/components/Button.svelte generated by Svelte v3.49.0 */ + const file$N = "src/amazon-s3-and-cloudfront/ui/components/Button.svelte"; - // (95:2) {#if iconURL} - function create_if_block_8$3(ctx) { - let div; + // (72:1) {#if refresh} + function create_if_block$s(ctx) { let img; let img_src_value; - let img_alt_value; - let div_resize_listener; const block = { c: function create() { - div = element("div"); img = element("img"); - attr_dev(img, "class", "icon type"); - if (!src_url_equal(img.src, img_src_value = /*iconURL*/ ctx[18])) attr_dev(img, "src", img_src_value); - attr_dev(img, "alt", img_alt_value = "" + (/*notification*/ ctx[0].type + " icon")); - add_location(img, file$M, 96, 4, 2620); - attr_dev(div, "class", "icon type"); - add_render_callback(() => /*div_elementresize_handler*/ ctx[24].call(div)); - add_location(div, file$M, 95, 3, 2561); + attr_dev(img, "class", "icon refresh"); + if (!src_url_equal(img.src, img_src_value = /*refreshIcon*/ ctx[15](/*refreshing*/ ctx[11]))) attr_dev(img, "src", img_src_value); + attr_dev(img, "alt", /*title*/ ctx[12]); + toggle_class(img, "refreshing", /*refreshing*/ ctx[11]); + add_location(img, file$N, 72, 2, 1802); }, m: function mount(target, anchor) { - insert_dev(target, div, anchor); - append_dev(div, img); - div_resize_listener = add_resize_listener(div, /*div_elementresize_handler*/ ctx[24].bind(div)); + insert_dev(target, img, anchor); }, p: function update(ctx, dirty) { - if (dirty & /*iconURL*/ 262144 && !src_url_equal(img.src, img_src_value = /*iconURL*/ ctx[18])) { + if (dirty & /*refreshing*/ 2048 && !src_url_equal(img.src, img_src_value = /*refreshIcon*/ ctx[15](/*refreshing*/ ctx[11]))) { attr_dev(img, "src", img_src_value); } - if (dirty & /*notification*/ 1 && img_alt_value !== (img_alt_value = "" + (/*notification*/ ctx[0].type + " icon"))) { - attr_dev(img, "alt", img_alt_value); + if (dirty & /*title*/ 4096) { + attr_dev(img, "alt", /*title*/ ctx[12]); + } + + if (dirty & /*refreshing*/ 2048) { + toggle_class(img, "refreshing", /*refreshing*/ ctx[11]); } }, d: function destroy(detaching) { - if (detaching) detach_dev(div); - div_resize_listener(); + if (detaching) detach_dev(img); } }; dispatch_dev("SvelteRegisterBlock", { block, - id: create_if_block_8$3.name, + id: create_if_block$s.name, type: "if", - source: "(95:2) {#if iconURL}", + source: "(72:1) {#if refresh}", ctx }); return block; } - // (101:3) {#if heading || dismissible || expandable} - function create_if_block_2$8(ctx) { - let div; + function create_fragment$W(ctx) { + let button; let t; - let if_block0 = /*heading*/ ctx[8] && create_if_block_6$4(ctx); - - function select_block_type_1(ctx, dirty) { - if (/*dismissible*/ ctx[9] && /*expandable*/ ctx[12]) return create_if_block_3$5; - if (/*expandable*/ ctx[12]) return create_if_block_4$5; - if (/*dismissible*/ ctx[9]) return create_if_block_5$4; - } - - let current_block_type = select_block_type_1(ctx); - let if_block1 = current_block_type && current_block_type(ctx); + let button_disabled_value; + let current; + let mounted; + let dispose; + let if_block = /*refresh*/ ctx[7] && create_if_block$s(ctx); + const default_slot_template = /*#slots*/ ctx[17].default; + const default_slot = create_slot(default_slot_template, ctx, /*$$scope*/ ctx[16], null); const block = { c: function create() { - div = element("div"); - if (if_block0) if_block0.c(); + button = element("button"); + if (if_block) if_block.c(); t = space(); - if (if_block1) if_block1.c(); - attr_dev(div, "class", "heading"); - add_location(div, file$M, 101, 4, 2810); + if (default_slot) default_slot.c(); + attr_dev(button, "class", /*classes*/ ctx[13]); + attr_dev(button, "title", /*title*/ ctx[12]); + button.disabled = button_disabled_value = /*disabled*/ ctx[9] || /*refreshing*/ ctx[11]; + toggle_class(button, "btn-xs", /*extraSmall*/ ctx[1]); + toggle_class(button, "btn-sm", /*small*/ ctx[2]); + toggle_class(button, "btn-md", /*medium*/ ctx[4]); + toggle_class(button, "btn-lg", /*large*/ ctx[3]); + toggle_class(button, "btn-primary", /*primary*/ ctx[5]); + toggle_class(button, "btn-outline", /*outline*/ ctx[8]); + toggle_class(button, "btn-expandable", /*expandable*/ ctx[6]); + toggle_class(button, "btn-disabled", /*disabled*/ ctx[9]); + toggle_class(button, "btn-expanded", /*expanded*/ ctx[10]); + toggle_class(button, "btn-refresh", /*refresh*/ ctx[7]); + toggle_class(button, "btn-refreshing", /*refreshing*/ ctx[11]); + add_location(button, file$N, 51, 0, 1322); + }, + l: function claim(nodes) { + throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option"); }, m: function mount(target, anchor) { - insert_dev(target, div, anchor); - if (if_block0) if_block0.m(div, null); - append_dev(div, t); - if (if_block1) if_block1.m(div, null); + insert_dev(target, button, anchor); + if (if_block) if_block.m(button, null); + append_dev(button, t); + + if (default_slot) { + default_slot.m(button, null); + } + + /*button_binding*/ ctx[20](button); + current = true; + + if (!mounted) { + dispose = [ + listen_dev(button, "click", prevent_default(/*click_handler*/ ctx[18]), false, true, false), + listen_dev(button, "focusout", /*focusout_handler*/ ctx[19], false, false, false), + listen_dev(button, "keyup", /*handleKeyup*/ ctx[14], false, false, false) + ]; + + mounted = true; + } }, - p: function update(ctx, dirty) { - if (/*heading*/ ctx[8]) { - if (if_block0) { - if_block0.p(ctx, dirty); + p: function update(ctx, [dirty]) { + if (/*refresh*/ ctx[7]) { + if (if_block) { + if_block.p(ctx, dirty); } else { - if_block0 = create_if_block_6$4(ctx); - if_block0.c(); - if_block0.m(div, t); + if_block = create_if_block$s(ctx); + if_block.c(); + if_block.m(button, t); } - } else if (if_block0) { - if_block0.d(1); - if_block0 = null; + } else if (if_block) { + if_block.d(1); + if_block = null; } - if (current_block_type === (current_block_type = select_block_type_1(ctx)) && if_block1) { - if_block1.p(ctx, dirty); - } else { - if (if_block1) if_block1.d(1); - if_block1 = current_block_type && current_block_type(ctx); - - if (if_block1) { - if_block1.c(); - if_block1.m(div, null); + if (default_slot) { + if (default_slot.p && (!current || dirty & /*$$scope*/ 65536)) { + update_slot_base( + default_slot, + default_slot_template, + ctx, + /*$$scope*/ ctx[16], + !current + ? get_all_dirty_from_scope(/*$$scope*/ ctx[16]) + : get_slot_changes(default_slot_template, /*$$scope*/ ctx[16], dirty, null), + null + ); } } - }, - d: function destroy(detaching) { - if (detaching) detach_dev(div); - if (if_block0) if_block0.d(); - if (if_block1) { - if_block1.d(); + if (!current || dirty & /*title*/ 4096) { + attr_dev(button, "title", /*title*/ ctx[12]); } - } - }; - dispatch_dev("SvelteRegisterBlock", { - block, - id: create_if_block_2$8.name, - type: "if", - source: "(101:3) {#if heading || dismissible || expandable}", - ctx - }); + if (!current || dirty & /*disabled, refreshing*/ 2560 && button_disabled_value !== (button_disabled_value = /*disabled*/ ctx[9] || /*refreshing*/ ctx[11])) { + prop_dev(button, "disabled", button_disabled_value); + } - return block; - } + if (dirty & /*extraSmall*/ 2) { + toggle_class(button, "btn-xs", /*extraSmall*/ ctx[1]); + } - // (103:5) {#if heading} - function create_if_block_6$4(ctx) { - let if_block_anchor; + if (dirty & /*small*/ 4) { + toggle_class(button, "btn-sm", /*small*/ ctx[2]); + } - function select_block_type(ctx, dirty) { - if (/*plainHeading*/ ctx[10]) return create_if_block_7$4; - return create_else_block$4; - } + if (dirty & /*medium*/ 16) { + toggle_class(button, "btn-md", /*medium*/ ctx[4]); + } - let current_block_type = select_block_type(ctx); - let if_block = current_block_type(ctx); + if (dirty & /*large*/ 8) { + toggle_class(button, "btn-lg", /*large*/ ctx[3]); + } - const block = { - c: function create() { - if_block.c(); - if_block_anchor = empty(); - }, - m: function mount(target, anchor) { - if_block.m(target, anchor); - insert_dev(target, if_block_anchor, anchor); - }, - p: function update(ctx, dirty) { - if (current_block_type === (current_block_type = select_block_type(ctx)) && if_block) { - if_block.p(ctx, dirty); - } else { - if_block.d(1); - if_block = current_block_type(ctx); + if (dirty & /*primary*/ 32) { + toggle_class(button, "btn-primary", /*primary*/ ctx[5]); + } - if (if_block) { - if_block.c(); - if_block.m(if_block_anchor.parentNode, if_block_anchor); - } + if (dirty & /*outline*/ 256) { + toggle_class(button, "btn-outline", /*outline*/ ctx[8]); + } + + if (dirty & /*expandable*/ 64) { + toggle_class(button, "btn-expandable", /*expandable*/ ctx[6]); + } + + if (dirty & /*disabled*/ 512) { + toggle_class(button, "btn-disabled", /*disabled*/ ctx[9]); + } + + if (dirty & /*expanded*/ 1024) { + toggle_class(button, "btn-expanded", /*expanded*/ ctx[10]); + } + + if (dirty & /*refresh*/ 128) { + toggle_class(button, "btn-refresh", /*refresh*/ ctx[7]); + } + + if (dirty & /*refreshing*/ 2048) { + toggle_class(button, "btn-refreshing", /*refreshing*/ ctx[11]); } }, + i: function intro(local) { + if (current) return; + transition_in(default_slot, local); + current = true; + }, + o: function outro(local) { + transition_out(default_slot, local); + current = false; + }, d: function destroy(detaching) { - if_block.d(detaching); - if (detaching) detach_dev(if_block_anchor); + if (detaching) detach_dev(button); + if (if_block) if_block.d(); + if (default_slot) default_slot.d(detaching); + /*button_binding*/ ctx[20](null); + mounted = false; + run_all(dispose); } }; dispatch_dev("SvelteRegisterBlock", { block, - id: create_if_block_6$4.name, - type: "if", - source: "(103:5) {#if heading}", + id: create_fragment$W.name, + type: "component", + source: "", ctx }); return block; } - // (106:6) {:else} - function create_else_block$4(ctx) { - let h3; - - const block = { - c: function create() { - h3 = element("h3"); - add_location(h3, file$M, 106, 7, 2927); - }, - m: function mount(target, anchor) { - insert_dev(target, h3, anchor); - h3.innerHTML = /*heading*/ ctx[8]; - }, - p: function update(ctx, dirty) { - if (dirty & /*heading*/ 256) h3.innerHTML = /*heading*/ ctx[8]; }, - d: function destroy(detaching) { - if (detaching) detach_dev(h3); - } + function instance$W($$self, $$props, $$invalidate) { + let $urls; + validate_store(urls, 'urls'); + component_subscribe($$self, urls, $$value => $$invalidate(21, $urls = $$value)); + let { $$slots: slots = {}, $$scope } = $$props; + validate_slots('Button', slots, ['default']); + const classes = $$props.class ? $$props.class : ""; + const dispatch = createEventDispatcher(); + let { ref = {} } = $$props; + let { extraSmall = false } = $$props; + let { small = false } = $$props; + let { large = false } = $$props; + let { medium = !extraSmall && !small && !large } = $$props; + let { primary = false } = $$props; + let { expandable = false } = $$props; + let { refresh = false } = $$props; + let { outline = !primary && !expandable && !refresh } = $$props; + let { disabled = false } = $$props; + let { expanded = false } = $$props; + let { refreshing = false } = $$props; + let { title = "" } = $$props; + + /** + * Catch escape key and emit a custom cancel event. + * + * @param {KeyboardEvent} event + */ + function handleKeyup(event) { + if (event.key === "Escape") { + event.preventDefault(); + dispatch("cancel"); + } + } + + function refreshIcon(refreshing) { + return $urls.assets + 'img/icon/' + (refreshing ? 'refresh-disabled.svg' : 'refresh.svg'); + } + + function click_handler(event) { + bubble.call(this, $$self, event); + } + + function focusout_handler(event) { + bubble.call(this, $$self, event); + } + + function button_binding($$value) { + binding_callbacks[$$value ? 'unshift' : 'push'](() => { + ref = $$value; + $$invalidate(0, ref); + }); + } + + $$self.$$set = $$new_props => { + $$invalidate(23, $$props = assign(assign({}, $$props), exclude_internal_props($$new_props))); + if ('ref' in $$new_props) $$invalidate(0, ref = $$new_props.ref); + if ('extraSmall' in $$new_props) $$invalidate(1, extraSmall = $$new_props.extraSmall); + if ('small' in $$new_props) $$invalidate(2, small = $$new_props.small); + if ('large' in $$new_props) $$invalidate(3, large = $$new_props.large); + if ('medium' in $$new_props) $$invalidate(4, medium = $$new_props.medium); + if ('primary' in $$new_props) $$invalidate(5, primary = $$new_props.primary); + if ('expandable' in $$new_props) $$invalidate(6, expandable = $$new_props.expandable); + if ('refresh' in $$new_props) $$invalidate(7, refresh = $$new_props.refresh); + if ('outline' in $$new_props) $$invalidate(8, outline = $$new_props.outline); + if ('disabled' in $$new_props) $$invalidate(9, disabled = $$new_props.disabled); + if ('expanded' in $$new_props) $$invalidate(10, expanded = $$new_props.expanded); + if ('refreshing' in $$new_props) $$invalidate(11, refreshing = $$new_props.refreshing); + if ('title' in $$new_props) $$invalidate(12, title = $$new_props.title); + if ('$$scope' in $$new_props) $$invalidate(16, $$scope = $$new_props.$$scope); }; - dispatch_dev("SvelteRegisterBlock", { - block, - id: create_else_block$4.name, - type: "else", - source: "(106:6) {:else}", - ctx + $$self.$capture_state = () => ({ + createEventDispatcher, + urls, + classes, + dispatch, + ref, + extraSmall, + small, + large, + medium, + primary, + expandable, + refresh, + outline, + disabled, + expanded, + refreshing, + title, + handleKeyup, + refreshIcon, + $urls }); - return block; + $$self.$inject_state = $$new_props => { + $$invalidate(23, $$props = assign(assign({}, $$props), $$new_props)); + if ('ref' in $$props) $$invalidate(0, ref = $$new_props.ref); + if ('extraSmall' in $$props) $$invalidate(1, extraSmall = $$new_props.extraSmall); + if ('small' in $$props) $$invalidate(2, small = $$new_props.small); + if ('large' in $$props) $$invalidate(3, large = $$new_props.large); + if ('medium' in $$props) $$invalidate(4, medium = $$new_props.medium); + if ('primary' in $$props) $$invalidate(5, primary = $$new_props.primary); + if ('expandable' in $$props) $$invalidate(6, expandable = $$new_props.expandable); + if ('refresh' in $$props) $$invalidate(7, refresh = $$new_props.refresh); + if ('outline' in $$props) $$invalidate(8, outline = $$new_props.outline); + if ('disabled' in $$props) $$invalidate(9, disabled = $$new_props.disabled); + if ('expanded' in $$props) $$invalidate(10, expanded = $$new_props.expanded); + if ('refreshing' in $$props) $$invalidate(11, refreshing = $$new_props.refreshing); + if ('title' in $$props) $$invalidate(12, title = $$new_props.title); + }; + + if ($$props && "$$inject" in $$props) { + $$self.$inject_state($$props.$$inject); + } + + $$props = exclude_internal_props($$props); + + return [ + ref, + extraSmall, + small, + large, + medium, + primary, + expandable, + refresh, + outline, + disabled, + expanded, + refreshing, + title, + classes, + handleKeyup, + refreshIcon, + $$scope, + slots, + click_handler, + focusout_handler, + button_binding + ]; } - // (104:6) {#if plainHeading} - function create_if_block_7$4(ctx) { - let p; + class Button extends SvelteComponentDev { + constructor(options) { + super(options); - const block = { - c: function create() { - p = element("p"); - add_location(p, file$M, 104, 7, 2883); - }, - m: function mount(target, anchor) { - insert_dev(target, p, anchor); - p.innerHTML = /*heading*/ ctx[8]; - }, - p: function update(ctx, dirty) { - if (dirty & /*heading*/ 256) p.innerHTML = /*heading*/ ctx[8]; }, - d: function destroy(detaching) { - if (detaching) detach_dev(p); - } - }; + init(this, options, instance$W, create_fragment$W, safe_not_equal, { + ref: 0, + extraSmall: 1, + small: 2, + large: 3, + medium: 4, + primary: 5, + expandable: 6, + refresh: 7, + outline: 8, + disabled: 9, + expanded: 10, + refreshing: 11, + title: 12 + }); - dispatch_dev("SvelteRegisterBlock", { - block, - id: create_if_block_7$4.name, - type: "if", - source: "(104:6) {#if plainHeading}", - ctx - }); + dispatch_dev("SvelteRegisterComponent", { + component: this, + tagName: "Button", + options, + id: create_fragment$W.name + }); + } - return block; + get ref() { + throw new Error("\n\t\t\t\t\t\t\n\t\t\t\t\t{:else if expandable}\n\t\t\t\t\t\t\n\t\t\t\t\t{:else if dismissible}\n\t\t\t\t\t\t\n\t\t\t\t\t{/if}\n\t\t\t\t\n\t\t\t{/if}\n\t\t\t\n\t\t\t{#if extra}\n\t\t\t\t

{@html extra}

\n\t\t\t{/if}\n\t\t\t{#if linksHTML}\n\t\t\t\t

{@html linksHTML}

\n\t\t\t{/if}\n\t\t\n\t\n\t\n\n","\n\n{#if $notifications.length}\n\t
\n\t\t{#each $notifications as notification (notification.render_key)}\n\t\t\t{#if !notification.dismissed && (notification.only_show_on_tab === tab || notification.only_show_on_tab === tabParent || !notification.only_show_on_tab)}\n\t\t\t\t\n\t\t\t\t\t{#if notification.message}\n\t\t\t\t\t\t

{@html notification.message}

\n\t\t\t\t\t{/if}\n\t\t\t\t\n\t\t\t{/if}\n\t\t{/each}\n\t
\n{/if}\n","\n\n{#if $bapa && !$delivery_provider.block_public_access_supported}\n\t\n\t\t

{@html $storage_provider.block_public_access_warning.message}

\n\t\n{/if}\n","\n\n{#if $ooe && !$delivery_provider.object_ownership_supported}\n\t\n\t\t

{@html $storage_provider.object_ownership_enforced_warning.message}

\n\t\n{/if}\n","\n\n
  • \n\t focus = true}\n\t\ton:focusout={() => focus = false}\n\t\ton:mouseenter={() => hover = true}\n\t\ton:mouseleave={() => hover = false}\n\t>\n\t\t{page.title()}\n\t\n
    • \n","\n\n{#if displayItems}\n\t
      \n\t\t{#each displayItems as page, index}\n\t\t\t\n\t\t\t\n\t\t\t{#if progress && index < (displayItems.length - 1)}\n\t\t\t\t
    • \n\t\t\t\t\t\"\"\n\t\t\t\t
      • \n\t\t\t{/if}\n\t\t{/each}\n\t
    \n{/if}\n","\n\n{#if routes}\n\t
    \n\t\t\n\t\t\n\t\t\t\n\t\t\n\t
    \n{/if}","import {parse} from 'regexparam'\nimport {loc} from './Router.svelte'\n\n// List of nodes to update\nconst nodes = []\n\n// Current location\nlet location\n\n// Function that updates all nodes marking the active ones\nfunction checkActive(el) {\n const matchesLocation = el.pattern.test(location)\n toggleClasses(el, el.className, matchesLocation)\n toggleClasses(el, el.inactiveClassName, !matchesLocation)\n}\n\nfunction toggleClasses(el, className, shouldAdd) {\n (className || '').split(' ').forEach((cls) => {\n if (!cls) {\n return\n }\n // Remove the class firsts\n el.node.classList.remove(cls)\n\n // If the pattern doesn't match, then set the class\n if (shouldAdd) {\n el.node.classList.add(cls)\n }\n })\n}\n\n// Listen to changes in the location\nloc.subscribe((value) => {\n // Update the location\n location = value.location + (value.querystring ? '?' + value.querystring : '')\n\n // Update all nodes\n nodes.map(checkActive)\n})\n\n/**\n * @typedef {Object} ActiveOptions\n * @property {string|RegExp} [path] - Path expression that makes the link active when matched (must start with '/' or '*'); default is the link's href\n * @property {string} [className] - CSS class to apply to the element when active; default value is \"active\"\n */\n\n/**\n * Svelte Action for automatically adding the \"active\" class to elements (links, or any other DOM element) when the current location matches a certain path.\n * \n * @param {HTMLElement} node - The target node (automatically set by Svelte)\n * @param {ActiveOptions|string|RegExp} [opts] - Can be an object of type ActiveOptions, or a string (or regular expressions) representing ActiveOptions.path.\n * @returns {{destroy: function(): void}} Destroy function\n */\nexport default function active(node, opts) {\n // Check options\n if (opts && (typeof opts == 'string' || (typeof opts == 'object' && opts instanceof RegExp))) {\n // Interpret strings and regular expressions as opts.path\n opts = {\n path: opts\n }\n }\n else {\n // Ensure opts is a dictionary\n opts = opts || {}\n }\n\n // Path defaults to link target\n if (!opts.path && node.hasAttribute('href')) {\n opts.path = node.getAttribute('href')\n if (opts.path && opts.path.length > 1 && opts.path.charAt(0) == '#') {\n opts.path = opts.path.substring(1)\n }\n }\n\n // Default class name\n if (!opts.className) {\n opts.className = 'active'\n }\n\n // If path is a string, it must start with '/' or '*'\n if (!opts.path || \n typeof opts.path == 'string' && (opts.path.length < 1 || (opts.path.charAt(0) != '/' && opts.path.charAt(0) != '*'))\n ) {\n throw Error('Invalid value for \"path\" argument')\n }\n\n // If path is not a regular expression already, make it\n const {pattern} = typeof opts.path == 'string' ?\n parse(opts.path) :\n {pattern: opts.path}\n\n // Add the node to the list\n const el = {\n node,\n className: opts.className,\n inactiveClassName: opts.inactiveClassName,\n pattern\n }\n nodes.push(el)\n\n // Trigger the action right away\n checkActive(el)\n\n return {\n // When the element is destroyed, remove it from the list\n destroy() {\n nodes.splice(nodes.indexOf(el), 1)\n }\n }\n}\n","\n\n
    \n\t\n
    \n","\n\n
    \n\t\n
    \n","\n\n
    \n\t{#if gradient}\n\t\t
    \n\t{/if}\n\t\n
    \n\n\n","\n\n{#if defined}\n\t

    {$strings.defined_in_wp_config}

    \n{/if}","\n\n
    \n\t\n\t\n
    ","\n\n{#if url}\n\t\n\t\t\n\t\n{/if}\n","\n\n
    \n\t{#if !multi && heading}\n\t\t
    \n\t\t\t

    {heading}

    \n\t\t\t{#if helpURL}\n\t\t\t\t\n\t\t\t{:else if helpKey}\n\t\t\t\t\n\t\t\t{/if}\n\t\t\t\n\t\t
    \n\t{/if}\n\t\n\t\t{#if multi && heading}\n\t\t\t\n\t\t\t\t{#if toggleName}\n\t\t\t\t\t\n\t\t\t\t\t\t{heading}\n\t\t\t\t\t\n\t\t\t\t\t

    {heading}

    \n\t\t\t\t{:else}\n\t\t\t\t\t

    {heading}

    \n\t\t\t\t{/if}\n\t\t\t\t\n\t\t\t\t{#if storageProvider}\n\t\t\t\t\t
    \n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{storageProvider.icon_desc}\n\t\t\t\t\t\t\t{storageProvider.provider_service_name}\n\t\t\t\t\t\t\n\t\t\t\t\t
    \n\t\t\t\t{/if}\n\t\t\t\t{#if helpURL}\n\t\t\t\t\t\n\t\t\t\t{:else if helpKey}\n\t\t\t\t\t\n\t\t\t\t{/if}\n\t\t\t    \n\t\t{/if}\n\n\t\t\n\t    \n
    \n\n\n","\n\n\n\t\n\n","\n\n\n\t{$storage_provider.provider_service_name}/\n\t
    \n\t\t

    {$storage_provider.provider_service_name}

    \n\t\t

    \n\t\t\t{$settings.bucket}\n\t\t\t{$region_name}\n\t\t

    \n\t
    \n\t\n    \n\n\n","\n\n{#if $settings_notifications.has( settingKey )}\n\t{#each [...$settings_notifications.get( settingKey ).values()].sort( compareNotificationTypes ) as notification (notification)}\n\t\t\n\t\t\t

    {@html notification.message}

    \n\t\t    \n\t{/each}\n{/if}\n","\n\n
    \n\t\n\t\t{#if toggleName}\n\t\t\t\n\t\t\t\t{heading}\n\t\t\t\n\t\t\t

    {heading}

    \n\t\t{:else}\n\t\t\t

    {heading}

    \n\t\t{/if}\n\t\t\n\t    \n\t\n\t\t

    {@html description}

    \n\t    \n\t{#if input}\n\t\t\n\t\t\t\n\t\t\t\n\t\t\n\t\t{#if validationError}\n\t\t\t

    {validationError}

    \n\t\t{/if}\n\t{/if}\n\n\t{#if toggleName}\n\t\t\n\t{/if}\n\n\t{#if textName}\n\t\t\n\t{/if}\n\n\t\n
    \n\n\n","\n\n\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\n\n","\n\n\n\t{$delivery_provider.provider_service_name}/\n\t
    \n\t\t

    {$delivery_provider.provider_service_name}

    \n\t\t

    \n\t\t\t{$delivery_provider.console_title}\n\t\t

    \n\t
    \n\t\n    \n\n\n","\n\n\n\t\n\t\n\n\t{#if $delivery_provider.delivery_domain_allowed}\n\t\t\n\t\t{#if $delivery_provider.use_signed_urls_key_file_allowed && $settings[ \"enable-delivery-domain\" ]}\n\t\t\t\n\t\t\t\t\n\t\t\t\t{#if $settings[ \"enable-signed-urls\" ]}\n\t\t\t\t\t\n\n\t\t\t\t\t\n\n\t\t\t\t\t\n\t\t\t\t{/if}\n\t\t\t\n\t\t{/if}\n\t{/if}\n\n\t\n\n","\n\n\n","\n\n{#if parts.length > 0}\n\t\n\t\t\n\t\t\t

    {$strings.url_preview_desc}

    \n\t\t    \n\t\t\n\t\t\t
    \n\t\t\t\t{#each parts as part (part.title)}\n\t\t\t\t\t
    \n\t\t\t\t\t\t
    {part.title}
    \n\t\t\t\t\t\t
    {part.example}
    \n\t\t\t\t\t
    \n\t\t\t\t{/each}\n\t\t\t
    \n\t\t    \n\t    \n{/if}\n","/**\n * Scrolls the notifications into view.\n */\nexport function scrollNotificationsIntoView() {\n\tconst element = document.getElementById( \"notifications\" );\n\n\tif ( element ) {\n\t\telement.scrollIntoView( { behavior: \"smooth\", block: \"start\" } );\n\t}\n}\n","\n\n{#if $settingsChangedStore}\n\t
    \n\t\t
    \n\t\t\t\n\t\t\t\n\t\t
    \n\t
    \n{/if}\n","\n\n\n\t{#if render}\n\t\t\n\t\t
    \n\t\t\t\n\t\t\t\n\t\t
    \n\t\t\n\t\t\n\t\t\n\t{/if}\n    \n\n{#if sidebar && render}\n\t\n{/if}\n\n