From bde718d7039c62278b1ae2627d6edece81ccb84d Mon Sep 17 00:00:00 2001 From: Peter Wilson Date: Wed, 1 Sep 2021 04:05:58 +0000 Subject: [PATCH] Build: Clean `css/dist` as part of the webpack build step. Move the cleaning of the `wp-includes/css/dist` folder from `clean:css` to `clean:webpack-assets` to avoid an order of operations issue in which the files were built shortly before been deleted later in the build process. Follow up to [51689]. Props netweb, ramonopoly, peterwilsoncc. Merges [51713] to the 5.8 branch. Fixes #53719. Built from https://develop.svn.wordpress.org/branches/5.8@51714 git-svn-id: http://core.svn.wordpress.org/branches/5.8@51320 1a063a9b-81f0-0310-95a4-ce76da25c4cd --- .../css/dist/block-directory/style-rtl.css | 249 + .../dist/block-directory/style-rtl.min.css | 1 + .../css/dist/block-directory/style.css | 249 + .../css/dist/block-directory/style.min.css | 1 + .../css/dist/block-editor/style-rtl.css | 3887 +++++++++++++ .../css/dist/block-editor/style-rtl.min.css | 1 + wp-includes/css/dist/block-editor/style.css | 3887 +++++++++++++ .../css/dist/block-editor/style.min.css | 1 + .../css/dist/block-library/common-rtl.css | 314 + .../css/dist/block-library/common-rtl.min.css | 1 + wp-includes/css/dist/block-library/common.css | 316 + .../css/dist/block-library/common.min.css | 1 + .../css/dist/block-library/editor-rtl.css | 2490 ++++++++ .../css/dist/block-library/editor-rtl.min.css | 1 + wp-includes/css/dist/block-library/editor.css | 2498 ++++++++ .../css/dist/block-library/editor.min.css | 2 + .../css/dist/block-library/reset-rtl.css | 181 + .../css/dist/block-library/reset-rtl.min.css | 1 + wp-includes/css/dist/block-library/reset.css | 181 + .../css/dist/block-library/reset.min.css | 1 + .../css/dist/block-library/style-rtl.css | 3030 ++++++++++ .../css/dist/block-library/style-rtl.min.css | 1 + wp-includes/css/dist/block-library/style.css | 3072 ++++++++++ .../css/dist/block-library/style.min.css | 11 + .../css/dist/block-library/theme-rtl.css | 225 + .../css/dist/block-library/theme-rtl.min.css | 1 + wp-includes/css/dist/block-library/theme.css | 225 + .../css/dist/block-library/theme.min.css | 1 + wp-includes/css/dist/components/style-rtl.css | 5053 ++++++++++++++++ .../css/dist/components/style-rtl.min.css | 1 + wp-includes/css/dist/components/style.css | 5072 +++++++++++++++++ wp-includes/css/dist/components/style.min.css | 10 + .../css/dist/customize-widgets/style-rtl.css | 333 ++ .../dist/customize-widgets/style-rtl.min.css | 1 + .../css/dist/customize-widgets/style.css | 333 ++ .../css/dist/customize-widgets/style.min.css | 1 + .../css/dist/edit-post/classic-rtl.css | 150 + .../css/dist/edit-post/classic-rtl.min.css | 1 + wp-includes/css/dist/edit-post/classic.css | 154 + .../css/dist/edit-post/classic.min.css | 5 + wp-includes/css/dist/edit-post/style-rtl.css | 2025 +++++++ .../css/dist/edit-post/style-rtl.min.css | 1 + wp-includes/css/dist/edit-post/style.css | 2029 +++++++ wp-includes/css/dist/edit-post/style.min.css | 1 + .../css/dist/edit-widgets/style-rtl.css | 1000 ++++ .../css/dist/edit-widgets/style-rtl.min.css | 1 + wp-includes/css/dist/edit-widgets/style.css | 1000 ++++ .../css/dist/edit-widgets/style.min.css | 1 + wp-includes/css/dist/editor/style-rtl.css | 1035 ++++ wp-includes/css/dist/editor/style-rtl.min.css | 1 + wp-includes/css/dist/editor/style.css | 1035 ++++ wp-includes/css/dist/editor/style.min.css | 1 + .../css/dist/format-library/style-rtl.css | 168 + .../css/dist/format-library/style-rtl.min.css | 1 + wp-includes/css/dist/format-library/style.css | 168 + .../css/dist/format-library/style.min.css | 1 + .../dist/list-reusable-blocks/style-rtl.css | 210 + .../list-reusable-blocks/style-rtl.min.css | 1 + .../css/dist/list-reusable-blocks/style.css | 210 + .../dist/list-reusable-blocks/style.min.css | 1 + wp-includes/css/dist/nux/style-rtl.css | 177 + wp-includes/css/dist/nux/style-rtl.min.css | 1 + wp-includes/css/dist/nux/style.css | 181 + wp-includes/css/dist/nux/style.min.css | 5 + .../css/dist/reusable-blocks/style-rtl.css | 89 + .../dist/reusable-blocks/style-rtl.min.css | 1 + .../css/dist/reusable-blocks/style.css | 89 + .../css/dist/reusable-blocks/style.min.css | 1 + wp-includes/css/dist/widgets/style-rtl.css | 231 + .../css/dist/widgets/style-rtl.min.css | 1 + wp-includes/css/dist/widgets/style.css | 231 + wp-includes/css/dist/widgets/style.min.css | 1 + wp-includes/version.php | 2 +- 73 files changed, 41842 insertions(+), 1 deletion(-) create mode 100644 wp-includes/css/dist/block-directory/style-rtl.css create mode 100644 wp-includes/css/dist/block-directory/style-rtl.min.css create mode 100644 wp-includes/css/dist/block-directory/style.css create mode 100644 wp-includes/css/dist/block-directory/style.min.css create mode 100644 wp-includes/css/dist/block-editor/style-rtl.css create mode 100644 wp-includes/css/dist/block-editor/style-rtl.min.css create mode 100644 wp-includes/css/dist/block-editor/style.css create mode 100644 wp-includes/css/dist/block-editor/style.min.css create mode 100644 wp-includes/css/dist/block-library/common-rtl.css create mode 100644 wp-includes/css/dist/block-library/common-rtl.min.css create mode 100644 wp-includes/css/dist/block-library/common.css create mode 100644 wp-includes/css/dist/block-library/common.min.css create mode 100644 wp-includes/css/dist/block-library/editor-rtl.css create mode 100644 wp-includes/css/dist/block-library/editor-rtl.min.css create mode 100644 wp-includes/css/dist/block-library/editor.css create mode 100644 wp-includes/css/dist/block-library/editor.min.css create mode 100644 wp-includes/css/dist/block-library/reset-rtl.css create mode 100644 wp-includes/css/dist/block-library/reset-rtl.min.css create mode 100644 wp-includes/css/dist/block-library/reset.css create mode 100644 wp-includes/css/dist/block-library/reset.min.css create mode 100644 wp-includes/css/dist/block-library/style-rtl.css create mode 100644 wp-includes/css/dist/block-library/style-rtl.min.css create mode 100644 wp-includes/css/dist/block-library/style.css create mode 100644 wp-includes/css/dist/block-library/style.min.css create mode 100644 wp-includes/css/dist/block-library/theme-rtl.css create mode 100644 wp-includes/css/dist/block-library/theme-rtl.min.css create mode 100644 wp-includes/css/dist/block-library/theme.css create mode 100644 wp-includes/css/dist/block-library/theme.min.css create mode 100644 wp-includes/css/dist/components/style-rtl.css create mode 100644 wp-includes/css/dist/components/style-rtl.min.css create mode 100644 wp-includes/css/dist/components/style.css create mode 100644 wp-includes/css/dist/components/style.min.css create mode 100644 wp-includes/css/dist/customize-widgets/style-rtl.css create mode 100644 wp-includes/css/dist/customize-widgets/style-rtl.min.css create mode 100644 wp-includes/css/dist/customize-widgets/style.css create mode 100644 wp-includes/css/dist/customize-widgets/style.min.css create mode 100644 wp-includes/css/dist/edit-post/classic-rtl.css create mode 100644 wp-includes/css/dist/edit-post/classic-rtl.min.css create mode 100644 wp-includes/css/dist/edit-post/classic.css create mode 100644 wp-includes/css/dist/edit-post/classic.min.css create mode 100644 wp-includes/css/dist/edit-post/style-rtl.css create mode 100644 wp-includes/css/dist/edit-post/style-rtl.min.css create mode 100644 wp-includes/css/dist/edit-post/style.css create mode 100644 wp-includes/css/dist/edit-post/style.min.css create mode 100644 wp-includes/css/dist/edit-widgets/style-rtl.css create mode 100644 wp-includes/css/dist/edit-widgets/style-rtl.min.css create mode 100644 wp-includes/css/dist/edit-widgets/style.css create mode 100644 wp-includes/css/dist/edit-widgets/style.min.css create mode 100644 wp-includes/css/dist/editor/style-rtl.css create mode 100644 wp-includes/css/dist/editor/style-rtl.min.css create mode 100644 wp-includes/css/dist/editor/style.css create mode 100644 wp-includes/css/dist/editor/style.min.css create mode 100644 wp-includes/css/dist/format-library/style-rtl.css create mode 100644 wp-includes/css/dist/format-library/style-rtl.min.css create mode 100644 wp-includes/css/dist/format-library/style.css create mode 100644 wp-includes/css/dist/format-library/style.min.css create mode 100644 wp-includes/css/dist/list-reusable-blocks/style-rtl.css create mode 100644 wp-includes/css/dist/list-reusable-blocks/style-rtl.min.css create mode 100644 wp-includes/css/dist/list-reusable-blocks/style.css create mode 100644 wp-includes/css/dist/list-reusable-blocks/style.min.css create mode 100644 wp-includes/css/dist/nux/style-rtl.css create mode 100644 wp-includes/css/dist/nux/style-rtl.min.css create mode 100644 wp-includes/css/dist/nux/style.css create mode 100644 wp-includes/css/dist/nux/style.min.css create mode 100644 wp-includes/css/dist/reusable-blocks/style-rtl.css create mode 100644 wp-includes/css/dist/reusable-blocks/style-rtl.min.css create mode 100644 wp-includes/css/dist/reusable-blocks/style.css create mode 100644 wp-includes/css/dist/reusable-blocks/style.min.css create mode 100644 wp-includes/css/dist/widgets/style-rtl.css create mode 100644 wp-includes/css/dist/widgets/style-rtl.min.css create mode 100644 wp-includes/css/dist/widgets/style.css create mode 100644 wp-includes/css/dist/widgets/style.min.css diff --git a/wp-includes/css/dist/block-directory/style-rtl.css b/wp-includes/css/dist/block-directory/style-rtl.css new file mode 100644 index 0000000000..f6ac76a651 --- /dev/null +++ b/wp-includes/css/dist/block-directory/style-rtl.css @@ -0,0 +1,249 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles for JavaScript UI based pages. + * This is a WP-admin agnostic reset + */ +/** + * Reset the WP Admin page styles for Gutenberg-like pages. + */ +:root { + --wp-admin-theme-color: #007cba; + --wp-admin-theme-color-darker-10: #006ba1; + --wp-admin-theme-color-darker-20: #005a87; + --wp-admin-border-width-focus: 2px; +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + :root { + --wp-admin-border-width-focus: 1.5px; + } +} + +.block-directory-block-ratings > span { + display: flex; +} +.block-directory-block-ratings svg { + fill: #1e1e1e; + margin-right: -4px; +} +.block-directory-block-ratings .block-directory-block-ratings__star-empty { + fill: #ccc; +} + +.block-directory-compact-list { + margin: 0; + list-style: none; +} + +.block-directory-compact-list__item { + display: flex; + flex-direction: row; + align-items: center; + margin-bottom: 16px; +} +.block-directory-compact-list__item:last-child { + margin-bottom: 0; +} + +.block-directory-compact-list__item-details { + margin-right: 8px; +} + +.block-directory-compact-list__item-title { + font-weight: 500; +} + +.block-directory-compact-list__item-author { + color: #757575; + font-size: 11px; +} + +.block-directory-downloadable-block-icon { + min-width: 54px; + width: 54px; + height: 54px; + vertical-align: middle; + border: 1px solid #ddd; +} + +.block-directory-downloadable-block-list-item { + padding: 12px; + width: 100%; + height: auto; + text-align: right; + display: grid; + grid-template-columns: auto 1fr; +} +.block-directory-downloadable-block-list-item:hover { + box-shadow: 0 0 0 2px var(--wp-admin-theme-color); +} +.block-directory-downloadable-block-list-item.is-busy { + background: transparent; +} +.block-directory-downloadable-block-list-item.is-busy .block-directory-downloadable-block-list-item__author { + border: 0; + clip: rect(1px, 1px, 1px, 1px); + -webkit-clip-path: inset(50%); + clip-path: inset(50%); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; + word-wrap: normal !important; +} +.block-directory-downloadable-block-list-item:disabled, .block-directory-downloadable-block-list-item[aria-disabled] { + opacity: 1; +} + +.block-directory-downloadable-block-list-item__icon { + position: relative; + margin-left: 16px; + align-self: flex-start; +} +.block-directory-downloadable-block-list-item__icon .block-directory-downloadable-block-list-item__spinner { + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + background: rgba(255, 255, 255, 0.75); + display: flex; + align-items: center; + justify-content: center; +} + +.block-directory-block-ratings { + display: block; + margin-top: 4px; +} + +.block-directory-downloadable-block-list-item__details { + color: #1e1e1e; +} + +.block-directory-downloadable-block-list-item__title { + display: block; + font-weight: 600; +} + +.block-directory-downloadable-block-list-item__author { + display: block; + margin-top: 4px; + font-weight: normal; +} + +.block-directory-downloadable-block-list-item__desc { + display: block; + margin-top: 8px; +} + +.block-directory-downloadable-block-notice { + margin: 8px 0 0; + color: #cc1818; +} + +.block-directory-downloadable-block-notice__content { + padding-left: 12px; + margin-bottom: 8px; +} + +.block-directory-downloadable-blocks-panel { + padding: 16px; +} +.block-directory-downloadable-blocks-panel.has-blocks-loading { + font-style: normal; + padding: 0; + margin: 112px 0; + text-align: center; + color: #757575; +} +.block-directory-downloadable-blocks-panel.has-blocks-loading .components-spinner { + float: inherit; +} + +.block-directory-downloadable-blocks-panel__no-local { + margin: 48px 0; + padding: 0 64px; + color: #757575; + text-align: center; +} + +.block-directory-downloadable-blocks-panel__title { + margin: 0 0 4px; + font-size: 14px; +} + +.block-directory-downloadable-blocks-panel__description { + margin-top: 0; +} + +.block-directory-downloadable-blocks-panel button { + margin-top: 4px; +} + +.installed-blocks-pre-publish-panel__copy { + margin-top: 0; +} \ No newline at end of file diff --git a/wp-includes/css/dist/block-directory/style-rtl.min.css b/wp-includes/css/dist/block-directory/style-rtl.min.css new file mode 100644 index 0000000000..2b78ae0c06 --- /dev/null +++ b/wp-includes/css/dist/block-directory/style-rtl.min.css @@ -0,0 +1 @@ +:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.block-directory-block-ratings>span{display:flex}.block-directory-block-ratings svg{fill:#1e1e1e;margin-right:-4px}.block-directory-block-ratings .block-directory-block-ratings__star-empty{fill:#ccc}.block-directory-compact-list{margin:0;list-style:none}.block-directory-compact-list__item{display:flex;flex-direction:row;align-items:center;margin-bottom:16px}.block-directory-compact-list__item:last-child{margin-bottom:0}.block-directory-compact-list__item-details{margin-right:8px}.block-directory-compact-list__item-title{font-weight:500}.block-directory-compact-list__item-author{color:#757575;font-size:11px}.block-directory-downloadable-block-icon{min-width:54px;width:54px;height:54px;vertical-align:middle;border:1px solid #ddd}.block-directory-downloadable-block-list-item{padding:12px;width:100%;height:auto;text-align:right;display:grid;grid-template-columns:auto 1fr}.block-directory-downloadable-block-list-item:hover{box-shadow:0 0 0 2px var(--wp-admin-theme-color)}.block-directory-downloadable-block-list-item.is-busy{background:transparent}.block-directory-downloadable-block-list-item.is-busy .block-directory-downloadable-block-list-item__author{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.block-directory-downloadable-block-list-item:disabled,.block-directory-downloadable-block-list-item[aria-disabled]{opacity:1}.block-directory-downloadable-block-list-item__icon{position:relative;margin-left:16px;align-self:flex-start}.block-directory-downloadable-block-list-item__icon .block-directory-downloadable-block-list-item__spinner{position:absolute;top:0;left:0;bottom:0;right:0;background:hsla(0,0%,100%,.75);display:flex;align-items:center;justify-content:center}.block-directory-block-ratings{display:block;margin-top:4px}.block-directory-downloadable-block-list-item__details{color:#1e1e1e}.block-directory-downloadable-block-list-item__title{display:block;font-weight:600}.block-directory-downloadable-block-list-item__author{display:block;margin-top:4px;font-weight:400}.block-directory-downloadable-block-list-item__desc{display:block;margin-top:8px}.block-directory-downloadable-block-notice{margin:8px 0 0;color:#cc1818}.block-directory-downloadable-block-notice__content{padding-left:12px;margin-bottom:8px}.block-directory-downloadable-blocks-panel{padding:16px}.block-directory-downloadable-blocks-panel.has-blocks-loading{font-style:normal;padding:0;margin:112px 0;text-align:center;color:#757575}.block-directory-downloadable-blocks-panel.has-blocks-loading .components-spinner{float:inherit}.block-directory-downloadable-blocks-panel__no-local{margin:48px 0;padding:0 64px;color:#757575;text-align:center}.block-directory-downloadable-blocks-panel__title{margin:0 0 4px;font-size:14px}.block-directory-downloadable-blocks-panel__description{margin-top:0}.block-directory-downloadable-blocks-panel button{margin-top:4px}.installed-blocks-pre-publish-panel__copy{margin-top:0} \ No newline at end of file diff --git a/wp-includes/css/dist/block-directory/style.css b/wp-includes/css/dist/block-directory/style.css new file mode 100644 index 0000000000..f1614c3074 --- /dev/null +++ b/wp-includes/css/dist/block-directory/style.css @@ -0,0 +1,249 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles for JavaScript UI based pages. + * This is a WP-admin agnostic reset + */ +/** + * Reset the WP Admin page styles for Gutenberg-like pages. + */ +:root { + --wp-admin-theme-color: #007cba; + --wp-admin-theme-color-darker-10: #006ba1; + --wp-admin-theme-color-darker-20: #005a87; + --wp-admin-border-width-focus: 2px; +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + :root { + --wp-admin-border-width-focus: 1.5px; + } +} + +.block-directory-block-ratings > span { + display: flex; +} +.block-directory-block-ratings svg { + fill: #1e1e1e; + margin-left: -4px; +} +.block-directory-block-ratings .block-directory-block-ratings__star-empty { + fill: #ccc; +} + +.block-directory-compact-list { + margin: 0; + list-style: none; +} + +.block-directory-compact-list__item { + display: flex; + flex-direction: row; + align-items: center; + margin-bottom: 16px; +} +.block-directory-compact-list__item:last-child { + margin-bottom: 0; +} + +.block-directory-compact-list__item-details { + margin-left: 8px; +} + +.block-directory-compact-list__item-title { + font-weight: 500; +} + +.block-directory-compact-list__item-author { + color: #757575; + font-size: 11px; +} + +.block-directory-downloadable-block-icon { + min-width: 54px; + width: 54px; + height: 54px; + vertical-align: middle; + border: 1px solid #ddd; +} + +.block-directory-downloadable-block-list-item { + padding: 12px; + width: 100%; + height: auto; + text-align: left; + display: grid; + grid-template-columns: auto 1fr; +} +.block-directory-downloadable-block-list-item:hover { + box-shadow: 0 0 0 2px var(--wp-admin-theme-color); +} +.block-directory-downloadable-block-list-item.is-busy { + background: transparent; +} +.block-directory-downloadable-block-list-item.is-busy .block-directory-downloadable-block-list-item__author { + border: 0; + clip: rect(1px, 1px, 1px, 1px); + -webkit-clip-path: inset(50%); + clip-path: inset(50%); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; + word-wrap: normal !important; +} +.block-directory-downloadable-block-list-item:disabled, .block-directory-downloadable-block-list-item[aria-disabled] { + opacity: 1; +} + +.block-directory-downloadable-block-list-item__icon { + position: relative; + margin-right: 16px; + align-self: flex-start; +} +.block-directory-downloadable-block-list-item__icon .block-directory-downloadable-block-list-item__spinner { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: rgba(255, 255, 255, 0.75); + display: flex; + align-items: center; + justify-content: center; +} + +.block-directory-block-ratings { + display: block; + margin-top: 4px; +} + +.block-directory-downloadable-block-list-item__details { + color: #1e1e1e; +} + +.block-directory-downloadable-block-list-item__title { + display: block; + font-weight: 600; +} + +.block-directory-downloadable-block-list-item__author { + display: block; + margin-top: 4px; + font-weight: normal; +} + +.block-directory-downloadable-block-list-item__desc { + display: block; + margin-top: 8px; +} + +.block-directory-downloadable-block-notice { + margin: 8px 0 0; + color: #cc1818; +} + +.block-directory-downloadable-block-notice__content { + padding-right: 12px; + margin-bottom: 8px; +} + +.block-directory-downloadable-blocks-panel { + padding: 16px; +} +.block-directory-downloadable-blocks-panel.has-blocks-loading { + font-style: normal; + padding: 0; + margin: 112px 0; + text-align: center; + color: #757575; +} +.block-directory-downloadable-blocks-panel.has-blocks-loading .components-spinner { + float: inherit; +} + +.block-directory-downloadable-blocks-panel__no-local { + margin: 48px 0; + padding: 0 64px; + color: #757575; + text-align: center; +} + +.block-directory-downloadable-blocks-panel__title { + margin: 0 0 4px; + font-size: 14px; +} + +.block-directory-downloadable-blocks-panel__description { + margin-top: 0; +} + +.block-directory-downloadable-blocks-panel button { + margin-top: 4px; +} + +.installed-blocks-pre-publish-panel__copy { + margin-top: 0; +} \ No newline at end of file diff --git a/wp-includes/css/dist/block-directory/style.min.css b/wp-includes/css/dist/block-directory/style.min.css new file mode 100644 index 0000000000..70b31ba0a8 --- /dev/null +++ b/wp-includes/css/dist/block-directory/style.min.css @@ -0,0 +1 @@ +:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.block-directory-block-ratings>span{display:flex}.block-directory-block-ratings svg{fill:#1e1e1e;margin-left:-4px}.block-directory-block-ratings .block-directory-block-ratings__star-empty{fill:#ccc}.block-directory-compact-list{margin:0;list-style:none}.block-directory-compact-list__item{display:flex;flex-direction:row;align-items:center;margin-bottom:16px}.block-directory-compact-list__item:last-child{margin-bottom:0}.block-directory-compact-list__item-details{margin-left:8px}.block-directory-compact-list__item-title{font-weight:500}.block-directory-compact-list__item-author{color:#757575;font-size:11px}.block-directory-downloadable-block-icon{min-width:54px;width:54px;height:54px;vertical-align:middle;border:1px solid #ddd}.block-directory-downloadable-block-list-item{padding:12px;width:100%;height:auto;text-align:left;display:grid;grid-template-columns:auto 1fr}.block-directory-downloadable-block-list-item:hover{box-shadow:0 0 0 2px var(--wp-admin-theme-color)}.block-directory-downloadable-block-list-item.is-busy{background:transparent}.block-directory-downloadable-block-list-item.is-busy .block-directory-downloadable-block-list-item__author{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.block-directory-downloadable-block-list-item:disabled,.block-directory-downloadable-block-list-item[aria-disabled]{opacity:1}.block-directory-downloadable-block-list-item__icon{position:relative;margin-right:16px;align-self:flex-start}.block-directory-downloadable-block-list-item__icon .block-directory-downloadable-block-list-item__spinner{position:absolute;top:0;right:0;bottom:0;left:0;background:hsla(0,0%,100%,.75);display:flex;align-items:center;justify-content:center}.block-directory-block-ratings{display:block;margin-top:4px}.block-directory-downloadable-block-list-item__details{color:#1e1e1e}.block-directory-downloadable-block-list-item__title{display:block;font-weight:600}.block-directory-downloadable-block-list-item__author{display:block;margin-top:4px;font-weight:400}.block-directory-downloadable-block-list-item__desc{display:block;margin-top:8px}.block-directory-downloadable-block-notice{margin:8px 0 0;color:#cc1818}.block-directory-downloadable-block-notice__content{padding-right:12px;margin-bottom:8px}.block-directory-downloadable-blocks-panel{padding:16px}.block-directory-downloadable-blocks-panel.has-blocks-loading{font-style:normal;padding:0;margin:112px 0;text-align:center;color:#757575}.block-directory-downloadable-blocks-panel.has-blocks-loading .components-spinner{float:inherit}.block-directory-downloadable-blocks-panel__no-local{margin:48px 0;padding:0 64px;color:#757575;text-align:center}.block-directory-downloadable-blocks-panel__title{margin:0 0 4px;font-size:14px}.block-directory-downloadable-blocks-panel__description{margin-top:0}.block-directory-downloadable-blocks-panel button{margin-top:4px}.installed-blocks-pre-publish-panel__copy{margin-top:0} \ No newline at end of file diff --git a/wp-includes/css/dist/block-editor/style-rtl.css b/wp-includes/css/dist/block-editor/style-rtl.css new file mode 100644 index 0000000000..13c32872a9 --- /dev/null +++ b/wp-includes/css/dist/block-editor/style-rtl.css @@ -0,0 +1,3887 @@ +@charset "UTF-8"; +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles for JavaScript UI based pages. + * This is a WP-admin agnostic reset + */ +/** + * Reset the WP Admin page styles for Gutenberg-like pages. + */ +:root { + --wp-admin-theme-color: #007cba; + --wp-admin-theme-color-darker-10: #006ba1; + --wp-admin-theme-color-darker-20: #005a87; + --wp-admin-border-width-focus: 2px; +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + :root { + --wp-admin-border-width-focus: 1.5px; + } +} + +#start-resizable-editor-section { + display: none; +} + +.block-editor-autocompleters__block { + white-space: nowrap; +} +.block-editor-autocompleters__block .block-editor-block-icon { + margin-left: 8px; +} + +.block-editor-block-alignment-matrix-control__popover .components-popover__content { + min-width: 0; + width: auto; +} +.block-editor-block-alignment-matrix-control__popover .components-popover__content > div { + padding: 8px; +} + +.block-editor-block-icon { + display: flex; + align-items: center; + justify-content: center; + width: 24px; + height: 24px; +} +.block-editor-block-icon.has-colors svg { + fill: currentColor; +} +.block-editor-block-icon svg { + min-width: 20px; + min-height: 20px; + max-width: 24px; + max-height: 24px; +} + +.block-editor-block-inspector p { + margin-top: 0; +} +.block-editor-block-inspector h2, +.block-editor-block-inspector h3 { + font-size: 13px; + color: #1e1e1e; + margin-bottom: 1.5em; +} +.block-editor-block-inspector .components-base-control { + margin-bottom: 24px; +} +.block-editor-block-inspector .components-base-control:last-child { + margin-bottom: 8px; +} +.block-editor-block-inspector .components-panel__body { + border: none; + border-top: 1px solid #e0e0e0; +} +.block-editor-block-inspector .block-editor-block-card { + padding: 16px; +} + +.block-editor-block-inspector__no-blocks { + display: block; + font-size: 13px; + background: #fff; + padding: 32px 16px; + text-align: center; +} + +.block-editor-block-styles .block-editor-block-list__block { + margin: 0; +} + +/** + * Notices & Block Selected/Hover Styles. + */ +/** + * Cross-Block Selection + */ +.block-editor-block-list__layout { + position: relative; +} +.block-editor-block-list__layout.is-navigate-mode { + cursor: default; +} +.block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-selected::after, .block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-hovered::after, +.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted::after, +.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected::after { + position: absolute; + z-index: 1; + pointer-events: none; + content: ""; + top: 1px; + bottom: 1px; + right: 1px; + left: 1px; + box-shadow: 0 0 0 1px var(--wp-admin-theme-color); + border-radius: 1px; + outline: 2px solid transparent; +} +.is-dark-theme .block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-selected::after, .is-dark-theme .block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-hovered::after, +.is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted::after, +.is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected::after { + box-shadow: 0 0 0 1px #fff; +} +.block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-selected .components-placeholder ::selection, .block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-hovered .components-placeholder ::selection, +.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted .components-placeholder ::selection, +.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected .components-placeholder ::selection { + background: transparent; +} +.block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-hovered:not(.is-selected)::after { + box-shadow: 0 0 0 1px #949494; +} +.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted::after, +.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected::after, .block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-selected::after, .block-editor-block-list__layout .is-block-moving-mode.block-editor-block-list__block.has-child-selected { + box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + outline: var(--wp-admin-border-width-focus) solid transparent; +} +.block-editor-block-list__layout .is-block-moving-mode.block-editor-block-list__block.is-selected::before { + content: ""; + position: absolute; + z-index: 0; + pointer-events: none; + transition: border-color 0.1s linear, border-style 0.1s linear, box-shadow 0.1s linear; + left: 0; + right: 0; + top: -14px; + border-radius: 2px; + border-top: 4px solid #ccc; +} +.block-editor-block-list__layout .is-block-moving-mode.block-editor-block-list__block.is-selected::after { + content: none; +} +.block-editor-block-list__layout .is-block-moving-mode.can-insert-moving-block.block-editor-block-list__block.is-selected::before { + border-color: var(--wp-admin-theme-color); +} + +.is-block-moving-mode.block-editor-block-list__block-selection-button { + opacity: 0; + font-size: 1px; + height: 1px; + padding: 0; +} + +.block-editor-block-list__layout .block-editor-block-list__block { + position: relative; + overflow-wrap: break-word; + /** + * Notices + */ + /** + * Block Layout + */ + /** + * Block styles and alignments + */ +} +.block-editor-block-list__layout .block-editor-block-list__block .reusable-block-edit-panel * { + z-index: 1; +} +.block-editor-block-list__layout .block-editor-block-list__block .components-placeholder .components-with-notices-ui { + margin: -10px 0 12px 0; +} +.block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui { + margin: 0 0 12px 0; + width: 100%; +} +.block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui .components-notice { + margin-right: 0; + margin-left: 0; +} +.block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui .components-notice .components-notice__content { + font-size: 13px; +} +.block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus { + outline: none; +} +.block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus::after { + position: absolute; + z-index: 1; + pointer-events: none; + content: ""; + top: 1px; + bottom: 1px; + right: 1px; + left: 1px; + box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + border-radius: 1px; +} +.is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus::after { + box-shadow: 0 0 0 var(--wp-admin-border-width-focus) #fff; +} +.block-editor-block-list__layout .block-editor-block-list__block::after { + content: ""; + pointer-events: none; + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + border-radius: 2px; + box-shadow: 0 0 0 var(--wp-admin-border-width-focus) transparent; +} +.block-editor-block-list__layout .block-editor-block-list__block.has-warning { + min-height: 48px; +} +.block-editor-block-list__layout .block-editor-block-list__block.has-warning > * { + pointer-events: none; + -webkit-user-select: none; + user-select: none; +} +.block-editor-block-list__layout .block-editor-block-list__block.has-warning .block-editor-warning { + pointer-events: all; +} +.block-editor-block-list__layout .block-editor-block-list__block.has-warning::after { + content: ""; + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + border-radius: 2px; + background-color: rgba(255, 255, 255, 0.4); +} +.block-editor-block-list__layout .block-editor-block-list__block.has-warning.is-multi-selected::after { + background-color: transparent; +} +.block-editor-block-list__layout .block-editor-block-list__block.is-reusable > .block-editor-inner-blocks > .block-editor-block-list__layout.has-overlay::after { + display: none; +} +.block-editor-block-list__layout .block-editor-block-list__block.is-reusable > .block-editor-inner-blocks > .block-editor-block-list__layout.has-overlay .block-editor-block-list__layout.has-overlay::after { + display: block; +} +.block-editor-block-list__layout .block-editor-block-list__block.is-reusable.has-child-selected::after { + box-shadow: 0 0 0 1px var(--wp-admin-theme-color); +} +.block-editor-block-list__layout .block-editor-block-list__block[data-clear=true] { + float: none; +} +.block-editor-block-list__layout .block-editor-block-list__block .block-editor-block-list__layout .block-editor-default-block-appender .block-editor-inserter { + right: auto; + left: 8px; +} + +.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-hovered { + cursor: default; +} +.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-hovered::after { + top: 1px; + right: 1px; + left: 1px; + bottom: 1px; + box-shadow: 0 0 0 1px var(--wp-admin-theme-color); + border-radius: 1px; +} +.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-selected { + cursor: unset; +} +.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-selected::after { + box-shadow: 0 0 0 1px var(--wp-admin-theme-color); + top: 1px; + right: 1px; + left: 1px; + bottom: 1px; + border-radius: 1px; +} +.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-selected:focus::after { + box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); +} + +.is-focus-mode .block-editor-block-list__block:not(.has-child-selected) { + opacity: 0.5; + transition: opacity 0.1s linear; +} +@media (prefers-reduced-motion: reduce) { + .is-focus-mode .block-editor-block-list__block:not(.has-child-selected) { + transition-duration: 0s; + transition-delay: 0s; + } +} +.is-focus-mode .block-editor-block-list__block:not(.has-child-selected) .block-editor-block-list__block, .is-focus-mode .block-editor-block-list__block:not(.has-child-selected).is-selected, .is-focus-mode .block-editor-block-list__block:not(.has-child-selected).is-multi-selected { + opacity: 1; +} + +.is-root-container:not(.is-focus-mode) .block-editor-block-list__block.has-active-entity { + opacity: 0.5; + transition: opacity 0.1s linear; +} +@media (prefers-reduced-motion: reduce) { + .is-root-container:not(.is-focus-mode) .block-editor-block-list__block.has-active-entity { + transition-duration: 0s; + transition-delay: 0s; + } +} +.is-root-container:not(.is-focus-mode) .block-editor-block-list__block.has-active-entity.is-active-entity, .is-root-container:not(.is-focus-mode) .block-editor-block-list__block.has-active-entity.has-child-selected, .is-root-container:not(.is-focus-mode) .block-editor-block-list__block.has-active-entity:not(.has-child-selected) .block-editor-block-list__block, .is-root-container:not(.is-focus-mode) .block-editor-block-list__block.has-active-entity.is-active-entity .block-editor-block-list__block, +.is-root-container:not(.is-focus-mode) .block-editor-block-list__block.has-active-entity .is-active-entity .block-editor-block-list__block { + opacity: 1; +} + +.wp-block[data-align=left] > *, +.wp-block[data-align=right] > * { + z-index: 21; +} + +/** + * In-Canvas Inserter + */ +.block-editor-block-list .block-editor-inserter { + margin: 8px; + cursor: move; + cursor: grab; +} + +@keyframes block-editor-inserter__toggle__fade-in-animation { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +.wp-block .block-list-appender .block-editor-inserter__toggle { + animation: block-editor-inserter__toggle__fade-in-animation 0.1s ease; + animation-fill-mode: forwards; +} +@media (prefers-reduced-motion: reduce) { + .wp-block .block-list-appender .block-editor-inserter__toggle { + animation-duration: 1ms; + animation-delay: 0s; + } +} + +.block-editor-block-list__block:not(.is-selected):not(.has-child-selected) .block-editor-default-block-appender { + display: none; +} +.block-editor-block-list__block:not(.is-selected):not(.has-child-selected) .block-editor-default-block-appender .block-editor-inserter__toggle { + opacity: 0; + transform: scale(0); +} + +.block-editor-block-list__block .block-editor-block-list__block-html-textarea { + display: block; + margin: 0; + padding: 12px; + width: 100%; + border: none; + outline: none; + border-radius: 2px; + box-shadow: inset 0 0 0 1px #1e1e1e; + resize: none; + overflow: hidden; + font-family: Menlo, Consolas, monaco, monospace; + font-size: 15px; + line-height: 1.5; + transition: padding 0.2s linear; +} +@media (prefers-reduced-motion: reduce) { + .block-editor-block-list__block .block-editor-block-list__block-html-textarea { + transition-duration: 0s; + transition-delay: 0s; + } +} +.block-editor-block-list__block .block-editor-block-list__block-html-textarea:focus { + box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); +} + +/** + * Warnings. + */ +.block-editor-block-list__block .block-editor-warning { + z-index: 5; + position: relative; +} +.block-editor-block-list__block .block-editor-warning.block-editor-block-list__block-crash-warning { + margin-bottom: auto; +} + +/** + * Insertion Point. + */ +.block-editor-block-list__insertion-point { + position: absolute; +} + +.block-editor-block-list__insertion-point-indicator { + position: absolute; + background: var(--wp-admin-theme-color); + animation: block-editor-inserter__toggle__fade-in-animation-delayed 0.3s ease; + animation-fill-mode: forwards; +} +@media (prefers-reduced-motion: reduce) { + .block-editor-block-list__insertion-point-indicator { + animation-duration: 1ms; + animation-delay: 0s; + } +} +.block-editor-block-list__insertion-point.is-vertical > .block-editor-block-list__insertion-point-indicator { + top: 50%; + left: 0; + right: 0; + height: 1px; +} +.block-editor-block-list__insertion-point.is-horizontal > .block-editor-block-list__insertion-point-indicator { + top: 0; + left: 0; + right: 50%; + height: 100%; + width: 1px; +} + +.block-editor-block-list__insertion-point-inserter { + display: none; + position: absolute; + justify-content: center; + top: calc(50% - 12px); + right: calc(50% - 12px); +} +@media (min-width: 480px) { + .block-editor-block-list__insertion-point-inserter { + display: flex; + } +} + +.block-editor-block-list__block-popover-inserter { + position: absolute; + top: -9999em; + margin-bottom: 14px; +} +.block-editor-block-list__block-popover-inserter.is-visible { + position: static; +} + +.block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle.components-button.has-icon, +.block-editor-default-block-appender .block-editor-inserter__toggle.components-button.has-icon, +.block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon, +.block-editor-block-list__block-popover-inserter .block-editor-inserter__toggle.components-button.has-icon { + background: #1e1e1e; + border-radius: 2px; + color: #fff; + padding: 0; + min-width: 24px; + height: 24px; +} +.block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle.components-button.has-icon:hover, +.block-editor-default-block-appender .block-editor-inserter__toggle.components-button.has-icon:hover, +.block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon:hover, +.block-editor-block-list__block-popover-inserter .block-editor-inserter__toggle.components-button.has-icon:hover { + color: #fff; + background: var(--wp-admin-theme-color); +} + +.block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon { + background: var(--wp-admin-theme-color); +} +.block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon:hover { + background: #1e1e1e; +} + +.block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button, +.block-editor-block-list__block-popover-inserter .block-editor-inserter__toggle.components-button { + animation: block-editor-inserter__toggle__fade-in-animation-delayed 0.3s ease; + animation-fill-mode: forwards; +} +@media (prefers-reduced-motion: reduce) { + .block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button, +.block-editor-block-list__block-popover-inserter .block-editor-inserter__toggle.components-button { + animation-duration: 1ms; + animation-delay: 0s; + } +} + +@keyframes block-editor-inserter__toggle__fade-in-animation-delayed { + 0% { + opacity: 0; + } + 60% { + opacity: 0; + } + 100% { + opacity: 1; + } +} +/** + * Block Toolbar when contextual. + */ +.block-editor-block-contextual-toolbar { + display: inline-flex; + border: 1px solid #1e1e1e; + border-radius: 2px; + background-color: #fff; +} +.block-editor-block-contextual-toolbar .block-editor-block-toolbar .components-toolbar-group, +.block-editor-block-contextual-toolbar .block-editor-block-toolbar .components-toolbar { + border-left-color: #1e1e1e; +} +.block-editor-block-contextual-toolbar.is-fixed { + position: sticky; + top: 0; + width: 100%; + z-index: 31; + min-height: 48px; + display: block; + border: none; + border-bottom: 1px solid #e0e0e0; + border-radius: 0; +} +.block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar .components-toolbar-group, +.block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar .components-toolbar { + border-left-color: #e0e0e0; +} +.block-editor-block-contextual-toolbar .block-editor-block-mover-button { + overflow: hidden; +} +.block-editor-block-contextual-toolbar .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.block-editor-block-mover-button { + min-width: 24px; + width: 24px; +} +.block-editor-block-contextual-toolbar .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.block-editor-block-mover-button svg { + min-width: 24px; +} + +.block-editor-block-contextual-toolbar .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover-button:focus::before { + right: 0 !important; + min-width: 0; + width: 100%; +} +@media (min-width: 600px) { + .block-editor-block-contextual-toolbar .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover-button.is-up-button svg { + top: 5px; + } + .block-editor-block-contextual-toolbar .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover-button.is-down-button svg { + bottom: 5px; + } +} + +/** + * Block Label for Navigation/Selection Mode + */ +.block-editor-block-list__block-selection-button { + display: inline-flex; + padding: 0 13px; + z-index: 22; + border-radius: 2px; + background-color: #1e1e1e; + font-size: 13px; + height: 48px; +} +.block-editor-block-list__block-selection-button .block-editor-block-list__block-selection-button__content { + margin: auto; + display: inline-flex; + align-items: center; +} +.block-editor-block-list__block-selection-button .block-editor-block-list__block-selection-button__content > .components-flex__item { + margin-left: 6px; +} +.block-editor-block-list__block-selection-button .components-button.has-icon.block-selection-button_drag-handle { + cursor: grab; + padding: 0; + height: 24px; + min-width: 24px; +} +.block-editor-block-list__block-selection-button .components-button.has-icon.block-selection-button_drag-handle svg { + min-width: 18px; + min-height: 18px; +} +.block-editor-block-list__block-selection-button .block-editor-block-icon { + font-size: 13px; + color: #fff; + height: 48px; +} +.block-editor-block-list__block-selection-button .components-button { + min-width: 36px; + color: #fff; + height: 48px; + display: flex; +} +.block-editor-block-list__block-selection-button .components-button:focus { + box-shadow: none; + border: none; +} +.block-editor-block-list__block-selection-button .components-button:active { + color: #fff; +} +.block-editor-block-list__block-selection-button .block-selection-button_select-button.components-button { + padding: 0; +} + +/** + * Popovers. + */ +.block-editor-block-list__insertion-point-popover.is-without-arrow { + z-index: 28; + position: absolute; + pointer-events: none; +} +.block-editor-block-list__insertion-point-popover.is-without-arrow * { + pointer-events: none; +} +.block-editor-block-list__insertion-point-popover.is-without-arrow .is-with-inserter { + pointer-events: all; +} +.block-editor-block-list__insertion-point-popover.is-without-arrow .is-with-inserter * { + pointer-events: all; +} +.block-editor-block-list__insertion-point-popover.is-without-arrow .components-popover__content.components-popover__content { + background: none; + border: none; + box-shadow: none; + overflow-y: visible; + margin-right: 0; +} + +@keyframes hide-during-dragging { + to { + position: fixed; + transform: translate(-9999px, 9999px); + } +} +.components-popover.block-editor-block-list__block-popover { + z-index: 31; + position: absolute; +} +.components-popover.block-editor-block-list__block-popover .components-popover__content { + margin: 0 !important; + min-width: auto; + width: max-content; + background: none; + border: none; + box-shadow: none; + overflow-y: visible; + pointer-events: none; +} +.components-popover.block-editor-block-list__block-popover .components-popover__content .block-editor-block-list__block-selection-button, +.components-popover.block-editor-block-list__block-popover .components-popover__content .block-editor-block-contextual-toolbar, +.components-popover.block-editor-block-list__block-popover .components-popover__content .block-editor-block-list__empty-block-inserter { + pointer-events: all; +} +.components-popover.block-editor-block-list__block-popover .components-popover__content .block-editor-block-list__block-selection-button, +.components-popover.block-editor-block-list__block-popover .components-popover__content .block-editor-block-contextual-toolbar { + margin-top: 12px; + margin-bottom: 12px; +} +.components-popover.block-editor-block-list__block-popover.is-insertion-point-visible { + visibility: hidden; +} +.is-dragging-components-draggable .components-popover.block-editor-block-list__block-popover { + opacity: 0; + animation: hide-during-dragging 1ms linear forwards; +} + +.is-dragging-components-draggable .components-tooltip { + display: none; +} + +.block-editor-block-list__block .block-list-appender { + align-self: center; + padding: 0; + list-style: none; + margin: 0 0 0 auto; +} +.block-editor-block-list__block .block-list-appender.wp-block { + max-width: none; +} +.block-editor-block-list__block .block-list-appender .block-editor-default-block-appender { + margin: 8px 0; +} +.block-editor-block-list__block .block-list-appender .block-list-appender__toggle { + padding: 0; + opacity: 1; + transform: scale(1); + transition: all 0.1s ease; + margin-right: 8px; +} +@media (prefers-reduced-motion: reduce) { + .block-editor-block-list__block .block-list-appender .block-list-appender__toggle { + transition-duration: 0s; + transition-delay: 0s; + } +} +.block-editor-block-list__block .block-list-appender:first-of-type .block-list-appender__toggle { + margin-right: 0; +} + +.is-vertical .block-list-appender { + width: 24px; + margin-left: auto; + margin-top: 12px; + margin-right: 12px; +} + +.block-list-appender > .block-editor-inserter { + display: block; +} + +.block-editor-block-list__block:not(.is-selected):not(.has-child-selected):not(.block-editor-block-list__layout) .block-editor-block-list__layout > .block-list-appender .block-list-appender__toggle { + opacity: 0; + transform: scale(0); +} + +.block-editor-block-breadcrumb { + list-style: none; + padding: 0; + margin: 0; +} +.block-editor-block-breadcrumb li { + display: inline-block; + margin: 0; +} +.block-editor-block-breadcrumb li:not(:last-child)::after { + content: "←"; +} + +.block-editor-block-breadcrumb__button.components-button { + height: 24px; + line-height: 24px; + padding: 0; + position: relative; +} +.block-editor-block-breadcrumb__button.components-button:hover:not(:disabled) { + text-decoration: underline; + box-shadow: none; +} +.block-editor-block-breadcrumb__button.components-button:focus { + box-shadow: none; +} +.block-editor-block-breadcrumb__button.components-button:focus::before { + content: ""; + display: block; + position: absolute; + border-radius: 2px; + top: 1px; + left: 1px; + bottom: 1px; + right: 1px; + box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); +} + +.block-editor-block-breadcrumb__current { + cursor: default; +} + +.block-editor-block-breadcrumb__button.components-button, +.block-editor-block-breadcrumb__current { + color: #1e1e1e; + padding: 0 8px; + font-size: inherit; +} + +.block-editor-block-card { + display: flex; + align-items: flex-start; +} + +.block-editor-block-card__content { + flex-grow: 1; + margin-bottom: 4px; +} + +.block-editor-block-card__title { + font-weight: 500; +} +.block-editor-block-card__title.block-editor-block-card__title { + line-height: 24px; + margin: 0 0 4px; +} + +.block-editor-block-card__description { + font-size: 13px; +} + +.block-editor-block-card .block-editor-block-icon { + flex: 0 0 24px; + margin-right: 0; + margin-left: 12px; + width: 24px; + height: 24px; +} + +/** + * Invalid block comparison + */ +.block-editor-block-compare { + overflow: auto; + height: auto; +} +@media (min-width: 600px) { + .block-editor-block-compare { + max-height: 70%; + } +} + +.block-editor-block-compare__wrapper { + display: flex; + padding-bottom: 16px; +} +.block-editor-block-compare__wrapper > div { + display: flex; + justify-content: space-between; + flex-direction: column; + width: 50%; + padding: 0 0 0 16px; + min-width: 200px; +} +.block-editor-block-compare__wrapper > div button { + float: left; +} +.block-editor-block-compare__wrapper .block-editor-block-compare__converted { + border-right: 1px solid #ddd; + padding-right: 15px; + padding-left: 0; +} +.block-editor-block-compare__wrapper .block-editor-block-compare__html { + font-family: Menlo, Consolas, monaco, monospace; + font-size: 12px; + color: #1e1e1e; + border-bottom: 1px solid #ddd; + padding-bottom: 15px; + line-height: 1.7; +} +.block-editor-block-compare__wrapper .block-editor-block-compare__html span { + background-color: #e6ffed; + padding-top: 3px; + padding-bottom: 3px; +} +.block-editor-block-compare__wrapper .block-editor-block-compare__html span.block-editor-block-compare__added { + background-color: #acf2bd; +} +.block-editor-block-compare__wrapper .block-editor-block-compare__html span.block-editor-block-compare__removed { + background-color: #cc1818; +} +.block-editor-block-compare__wrapper .block-editor-block-compare__preview { + padding: 0; + padding-top: 16px; +} +.block-editor-block-compare__wrapper .block-editor-block-compare__preview p { + font-size: 12px; + margin-top: 0; +} +.block-editor-block-compare__wrapper .block-editor-block-compare__action { + margin-top: 16px; +} +.block-editor-block-compare__wrapper .block-editor-block-compare__heading { + font-size: 1em; + font-weight: 400; + margin: 0.67em 0; +} + +.block-editor-block-draggable-chip-wrapper { + position: absolute; + top: -24px; + right: 0; +} + +.block-editor-block-draggable-chip { + background-color: #1e1e1e; + border-radius: 2px; + box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3); + color: #fff; + cursor: grabbing; + display: inline-flex; + height: 48px; + padding: 0 13px; + -webkit-user-select: none; + user-select: none; +} +.block-editor-block-draggable-chip svg { + fill: currentColor; +} +.block-editor-block-draggable-chip .block-editor-block-draggable-chip__content { + margin: auto; + justify-content: flex-start; +} +.block-editor-block-draggable-chip .block-editor-block-draggable-chip__content > .components-flex__item { + margin-left: 6px; +} +.block-editor-block-draggable-chip .block-editor-block-draggable-chip__content > .components-flex__item:last-child { + margin-left: 0; +} +.block-editor-block-draggable-chip .block-editor-block-draggable-chip__content .block-editor-block-icon svg { + min-width: 18px; + min-height: 18px; +} +.block-editor-block-draggable-chip .components-flex__item { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + font-size: 13px; +} + +.is-dragging { + display: none !important; +} + +.block-editor-block-mobile-toolbar { + display: flex; + flex-direction: row; + border-left: 1px solid #ddd; +} +.block-editor-block-mobile-toolbar .block-editor-block-mover-button { + width: 36px; + height: 36px; + border-radius: 2px; + padding: 3px; + margin: 0; + justify-content: center; + align-items: center; +} +.block-editor-block-mobile-toolbar .block-editor-block-mover-button .dashicon { + margin: auto; +} +.block-editor-block-mobile-toolbar .block-editor-block-mover { + display: flex; + margin-left: auto; +} +.block-editor-block-mobile-toolbar .block-editor-block-mover .block-editor-block-mover-button { + float: right; +} + +.block-editor-block-mover-button__description { + display: none; +} + +.block-editor-block-mover-button.has-icon { + padding: 0; +} + +.block-editor-block-mover { + display: inline-flex; + flex-direction: row; +} +.block-editor-block-mover .block-editor-block-mover__move-button-container, +.block-editor-block-mover .components-toolbar { + flex: 1; + flex-direction: row; + border-left: none !important; +} +@media (min-width: 600px) { + .block-editor-block-mover .block-editor-block-mover__move-button-container, +.block-editor-block-mover .components-toolbar { + flex-direction: column; + } +} +.block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container, .block-editor-block-mover.is-horizontal .components-toolbar { + flex-direction: row; +} +.block-editor-block-mover .block-editor-block-mover-button.block-editor-block-mover-button { + padding-left: 0; + padding-right: 0; + min-width: 36px; +} +@media (min-width: 600px) { + .block-editor-block-mover .block-editor-block-mover-button { + height: 24px; + width: 42px; + padding-left: 11px !important; + padding-right: 6px !important; + } + .block-editor-block-mover .block-editor-block-mover-button.block-editor-block-mover-button { + min-width: 42px; + } +} +@media (min-width: 600px) { + .block-editor-block-mover .block-editor-block-mover-button::before { + right: 8px !important; + left: 8px !important; + } +} +.block-editor-block-mover .block-editor-block-mover__drag-handle { + width: 24px; + cursor: grab; + min-width: 24px !important; + padding: 0 !important; +} +.block-editor-block-mover .block-editor-block-mover__drag-handle:focus::before { + right: 0 !important; + left: 0 !important; +} +@media (min-width: 600px) { + .block-editor-block-mover .components-toolbar-group .block-editor-block-mover-button, +.block-editor-block-mover .components-toolbar .block-editor-block-mover-button { + margin: 0 0 0 auto; + } + .block-editor-block-mover .components-toolbar-group .block-editor-block-mover-button.is-up-button::before, +.block-editor-block-mover .components-toolbar .block-editor-block-mover-button.is-up-button::before { + bottom: 0; + height: calc(100% - 1px); + } + .block-editor-block-mover .components-toolbar-group .block-editor-block-mover-button.is-down-button::before, +.block-editor-block-mover .components-toolbar .block-editor-block-mover-button.is-down-button::before { + top: 0; + height: calc(100% - 1px); + } +} +.block-editor-block-mover.is-horizontal .block-editor-block-mover-button.has-icon { + height: 48px; + width: 24px; + padding-right: 0; + padding-left: 0; +} +.block-editor-block-mover.is-horizontal .block-editor-block-mover-button.has-icon::before { + top: 1px; + bottom: 1px; + min-width: 0; + width: auto; + height: auto; +} +.block-editor-block-mover.is-horizontal .block-editor-block-mover-button.is-up-button.has-icon svg { + margin-right: 0; + margin-left: -8px; + margin-bottom: 0; +} +.block-editor-block-mover.is-horizontal .block-editor-block-mover-button.is-up-button.has-icon::before { + right: 0 !important; + left: 0 !important; +} +.block-editor-block-mover.is-horizontal .block-editor-block-mover-button.is-down-button.has-icon svg { + margin-right: -8px; + margin-left: 0; + margin-top: 0; +} +.block-editor-block-mover.is-horizontal .block-editor-block-mover-button.is-down-button.has-icon::before { + right: 0 !important; + left: 0 !important; + width: calc(100% + 1px); +} + +.block-editor-block-navigation__label { + margin: 0 0 12px; + color: #757575; + text-transform: uppercase; + font-size: 11px; + font-weight: 500; +} + +.block-editor-block-navigation__container { + min-width: 280px; +} + +.block-editor-block-navigation-tree { + width: 100%; + border-collapse: collapse; + padding: 0; + margin: 0; +} +.components-modal__content .block-editor-block-navigation-tree { + margin: -12px -6px 0; + width: calc(100% + 12px); +} + +.block-editor-block-navigation-leaf { + position: relative; +} +.block-editor-block-navigation-leaf.is-selected .block-editor-block-navigation-block-contents { + background: var(--wp-admin-theme-color); + color: #fff; +} +.block-editor-block-navigation-leaf.is-selected .block-editor-block-navigation-block-contents:focus { + box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); +} +.block-editor-block-navigation-leaf.is-branch-selected.is-selected .block-editor-block-navigation-block-contents { + border-radius: 2px 2px 0 0; +} +.block-editor-block-navigation-leaf.is-branch-selected:not(.is-selected) .block-editor-block-navigation-block-contents { + background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), linear-gradient(var(--wp-admin-theme-color), var(--wp-admin-theme-color)); + border-radius: 0; +} +.block-editor-block-navigation-leaf.is-branch-selected.is-last-of-selected-branch .block-editor-block-navigation-block-contents { + border-radius: 0 0 2px 2px; +} +.block-editor-block-navigation-leaf.is-dragging { + display: none; +} +.block-editor-block-navigation-leaf .block-editor-block-navigation-block-contents { + display: flex; + align-items: center; + width: 100%; + height: auto; + padding: 6px 12px; + text-align: right; + color: #1e1e1e; + border-radius: 2px; + position: relative; + white-space: nowrap; +} +.block-editor-block-navigation-leaf .block-editor-block-navigation-block-contents:hover, .block-editor-block-navigation-leaf .block-editor-block-navigation-block-contents:focus { + box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); +} +.block-editor-block-navigation-leaf .block-editor-block-navigation-block-contents:focus { + z-index: 1; +} +.block-editor-block-navigation-leaf .block-editor-block-navigation-block-contents.is-dropping-before::before { + content: ""; + position: absolute; + pointer-events: none; + transition: border-color 0.1s linear, border-style 0.1s linear, box-shadow 0.1s linear; + top: -2px; + left: 0; + right: 0; + border-top: 4px solid var(--wp-admin-theme-color); +} +.block-editor-block-navigation-leaf .block-editor-block-navigation-block-contents.is-dropping-after::before { + content: ""; + position: absolute; + pointer-events: none; + transition: border-color 0.1s linear, border-style 0.1s linear, box-shadow 0.1s linear; + bottom: -2px; + left: 0; + right: 0; + border-bottom: 4px solid var(--wp-admin-theme-color); +} +.block-editor-block-navigation-leaf .block-editor-block-navigation-block-contents.is-dropping-to-inner-blocks::before { + content: ""; + position: absolute; + pointer-events: none; + transition: border-color 0.1s linear, border-style 0.1s linear, box-shadow 0.1s linear; + bottom: -2px; + left: 0; + right: 24px; + border-bottom: 4px solid var(--wp-admin-theme-color); +} +.components-modal__content .block-editor-block-navigation-leaf .block-editor-block-navigation-block-contents { + padding-right: 0; + padding-left: 0; +} +.block-editor-block-navigation-leaf.is-visible .block-editor-block-navigation-block-contents { + opacity: 1; + animation: edit-post__fade-in-animation 0.2s ease-out 0s; + animation-fill-mode: forwards; +} +@media (prefers-reduced-motion: reduce) { + .block-editor-block-navigation-leaf.is-visible .block-editor-block-navigation-block-contents { + animation-duration: 1ms; + animation-delay: 0s; + } +} +.block-editor-block-navigation-leaf .block-editor-block-icon { + align-self: flex-start; + margin-left: 10px; + width: 20px; +} +.block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell, +.block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell, +.block-editor-block-navigation-leaf .block-editor-block-navigation-block__contents-cell { + padding-top: 0; + padding-bottom: 0; +} +.block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell, +.block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell { + line-height: 0; + width: 36px; + opacity: 0; + vertical-align: top; +} +@media (prefers-reduced-motion: reduce) { + .block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell, +.block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell { + transition-duration: 0s; + transition-delay: 0s; + } +} +.block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell:hover, .block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell.is-visible, +.block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell:hover, +.block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell.is-visible { + position: relative; + z-index: 1; + opacity: 1; + animation: edit-post__fade-in-animation 0.2s ease-out 0s; + animation-fill-mode: forwards; +} +@media (prefers-reduced-motion: reduce) { + .block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell:hover, .block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell.is-visible, +.block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell:hover, +.block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell.is-visible { + animation-duration: 1ms; + animation-delay: 0s; + } +} +.block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell, +.block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell .components-button.has-icon, +.block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell, +.block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell .components-button.has-icon { + width: 24px; + min-width: 24px; + padding: 0; +} +.block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell { + padding-top: 8px; +} +.block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell-alignment-wrapper { + display: flex; + height: 100%; + flex-direction: column; + align-items: center; +} +.block-editor-block-navigation-leaf .block-editor-block-mover-button { + position: relative; + width: 36px; + height: 24px; +} +.block-editor-block-navigation-leaf .block-editor-block-mover-button svg { + position: relative; + height: 24px; +} +.block-editor-block-navigation-leaf .block-editor-block-mover-button.is-up-button { + margin-top: -6px; + align-items: flex-end; +} +.block-editor-block-navigation-leaf .block-editor-block-mover-button.is-up-button svg { + bottom: -4px; +} +.block-editor-block-navigation-leaf .block-editor-block-mover-button.is-down-button { + margin-bottom: -6px; + align-items: flex-start; +} +.block-editor-block-navigation-leaf .block-editor-block-mover-button.is-down-button svg { + top: -4px; +} +.block-editor-block-navigation-leaf .block-editor-block-mover-button:focus:enabled { + box-shadow: none; + outline: none; +} +.block-editor-block-navigation-leaf .block-editor-block-mover-button:focus { + box-shadow: none; + outline: none; +} +.block-editor-block-navigation-leaf .block-editor-block-mover-button:focus::before { + box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 4px #fff; + outline: 2px solid transparent; +} +.block-editor-block-navigation-leaf .block-editor-block-mover-button::before { + content: ""; + position: absolute; + display: block; + border-radius: 2px; + height: 16px; + min-width: 100%; + right: 0; + left: 0; + animation: components-button__appear-animation 0.1s ease; + animation-fill-mode: forwards; +} +@media (prefers-reduced-motion: reduce) { + .block-editor-block-navigation-leaf .block-editor-block-mover-button::before { + animation-duration: 1ms; + animation-delay: 0s; + } +} +.block-editor-block-navigation-leaf .block-editor-inserter__toggle { + background: #1e1e1e; + color: #fff; + height: 24px; + margin: 6px 1px 6px 6px; + min-width: 24px; +} +.block-editor-block-navigation-leaf .block-editor-inserter__toggle:active { + color: #fff; +} +.block-editor-block-navigation-leaf .block-editor-block-navigation-block-select-button__anchor { + background: rgba(0, 0, 0, 0.1); + border-radius: 2px; + display: inline-block; + padding: 2px 6px; + margin: 0 8px; + max-width: 120px; + overflow: hidden; + text-overflow: ellipsis; +} +.block-editor-block-navigation-leaf.is-selected .block-editor-block-navigation-block-select-button__anchor { + background: rgba(0, 0, 0, 0.3); +} + +.block-editor-block-navigation-block-slot__description, +.block-editor-block-navigation-block-select-button__description, +.block-editor-block-navigation-appender__description { + display: none; +} + +.block-editor-block-navigation-block__contents-cell .block-editor-block-navigation-block__contents-container, +.block-editor-block-navigation-block__contents-cell .block-editor-block-navigation-appender__container, +.block-editor-block-navigation-appender__cell .block-editor-block-navigation-block__contents-container, +.block-editor-block-navigation-appender__cell .block-editor-block-navigation-appender__container { + display: flex; +} + +.block-editor-block-navigation-leaf[aria-level] .block-editor-block-icon { + margin-right: 224px; +} + +.block-editor-block-navigation-leaf[aria-level="1"] .block-editor-block-icon { + margin-right: 0px; +} + +.block-editor-block-navigation-leaf[aria-level="2"] .block-editor-block-icon { + margin-right: 28px; +} + +.block-editor-block-navigation-leaf[aria-level="3"] .block-editor-block-icon { + margin-right: 56px; +} + +.block-editor-block-navigation-leaf[aria-level="4"] .block-editor-block-icon { + margin-right: 84px; +} + +.block-editor-block-navigation-leaf[aria-level="5"] .block-editor-block-icon { + margin-right: 112px; +} + +.block-editor-block-navigation-leaf[aria-level="6"] .block-editor-block-icon { + margin-right: 140px; +} + +.block-editor-block-navigation-leaf[aria-level="7"] .block-editor-block-icon { + margin-right: 168px; +} + +.block-editor-block-navigation-leaf[aria-level="8"] .block-editor-block-icon { + margin-right: 196px; +} + +.block-editor-block-navigation-leaf[aria-level="9"] .block-editor-block-icon { + margin-right: 224px; +} + +.block-editor-block-parent-selector { + background: #fff; + border-radius: 2px; +} +.block-editor-block-parent-selector .block-editor-block-parent-selector__button { + width: 48px; + height: 48px; + border: 1px solid #1e1e1e; + border-radius: 2px; +} + +.block-editor-block-patterns-list__list-item { + cursor: pointer; + margin-top: 16px; +} +.block-editor-block-patterns-list__list-item.is-placeholder { + min-height: 100px; +} +.block-editor-block-patterns-list__list-item[draggable=true] .block-editor-block-preview__container { + cursor: grab; +} + +.block-editor-block-patterns-list__item { + height: 100%; + border-radius: 2px; + transition: all 0.05s ease-in-out; + position: relative; + border: 1px solid transparent; +} +.block-editor-block-patterns-list__item:hover { + border: 1px solid var(--wp-admin-theme-color); +} +.block-editor-block-patterns-list__item:focus { + box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + outline: 2px solid transparent; +} + +.block-editor-block-patterns-list__item-title { + padding: 4px; + font-size: 12px; + text-align: center; +} + +.block-editor-block-preview__container { + position: relative; + width: 100%; + overflow: hidden; +} +.block-editor-block-preview__container.editor-styles-wrapper { + padding: 0; + margin: 0; +} +.block-editor-block-preview__container .block-editor-block-preview__content { + position: absolute; + top: 0; + right: 0; + transform-origin: top right; + text-align: initial; + margin: 0; + overflow: visible; + min-height: auto; +} +.block-editor-block-preview__container .block-editor-block-preview__content .block-editor-block-list__insertion-point, +.block-editor-block-preview__container .block-editor-block-preview__content .block-editor-block-drop-zone, +.block-editor-block-preview__container .block-editor-block-preview__content .reusable-block-indicator, +.block-editor-block-preview__container .block-editor-block-preview__content .block-list-appender { + display: none; +} +.block-editor-block-preview__container .block-editor-block-preview__content .block-editor-block-list__layout.is-root-container { + padding-right: 0; + padding-left: 0; +} +.block-editor-block-preview__container .block-editor-block-preview__content .block-editor-block-list__layout.is-root-container > .wp-block[data-align=full] { + margin-right: 0; + margin-left: 0; +} + +.block-editor-block-settings-menu__popover .components-dropdown-menu__menu { + padding: 0; +} + +.block-editor-block-styles { + display: flex; + flex-wrap: wrap; + justify-content: space-between; +} + +.block-editor-block-styles__item { + width: calc(50% - 4px); + margin: 4px 0; + flex-shrink: 0; + cursor: pointer; + overflow: hidden; + border-radius: 2px; + padding: 6px; + display: flex; + flex-direction: column; +} +.block-editor-block-styles__item:focus { + box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + outline: 2px solid transparent; +} +.block-editor-block-styles__item:hover .block-editor-block-styles__item-preview { + border-color: var(--wp-admin-theme-color); +} +.block-editor-block-styles__item.is-active .block-editor-block-styles__item-label { + font-weight: bold; +} +.block-editor-block-styles__item.is-active .block-editor-block-styles__item-preview { + margin: 0; + border: 2px solid #1e1e1e; +} +.block-editor-block-styles__item .block-editor-block-preview__container { + cursor: inherit; +} + +.block-editor-block-styles__item-preview { + outline: 1px solid transparent; + padding: 0; + margin: 2px; + border-radius: 2px; + display: flex; + overflow: hidden; + background: #fff; + align-items: center; + flex-grow: 1; + min-height: 80px; + max-height: 160px; +} + +.block-editor-block-switcher__styles__menugroup { + position: relative; +} + +.block-editor-block-styles__item-label { + text-align: center; + padding: 4px 0; +} + +.block-editor-block-switcher { + position: relative; +} + +.block-editor-block-switcher__no-switcher-icon, +.block-editor-block-switcher__toggle { + position: relative; +} + +.components-button.block-editor-block-switcher__toggle, +.components-button.block-editor-block-switcher__no-switcher-icon { + margin: 0; + display: block; + height: 48px; +} +.components-button.block-editor-block-switcher__toggle .block-editor-block-icon, +.components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-icon { + margin: auto; +} + +.block-editor-block-switcher__toggle-text { + margin-right: 8px; +} +.show-icon-labels .block-editor-block-switcher__toggle-text { + display: none; +} + +.show-icon-labels .block-editor-block-toolbar .block-editor-block-switcher .components-button.has-icon::after { + font-size: 14px; +} + +.block-editor-block-switcher__popover { + margin-right: 6px; +} + +.components-button.block-editor-block-switcher__no-switcher-icon { + width: 48px; +} +.components-button.block-editor-block-switcher__no-switcher-icon .block-editor-blocks-icon { + margin-left: auto; + margin-right: auto; +} + +.components-button.block-editor-block-switcher__no-switcher-icon:disabled { + opacity: 1; +} +.components-button.block-editor-block-switcher__no-switcher-icon:disabled, +.components-button.block-editor-block-switcher__no-switcher-icon:disabled .block-editor-block-icon.has-colors { + color: #1e1e1e; +} + +.block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon .block-editor-block-icon, +.block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon .block-editor-block-icon, +.block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__toggle.has-icon.has-icon .block-editor-block-icon, +.block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__toggle.has-icon.has-icon .block-editor-block-icon { + height: 100%; + position: relative; + margin: 0 auto; + display: flex; + align-items: center; + min-width: 100%; +} +.block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon::before, +.block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon::before, +.block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__toggle.has-icon.has-icon::before, +.block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__toggle.has-icon.has-icon::before { + top: 8px; + left: 8px; + bottom: 8px; + right: 8px; +} + +.components-popover.block-editor-block-switcher__popover .components-popover__content { + min-width: 300px; +} + +.components-popover.block-editor-block-switcher__popover .components-popover__content > div { + min-width: auto; + display: flex; + background: #fff; + padding: 0; +} +.components-popover.block-editor-block-switcher__popover .components-popover__content > div .components-menu-group { + margin: 0; +} + +.block-editor-block-switcher__popover .components-popover__content .block-editor-block-styles { + margin: 0 -3px; +} +.block-editor-block-switcher__popover .components-popover__content .components-panel__body { + border: 0; + position: relative; + z-index: 1; +} +.block-editor-block-switcher__popover .components-popover__content .components-panel__body + .components-panel__body { + border-top: 1px solid #e0e0e0; +} + +.block-editor-block-switcher__popover__preview__parent .block-editor-block-switcher__popover__preview__container { + position: absolute; + top: -12px; + right: calc(100% + 32px); +} + +.block-editor-block-switcher__preview__popover { + display: none; +} +.block-editor-block-switcher__preview__popover.components-popover { + margin-right: 4px; + margin-top: 11px; +} +@media (min-width: 782px) { + .block-editor-block-switcher__preview__popover { + display: block; + } +} +.block-editor-block-switcher__preview__popover .components-popover__content { + box-shadow: none; + border: 1px solid #1e1e1e; + background: #fff; + border-radius: 2px; +} +.block-editor-block-switcher__preview__popover .block-editor-block-switcher__preview { + width: 300px; + height: auto; + max-height: 500px; + padding: 16px; +} + +.block-editor-block-switcher__preview-title { + margin-bottom: 12px; + color: #757575; + text-transform: uppercase; + font-size: 11px; + font-weight: 500; +} + +.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon { + width: 48px; +} +.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon, +.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle { + height: 48px; +} +.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-icon, +.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-switcher__transform, +.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle .block-editor-block-icon, +.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle .block-editor-block-switcher__transform { + width: 48px; + height: 48px; +} +.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-switcher__transform, +.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle .block-editor-block-switcher__transform { + padding: 12px; +} + +.block-editor-block-switcher__preview-patterns-container { + padding-bottom: 16px; +} +.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item { + margin-top: 16px; +} +.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-preview__container { + cursor: pointer; +} +.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item { + height: 100%; + border-radius: 2px; + transition: all 0.05s ease-in-out; + position: relative; + border: 1px solid transparent; +} +.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item:hover, .block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item:focus { + box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + outline: 2px solid transparent; +} +.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item:hover { + box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) #1e1e1e; +} +.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item .block-editor-block-switcher__preview-patterns-container-list__item-title { + padding: 4px; + font-size: 12px; + text-align: center; + cursor: pointer; +} + +.block-editor-block-types-list > [role=presentation] { + padding: 4px; + margin-right: -4px; + margin-left: -4px; + overflow: hidden; + display: flex; + flex-wrap: wrap; +} + +.block-editor-block-variation-picker .components-placeholder__instructions { + margin-bottom: 0; +} +.block-editor-block-variation-picker .components-placeholder__fieldset { + flex-direction: column; +} +.block-editor-block-variation-picker.has-many-variations .components-placeholder__fieldset { + max-width: 90%; +} + +.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations { + display: flex; + justify-content: flex-start; + flex-direction: row; + flex-wrap: wrap; + width: 100%; + margin: 16px 0; + padding: 0; + list-style: none; +} +.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations > li { + list-style: none; + margin: 8px 0 0 20px; + flex-shrink: 1; + width: 75px; + text-align: center; +} +.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations > li button { + display: inline-flex; + margin-left: 0; +} +.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations .block-editor-block-variation-picker__variation { + padding: 8px; +} +.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations .block-editor-block-variation-picker__variation-label { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + font-size: 12px; + display: block; + line-height: 1.4; +} + +.block-editor-block-variation-picker__variation { + width: 100%; +} +.block-editor-block-variation-picker__variation.components-button.has-icon { + justify-content: center; + width: auto; +} +.block-editor-block-variation-picker__variation.components-button.has-icon.is-secondary { + background-color: #fff; +} +.block-editor-block-variation-picker__variation.components-button { + height: auto; + padding: 0; +} +.block-editor-block-variation-picker__variation::before { + content: ""; + padding-bottom: 100%; +} +.block-editor-block-variation-picker__variation:first-child { + margin-right: 0; +} +.block-editor-block-variation-picker__variation:last-child { + margin-left: 0; +} + +.block-editor-block-pattern-setup { + display: flex; + flex-direction: column; + justify-content: center; + align-items: flex-start; + width: 100%; + border-radius: 2px; + box-shadow: inset 0 0 0 1px #1e1e1e; + outline: 1px solid transparent; +} +.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__toolbar { + justify-content: center; +} +.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container { + display: grid; + grid-template-columns: 1fr 1fr; + grid-gap: 16px; + padding: 16px; + max-height: 550px; + overflow: auto; + margin: 0 1px 1px 1px; + width: calc(100% - 2px); + background: #fff; +} +.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-preview__container, +.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container div[role=button] { + cursor: pointer; +} +.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__item-title { + padding: 4px; + font-size: 12px; + text-align: center; +} +.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-preview__container { + border-radius: 2px; + border: 1px solid #ddd; +} +.block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar { + box-sizing: border-box; + position: relative; + padding: 16px; + width: 100%; + text-align: right; + margin: 0; + color: #1e1e1e; + border-radius: 2px 2px 0 0; + background-color: #fff; + box-shadow: inset 0 0 0 1px #1e1e1e; + outline: 1px solid transparent; + display: flex; + flex-direction: row; + align-items: center; + justify-content: space-between; +} +.block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__display-controls { + display: flex; +} +.block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__navigation, +.block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__actions { + width: calc(50% - 36px); + display: flex; +} +.block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__actions { + justify-content: flex-end; +} +.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container { + display: flex; + flex-direction: column; + width: 100%; + box-sizing: border-box; +} +.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container { + overflow: hidden; + position: relative; + padding: 0; + margin: 0; + list-style: none; + transform-style: preserve-3d; +} +.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container * { + box-sizing: border-box; +} +.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide { + opacity: 0; + position: absolute; + top: 0; + width: 100%; + margin: auto; + padding: 16px; + transition: transform 0.5s, opacity 0.5s, z-index 0.5s; + z-index: 100; +} +.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide.active-slide { + opacity: 1; + position: relative; + z-index: 102; +} +.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide.previous-slide { + transform: translateX(100%); + z-index: 101; +} +.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide.next-slide { + transform: translateX(-100%); + z-index: 101; +} +.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .block-list-appender { + display: none; +} + +.block-editor-block-variation-transforms { + padding: 0 56px 16px 16px; + width: 100%; +} +.block-editor-block-variation-transforms .components-dropdown-menu__toggle { + border: 1px solid #757575; + border-radius: 2px; + min-height: 30px; + width: 100%; + position: relative; + text-align: right; + justify-content: left; + padding: 6px 12px; +} +.block-editor-block-variation-transforms .components-dropdown-menu__toggle.components-dropdown-menu__toggle { + padding-left: 24px; +} +.block-editor-block-variation-transforms .components-dropdown-menu__toggle:focus:not(:disabled) { + border-color: var(--wp-admin-theme-color); + box-shadow: 0 0 0 calc(var(--wp-admin-border-width-focus) - 1px) var(--wp-admin-theme-color); +} +.block-editor-block-variation-transforms .components-dropdown-menu__toggle svg { + height: 100%; + padding: 0; + position: absolute; + left: 0; + top: 0; +} + +.block-editor-block-variation-transforms__popover .components-popover__content { + min-width: 230px; +} + +.components-border-style-control__select { + margin-bottom: 24px; +} +.components-border-style-control__select button { + width: 100%; +} +.components-border-style-control__select ul li, +.components-border-style-control__select ul li:last-child { + margin: 6px; +} + +.block-editor-button-block-appender { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + padding: 8px; + width: 100%; + height: auto; + color: #1e1e1e; + box-shadow: inset 0 0 0 1px #1e1e1e; +} +.is-dark-theme .block-editor-button-block-appender { + color: rgba(255, 255, 255, 0.65); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.65); +} +.block-editor-button-block-appender:hover { + color: var(--wp-admin-theme-color); + box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color); +} +.block-editor-button-block-appender:focus { + box-shadow: inset 0 0 0 2px var(--wp-admin-theme-color); +} +.block-editor-button-block-appender:active { + color: #000; +} +.block-editor-button-block-appender.block-list-appender__toggle { + display: flex; + flex-direction: row; + box-shadow: none; + height: 24px; + width: 24px; +} +.block-editor-button-block-appender.block-list-appender__toggle > svg { + width: 24px; + background-color: #1e1e1e; + color: #fff; + border-radius: 2px; + flex: 1 0 auto; +} + +.block-editor-color-gradient-control .block-editor-color-gradient-control__color-indicator { + margin-bottom: 12px; +} +.block-editor-color-gradient-control .block-editor-color-gradient-control__button-tabs { + display: block; + margin-bottom: 12px; +} + +.block-editor-panel-color-gradient-settings .component-color-indicator { + vertical-align: text-bottom; +} +.block-editor-panel-color-gradient-settings__panel-title .component-color-indicator { + display: inline-block; +} +.block-editor-panel-color-gradient-settings.is-opened .block-editor-panel-color-gradient-settings__panel-title .component-color-indicator { + display: none; +} +@media screen and (min-width: 782px) { + .block-editor-panel-color-gradient-settings .components-circular-option-picker__swatches { + margin-left: 0; + } + .block-editor-panel-color-gradient-settings .components-circular-option-picker__option-wrapper { + margin-left: calc((100% - (28px * 6)) / 5); + } + .block-editor-panel-color-gradient-settings .components-circular-option-picker__option-wrapper:nth-child(6n+6) { + margin-left: 0; + } +} + +.block-editor-contrast-checker > .components-notice { + margin: 0; +} + +.block-editor-default-block-appender { + clear: both; + margin-right: auto; + margin-left: auto; + position: relative; +} +.block-editor-default-block-appender[data-root-client-id=""] .block-editor-default-block-appender__content:hover { + outline: 1px solid transparent; +} +.block-editor-default-block-appender .block-editor-default-block-appender__content { + opacity: 0.62; +} +.block-editor-default-block-appender .components-drop-zone__content-icon { + display: none; +} + +.block-editor-block-list__empty-block-inserter.block-editor-block-list__empty-block-inserter, +.block-editor-default-block-appender .block-editor-inserter { + position: absolute; + top: 0; + height: 32px; +} +.block-editor-block-list__empty-block-inserter.block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle, +.block-editor-default-block-appender .block-editor-inserter .block-editor-inserter__toggle { + margin-left: 0; +} + +.block-editor-block-list__empty-block-inserter, +.block-editor-default-block-appender .block-editor-inserter { + left: 8px; +} +@media (min-width: 600px) { + .block-editor-block-list__empty-block-inserter, +.block-editor-default-block-appender .block-editor-inserter { + display: flex; + height: 100%; + } +} +.block-editor-block-list__empty-block-inserter:disabled, +.block-editor-default-block-appender .block-editor-inserter:disabled { + display: none; +} + +.block-editor-duotone-control__popover .components-popover__content { + border: 1px solid #1e1e1e; + min-width: 214px; +} +.block-editor-duotone-control__popover .components-circular-option-picker { + padding: 12px; +} +.block-editor-duotone-control__popover .components-menu-group__label { + padding: 12px 12px 0 12px; + width: 100%; + box-sizing: border-box; +} + +.block-editor-duotone-control__popover > .components-popover__content { + width: 334px; +} + +.block-editor-duotone-control__popover:not([data-y-axis=middle][data-x-axis=right]) > .components-popover__content { + margin-right: -14px; +} + +.components-font-appearance-control__select { + margin-bottom: 24px; +} +.components-font-appearance-control__select ul li { + color: #1e1e1e; + text-transform: capitalize; +} + +.items-justified-left { + justify-content: flex-start; +} + +.items-justified-center { + justify-content: center; +} + +.items-justified-right { + justify-content: flex-end; +} + +.items-justified-space-between { + justify-content: space-between; +} + +.block-editor-link-control { + position: relative; + min-width: 360px; +} +.components-popover__content .block-editor-link-control { + min-width: auto; + width: 90vw; + max-width: 360px; +} + +.block-editor-link-control__search-input-wrapper { + position: relative; +} + +.block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type=text] { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + padding: 6px 8px; + box-shadow: 0 0 0 transparent; + transition: box-shadow 0.1s linear; + border-radius: 2px; + border: 1px solid #757575; + /* Fonts smaller than 16px causes mobile safari to zoom. */ + font-size: 16px; + /* Override core line-height. To be reviewed. */ + line-height: normal; + width: calc(100% - 32px); + display: block; + padding: 11px 16px; + padding-left: 36px; + margin: 16px; + position: relative; + border: 1px solid #ddd; + border-radius: 2px; +} +@media (prefers-reduced-motion: reduce) { + .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type=text] { + transition-duration: 0s; + transition-delay: 0s; + } +} +@media (min-width: 600px) { + .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type=text] { + font-size: 13px; + /* Override core line-height. To be reviewed. */ + line-height: normal; + } +} +.block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type=text]:focus { + border-color: var(--wp-admin-theme-color); + box-shadow: 0 0 0 1px var(--wp-admin-theme-color); + outline: 2px solid transparent; +} +.block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type=text]::-webkit-input-placeholder { + color: rgba(30, 30, 30, 0.62); +} +.block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type=text]::-moz-placeholder { + opacity: 1; + color: rgba(30, 30, 30, 0.62); +} +.block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type=text]:-ms-input-placeholder { + color: rgba(30, 30, 30, 0.62); +} +.block-editor-link-control .block-editor-link-control__search-input .components-base-control__field { + margin-bottom: 0; +} + +.block-editor-link-control__search-error { + margin: -8px 16px 16px; +} + +.block-editor-link-control__search-actions { + position: absolute; + /* + * Actions must be positioned on top of URLInput, since the input will grow + * when suggestions are rendered. + * + * Compensate for: + * - Input margin ($grid-unit-20) + * - Border (1px) + * - Vertically, for the difference in height between the input (40px) and + * the icon buttons. + * - Horizontally, pad to the minimum of: default input padding, or the + * equivalent of the vertical padding. + */ + top: 19px; + left: 19px; +} + +.components-button .block-editor-link-control__search-submit .has-icon { + margin: -1px; +} + +.block-editor-link-control__search-results-wrapper { + position: relative; + margin-top: -15px; +} +.block-editor-link-control__search-results-wrapper::before, .block-editor-link-control__search-results-wrapper::after { + content: ""; + position: absolute; + right: -1px; + left: 16px; + display: block; + pointer-events: none; + z-index: 100; +} +.block-editor-link-control__search-results-wrapper::before { + height: 8px; + top: 0; + bottom: auto; +} +.block-editor-link-control__search-results-wrapper::after { + height: 16px; + bottom: 0; + top: auto; +} + +.block-editor-link-control__search-results-label { + padding: 16px 32px 0; + display: block; + font-weight: 600; +} + +.block-editor-link-control__search-results { + margin: 0; + padding: 8px 16px 8px; + max-height: 200px; + overflow-y: auto; +} +.block-editor-link-control__search-results.is-loading { + opacity: 0.2; +} + +.block-editor-link-control__search-item { + position: relative; + display: flex; + align-items: center; + font-size: 13px; + cursor: pointer; + background: #fff; + width: 100%; + border: none; + text-align: right; + padding: 12px 16px; + border-radius: 5px; + height: auto; +} +.block-editor-link-control__search-item:hover, .block-editor-link-control__search-item:focus { + background-color: #ddd; +} +.block-editor-link-control__search-item:focus:not(:disabled) { + box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color) inset; +} +.block-editor-link-control__search-item.is-selected { + background: #f0f0f0; +} +.block-editor-link-control__search-item.is-selected .block-editor-link-control__search-item-type { + background: #fff; +} +.block-editor-link-control__search-item.is-current { + background: transparent; + border: 0; + width: 100%; + cursor: default; + padding: 16px; + padding-right: 24px; +} +.block-editor-link-control__search-item .block-editor-link-control__search-item-header { + display: block; + margin-left: 8px; + overflow: hidden; + white-space: nowrap; +} +.block-editor-link-control__search-item .block-editor-link-control__search-item-icon { + margin-left: 1em; + min-width: 24px; +} +.block-editor-link-control__search-item .block-editor-link-control__search-item-info, +.block-editor-link-control__search-item .block-editor-link-control__search-item-title { + overflow: hidden; + text-overflow: ellipsis; + padding-left: 24px; +} +.block-editor-link-control__search-item .block-editor-link-control__search-item-info .components-external-link__icon, +.block-editor-link-control__search-item .block-editor-link-control__search-item-title .components-external-link__icon { + position: absolute; + left: 0; + margin-top: 0; +} +.block-editor-link-control__search-item .block-editor-link-control__search-item-title { + display: block; + margin-bottom: 0.2em; + font-weight: 500; + position: relative; +} +.block-editor-link-control__search-item .block-editor-link-control__search-item-title mark { + font-weight: 700; + color: #000; + background-color: transparent; +} +.block-editor-link-control__search-item .block-editor-link-control__search-item-title span { + font-weight: normal; +} +.block-editor-link-control__search-item .block-editor-link-control__search-item-info { + display: block; + color: #757575; + font-size: 0.9em; + line-height: 1.3; +} +.block-editor-link-control__search-item .block-editor-link-control__search-item-type { + display: block; + padding: 3px 8px; + margin-right: auto; + font-size: 0.9em; + background-color: #f0f0f0; + border-radius: 2px; +} + +.block-editor-link-control__loading { + margin: 16px; + display: flex; + align-items: center; +} +.block-editor-link-control__loading .components-spinner { + margin-top: 0; +} + +.components-button + .block-editor-link-control__search-create { + overflow: visible; + padding: 12px 16px; +} +.components-button + .block-editor-link-control__search-create::before { + content: ""; + position: absolute; + top: -10px; + right: 0; + display: block; + width: 100%; +} + +.block-editor-link-control__search-results div[role=menu] > .block-editor-link-control__search-item.block-editor-link-control__search-item { + padding: 10px; +} + +.block-editor-link-control__settings { + border-top: 1px solid #ddd; + margin: 0; + padding: 16px 24px; +} +.block-editor-link-control__settings :last-child { + margin-bottom: 0; +} +.is-alternate .block-editor-link-control__settings { + border-top: 1px solid #1e1e1e; +} + +.block-editor-link-control__setting { + margin-bottom: 16px; +} +.block-editor-link-control__setting :last-child { + margin-bottom: 0; +} + +.block-editor-link-control .block-editor-link-control__search-input .components-spinner { + display: block; +} +.block-editor-link-control .block-editor-link-control__search-input .components-spinner.components-spinner { + position: absolute; + right: auto; + bottom: auto; + /* + * Position spinner to the left of the actions. + * + * Compensate for: + * - Input margin ($grid-unit-20) + * - Border (1px) + * - Vertically, for the difference in height between the input (40px) + * and the spinner. + * - Horizontally, adjust for the width occupied by the icon buttons, + * then artificially create spacing that mimics as if the spinner + * were center-padded to the same width as an icon button. + */ + top: 28px; + left: 62px; +} + +.block-editor-link-control__search-item-action { + margin-right: auto; + flex-shrink: 0; +} + +.block-editor-line-height-control { + margin-bottom: 24px; +} +.block-editor-line-height-control input { + display: block; + max-width: 60px; +} + +.block-editor-image-size-control { + margin-bottom: 1em; +} +.block-editor-image-size-control .block-editor-image-size-control__row { + display: flex; + justify-content: space-between; +} +.block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__width, +.block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__height { + margin-bottom: 0.5em; +} +.block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__width input, +.block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__height input { + line-height: 1.25; +} +.block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__width { + margin-left: 5px; +} +.block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__height { + margin-right: 5px; +} + +.block-editor-block-list__layout.has-overlay::after { + content: ""; + position: absolute; + top: -14px; + left: -14px; + bottom: -14px; + right: -14px; + z-index: 60; +} + +[data-align=full] .has-overlay::after { + left: 0; + right: 0; +} + +.block-editor-block-types-list__list-item { + display: block; + width: 33.33%; + padding: 0; + margin: 0; +} + +.components-button.block-editor-block-types-list__item { + display: flex; + flex-direction: column; + width: 100%; + font-size: 13px; + color: #1e1e1e; + padding: 8px; + align-items: stretch; + justify-content: center; + cursor: pointer; + background: transparent; + word-break: break-word; + border-radius: 2px; + border: 1px solid transparent; + transition: all 0.05s ease-in-out; + position: relative; + height: auto; +} +@media (prefers-reduced-motion: reduce) { + .components-button.block-editor-block-types-list__item { + transition-duration: 0s; + transition-delay: 0s; + } +} +.components-button.block-editor-block-types-list__item:disabled { + opacity: 0.6; + cursor: default; +} +.components-button.block-editor-block-types-list__item:not(:disabled):hover { + border-color: var(--wp-admin-theme-color); + color: var(--wp-admin-theme-color) !important; +} +.components-button.block-editor-block-types-list__item:not(:disabled).is-active { + color: #fff; + background: #1e1e1e; + outline: 2px solid transparent; + outline-offset: -2px; +} + +.block-editor-block-types-list__item-icon { + padding: 12px 20px; + border-radius: 2px; + color: #1e1e1e; + transition: all 0.05s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .block-editor-block-types-list__item-icon { + transition-duration: 0s; + transition-delay: 0s; + } +} +.block-editor-block-types-list__item-icon .block-editor-block-icon { + margin-right: auto; + margin-left: auto; +} +.block-editor-block-types-list__item-icon svg { + transition: all 0.15s ease-out; +} +@media (prefers-reduced-motion: reduce) { + .block-editor-block-types-list__item-icon svg { + transition-duration: 0s; + transition-delay: 0s; + } +} +.block-editor-block-types-list__list-item[draggable=true] .block-editor-block-types-list__item-icon { + cursor: grab; +} + +.block-editor-block-types-list__item-title { + padding: 4px 2px 8px; + font-size: 12px; +} + +.modal-open .block-editor-media-replace-flow__options { + display: none; +} + +.block-editor-media-replace-flow__options .components-popover__content > div { + padding-top: 16px; +} + +.block-editor-media-replace-flow__indicator { + margin-right: 4px; +} + +.block-editor-media-flow__url-input { + border-top: 1px solid #1e1e1e; + margin-top: 12px; + margin-left: -12px; + margin-right: -12px; + padding: 12px 24px 0; +} +.block-editor-media-flow__url-input .block-editor-media-replace-flow__image-url-label { + top: 16px; +} +.block-editor-media-flow__url-input .block-editor-link-control { + margin-top: -16px; + width: auto; +} +.block-editor-media-flow__url-input .block-editor-link-control .components-base-control .components-base-control__field { + margin-bottom: 0; +} +.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-item-title { + max-width: 180px; + margin-top: 16px; +} +.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-item.is-current { + width: auto; + padding: 0; +} +.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type=text] { + margin: 16px 0 0 0; + width: 100%; +} +.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-actions { + left: 4px; +} + +.block-editor-media-flow__error { + padding: 0 20px 20px 20px; + max-width: 255px; +} +.block-editor-media-flow__error .components-with-notices-ui { + max-width: 255px; +} +.block-editor-media-flow__error .components-with-notices-ui .components-notice__content { + overflow: hidden; + word-wrap: break-word; +} +.block-editor-media-flow__error .components-with-notices-ui .components-notice__dismiss { + position: absolute; + left: 10px; +} + +.block-editor-media-placeholder__url-input-container .block-editor-media-placeholder__button { + margin-bottom: 0; +} + +.block-editor-media-placeholder__url-input-form { + display: flex; +} +.block-editor-media-placeholder__url-input-form input[type=url].block-editor-media-placeholder__url-input-field { + width: 100%; + flex-grow: 1; + border: none; + border-radius: 0; + margin: 2px; +} +@media (min-width: 600px) { + .block-editor-media-placeholder__url-input-form input[type=url].block-editor-media-placeholder__url-input-field { + width: 300px; + } +} + +.block-editor-media-placeholder__url-input-submit-button { + flex-shrink: 1; +} + +.block-editor-media-placeholder__button { + margin-bottom: 0.5rem; +} + +.block-editor-media-placeholder__cancel-button.is-link { + margin: 1em; + display: block; +} + +.block-editor-media-placeholder.is-appender { + min-height: 0; +} +.block-editor-media-placeholder.is-appender:hover { + cursor: pointer; + box-shadow: 0 0 0 1px var(--wp-admin-theme-color); +} + +.block-editor-multi-selection-inspector__card { + display: flex; + align-items: flex-start; + padding: 16px; +} + +.block-editor-multi-selection-inspector__card-content { + flex-grow: 1; +} + +.block-editor-multi-selection-inspector__card-title { + font-weight: 500; + margin-bottom: 5px; +} + +.block-editor-multi-selection-inspector__card-description { + font-size: 13px; +} + +.block-editor-multi-selection-inspector__card .block-editor-block-icon { + margin-right: -2px; + margin-left: 10px; + padding: 0 3px; + width: 36px; + height: 24px; +} + +.block-editor-plain-text { + box-shadow: none; + font-family: inherit; + font-size: inherit; + color: inherit; + line-height: inherit; + border: none; + padding: 0; + margin: 0; + width: 100%; +} + +.block-editor-responsive-block-control { + margin-bottom: 28px; + border-bottom: 1px solid #ccc; + padding-bottom: 14px; +} +.block-editor-responsive-block-control:last-child { + padding-bottom: 0; + border-bottom: 0; +} + +.block-editor-responsive-block-control__title { + margin: 0; + margin-bottom: 0.6em; + margin-right: -3px; +} + +.block-editor-responsive-block-control__label { + font-weight: 600; + margin-bottom: 0.6em; + margin-right: -3px; +} + +.block-editor-responsive-block-control__inner { + margin-right: -1px; +} + +.block-editor-responsive-block-control__toggle { + margin-right: 1px; +} + +.block-editor-responsive-block-control .components-base-control__help { + border: 0; + clip: rect(1px, 1px, 1px, 1px); + -webkit-clip-path: inset(50%); + clip-path: inset(50%); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; + word-wrap: normal !important; +} + +.block-editor-rich-text__editable > p:first-child { + margin-top: 0; +} +.block-editor-rich-text__editable [data-rich-text-placeholder] { + pointer-events: none; +} +.block-editor-rich-text__editable [data-rich-text-placeholder]::after { + content: attr(data-rich-text-placeholder); + opacity: 0.62; +} +.block-editor-rich-text__editable:focus { + outline: none; +} +.block-editor-rich-text__editable:focus [data-rich-text-format-boundary] { + border-radius: 2px; +} + +figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]::before { + opacity: 0.8; +} + +.components-popover.block-editor-rich-text__inline-format-toolbar { + z-index: 99998; +} +.components-popover.block-editor-rich-text__inline-format-toolbar .components-popover__content { + width: auto; + min-width: auto; + margin-bottom: 8px; + box-shadow: none; + border: 1px solid #1e1e1e; + border-radius: 2px; + background-color: #fff; +} +.components-popover.block-editor-rich-text__inline-format-toolbar .components-toolbar-group, +.components-popover.block-editor-rich-text__inline-format-toolbar .components-toolbar { + border: none; +} +.components-popover.block-editor-rich-text__inline-format-toolbar .components-toolbar__control, +.components-popover.block-editor-rich-text__inline-format-toolbar .components-dropdown-menu__toggle { + min-width: 48px; + min-height: 48px; + padding-right: 12px; + padding-left: 12px; +} + +.block-editor-rich-text__inline-format-toolbar-group .components-dropdown-menu__toggle { + justify-content: center; +} + +.show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button.has-icon { + width: auto; +} +.show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button.has-icon svg { + display: none; +} +.show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button.has-icon::after { + content: attr(aria-label); +} + +[data-rich-text-script] { + display: inline; +} +[data-rich-text-script]::before { + content: ""; + background: yellow; +} + +.block-editor-skip-to-selected-block { + position: absolute; + top: -9999em; +} +.block-editor-skip-to-selected-block:focus { + height: auto; + width: auto; + display: block; + font-size: 14px; + font-weight: 600; + padding: 15px 23px 14px; + background: #f1f1f1; + color: var(--wp-admin-theme-color); + line-height: normal; + box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); + text-decoration: none; + outline: none; + z-index: 100000; +} + +.block-editor-text-decoration-and-transform { + display: flex; +} + +.block-editor-text-transform-control { + flex: 0 0 50%; +} +.block-editor-text-transform-control legend { + margin-bottom: 8px; +} +.block-editor-text-transform-control .block-editor-text-transform-control__buttons { + display: inline-flex; + margin-bottom: 24px; +} +.block-editor-text-transform-control .block-editor-text-transform-control__buttons .components-button.has-icon { + min-width: 24px; + padding: 0; + margin-left: 4px; +} + +.block-editor-text-decoration-control { + flex: 0 0 50%; +} +.block-editor-text-decoration-control legend { + margin-bottom: 8px; +} +.block-editor-text-decoration-control .block-editor-text-decoration-control__buttons { + display: inline-flex; + margin-bottom: 24px; +} +.block-editor-text-decoration-control .block-editor-text-decoration-control__buttons .components-button.has-icon { + min-width: 24px; + padding: 0; + margin-left: 4px; +} + +.block-editor-tool-selector__help { + margin-top: 8px; + margin-right: -12px; + margin-left: -12px; + margin-bottom: -12px; + padding: 12px 20px; + border-top: 1px solid #ddd; + color: #757575; + min-width: 280px; +} + +.block-editor-block-list__block .block-editor-url-input, +.components-popover .block-editor-url-input, +.block-editor-url-input { + flex-grow: 1; + position: relative; + padding: 1px; +} +.block-editor-block-list__block .block-editor-url-input input[type=text], +.components-popover .block-editor-url-input input[type=text], +.block-editor-url-input input[type=text] { + width: 100%; + padding: 8px 12px 8px 8px; + border: none; + border-radius: 0; + margin-right: 0; + margin-left: 0; + /* Fonts smaller than 16px causes mobile safari to zoom. */ + font-size: 16px; +} +@media (min-width: 600px) { + .block-editor-block-list__block .block-editor-url-input input[type=text], +.components-popover .block-editor-url-input input[type=text], +.block-editor-url-input input[type=text] { + width: 300px; + } +} +@media (min-width: 600px) { + .block-editor-block-list__block .block-editor-url-input input[type=text], +.components-popover .block-editor-url-input input[type=text], +.block-editor-url-input input[type=text] { + font-size: 13px; + } +} +.block-editor-block-list__block .block-editor-url-input input[type=text]::-ms-clear, +.components-popover .block-editor-url-input input[type=text]::-ms-clear, +.block-editor-url-input input[type=text]::-ms-clear { + display: none; +} +.block-editor-block-list__block .block-editor-url-input.is-full-width, +.components-popover .block-editor-url-input.is-full-width, +.block-editor-url-input.is-full-width { + width: 100%; +} +.block-editor-block-list__block .block-editor-url-input.is-full-width .block-editor-url-input__input[type=text], +.components-popover .block-editor-url-input.is-full-width .block-editor-url-input__input[type=text], +.block-editor-url-input.is-full-width .block-editor-url-input__input[type=text] { + width: 100%; +} +.block-editor-block-list__block .block-editor-url-input.is-full-width__suggestions, +.components-popover .block-editor-url-input.is-full-width__suggestions, +.block-editor-url-input.is-full-width__suggestions { + width: 100%; +} +.block-editor-block-list__block .block-editor-url-input .components-spinner, +.components-popover .block-editor-url-input .components-spinner, +.block-editor-url-input .components-spinner { + position: absolute; + left: 8px 8px 8px 12px; + bottom: 8px 8px 8px 12px8px1; + margin: 0; +} + +.block-editor-url-input__input[type=text] { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + padding: 6px 8px; + box-shadow: 0 0 0 transparent; + transition: box-shadow 0.1s linear; + border-radius: 2px; + border: 1px solid #757575; + /* Fonts smaller than 16px causes mobile safari to zoom. */ + font-size: 16px; + /* Override core line-height. To be reviewed. */ + line-height: normal; +} +@media (prefers-reduced-motion: reduce) { + .block-editor-url-input__input[type=text] { + transition-duration: 0s; + transition-delay: 0s; + } +} +@media (min-width: 600px) { + .block-editor-url-input__input[type=text] { + font-size: 13px; + /* Override core line-height. To be reviewed. */ + line-height: normal; + } +} +.block-editor-url-input__input[type=text]:focus { + border-color: var(--wp-admin-theme-color); + box-shadow: 0 0 0 1px var(--wp-admin-theme-color); + outline: 2px solid transparent; +} +.block-editor-url-input__input[type=text]::-webkit-input-placeholder { + color: rgba(30, 30, 30, 0.62); +} +.block-editor-url-input__input[type=text]::-moz-placeholder { + opacity: 1; + color: rgba(30, 30, 30, 0.62); +} +.block-editor-url-input__input[type=text]:-ms-input-placeholder { + color: rgba(30, 30, 30, 0.62); +} + +.block-editor-url-input__suggestions { + max-height: 200px; + transition: all 0.15s ease-in-out; + padding: 4px 0; + width: 302px; + overflow-y: auto; +} +@media (prefers-reduced-motion: reduce) { + .block-editor-url-input__suggestions { + transition-duration: 0s; + transition-delay: 0s; + } +} + +.block-editor-url-input__suggestions, +.block-editor-url-input .components-spinner { + display: none; +} +@media (min-width: 600px) { + .block-editor-url-input__suggestions, +.block-editor-url-input .components-spinner { + display: inherit; + } +} + +.block-editor-url-input__suggestion { + padding: 4px 8px 8px 8px 12px; + color: #757575; + display: block; + font-size: 13px; + cursor: pointer; + background: #fff; + width: 100%; + border: none; + text-align: right; + box-shadow: none; +} +.block-editor-url-input__suggestion:hover { + background: #ddd; +} +.block-editor-url-input__suggestion:focus, .block-editor-url-input__suggestion.is-selected { + background: var(--wp-admin-theme-color-darker-20); + color: #fff; + outline: none; +} + +.components-toolbar-group > .block-editor-url-input__button, +.components-toolbar > .block-editor-url-input__button { + position: inherit; +} + +.block-editor-url-input__button .block-editor-url-input__back { + margin-left: 4px; + overflow: visible; +} +.block-editor-url-input__button .block-editor-url-input__back::after { + content: ""; + position: absolute; + display: block; + width: 1px; + height: 24px; + left: -1px; + background: #ddd; +} + +.block-editor-url-input__button-modal { + box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); + border: 1px solid #ddd; + background: #fff; +} + +.block-editor-url-input__button-modal-line { + display: flex; + flex-direction: row; + flex-grow: 1; + flex-shrink: 1; + min-width: 0; + align-items: flex-start; +} +.block-editor-url-input__button-modal-line .components-button { + flex-shrink: 0; + width: 36px; + height: 36px; +} + +.block-editor-url-popover__additional-controls { + border-top: 1px solid #ddd; +} + +.block-editor-url-popover__additional-controls > div[role=menu] .components-button:not(:disabled):not([aria-disabled=true]):not(.is-secondary) > svg { + box-shadow: none; +} + +.block-editor-url-popover__additional-controls div[role=menu] > .components-button { + padding-right: 12px; +} + +.block-editor-url-popover__row { + display: flex; +} + +.block-editor-url-popover__row > :not(.block-editor-url-popover__settings-toggle) { + flex-grow: 1; +} + +.block-editor-url-popover .components-button.has-icon { + padding: 3px; +} +.block-editor-url-popover .components-button.has-icon > svg { + padding: 5px; + border-radius: 2px; + height: 30px; + width: 30px; +} +.block-editor-url-popover .components-button.has-icon:not(:disabled):focus { + box-shadow: none; +} +.block-editor-url-popover .components-button.has-icon:not(:disabled):focus > svg { + box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 4px #fff; + outline: 2px solid transparent; +} + +.block-editor-url-popover__settings-toggle { + flex-shrink: 0; + border-radius: 0; + border-right: 1px solid #ddd; + margin-right: 1px; +} +.block-editor-url-popover__settings-toggle[aria-expanded=true] .dashicon { + transform: rotate(-180deg); +} + +.block-editor-url-popover__input-container .components-base-control:last-child, +.block-editor-url-popover__input-container .components-base-control:last-child .components-base-control__field { + margin-bottom: 0; +} + +.block-editor-url-popover__settings { + display: block; + padding: 16px; + border-top: 1px solid #ddd; +} + +.block-editor-url-popover__link-editor, +.block-editor-url-popover__link-viewer { + display: flex; +} +.block-editor-url-popover__link-editor .block-editor-url-input .components-base-control__field, +.block-editor-url-popover__link-viewer .block-editor-url-input .components-base-control__field { + margin-bottom: 0; +} +.block-editor-url-popover__link-editor .block-editor-url-input .components-spinner, +.block-editor-url-popover__link-viewer .block-editor-url-input .components-spinner { + bottom: 8px 8px 8px 12px1; +} + +.block-editor-url-popover__link-viewer-url { + margin: 7px; + flex-grow: 1; + flex-shrink: 1; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + min-width: 150px; + max-width: 500px; +} +.block-editor-url-popover__link-viewer-url.has-invalid-link { + color: #cc1818; +} + +.block-editor-warning { + align-items: center; + display: flex; + flex-wrap: wrap; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + padding: 1em; + border: 1px solid #1e1e1e; + border-radius: 2px; + background-color: #fff; +} +.block-editor-warning .block-editor-warning__message { + line-height: 1.4; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + font-size: 13px; + color: #1e1e1e; + margin: 0; +} +.block-editor-warning p.block-editor-warning__message.block-editor-warning__message { + min-height: auto; +} +.block-editor-warning .block-editor-warning__contents { + display: flex; + flex-direction: row; + justify-content: space-between; + flex-wrap: wrap; + align-items: baseline; + width: 100%; +} +.block-editor-warning .block-editor-warning__actions { + display: flex; + margin-top: 1em; +} +.block-editor-warning .block-editor-warning__action { + margin: 0 0 0 8px; +} + +.block-editor-warning__secondary { + margin: auto 8px auto 0; +} + +.components-popover.block-editor-warning__dropdown { + z-index: 99998; +} + +.html-anchor-control .components-external-link { + display: block; + margin-top: 8px; +} + +.block-editor-hooks__layout-controls { + display: flex; + margin-bottom: 16px; +} +.block-editor-hooks__layout-controls .block-editor-hooks__layout-controls-unit { + display: flex; + margin-left: 24px; +} +.block-editor-hooks__layout-controls .block-editor-hooks__layout-controls-unit svg { + margin: auto 8px 4px 0; +} + +.block-editor-hooks__layout-controls-reset { + display: flex; + justify-content: flex-end; + margin-bottom: 24px; +} + +.block-editor-hooks__layout-controls-helptext { + font-size: 12px; +} + +#end-resizable-editor-section { + display: none; +} + +/** + * Block Toolbar + */ +.block-editor-block-toolbar { + display: flex; + flex-grow: 1; + width: 100%; + overflow: auto; + position: relative; + transition: border-color 0.1s linear, box-shadow 0.1s linear; +} +@media (prefers-reduced-motion: reduce) { + .block-editor-block-toolbar { + transition-duration: 0s; + transition-delay: 0s; + } +} +@media (min-width: 600px) { + .block-editor-block-toolbar { + overflow: inherit; + } +} +.block-editor-block-toolbar .components-toolbar-group, +.block-editor-block-toolbar .components-toolbar { + background: none; + line-height: 0; + margin-top: -1px; + margin-bottom: -1px; + border: 0; + border-left: 1px solid #ddd; +} +.block-editor-block-toolbar > :last-child, +.block-editor-block-toolbar > :last-child .components-toolbar-group, +.block-editor-block-toolbar > :last-child .components-toolbar { + border-left: none; +} + +.block-editor-block-contextual-toolbar.has-parent:not(.is-fixed) { + margin-right: calc(48px + 8px); +} +.show-icon-labels .block-editor-block-contextual-toolbar.has-parent:not(.is-fixed) { + margin-right: 0; +} + +.block-editor-block-parent-selector { + position: absolute; + top: -1px; + right: calc(-48px - 8px - 1px); +} +.show-icon-labels .block-editor-block-parent-selector { + position: relative; + right: auto; + top: auto; + margin-top: -1px; + margin-right: -1px; + margin-bottom: -1px; +} + +.block-editor-block-toolbar__block-controls { + height: auto !important; + padding: 0 !important; + margin-right: -1px; +} +.block-editor-block-toolbar__block-controls .block-editor-block-switcher .components-dropdown-menu__toggle .block-editor-block-icon, +.block-editor-block-toolbar__block-controls .block-editor-block-switcher__no-switcher-icon .block-editor-block-icon { + width: 24px !important; + margin: 0 !important; +} +.block-editor-block-toolbar__block-controls .block-editor-block-switcher .components-dropdown-menu__toggle:focus::before, +.block-editor-block-toolbar__block-controls .block-editor-block-switcher__no-switcher-icon:focus::before { + left: 4px !important; +} +.block-editor-block-toolbar__block-controls .block-editor-block-mover { + margin-right: -6px; +} + +.block-editor-block-toolbar .components-toolbar-group, +.block-editor-block-toolbar .components-toolbar, +.block-editor-rich-text__inline-format-toolbar-group .components-toolbar-group, +.block-editor-rich-text__inline-format-toolbar-group .components-toolbar { + display: flex; + flex-wrap: nowrap; +} + +.block-editor-block-toolbar__slot { + display: inline-block; + line-height: 0; +} +@supports (position: sticky) { + .block-editor-block-toolbar__slot { + display: inline-flex; + } +} + +.show-icon-labels .block-editor-block-toolbar .components-button.has-icon { + width: auto; +} +.show-icon-labels .block-editor-block-toolbar .components-button.has-icon svg { + display: none; +} +.show-icon-labels .block-editor-block-toolbar .components-button.has-icon::after { + content: attr(aria-label); + font-size: 12px; +} +.show-icon-labels .components-accessible-toolbar .components-toolbar-group > div:first-child:last-child > .components-button.has-icon { + padding-right: 6px; + padding-left: 6px; +} +.show-icon-labels .block-editor-block-switcher { + border-left: 1px solid #1e1e1e; +} +.show-icon-labels .block-editor-block-switcher .components-dropdown-menu__toggle { + margin-right: 0; +} +.show-icon-labels .block-editor-block-switcher .components-dropdown-menu__toggle .block-editor-block-icon, +.show-icon-labels .block-editor-block-switcher__no-switcher-icon .block-editor-block-icon { + width: 0 !important; + height: 0 !important; +} +.show-icon-labels .block-editor-block-switcher .components-dropdown-menu__toggle:focus::before, +.show-icon-labels .block-editor-block-switcher__no-switcher-icon:focus::before { + left: 4px !important; +} +.show-icon-labels .block-editor-block-parent-selector__button .block-editor-block-icon { + width: 0; +} +.show-icon-labels .block-editor-block-toolbar__block-controls .block-editor-block-mover { + margin-right: 0; + white-space: nowrap; +} +.show-icon-labels .block-editor-block-mover-button { + padding-right: 8px !important; + padding-left: 8px !important; +} +.show-icon-labels .block-editor-block-mover__drag-handle.has-icon { + padding-right: 6px !important; + padding-left: 6px !important; + border-left: 1px solid #1e1e1e; +} +@media (min-width: 600px) { + .show-icon-labels .is-up-button.is-up-button.is-up-button { + border-bottom: 1px solid #1e1e1e; + margin-left: 0; + border-radius: 0; + } +} +.show-icon-labels .block-editor-block-contextual-toolbar .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.block-editor-block-mover-button { + width: auto; +} +.show-icon-labels .components-toolbar, +.show-icon-labels .components-toolbar-group { + flex-shrink: 1; +} +.show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button + .components-button { + margin-right: 6px; +} + +.block-editor-inserter { + display: inline-block; + background: none; + border: none; + padding: 0; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + font-size: 13px; + line-height: 0; +} +@media (min-width: 782px) { + .block-editor-inserter { + position: relative; + } +} + +.block-editor-inserter__popover.is-quick .components-popover__content { + border: none; +} +.block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter > * { + border-right: 1px solid #ccc; + border-left: 1px solid #ccc; +} +.block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter > *:first-child { + border-top: 1px solid #ccc; +} +.block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter > *:last-child { + border-bottom: 1px solid #ccc; +} +.block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter > *.components-button { + border: 1px solid #1e1e1e; +} + +.block-editor-inserter__popover .block-editor-inserter__menu { + margin: -12px; +} +.block-editor-inserter__popover .block-editor-inserter__menu .block-editor-inserter__tabs .components-tab-panel__tabs { + top: 60px; +} +.block-editor-inserter__popover .block-editor-inserter__menu .block-editor-inserter__main-area { + overflow: visible; + height: auto; +} +.block-editor-inserter__popover .block-editor-inserter__menu .block-editor-inserter__preview-container { + display: none; +} + +.block-editor-inserter__toggle.components-button { + display: inline-flex; + align-items: center; + cursor: pointer; + border: none; + outline: none; + padding: 0; + transition: color 0.2s ease; +} +@media (prefers-reduced-motion: reduce) { + .block-editor-inserter__toggle.components-button { + transition-duration: 0s; + transition-delay: 0s; + } +} + +.block-editor-inserter__menu { + height: 100%; + position: relative; + overflow: visible; +} + +.block-editor-inserter__main-area { + width: auto; + overflow-y: auto; + height: 100%; +} +@media (min-width: 782px) { + .block-editor-inserter__main-area { + width: 350px; + } +} + +.block-editor-inserter__inline-elements { + margin-top: -1px; +} + +.block-editor-inserter__menu.is-bottom::after { + border-bottom-color: #fff; +} + +.components-popover.block-editor-inserter__popover { + z-index: 99999; +} + +.block-editor-inserter__search { + padding: 16px; + position: sticky; + top: 0; + background: #fff; + z-index: 1; +} +.block-editor-inserter__search input[type=search].block-editor-inserter__search-input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + padding: 6px 8px; + box-shadow: 0 0 0 transparent; + transition: box-shadow 0.1s linear; + border-radius: 2px; + border: 1px solid #757575; + /* Fonts smaller than 16px causes mobile safari to zoom. */ + font-size: 16px; + /* Override core line-height. To be reviewed. */ + line-height: normal; + display: block; + padding: 16px 16px 16px 48px; + background: #f0f0f0; + border: none; + width: 100%; + height: 48px; + /* Fonts smaller than 16px causes mobile safari to zoom. */ + font-size: 16px; +} +@media (prefers-reduced-motion: reduce) { + .block-editor-inserter__search input[type=search].block-editor-inserter__search-input { + transition-duration: 0s; + transition-delay: 0s; + } +} +@media (min-width: 600px) { + .block-editor-inserter__search input[type=search].block-editor-inserter__search-input { + font-size: 13px; + /* Override core line-height. To be reviewed. */ + line-height: normal; + } +} +.block-editor-inserter__search input[type=search].block-editor-inserter__search-input:focus { + border-color: var(--wp-admin-theme-color); + box-shadow: 0 0 0 1px var(--wp-admin-theme-color); + outline: 2px solid transparent; +} +.block-editor-inserter__search input[type=search].block-editor-inserter__search-input::-webkit-input-placeholder { + color: rgba(30, 30, 30, 0.62); +} +.block-editor-inserter__search input[type=search].block-editor-inserter__search-input::-moz-placeholder { + opacity: 1; + color: rgba(30, 30, 30, 0.62); +} +.block-editor-inserter__search input[type=search].block-editor-inserter__search-input:-ms-input-placeholder { + color: rgba(30, 30, 30, 0.62); +} +@media (min-width: 600px) { + .block-editor-inserter__search input[type=search].block-editor-inserter__search-input { + font-size: 13px; + } +} +.block-editor-inserter__search input[type=search].block-editor-inserter__search-input:focus { + background: #fff; + box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); +} +.block-editor-inserter__search input[type=search].block-editor-inserter__search-input::placeholder { + color: #757575; +} +.block-editor-inserter__search input[type=search].block-editor-inserter__search-input::-webkit-search-decoration, .block-editor-inserter__search input[type=search].block-editor-inserter__search-input::-webkit-search-cancel-button, .block-editor-inserter__search input[type=search].block-editor-inserter__search-input::-webkit-search-results-button, .block-editor-inserter__search input[type=search].block-editor-inserter__search-input::-webkit-search-results-decoration { + -webkit-appearance: none; +} + +.block-editor-inserter__search-icon { + position: absolute; + top: 0; + left: 20px; + bottom: 0; + display: flex; + align-items: center; +} +.block-editor-inserter__search-icon > svg { + margin: 8px; +} + +.block-editor-inserter__tabs { + display: flex; + flex-direction: column; + margin-top: -8px; +} +.block-editor-inserter__tabs .components-tab-panel__tabs { + position: sticky; + top: 72px; + background: #fff; + z-index: 1; + border-bottom: 1px solid #ddd; +} +.block-editor-inserter__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item { + flex-grow: 1; + margin-bottom: -1px; +} +.block-editor-inserter__tabs .components-tab-panel__tab-content { + display: flex; + flex-grow: 1; + flex-direction: column; + position: relative; + z-index: 0; +} + +.block-editor-inserter__panel-header { + display: inline-flex; + align-items: center; + padding: 16px 16px 0; +} + +.block-editor-inserter__panel-header-patterns { + padding: 16px 16px 0; +} + +.block-editor-inserter__panel-content { + padding: 16px; +} + +.block-editor-inserter__panel-title, +.block-editor-inserter__panel-title button { + margin: 0 0 0 12px; + color: #757575; + text-transform: uppercase; + font-size: 11px; + font-weight: 500; +} + +.block-editor-inserter__panel-dropdown select.components-select-control__input.components-select-control__input.components-select-control__input { + line-height: 1.2; +} + +.block-editor-inserter__panel-dropdown select { + border: none; +} + +.block-editor-inserter__block-list { + flex-grow: 1; + position: relative; +} + +.block-editor-inserter__popover .block-editor-block-types-list { + margin: -8px; +} + +.block-editor-inserter__reusable-blocks-panel { + position: relative; + text-align: left; +} + +.block-editor-inserter__manage-reusable-blocks { + display: inline-block; + margin: 16px; +} + +.block-editor-inserter__no-results { + padding: 32px; + margin-top: 64px; + text-align: center; +} + +.block-editor-inserter__no-results-icon { + fill: #949494; +} + +.block-editor-inserter__child-blocks { + padding: 0 16px; +} + +.block-editor-inserter__parent-block-header { + display: flex; + align-items: center; +} +.block-editor-inserter__parent-block-header h2 { + font-size: 13px; +} +.block-editor-inserter__parent-block-header .block-editor-block-icon { + margin-left: 8px; +} + +.block-editor-inserter__preview-container { + display: none; + width: 300px; + background: #fff; + border-radius: 2px; + border: 1px solid #ddd; + position: absolute; + top: 16px; + right: calc(100% + 16px); + max-height: calc(100% - 32px); + overflow-y: hidden; +} +@media (min-width: 782px) { + .block-editor-inserter__preview-container { + display: block; + } +} +.block-editor-inserter__preview-container .block-editor-block-card { + padding: 16px; +} +.block-editor-inserter__preview-container .block-editor-block-card__title { + font-size: 13px; +} + +.block-editor-inserter__preview-content { + min-height: 144px; + background: #f0f0f0; + display: grid; + flex-grow: 1; + align-items: center; +} + +.block-editor-inserter__preview-content-missing { + flex: 1; + display: flex; + justify-content: center; + align-items: center; + min-height: 144px; + color: #757575; + background: #f0f0f0; +} + +.block-editor-inserter__tips { + border-top: 1px solid #ddd; + padding: 16px; + flex-shrink: 0; + position: relative; +} + +.block-editor-inserter__manage-reusable-blocks-container { + padding: 16px; +} + +.block-editor-inserter__quick-inserter { + width: 100%; + max-width: 100%; +} +@media (min-width: 782px) { + .block-editor-inserter__quick-inserter { + width: 350px; + } +} + +.block-editor-inserter__quick-inserter-results .block-editor-inserter__panel-header { + height: 0; + padding: 0; + float: right; +} + +.block-editor-inserter__quick-inserter.has-search .block-editor-inserter__panel-content, +.block-editor-inserter__quick-inserter.has-expand .block-editor-inserter__panel-content { + padding: 16px; +} + +.block-editor-inserter__quick-inserter-patterns .block-editor-block-patterns-list { + display: grid; + grid-template-columns: 1fr 1fr; + grid-gap: 8px; +} + +.block-editor-inserter__quick-inserter-separator { + border-top: 1px solid #ddd; +} + +.block-editor-inserter__popover.is-quick > .components-popover__content > div { + padding: 0; +} + +.block-editor-inserter__quick-inserter-expand.components-button { + display: block; + background: #1e1e1e; + color: #fff; + width: 100%; + height: 44px; + border-radius: 0; +} +.block-editor-inserter__quick-inserter-expand.components-button:hover { + color: #fff; +} +.block-editor-inserter__quick-inserter-expand.components-button:active { + color: #ccc; +} +.block-editor-inserter__quick-inserter-expand.components-button:focus:not(:disabled) { + box-shadow: inset 0 0 0 1.5px var(--wp-admin-theme-color), inset 0 0 0 3px #fff; +} + +.block-editor-post-preview__dropdown { + padding: 0; +} + +.block-editor-post-preview__button-resize.block-editor-post-preview__button-resize { + padding-right: 40px; +} +.block-editor-post-preview__button-resize.block-editor-post-preview__button-resize.has-icon { + padding-right: 8px; +} + +.block-editor-post-preview__dropdown-content .components-popover__content { + overflow-y: visible; +} +.block-editor-post-preview__dropdown-content.edit-post-post-preview-dropdown .components-menu-group:first-child { + padding-bottom: 8px; +} +.block-editor-post-preview__dropdown-content.edit-post-post-preview-dropdown .components-menu-group:last-child { + margin-bottom: 0; +} +.block-editor-post-preview__dropdown-content .components-menu-group + .components-menu-group { + padding: 8px; +} + +@media (min-width: 600px) { + .edit-post-header__settings .editor-post-preview, +.edit-site-header__actions .editor-post-preview { + display: none; + } +} + +@media (min-width: 600px) { + .edit-post-header.has-reduced-ui .edit-post-header__settings .editor-post-save-draft, +.edit-post-header.has-reduced-ui .edit-post-header__settings .editor-post-saved-state, +.edit-post-header.has-reduced-ui .edit-post-header__settings .block-editor-post-preview__button-toggle { + transition: opacity 0.1s linear; + } +} +@media (min-width: 600px) and (prefers-reduced-motion: reduce) { + .edit-post-header.has-reduced-ui .edit-post-header__settings .editor-post-save-draft, +.edit-post-header.has-reduced-ui .edit-post-header__settings .editor-post-saved-state, +.edit-post-header.has-reduced-ui .edit-post-header__settings .block-editor-post-preview__button-toggle { + transition-duration: 0s; + transition-delay: 0s; + } +} +@media (min-width: 600px) { + .edit-post-header.has-reduced-ui:not(:hover) .edit-post-header__settings .editor-post-save-draft, +.edit-post-header.has-reduced-ui:not(:hover) .edit-post-header__settings .editor-post-saved-state, +.edit-post-header.has-reduced-ui:not(:hover) .edit-post-header__settings .block-editor-post-preview__button-toggle { + opacity: 0; + } + .edit-post-header.has-reduced-ui:not(:hover) .edit-post-header__settings .block-editor-post-preview__button-toggle.is-opened { + opacity: 1; + } +} + +body.admin-color-light { + --wp-admin-theme-color: #0085ba; + --wp-admin-theme-color-darker-10: #0073a1; + --wp-admin-theme-color-darker-20: #006187; + --wp-admin-border-width-focus: 2px; +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + body.admin-color-light { + --wp-admin-border-width-focus: 1.5px; + } +} + +body.admin-color-modern { + --wp-admin-theme-color: #3858e9; + --wp-admin-theme-color-darker-10: #2145e6; + --wp-admin-theme-color-darker-20: #183ad6; + --wp-admin-border-width-focus: 2px; +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + body.admin-color-modern { + --wp-admin-border-width-focus: 1.5px; + } +} + +body.admin-color-blue { + --wp-admin-theme-color: #096484; + --wp-admin-theme-color-darker-10: #07526c; + --wp-admin-theme-color-darker-20: #064054; + --wp-admin-border-width-focus: 2px; +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + body.admin-color-blue { + --wp-admin-border-width-focus: 1.5px; + } +} + +body.admin-color-coffee { + --wp-admin-theme-color: #46403c; + --wp-admin-theme-color-darker-10: #383330; + --wp-admin-theme-color-darker-20: #2b2724; + --wp-admin-border-width-focus: 2px; +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + body.admin-color-coffee { + --wp-admin-border-width-focus: 1.5px; + } +} + +body.admin-color-ectoplasm { + --wp-admin-theme-color: #523f6d; + --wp-admin-theme-color-darker-10: #46365d; + --wp-admin-theme-color-darker-20: #3a2c4d; + --wp-admin-border-width-focus: 2px; +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + body.admin-color-ectoplasm { + --wp-admin-border-width-focus: 1.5px; + } +} + +body.admin-color-midnight { + --wp-admin-theme-color: #e14d43; + --wp-admin-theme-color-darker-10: #dd382d; + --wp-admin-theme-color-darker-20: #d02c21; + --wp-admin-border-width-focus: 2px; +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + body.admin-color-midnight { + --wp-admin-border-width-focus: 1.5px; + } +} + +body.admin-color-ocean { + --wp-admin-theme-color: #627c83; + --wp-admin-theme-color-darker-10: #576e74; + --wp-admin-theme-color-darker-20: #4c6066; + --wp-admin-border-width-focus: 2px; +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + body.admin-color-ocean { + --wp-admin-border-width-focus: 1.5px; + } +} + +body.admin-color-sunrise { + --wp-admin-theme-color: #dd823b; + --wp-admin-theme-color-darker-10: #d97426; + --wp-admin-theme-color-darker-20: #c36922; + --wp-admin-border-width-focus: 2px; +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + body.admin-color-sunrise { + --wp-admin-border-width-focus: 1.5px; + } +} \ No newline at end of file diff --git a/wp-includes/css/dist/block-editor/style-rtl.min.css b/wp-includes/css/dist/block-editor/style-rtl.min.css new file mode 100644 index 0000000000..7d4094e464 --- /dev/null +++ b/wp-includes/css/dist/block-editor/style-rtl.min.css @@ -0,0 +1 @@ +@charset "UTF-8";:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}#start-resizable-editor-section{display:none}.block-editor-autocompleters__block{white-space:nowrap}.block-editor-autocompleters__block .block-editor-block-icon{margin-left:8px}.block-editor-block-alignment-matrix-control__popover .components-popover__content{min-width:0;width:auto}.block-editor-block-alignment-matrix-control__popover .components-popover__content>div{padding:8px}.block-editor-block-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.block-editor-block-icon.has-colors svg{fill:currentColor}.block-editor-block-icon svg{min-width:20px;min-height:20px;max-width:24px;max-height:24px}.block-editor-block-inspector p{margin-top:0}.block-editor-block-inspector h2,.block-editor-block-inspector h3{font-size:13px;color:#1e1e1e;margin-bottom:1.5em}.block-editor-block-inspector .components-base-control{margin-bottom:24px}.block-editor-block-inspector .components-base-control:last-child{margin-bottom:8px}.block-editor-block-inspector .components-panel__body{border:none;border-top:1px solid #e0e0e0}.block-editor-block-inspector .block-editor-block-card{padding:16px}.block-editor-block-inspector__no-blocks{display:block;font-size:13px;background:#fff;padding:32px 16px;text-align:center}.block-editor-block-styles .block-editor-block-list__block{margin:0}.block-editor-block-list__layout{position:relative}.block-editor-block-list__layout.is-navigate-mode{cursor:default}.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted:after,.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:after,.block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-hovered:after,.block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-selected:after{position:absolute;z-index:1;pointer-events:none;content:"";top:1px;bottom:1px;right:1px;left:1px;box-shadow:0 0 0 1px var(--wp-admin-theme-color);border-radius:1px;outline:2px solid transparent}.is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted:after,.is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:after,.is-dark-theme .block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-hovered:after,.is-dark-theme .block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-selected:after{box-shadow:0 0 0 1px #fff}.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted .components-placeholder ::selection,.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected .components-placeholder ::selection,.block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-hovered .components-placeholder ::selection,.block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-selected .components-placeholder ::selection{background:transparent}.block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-hovered:not(.is-selected):after{box-shadow:0 0 0 1px #949494}.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted:after,.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:after,.block-editor-block-list__layout .is-block-moving-mode.block-editor-block-list__block.has-child-selected,.block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-selected:after{box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);outline:var(--wp-admin-border-width-focus) solid transparent}.block-editor-block-list__layout .is-block-moving-mode.block-editor-block-list__block.is-selected:before{content:"";position:absolute;z-index:0;pointer-events:none;transition:border-color .1s linear,border-style .1s linear,box-shadow .1s linear;left:0;right:0;top:-14px;border-radius:2px;border-top:4px solid #ccc}.block-editor-block-list__layout .is-block-moving-mode.block-editor-block-list__block.is-selected:after{content:none}.block-editor-block-list__layout .is-block-moving-mode.can-insert-moving-block.block-editor-block-list__block.is-selected:before{border-color:var(--wp-admin-theme-color)}.is-block-moving-mode.block-editor-block-list__block-selection-button{opacity:0;font-size:1px;height:1px;padding:0}.block-editor-block-list__layout .block-editor-block-list__block{position:relative;overflow-wrap:break-word}.block-editor-block-list__layout .block-editor-block-list__block .reusable-block-edit-panel *{z-index:1}.block-editor-block-list__layout .block-editor-block-list__block .components-placeholder .components-with-notices-ui{margin:-10px 0 12px}.block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui{margin:0 0 12px;width:100%}.block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui .components-notice{margin-right:0;margin-left:0}.block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui .components-notice .components-notice__content{font-size:13px}.block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus{outline:none}.block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus:after{position:absolute;z-index:1;pointer-events:none;content:"";top:1px;bottom:1px;right:1px;left:1px;box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);border-radius:1px}.is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus:after{box-shadow:0 0 0 var(--wp-admin-border-width-focus) #fff}.block-editor-block-list__layout .block-editor-block-list__block:after{content:"";pointer-events:none;position:absolute;top:0;left:0;bottom:0;right:0;border-radius:2px;box-shadow:0 0 0 var(--wp-admin-border-width-focus) transparent}.block-editor-block-list__layout .block-editor-block-list__block.has-warning{min-height:48px}.block-editor-block-list__layout .block-editor-block-list__block.has-warning>*{pointer-events:none;-webkit-user-select:none;user-select:none}.block-editor-block-list__layout .block-editor-block-list__block.has-warning .block-editor-warning{pointer-events:all}.block-editor-block-list__layout .block-editor-block-list__block.has-warning:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;border-radius:2px;background-color:hsla(0,0%,100%,.4)}.block-editor-block-list__layout .block-editor-block-list__block.has-warning.is-multi-selected:after{background-color:transparent}.block-editor-block-list__layout .block-editor-block-list__block.is-reusable>.block-editor-inner-blocks>.block-editor-block-list__layout.has-overlay:after{display:none}.block-editor-block-list__layout .block-editor-block-list__block.is-reusable>.block-editor-inner-blocks>.block-editor-block-list__layout.has-overlay .block-editor-block-list__layout.has-overlay:after{display:block}.block-editor-block-list__layout .block-editor-block-list__block.is-reusable.has-child-selected:after{box-shadow:0 0 0 1px var(--wp-admin-theme-color)}.block-editor-block-list__layout .block-editor-block-list__block[data-clear=true]{float:none}.block-editor-block-list__layout .block-editor-block-list__block .block-editor-block-list__layout .block-editor-default-block-appender .block-editor-inserter{right:auto;left:8px}.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-hovered{cursor:default}.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-hovered:after{top:1px;right:1px;left:1px;bottom:1px;box-shadow:0 0 0 1px var(--wp-admin-theme-color);border-radius:1px}.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-selected{cursor:unset}.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-selected:after{box-shadow:0 0 0 1px var(--wp-admin-theme-color);top:1px;right:1px;left:1px;bottom:1px;border-radius:1px}.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-selected:focus:after{box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}.is-focus-mode .block-editor-block-list__block:not(.has-child-selected){opacity:.5;transition:opacity .1s linear}@media (prefers-reduced-motion:reduce){.is-focus-mode .block-editor-block-list__block:not(.has-child-selected){transition-duration:0s;transition-delay:0s}}.is-focus-mode .block-editor-block-list__block:not(.has-child-selected) .block-editor-block-list__block,.is-focus-mode .block-editor-block-list__block:not(.has-child-selected).is-multi-selected,.is-focus-mode .block-editor-block-list__block:not(.has-child-selected).is-selected{opacity:1}.is-root-container:not(.is-focus-mode) .block-editor-block-list__block.has-active-entity{opacity:.5;transition:opacity .1s linear}@media (prefers-reduced-motion:reduce){.is-root-container:not(.is-focus-mode) .block-editor-block-list__block.has-active-entity{transition-duration:0s;transition-delay:0s}}.is-root-container:not(.is-focus-mode) .block-editor-block-list__block.has-active-entity.has-child-selected,.is-root-container:not(.is-focus-mode) .block-editor-block-list__block.has-active-entity.is-active-entity,.is-root-container:not(.is-focus-mode) .block-editor-block-list__block.has-active-entity.is-active-entity .block-editor-block-list__block,.is-root-container:not(.is-focus-mode) .block-editor-block-list__block.has-active-entity .is-active-entity .block-editor-block-list__block,.is-root-container:not(.is-focus-mode) .block-editor-block-list__block.has-active-entity:not(.has-child-selected) .block-editor-block-list__block{opacity:1}.wp-block[data-align=left]>*,.wp-block[data-align=right]>*{z-index:21}.block-editor-block-list .block-editor-inserter{margin:8px;cursor:move;cursor:grab}@keyframes block-editor-inserter__toggle__fade-in-animation{0%{opacity:0}to{opacity:1}}.wp-block .block-list-appender .block-editor-inserter__toggle{animation:block-editor-inserter__toggle__fade-in-animation .1s ease;animation-fill-mode:forwards}@media (prefers-reduced-motion:reduce){.wp-block .block-list-appender .block-editor-inserter__toggle{animation-duration:1ms;animation-delay:0s}}.block-editor-block-list__block:not(.is-selected):not(.has-child-selected) .block-editor-default-block-appender{display:none}.block-editor-block-list__block:not(.is-selected):not(.has-child-selected) .block-editor-default-block-appender .block-editor-inserter__toggle{opacity:0;transform:scale(0)}.block-editor-block-list__block .block-editor-block-list__block-html-textarea{display:block;margin:0;padding:12px;width:100%;border:none;outline:none;border-radius:2px;box-shadow:inset 0 0 0 1px #1e1e1e;resize:none;overflow:hidden;font-family:Menlo,Consolas,monaco,monospace;font-size:15px;line-height:1.5;transition:padding .2s linear}@media (prefers-reduced-motion:reduce){.block-editor-block-list__block .block-editor-block-list__block-html-textarea{transition-duration:0s;transition-delay:0s}}.block-editor-block-list__block .block-editor-block-list__block-html-textarea:focus{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}.block-editor-block-list__block .block-editor-warning{z-index:5;position:relative}.block-editor-block-list__block .block-editor-warning.block-editor-block-list__block-crash-warning{margin-bottom:auto}.block-editor-block-list__insertion-point{position:absolute}.block-editor-block-list__insertion-point-indicator{position:absolute;background:var(--wp-admin-theme-color);animation:block-editor-inserter__toggle__fade-in-animation-delayed .3s ease;animation-fill-mode:forwards}@media (prefers-reduced-motion:reduce){.block-editor-block-list__insertion-point-indicator{animation-duration:1ms;animation-delay:0s}}.block-editor-block-list__insertion-point.is-vertical>.block-editor-block-list__insertion-point-indicator{top:50%;left:0;right:0;height:1px}.block-editor-block-list__insertion-point.is-horizontal>.block-editor-block-list__insertion-point-indicator{top:0;left:0;right:50%;height:100%;width:1px}.block-editor-block-list__insertion-point-inserter{display:none;position:absolute;justify-content:center;top:calc(50% - 12px);right:calc(50% - 12px)}@media (min-width:480px){.block-editor-block-list__insertion-point-inserter{display:flex}}.block-editor-block-list__block-popover-inserter{position:absolute;top:-9999em;margin-bottom:14px}.block-editor-block-list__block-popover-inserter.is-visible{position:static}.block-editor-block-list__block-popover-inserter .block-editor-inserter__toggle.components-button.has-icon,.block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle.components-button.has-icon,.block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon,.block-editor-default-block-appender .block-editor-inserter__toggle.components-button.has-icon{background:#1e1e1e;border-radius:2px;color:#fff;padding:0;min-width:24px;height:24px}.block-editor-block-list__block-popover-inserter .block-editor-inserter__toggle.components-button.has-icon:hover,.block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle.components-button.has-icon:hover,.block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon:hover,.block-editor-default-block-appender .block-editor-inserter__toggle.components-button.has-icon:hover{color:#fff;background:var(--wp-admin-theme-color)}.block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon{background:var(--wp-admin-theme-color)}.block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon:hover{background:#1e1e1e}.block-editor-block-list__block-popover-inserter .block-editor-inserter__toggle.components-button,.block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button{animation:block-editor-inserter__toggle__fade-in-animation-delayed .3s ease;animation-fill-mode:forwards}@media (prefers-reduced-motion:reduce){.block-editor-block-list__block-popover-inserter .block-editor-inserter__toggle.components-button,.block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button{animation-duration:1ms;animation-delay:0s}}@keyframes block-editor-inserter__toggle__fade-in-animation-delayed{0%{opacity:0}60%{opacity:0}to{opacity:1}}.block-editor-block-contextual-toolbar{display:inline-flex;border:1px solid #1e1e1e;border-radius:2px;background-color:#fff}.block-editor-block-contextual-toolbar .block-editor-block-toolbar .components-toolbar,.block-editor-block-contextual-toolbar .block-editor-block-toolbar .components-toolbar-group{border-left-color:#1e1e1e}.block-editor-block-contextual-toolbar.is-fixed{position:sticky;top:0;width:100%;z-index:31;min-height:48px;display:block;border:none;border-bottom:1px solid #e0e0e0;border-radius:0}.block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar .components-toolbar,.block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar .components-toolbar-group{border-left-color:#e0e0e0}.block-editor-block-contextual-toolbar .block-editor-block-mover-button{overflow:hidden}.block-editor-block-contextual-toolbar .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.block-editor-block-mover-button{min-width:24px;width:24px}.block-editor-block-contextual-toolbar .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.block-editor-block-mover-button svg{min-width:24px}.block-editor-block-contextual-toolbar .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover-button:focus:before{right:0!important;min-width:0;width:100%}@media (min-width:600px){.block-editor-block-contextual-toolbar .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover-button.is-up-button svg{top:5px}.block-editor-block-contextual-toolbar .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover-button.is-down-button svg{bottom:5px}}.block-editor-block-list__block-selection-button{display:inline-flex;padding:0 13px;z-index:22;border-radius:2px;background-color:#1e1e1e;font-size:13px;height:48px}.block-editor-block-list__block-selection-button .block-editor-block-list__block-selection-button__content{margin:auto;display:inline-flex;align-items:center}.block-editor-block-list__block-selection-button .block-editor-block-list__block-selection-button__content>.components-flex__item{margin-left:6px}.block-editor-block-list__block-selection-button .components-button.has-icon.block-selection-button_drag-handle{cursor:grab;padding:0;height:24px;min-width:24px}.block-editor-block-list__block-selection-button .components-button.has-icon.block-selection-button_drag-handle svg{min-width:18px;min-height:18px}.block-editor-block-list__block-selection-button .block-editor-block-icon{font-size:13px;color:#fff;height:48px}.block-editor-block-list__block-selection-button .components-button{min-width:36px;color:#fff;height:48px;display:flex}.block-editor-block-list__block-selection-button .components-button:focus{box-shadow:none;border:none}.block-editor-block-list__block-selection-button .components-button:active{color:#fff}.block-editor-block-list__block-selection-button .block-selection-button_select-button.components-button{padding:0}.block-editor-block-list__insertion-point-popover.is-without-arrow{z-index:28;position:absolute;pointer-events:none}.block-editor-block-list__insertion-point-popover.is-without-arrow *{pointer-events:none}.block-editor-block-list__insertion-point-popover.is-without-arrow .is-with-inserter,.block-editor-block-list__insertion-point-popover.is-without-arrow .is-with-inserter *{pointer-events:all}.block-editor-block-list__insertion-point-popover.is-without-arrow .components-popover__content.components-popover__content{background:none;border:none;box-shadow:none;overflow-y:visible;margin-right:0}@keyframes hide-during-dragging{to{position:fixed;transform:translate(-9999px,9999px)}}.components-popover.block-editor-block-list__block-popover{z-index:31;position:absolute}.components-popover.block-editor-block-list__block-popover .components-popover__content{margin:0!important;min-width:auto;width:max-content;background:none;border:none;box-shadow:none;overflow-y:visible;pointer-events:none}.components-popover.block-editor-block-list__block-popover .components-popover__content .block-editor-block-contextual-toolbar,.components-popover.block-editor-block-list__block-popover .components-popover__content .block-editor-block-list__block-selection-button,.components-popover.block-editor-block-list__block-popover .components-popover__content .block-editor-block-list__empty-block-inserter{pointer-events:all}.components-popover.block-editor-block-list__block-popover .components-popover__content .block-editor-block-contextual-toolbar,.components-popover.block-editor-block-list__block-popover .components-popover__content .block-editor-block-list__block-selection-button{margin-top:12px;margin-bottom:12px}.components-popover.block-editor-block-list__block-popover.is-insertion-point-visible{visibility:hidden}.is-dragging-components-draggable .components-popover.block-editor-block-list__block-popover{opacity:0;animation:hide-during-dragging 1ms linear forwards}.is-dragging-components-draggable .components-tooltip{display:none}.block-editor-block-list__block .block-list-appender{align-self:center;padding:0;list-style:none;margin:0 0 0 auto}.block-editor-block-list__block .block-list-appender.wp-block{max-width:none}.block-editor-block-list__block .block-list-appender .block-editor-default-block-appender{margin:8px 0}.block-editor-block-list__block .block-list-appender .block-list-appender__toggle{padding:0;opacity:1;transform:scale(1);transition:all .1s ease;margin-right:8px}@media (prefers-reduced-motion:reduce){.block-editor-block-list__block .block-list-appender .block-list-appender__toggle{transition-duration:0s;transition-delay:0s}}.block-editor-block-list__block .block-list-appender:first-of-type .block-list-appender__toggle{margin-right:0}.is-vertical .block-list-appender{width:24px;margin-left:auto;margin-top:12px;margin-right:12px}.block-list-appender>.block-editor-inserter{display:block}.block-editor-block-list__block:not(.is-selected):not(.has-child-selected):not(.block-editor-block-list__layout) .block-editor-block-list__layout>.block-list-appender .block-list-appender__toggle{opacity:0;transform:scale(0)}.block-editor-block-breadcrumb{list-style:none;padding:0;margin:0}.block-editor-block-breadcrumb li{display:inline-block;margin:0}.block-editor-block-breadcrumb li:not(:last-child):after{content:"←"}.block-editor-block-breadcrumb__button.components-button{height:24px;line-height:24px;padding:0;position:relative}.block-editor-block-breadcrumb__button.components-button:hover:not(:disabled){text-decoration:underline;box-shadow:none}.block-editor-block-breadcrumb__button.components-button:focus{box-shadow:none}.block-editor-block-breadcrumb__button.components-button:focus:before{content:"";display:block;position:absolute;border-radius:2px;top:1px;left:1px;bottom:1px;right:1px;box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}.block-editor-block-breadcrumb__current{cursor:default}.block-editor-block-breadcrumb__button.components-button,.block-editor-block-breadcrumb__current{color:#1e1e1e;padding:0 8px;font-size:inherit}.block-editor-block-card{display:flex;align-items:flex-start}.block-editor-block-card__content{flex-grow:1;margin-bottom:4px}.block-editor-block-card__title{font-weight:500}.block-editor-block-card__title.block-editor-block-card__title{line-height:24px;margin:0 0 4px}.block-editor-block-card__description{font-size:13px}.block-editor-block-card .block-editor-block-icon{flex:0 0 24px;margin-right:0;margin-left:12px;width:24px;height:24px}.block-editor-block-compare{overflow:auto;height:auto}@media (min-width:600px){.block-editor-block-compare{max-height:70%}}.block-editor-block-compare__wrapper{display:flex;padding-bottom:16px}.block-editor-block-compare__wrapper>div{display:flex;justify-content:space-between;flex-direction:column;width:50%;padding:0 0 0 16px;min-width:200px}.block-editor-block-compare__wrapper>div button{float:left}.block-editor-block-compare__wrapper .block-editor-block-compare__converted{border-right:1px solid #ddd;padding-right:15px;padding-left:0}.block-editor-block-compare__wrapper .block-editor-block-compare__html{font-family:Menlo,Consolas,monaco,monospace;font-size:12px;color:#1e1e1e;border-bottom:1px solid #ddd;padding-bottom:15px;line-height:1.7}.block-editor-block-compare__wrapper .block-editor-block-compare__html span{background-color:#e6ffed;padding-top:3px;padding-bottom:3px}.block-editor-block-compare__wrapper .block-editor-block-compare__html span.block-editor-block-compare__added{background-color:#acf2bd}.block-editor-block-compare__wrapper .block-editor-block-compare__html span.block-editor-block-compare__removed{background-color:#cc1818}.block-editor-block-compare__wrapper .block-editor-block-compare__preview{padding:16px 0 0}.block-editor-block-compare__wrapper .block-editor-block-compare__preview p{font-size:12px;margin-top:0}.block-editor-block-compare__wrapper .block-editor-block-compare__action{margin-top:16px}.block-editor-block-compare__wrapper .block-editor-block-compare__heading{font-size:1em;font-weight:400;margin:.67em 0}.block-editor-block-draggable-chip-wrapper{position:absolute;top:-24px;right:0}.block-editor-block-draggable-chip{background-color:#1e1e1e;border-radius:2px;box-shadow:0 6px 8px rgba(0,0,0,.3);color:#fff;cursor:grabbing;display:inline-flex;height:48px;padding:0 13px;-webkit-user-select:none;user-select:none}.block-editor-block-draggable-chip svg{fill:currentColor}.block-editor-block-draggable-chip .block-editor-block-draggable-chip__content{margin:auto;justify-content:flex-start}.block-editor-block-draggable-chip .block-editor-block-draggable-chip__content>.components-flex__item{margin-left:6px}.block-editor-block-draggable-chip .block-editor-block-draggable-chip__content>.components-flex__item:last-child{margin-left:0}.block-editor-block-draggable-chip .block-editor-block-draggable-chip__content .block-editor-block-icon svg{min-width:18px;min-height:18px}.block-editor-block-draggable-chip .components-flex__item{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px}.is-dragging{display:none!important}.block-editor-block-mobile-toolbar{display:flex;flex-direction:row;border-left:1px solid #ddd}.block-editor-block-mobile-toolbar .block-editor-block-mover-button{width:36px;height:36px;border-radius:2px;padding:3px;margin:0;justify-content:center;align-items:center}.block-editor-block-mobile-toolbar .block-editor-block-mover-button .dashicon{margin:auto}.block-editor-block-mobile-toolbar .block-editor-block-mover{display:flex;margin-left:auto}.block-editor-block-mobile-toolbar .block-editor-block-mover .block-editor-block-mover-button{float:right}.block-editor-block-mover-button__description{display:none}.block-editor-block-mover-button.has-icon{padding:0}.block-editor-block-mover{display:inline-flex;flex-direction:row}.block-editor-block-mover .block-editor-block-mover__move-button-container,.block-editor-block-mover .components-toolbar{flex:1;flex-direction:row;border-left:none!important}@media (min-width:600px){.block-editor-block-mover .block-editor-block-mover__move-button-container,.block-editor-block-mover .components-toolbar{flex-direction:column}}.block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container,.block-editor-block-mover.is-horizontal .components-toolbar{flex-direction:row}.block-editor-block-mover .block-editor-block-mover-button.block-editor-block-mover-button{padding-left:0;padding-right:0;min-width:36px}@media (min-width:600px){.block-editor-block-mover .block-editor-block-mover-button{height:24px;width:42px;padding-left:11px!important;padding-right:6px!important}.block-editor-block-mover .block-editor-block-mover-button.block-editor-block-mover-button{min-width:42px}}@media (min-width:600px){.block-editor-block-mover .block-editor-block-mover-button:before{right:8px!important;left:8px!important}}.block-editor-block-mover .block-editor-block-mover__drag-handle{width:24px;cursor:grab;min-width:24px!important;padding:0!important}.block-editor-block-mover .block-editor-block-mover__drag-handle:focus:before{right:0!important;left:0!important}@media (min-width:600px){.block-editor-block-mover .components-toolbar-group .block-editor-block-mover-button,.block-editor-block-mover .components-toolbar .block-editor-block-mover-button{margin:0 0 0 auto}.block-editor-block-mover .components-toolbar-group .block-editor-block-mover-button.is-up-button:before,.block-editor-block-mover .components-toolbar .block-editor-block-mover-button.is-up-button:before{bottom:0;height:calc(100% - 1px)}.block-editor-block-mover .components-toolbar-group .block-editor-block-mover-button.is-down-button:before,.block-editor-block-mover .components-toolbar .block-editor-block-mover-button.is-down-button:before{top:0;height:calc(100% - 1px)}}.block-editor-block-mover.is-horizontal .block-editor-block-mover-button.has-icon{height:48px;width:24px;padding-right:0;padding-left:0}.block-editor-block-mover.is-horizontal .block-editor-block-mover-button.has-icon:before{top:1px;bottom:1px;min-width:0;width:auto;height:auto}.block-editor-block-mover.is-horizontal .block-editor-block-mover-button.is-up-button.has-icon svg{margin-right:0;margin-left:-8px;margin-bottom:0}.block-editor-block-mover.is-horizontal .block-editor-block-mover-button.is-up-button.has-icon:before{right:0!important;left:0!important}.block-editor-block-mover.is-horizontal .block-editor-block-mover-button.is-down-button.has-icon svg{margin-right:-8px;margin-left:0;margin-top:0}.block-editor-block-mover.is-horizontal .block-editor-block-mover-button.is-down-button.has-icon:before{right:0!important;left:0!important;width:calc(100% + 1px)}.block-editor-block-navigation__label{margin:0 0 12px;color:#757575;text-transform:uppercase;font-size:11px;font-weight:500}.block-editor-block-navigation__container{min-width:280px}.block-editor-block-navigation-tree{width:100%;border-collapse:collapse;padding:0;margin:0}.components-modal__content .block-editor-block-navigation-tree{margin:-12px -6px 0;width:calc(100% + 12px)}.block-editor-block-navigation-leaf{position:relative}.block-editor-block-navigation-leaf.is-selected .block-editor-block-navigation-block-contents{background:var(--wp-admin-theme-color);color:#fff}.block-editor-block-navigation-leaf.is-selected .block-editor-block-navigation-block-contents:focus{box-shadow:inset 0 0 0 1px #fff,0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}.block-editor-block-navigation-leaf.is-branch-selected.is-selected .block-editor-block-navigation-block-contents{border-radius:2px 2px 0 0}.block-editor-block-navigation-leaf.is-branch-selected:not(.is-selected) .block-editor-block-navigation-block-contents{background:linear-gradient(hsla(0,0%,100%,.9),hsla(0,0%,100%,.9)),linear-gradient(var(--wp-admin-theme-color),var(--wp-admin-theme-color));border-radius:0}.block-editor-block-navigation-leaf.is-branch-selected.is-last-of-selected-branch .block-editor-block-navigation-block-contents{border-radius:0 0 2px 2px}.block-editor-block-navigation-leaf.is-dragging{display:none}.block-editor-block-navigation-leaf .block-editor-block-navigation-block-contents{display:flex;align-items:center;width:100%;height:auto;padding:6px 12px;text-align:right;color:#1e1e1e;border-radius:2px;position:relative;white-space:nowrap}.block-editor-block-navigation-leaf .block-editor-block-navigation-block-contents:focus,.block-editor-block-navigation-leaf .block-editor-block-navigation-block-contents:hover{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}.block-editor-block-navigation-leaf .block-editor-block-navigation-block-contents:focus{z-index:1}.block-editor-block-navigation-leaf .block-editor-block-navigation-block-contents.is-dropping-before:before{content:"";position:absolute;pointer-events:none;transition:border-color .1s linear,border-style .1s linear,box-shadow .1s linear;top:-2px;left:0;right:0;border-top:4px solid var(--wp-admin-theme-color)}.block-editor-block-navigation-leaf .block-editor-block-navigation-block-contents.is-dropping-after:before{content:"";position:absolute;pointer-events:none;transition:border-color .1s linear,border-style .1s linear,box-shadow .1s linear;bottom:-2px;left:0;right:0;border-bottom:4px solid var(--wp-admin-theme-color)}.block-editor-block-navigation-leaf .block-editor-block-navigation-block-contents.is-dropping-to-inner-blocks:before{content:"";position:absolute;pointer-events:none;transition:border-color .1s linear,border-style .1s linear,box-shadow .1s linear;bottom:-2px;left:0;right:24px;border-bottom:4px solid var(--wp-admin-theme-color)}.components-modal__content .block-editor-block-navigation-leaf .block-editor-block-navigation-block-contents{padding-right:0;padding-left:0}.block-editor-block-navigation-leaf.is-visible .block-editor-block-navigation-block-contents{opacity:1;animation:edit-post__fade-in-animation .2s ease-out 0s;animation-fill-mode:forwards}@media (prefers-reduced-motion:reduce){.block-editor-block-navigation-leaf.is-visible .block-editor-block-navigation-block-contents{animation-duration:1ms;animation-delay:0s}}.block-editor-block-navigation-leaf .block-editor-block-icon{align-self:flex-start;margin-left:10px;width:20px}.block-editor-block-navigation-leaf .block-editor-block-navigation-block__contents-cell,.block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell,.block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell{padding-top:0;padding-bottom:0}.block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell,.block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell{line-height:0;width:36px;opacity:0;vertical-align:top}@media (prefers-reduced-motion:reduce){.block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell,.block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell{transition-duration:0s;transition-delay:0s}}.block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell.is-visible,.block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell:hover,.block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell.is-visible,.block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell:hover{position:relative;z-index:1;opacity:1;animation:edit-post__fade-in-animation .2s ease-out 0s;animation-fill-mode:forwards}@media (prefers-reduced-motion:reduce){.block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell.is-visible,.block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell:hover,.block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell.is-visible,.block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell:hover{animation-duration:1ms;animation-delay:0s}}.block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell,.block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell .components-button.has-icon,.block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell,.block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell .components-button.has-icon{width:24px;min-width:24px;padding:0}.block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell{padding-top:8px}.block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell-alignment-wrapper{display:flex;height:100%;flex-direction:column;align-items:center}.block-editor-block-navigation-leaf .block-editor-block-mover-button{position:relative;width:36px;height:24px}.block-editor-block-navigation-leaf .block-editor-block-mover-button svg{position:relative;height:24px}.block-editor-block-navigation-leaf .block-editor-block-mover-button.is-up-button{margin-top:-6px;align-items:flex-end}.block-editor-block-navigation-leaf .block-editor-block-mover-button.is-up-button svg{bottom:-4px}.block-editor-block-navigation-leaf .block-editor-block-mover-button.is-down-button{margin-bottom:-6px;align-items:flex-start}.block-editor-block-navigation-leaf .block-editor-block-mover-button.is-down-button svg{top:-4px}.block-editor-block-navigation-leaf .block-editor-block-mover-button:focus,.block-editor-block-navigation-leaf .block-editor-block-mover-button:focus:enabled{box-shadow:none;outline:none}.block-editor-block-navigation-leaf .block-editor-block-mover-button:focus:before{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color),inset 0 0 0 4px #fff;outline:2px solid transparent}.block-editor-block-navigation-leaf .block-editor-block-mover-button:before{content:"";position:absolute;display:block;border-radius:2px;height:16px;min-width:100%;right:0;left:0;animation:components-button__appear-animation .1s ease;animation-fill-mode:forwards}@media (prefers-reduced-motion:reduce){.block-editor-block-navigation-leaf .block-editor-block-mover-button:before{animation-duration:1ms;animation-delay:0s}}.block-editor-block-navigation-leaf .block-editor-inserter__toggle{background:#1e1e1e;color:#fff;height:24px;margin:6px 1px 6px 6px;min-width:24px}.block-editor-block-navigation-leaf .block-editor-inserter__toggle:active{color:#fff}.block-editor-block-navigation-leaf .block-editor-block-navigation-block-select-button__anchor{background:rgba(0,0,0,.1);border-radius:2px;display:inline-block;padding:2px 6px;margin:0 8px;max-width:120px;overflow:hidden;text-overflow:ellipsis}.block-editor-block-navigation-leaf.is-selected .block-editor-block-navigation-block-select-button__anchor{background:rgba(0,0,0,.3)}.block-editor-block-navigation-appender__description,.block-editor-block-navigation-block-select-button__description,.block-editor-block-navigation-block-slot__description{display:none}.block-editor-block-navigation-appender__cell .block-editor-block-navigation-appender__container,.block-editor-block-navigation-appender__cell .block-editor-block-navigation-block__contents-container,.block-editor-block-navigation-block__contents-cell .block-editor-block-navigation-appender__container,.block-editor-block-navigation-block__contents-cell .block-editor-block-navigation-block__contents-container{display:flex}.block-editor-block-navigation-leaf[aria-level] .block-editor-block-icon{margin-right:224px}.block-editor-block-navigation-leaf[aria-level="1"] .block-editor-block-icon{margin-right:0}.block-editor-block-navigation-leaf[aria-level="2"] .block-editor-block-icon{margin-right:28px}.block-editor-block-navigation-leaf[aria-level="3"] .block-editor-block-icon{margin-right:56px}.block-editor-block-navigation-leaf[aria-level="4"] .block-editor-block-icon{margin-right:84px}.block-editor-block-navigation-leaf[aria-level="5"] .block-editor-block-icon{margin-right:112px}.block-editor-block-navigation-leaf[aria-level="6"] .block-editor-block-icon{margin-right:140px}.block-editor-block-navigation-leaf[aria-level="7"] .block-editor-block-icon{margin-right:168px}.block-editor-block-navigation-leaf[aria-level="8"] .block-editor-block-icon{margin-right:196px}.block-editor-block-navigation-leaf[aria-level="9"] .block-editor-block-icon{margin-right:224px}.block-editor-block-parent-selector{background:#fff;border-radius:2px}.block-editor-block-parent-selector .block-editor-block-parent-selector__button{width:48px;height:48px;border:1px solid #1e1e1e;border-radius:2px}.block-editor-block-patterns-list__list-item{cursor:pointer;margin-top:16px}.block-editor-block-patterns-list__list-item.is-placeholder{min-height:100px}.block-editor-block-patterns-list__list-item[draggable=true] .block-editor-block-preview__container{cursor:grab}.block-editor-block-patterns-list__item{height:100%;border-radius:2px;transition:all .05s ease-in-out;position:relative;border:1px solid transparent}.block-editor-block-patterns-list__item:hover{border:1px solid var(--wp-admin-theme-color)}.block-editor-block-patterns-list__item:focus{box-shadow:inset 0 0 0 1px #fff,0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);outline:2px solid transparent}.block-editor-block-patterns-list__item-title{padding:4px;font-size:12px;text-align:center}.block-editor-block-preview__container{position:relative;width:100%;overflow:hidden}.block-editor-block-preview__container.editor-styles-wrapper{padding:0;margin:0}.block-editor-block-preview__container .block-editor-block-preview__content{position:absolute;top:0;right:0;transform-origin:top right;text-align:initial;margin:0;overflow:visible;min-height:auto}.block-editor-block-preview__container .block-editor-block-preview__content .block-editor-block-drop-zone,.block-editor-block-preview__container .block-editor-block-preview__content .block-editor-block-list__insertion-point,.block-editor-block-preview__container .block-editor-block-preview__content .block-list-appender,.block-editor-block-preview__container .block-editor-block-preview__content .reusable-block-indicator{display:none}.block-editor-block-preview__container .block-editor-block-preview__content .block-editor-block-list__layout.is-root-container{padding-right:0;padding-left:0}.block-editor-block-preview__container .block-editor-block-preview__content .block-editor-block-list__layout.is-root-container>.wp-block[data-align=full]{margin-right:0;margin-left:0}.block-editor-block-settings-menu__popover .components-dropdown-menu__menu{padding:0}.block-editor-block-styles{display:flex;flex-wrap:wrap;justify-content:space-between}.block-editor-block-styles__item{width:calc(50% - 4px);margin:4px 0;flex-shrink:0;cursor:pointer;overflow:hidden;border-radius:2px;padding:6px;display:flex;flex-direction:column}.block-editor-block-styles__item:focus{box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);outline:2px solid transparent}.block-editor-block-styles__item:hover .block-editor-block-styles__item-preview{border-color:var(--wp-admin-theme-color)}.block-editor-block-styles__item.is-active .block-editor-block-styles__item-label{font-weight:700}.block-editor-block-styles__item.is-active .block-editor-block-styles__item-preview{margin:0;border:2px solid #1e1e1e}.block-editor-block-styles__item .block-editor-block-preview__container{cursor:inherit}.block-editor-block-styles__item-preview{outline:1px solid transparent;padding:0;margin:2px;border-radius:2px;display:flex;overflow:hidden;background:#fff;align-items:center;flex-grow:1;min-height:80px;max-height:160px}.block-editor-block-switcher__styles__menugroup{position:relative}.block-editor-block-styles__item-label{text-align:center;padding:4px 0}.block-editor-block-switcher,.block-editor-block-switcher__no-switcher-icon,.block-editor-block-switcher__toggle{position:relative}.components-button.block-editor-block-switcher__no-switcher-icon,.components-button.block-editor-block-switcher__toggle{margin:0;display:block;height:48px}.components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-icon,.components-button.block-editor-block-switcher__toggle .block-editor-block-icon{margin:auto}.block-editor-block-switcher__toggle-text{margin-right:8px}.show-icon-labels .block-editor-block-switcher__toggle-text{display:none}.show-icon-labels .block-editor-block-toolbar .block-editor-block-switcher .components-button.has-icon:after{font-size:14px}.block-editor-block-switcher__popover{margin-right:6px}.components-button.block-editor-block-switcher__no-switcher-icon{width:48px}.components-button.block-editor-block-switcher__no-switcher-icon .block-editor-blocks-icon{margin-left:auto;margin-right:auto}.components-button.block-editor-block-switcher__no-switcher-icon:disabled{opacity:1}.components-button.block-editor-block-switcher__no-switcher-icon:disabled,.components-button.block-editor-block-switcher__no-switcher-icon:disabled .block-editor-block-icon.has-colors{color:#1e1e1e}.block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon .block-editor-block-icon,.block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__toggle.has-icon.has-icon .block-editor-block-icon,.block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon .block-editor-block-icon,.block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__toggle.has-icon.has-icon .block-editor-block-icon{height:100%;position:relative;margin:0 auto;display:flex;align-items:center;min-width:100%}.block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon:before,.block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__toggle.has-icon.has-icon:before,.block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon:before,.block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__toggle.has-icon.has-icon:before{top:8px;left:8px;bottom:8px;right:8px}.components-popover.block-editor-block-switcher__popover .components-popover__content{min-width:300px}.components-popover.block-editor-block-switcher__popover .components-popover__content>div{min-width:auto;display:flex;background:#fff;padding:0}.components-popover.block-editor-block-switcher__popover .components-popover__content>div .components-menu-group{margin:0}.block-editor-block-switcher__popover .components-popover__content .block-editor-block-styles{margin:0 -3px}.block-editor-block-switcher__popover .components-popover__content .components-panel__body{border:0;position:relative;z-index:1}.block-editor-block-switcher__popover .components-popover__content .components-panel__body+.components-panel__body{border-top:1px solid #e0e0e0}.block-editor-block-switcher__popover__preview__parent .block-editor-block-switcher__popover__preview__container{position:absolute;top:-12px;right:calc(100% + 32px)}.block-editor-block-switcher__preview__popover{display:none}.block-editor-block-switcher__preview__popover.components-popover{margin-right:4px;margin-top:11px}@media (min-width:782px){.block-editor-block-switcher__preview__popover{display:block}}.block-editor-block-switcher__preview__popover .components-popover__content{box-shadow:none;border:1px solid #1e1e1e;background:#fff;border-radius:2px}.block-editor-block-switcher__preview__popover .block-editor-block-switcher__preview{width:300px;height:auto;max-height:500px;padding:16px}.block-editor-block-switcher__preview-title{margin-bottom:12px;color:#757575;text-transform:uppercase;font-size:11px;font-weight:500}.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon{width:48px}.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon,.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle{height:48px}.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-icon,.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-switcher__transform,.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle .block-editor-block-icon,.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle .block-editor-block-switcher__transform{width:48px;height:48px}.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-switcher__transform,.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle .block-editor-block-switcher__transform{padding:12px}.block-editor-block-switcher__preview-patterns-container{padding-bottom:16px}.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item{margin-top:16px}.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-preview__container{cursor:pointer}.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item{height:100%;border-radius:2px;transition:all .05s ease-in-out;position:relative;border:1px solid transparent}.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item:focus,.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item:hover{box-shadow:inset 0 0 0 1px #fff,0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);outline:2px solid transparent}.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item:hover{box-shadow:inset 0 0 0 1px #fff,0 0 0 var(--wp-admin-border-width-focus) #1e1e1e}.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item .block-editor-block-switcher__preview-patterns-container-list__item-title{padding:4px;font-size:12px;text-align:center;cursor:pointer}.block-editor-block-types-list>[role=presentation]{padding:4px;margin-right:-4px;margin-left:-4px;overflow:hidden;display:flex;flex-wrap:wrap}.block-editor-block-variation-picker .components-placeholder__instructions{margin-bottom:0}.block-editor-block-variation-picker .components-placeholder__fieldset{flex-direction:column}.block-editor-block-variation-picker.has-many-variations .components-placeholder__fieldset{max-width:90%}.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations{display:flex;justify-content:flex-start;flex-direction:row;flex-wrap:wrap;width:100%;margin:16px 0;padding:0;list-style:none}.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations>li{list-style:none;margin:8px 0 0 20px;flex-shrink:1;width:75px;text-align:center}.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations>li button{display:inline-flex;margin-left:0}.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations .block-editor-block-variation-picker__variation{padding:8px}.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations .block-editor-block-variation-picker__variation-label{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:12px;display:block;line-height:1.4}.block-editor-block-variation-picker__variation{width:100%}.block-editor-block-variation-picker__variation.components-button.has-icon{justify-content:center;width:auto}.block-editor-block-variation-picker__variation.components-button.has-icon.is-secondary{background-color:#fff}.block-editor-block-variation-picker__variation.components-button{height:auto;padding:0}.block-editor-block-variation-picker__variation:before{content:"";padding-bottom:100%}.block-editor-block-variation-picker__variation:first-child{margin-right:0}.block-editor-block-variation-picker__variation:last-child{margin-left:0}.block-editor-block-pattern-setup{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:100%;border-radius:2px;box-shadow:inset 0 0 0 1px #1e1e1e;outline:1px solid transparent}.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__toolbar{justify-content:center}.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;padding:16px;max-height:550px;overflow:auto;margin:0 1px 1px;width:calc(100% - 2px);background:#fff}.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-preview__container,.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container div[role=button]{cursor:pointer}.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__item-title{padding:4px;font-size:12px;text-align:center}.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-preview__container{border-radius:2px;border:1px solid #ddd}.block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar{box-sizing:border-box;position:relative;padding:16px;width:100%;text-align:right;margin:0;color:#1e1e1e;border-radius:2px 2px 0 0;background-color:#fff;box-shadow:inset 0 0 0 1px #1e1e1e;outline:1px solid transparent;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__display-controls{display:flex}.block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__actions,.block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__navigation{width:calc(50% - 36px);display:flex}.block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__actions{justify-content:flex-end}.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container{display:flex;flex-direction:column;width:100%;box-sizing:border-box}.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container{overflow:hidden;position:relative;padding:0;margin:0;list-style:none;transform-style:preserve-3d}.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container *{box-sizing:border-box}.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide{opacity:0;position:absolute;top:0;width:100%;margin:auto;padding:16px;transition:transform .5s,opacity .5s,z-index .5s;z-index:100}.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide.active-slide{opacity:1;position:relative;z-index:102}.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide.previous-slide{transform:translateX(100%);z-index:101}.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide.next-slide{transform:translateX(-100%);z-index:101}.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .block-list-appender{display:none}.block-editor-block-variation-transforms{padding:0 56px 16px 16px;width:100%}.block-editor-block-variation-transforms .components-dropdown-menu__toggle{border:1px solid #757575;border-radius:2px;min-height:30px;width:100%;position:relative;text-align:right;justify-content:left;padding:6px 12px}.block-editor-block-variation-transforms .components-dropdown-menu__toggle.components-dropdown-menu__toggle{padding-left:24px}.block-editor-block-variation-transforms .components-dropdown-menu__toggle:focus:not(:disabled){border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 calc(var(--wp-admin-border-width-focus) - 1px) var(--wp-admin-theme-color)}.block-editor-block-variation-transforms .components-dropdown-menu__toggle svg{height:100%;padding:0;position:absolute;left:0;top:0}.block-editor-block-variation-transforms__popover .components-popover__content{min-width:230px}.components-border-style-control__select{margin-bottom:24px}.components-border-style-control__select button{width:100%}.components-border-style-control__select ul li,.components-border-style-control__select ul li:last-child{margin:6px}.block-editor-button-block-appender{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px;width:100%;height:auto;color:#1e1e1e;box-shadow:inset 0 0 0 1px #1e1e1e}.is-dark-theme .block-editor-button-block-appender{color:hsla(0,0%,100%,.65);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.65)}.block-editor-button-block-appender:hover{color:var(--wp-admin-theme-color);box-shadow:inset 0 0 0 1px var(--wp-admin-theme-color)}.block-editor-button-block-appender:focus{box-shadow:inset 0 0 0 2px var(--wp-admin-theme-color)}.block-editor-button-block-appender:active{color:#000}.block-editor-button-block-appender.block-list-appender__toggle{display:flex;flex-direction:row;box-shadow:none;height:24px;width:24px}.block-editor-button-block-appender.block-list-appender__toggle>svg{width:24px;background-color:#1e1e1e;color:#fff;border-radius:2px;flex:1 0 auto}.block-editor-color-gradient-control .block-editor-color-gradient-control__color-indicator{margin-bottom:12px}.block-editor-color-gradient-control .block-editor-color-gradient-control__button-tabs{display:block;margin-bottom:12px}.block-editor-panel-color-gradient-settings .component-color-indicator{vertical-align:text-bottom}.block-editor-panel-color-gradient-settings__panel-title .component-color-indicator{display:inline-block}.block-editor-panel-color-gradient-settings.is-opened .block-editor-panel-color-gradient-settings__panel-title .component-color-indicator{display:none}@media screen and (min-width:782px){.block-editor-panel-color-gradient-settings .components-circular-option-picker__swatches{margin-left:0}.block-editor-panel-color-gradient-settings .components-circular-option-picker__option-wrapper{margin-left:calc(20% - 33.6px)}.block-editor-panel-color-gradient-settings .components-circular-option-picker__option-wrapper:nth-child(6n+6){margin-left:0}}.block-editor-contrast-checker>.components-notice{margin:0}.block-editor-default-block-appender{clear:both;margin-right:auto;margin-left:auto;position:relative}.block-editor-default-block-appender[data-root-client-id=""] .block-editor-default-block-appender__content:hover{outline:1px solid transparent}.block-editor-default-block-appender .block-editor-default-block-appender__content{opacity:.62}.block-editor-default-block-appender .components-drop-zone__content-icon{display:none}.block-editor-block-list__empty-block-inserter.block-editor-block-list__empty-block-inserter,.block-editor-default-block-appender .block-editor-inserter{position:absolute;top:0;height:32px}.block-editor-block-list__empty-block-inserter.block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle,.block-editor-default-block-appender .block-editor-inserter .block-editor-inserter__toggle{margin-left:0}.block-editor-block-list__empty-block-inserter,.block-editor-default-block-appender .block-editor-inserter{left:8px}@media (min-width:600px){.block-editor-block-list__empty-block-inserter,.block-editor-default-block-appender .block-editor-inserter{display:flex;height:100%}}.block-editor-block-list__empty-block-inserter:disabled,.block-editor-default-block-appender .block-editor-inserter:disabled{display:none}.block-editor-duotone-control__popover .components-popover__content{border:1px solid #1e1e1e;min-width:214px}.block-editor-duotone-control__popover .components-circular-option-picker{padding:12px}.block-editor-duotone-control__popover .components-menu-group__label{padding:12px 12px 0;width:100%;box-sizing:border-box}.block-editor-duotone-control__popover>.components-popover__content{width:334px}.block-editor-duotone-control__popover:not([data-y-axis=middle][data-x-axis=right])>.components-popover__content{margin-right:-14px}.components-font-appearance-control__select{margin-bottom:24px}.components-font-appearance-control__select ul li{color:#1e1e1e;text-transform:capitalize}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.block-editor-link-control{position:relative;min-width:360px}.components-popover__content .block-editor-link-control{min-width:auto;width:90vw;max-width:360px}.block-editor-link-control__search-input-wrapper{position:relative}.block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type=text]{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;box-shadow:0 0 0 transparent;transition:box-shadow .1s linear;font-size:16px;line-height:normal;width:calc(100% - 32px);display:block;padding:11px 16px 11px 36px;margin:16px;position:relative;border:1px solid #ddd;border-radius:2px}@media (prefers-reduced-motion:reduce){.block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type=text]{transition-duration:0s;transition-delay:0s}}@media (min-width:600px){.block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type=text]{font-size:13px;line-height:normal}}.block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type=text]:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 1px var(--wp-admin-theme-color);outline:2px solid transparent}.block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type=text]::-webkit-input-placeholder{color:rgba(30,30,30,.62)}.block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type=text]::-moz-placeholder{opacity:1;color:rgba(30,30,30,.62)}.block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type=text]:-ms-input-placeholder{color:rgba(30,30,30,.62)}.block-editor-link-control .block-editor-link-control__search-input .components-base-control__field{margin-bottom:0}.block-editor-link-control__search-error{margin:-8px 16px 16px}.block-editor-link-control__search-actions{position:absolute;top:19px;left:19px}.components-button .block-editor-link-control__search-submit .has-icon{margin:-1px}.block-editor-link-control__search-results-wrapper{position:relative;margin-top:-15px}.block-editor-link-control__search-results-wrapper:after,.block-editor-link-control__search-results-wrapper:before{content:"";position:absolute;right:-1px;left:16px;display:block;pointer-events:none;z-index:100}.block-editor-link-control__search-results-wrapper:before{height:8px;top:0;bottom:auto}.block-editor-link-control__search-results-wrapper:after{height:16px;bottom:0;top:auto}.block-editor-link-control__search-results-label{padding:16px 32px 0;display:block;font-weight:600}.block-editor-link-control__search-results{margin:0;padding:8px 16px;max-height:200px;overflow-y:auto}.block-editor-link-control__search-results.is-loading{opacity:.2}.block-editor-link-control__search-item{position:relative;display:flex;align-items:center;font-size:13px;cursor:pointer;background:#fff;width:100%;border:none;text-align:right;padding:12px 16px;border-radius:5px;height:auto}.block-editor-link-control__search-item:focus,.block-editor-link-control__search-item:hover{background-color:#ddd}.block-editor-link-control__search-item:focus:not(:disabled){box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color) inset}.block-editor-link-control__search-item.is-selected{background:#f0f0f0}.block-editor-link-control__search-item.is-selected .block-editor-link-control__search-item-type{background:#fff}.block-editor-link-control__search-item.is-current{background:transparent;border:0;width:100%;cursor:default;padding:16px 24px 16px 16px}.block-editor-link-control__search-item .block-editor-link-control__search-item-header{display:block;margin-left:8px;overflow:hidden;white-space:nowrap}.block-editor-link-control__search-item .block-editor-link-control__search-item-icon{margin-left:1em;min-width:24px}.block-editor-link-control__search-item .block-editor-link-control__search-item-info,.block-editor-link-control__search-item .block-editor-link-control__search-item-title{overflow:hidden;text-overflow:ellipsis;padding-left:24px}.block-editor-link-control__search-item .block-editor-link-control__search-item-info .components-external-link__icon,.block-editor-link-control__search-item .block-editor-link-control__search-item-title .components-external-link__icon{position:absolute;left:0;margin-top:0}.block-editor-link-control__search-item .block-editor-link-control__search-item-title{display:block;margin-bottom:.2em;font-weight:500;position:relative}.block-editor-link-control__search-item .block-editor-link-control__search-item-title mark{font-weight:700;color:#000;background-color:transparent}.block-editor-link-control__search-item .block-editor-link-control__search-item-title span{font-weight:400}.block-editor-link-control__search-item .block-editor-link-control__search-item-info{display:block;color:#757575;font-size:.9em;line-height:1.3}.block-editor-link-control__search-item .block-editor-link-control__search-item-type{display:block;padding:3px 8px;margin-right:auto;font-size:.9em;background-color:#f0f0f0;border-radius:2px}.block-editor-link-control__loading{margin:16px;display:flex;align-items:center}.block-editor-link-control__loading .components-spinner{margin-top:0}.components-button+.block-editor-link-control__search-create{overflow:visible;padding:12px 16px}.components-button+.block-editor-link-control__search-create:before{content:"";position:absolute;top:-10px;right:0;display:block;width:100%}.block-editor-link-control__search-results div[role=menu]>.block-editor-link-control__search-item.block-editor-link-control__search-item{padding:10px}.block-editor-link-control__settings{border-top:1px solid #ddd;margin:0;padding:16px 24px}.block-editor-link-control__settings :last-child{margin-bottom:0}.is-alternate .block-editor-link-control__settings{border-top:1px solid #1e1e1e}.block-editor-link-control__setting{margin-bottom:16px}.block-editor-link-control__setting :last-child{margin-bottom:0}.block-editor-link-control .block-editor-link-control__search-input .components-spinner{display:block}.block-editor-link-control .block-editor-link-control__search-input .components-spinner.components-spinner{position:absolute;right:auto;bottom:auto;top:28px;left:62px}.block-editor-link-control__search-item-action{margin-right:auto;flex-shrink:0}.block-editor-line-height-control{margin-bottom:24px}.block-editor-line-height-control input{display:block;max-width:60px}.block-editor-image-size-control{margin-bottom:1em}.block-editor-image-size-control .block-editor-image-size-control__row{display:flex;justify-content:space-between}.block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__height,.block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__width{margin-bottom:.5em}.block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__height input,.block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__width input{line-height:1.25}.block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__width{margin-left:5px}.block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__height{margin-right:5px}.block-editor-block-list__layout.has-overlay:after{content:"";position:absolute;top:-14px;left:-14px;bottom:-14px;right:-14px;z-index:60}[data-align=full] .has-overlay:after{left:0;right:0}.block-editor-block-types-list__list-item{display:block;width:33.33%;padding:0;margin:0}.components-button.block-editor-block-types-list__item{display:flex;flex-direction:column;width:100%;font-size:13px;color:#1e1e1e;padding:8px;align-items:stretch;justify-content:center;cursor:pointer;background:transparent;word-break:break-word;border-radius:2px;border:1px solid transparent;transition:all .05s ease-in-out;position:relative;height:auto}@media (prefers-reduced-motion:reduce){.components-button.block-editor-block-types-list__item{transition-duration:0s;transition-delay:0s}}.components-button.block-editor-block-types-list__item:disabled{opacity:.6;cursor:default}.components-button.block-editor-block-types-list__item:not(:disabled):hover{border-color:var(--wp-admin-theme-color);color:var(--wp-admin-theme-color)!important}.components-button.block-editor-block-types-list__item:not(:disabled).is-active{color:#fff;background:#1e1e1e;outline:2px solid transparent;outline-offset:-2px}.block-editor-block-types-list__item-icon{padding:12px 20px;border-radius:2px;color:#1e1e1e;transition:all .05s ease-in-out}@media (prefers-reduced-motion:reduce){.block-editor-block-types-list__item-icon{transition-duration:0s;transition-delay:0s}}.block-editor-block-types-list__item-icon .block-editor-block-icon{margin-right:auto;margin-left:auto}.block-editor-block-types-list__item-icon svg{transition:all .15s ease-out}@media (prefers-reduced-motion:reduce){.block-editor-block-types-list__item-icon svg{transition-duration:0s;transition-delay:0s}}.block-editor-block-types-list__list-item[draggable=true] .block-editor-block-types-list__item-icon{cursor:grab}.block-editor-block-types-list__item-title{padding:4px 2px 8px;font-size:12px}.modal-open .block-editor-media-replace-flow__options{display:none}.block-editor-media-replace-flow__options .components-popover__content>div{padding-top:16px}.block-editor-media-replace-flow__indicator{margin-right:4px}.block-editor-media-flow__url-input{border-top:1px solid #1e1e1e;margin-top:12px;margin-left:-12px;margin-right:-12px;padding:12px 24px 0}.block-editor-media-flow__url-input .block-editor-media-replace-flow__image-url-label{top:16px}.block-editor-media-flow__url-input .block-editor-link-control{margin-top:-16px;width:auto}.block-editor-media-flow__url-input .block-editor-link-control .components-base-control .components-base-control__field{margin-bottom:0}.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-item-title{max-width:180px;margin-top:16px}.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-item.is-current{width:auto;padding:0}.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type=text]{margin:16px 0 0;width:100%}.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-actions{left:4px}.block-editor-media-flow__error{padding:0 20px 20px;max-width:255px}.block-editor-media-flow__error .components-with-notices-ui{max-width:255px}.block-editor-media-flow__error .components-with-notices-ui .components-notice__content{overflow:hidden;word-wrap:break-word}.block-editor-media-flow__error .components-with-notices-ui .components-notice__dismiss{position:absolute;left:10px}.block-editor-media-placeholder__url-input-container .block-editor-media-placeholder__button{margin-bottom:0}.block-editor-media-placeholder__url-input-form{display:flex}.block-editor-media-placeholder__url-input-form input[type=url].block-editor-media-placeholder__url-input-field{width:100%;flex-grow:1;border:none;border-radius:0;margin:2px}@media (min-width:600px){.block-editor-media-placeholder__url-input-form input[type=url].block-editor-media-placeholder__url-input-field{width:300px}}.block-editor-media-placeholder__url-input-submit-button{flex-shrink:1}.block-editor-media-placeholder__button{margin-bottom:.5rem}.block-editor-media-placeholder__cancel-button.is-link{margin:1em;display:block}.block-editor-media-placeholder.is-appender{min-height:0}.block-editor-media-placeholder.is-appender:hover{cursor:pointer;box-shadow:0 0 0 1px var(--wp-admin-theme-color)}.block-editor-multi-selection-inspector__card{display:flex;align-items:flex-start;padding:16px}.block-editor-multi-selection-inspector__card-content{flex-grow:1}.block-editor-multi-selection-inspector__card-title{font-weight:500;margin-bottom:5px}.block-editor-multi-selection-inspector__card-description{font-size:13px}.block-editor-multi-selection-inspector__card .block-editor-block-icon{margin-right:-2px;margin-left:10px;padding:0 3px;width:36px;height:24px}.block-editor-plain-text{box-shadow:none;font-family:inherit;font-size:inherit;color:inherit;line-height:inherit;border:none;padding:0;margin:0;width:100%}.block-editor-responsive-block-control{margin-bottom:28px;border-bottom:1px solid #ccc;padding-bottom:14px}.block-editor-responsive-block-control:last-child{padding-bottom:0;border-bottom:0}.block-editor-responsive-block-control__title{margin:0 -3px .6em 0}.block-editor-responsive-block-control__label{font-weight:600;margin-bottom:.6em;margin-right:-3px}.block-editor-responsive-block-control__inner{margin-right:-1px}.block-editor-responsive-block-control__toggle{margin-right:1px}.block-editor-responsive-block-control .components-base-control__help{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.block-editor-rich-text__editable>p:first-child{margin-top:0}.block-editor-rich-text__editable [data-rich-text-placeholder]{pointer-events:none}.block-editor-rich-text__editable [data-rich-text-placeholder]:after{content:attr(data-rich-text-placeholder);opacity:.62}.block-editor-rich-text__editable:focus{outline:none}.block-editor-rich-text__editable:focus [data-rich-text-format-boundary]{border-radius:2px}figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]:before{opacity:.8}.components-popover.block-editor-rich-text__inline-format-toolbar{z-index:99998}.components-popover.block-editor-rich-text__inline-format-toolbar .components-popover__content{width:auto;min-width:auto;margin-bottom:8px;box-shadow:none;border:1px solid #1e1e1e;border-radius:2px;background-color:#fff}.components-popover.block-editor-rich-text__inline-format-toolbar .components-toolbar,.components-popover.block-editor-rich-text__inline-format-toolbar .components-toolbar-group{border:none}.components-popover.block-editor-rich-text__inline-format-toolbar .components-dropdown-menu__toggle,.components-popover.block-editor-rich-text__inline-format-toolbar .components-toolbar__control{min-width:48px;min-height:48px;padding-right:12px;padding-left:12px}.block-editor-rich-text__inline-format-toolbar-group .components-dropdown-menu__toggle{justify-content:center}.show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button.has-icon{width:auto}.show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button.has-icon svg{display:none}.show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button.has-icon:after{content:attr(aria-label)}[data-rich-text-script]{display:inline}[data-rich-text-script]:before{content:"";background:#ff0}.block-editor-skip-to-selected-block{position:absolute;top:-9999em}.block-editor-skip-to-selected-block:focus{height:auto;width:auto;display:block;font-size:14px;font-weight:600;padding:15px 23px 14px;background:#f1f1f1;color:var(--wp-admin-theme-color);line-height:normal;box-shadow:0 0 2px 2px rgba(0,0,0,.6);text-decoration:none;outline:none;z-index:100000}.block-editor-text-decoration-and-transform{display:flex}.block-editor-text-transform-control{flex:0 0 50%}.block-editor-text-transform-control legend{margin-bottom:8px}.block-editor-text-transform-control .block-editor-text-transform-control__buttons{display:inline-flex;margin-bottom:24px}.block-editor-text-transform-control .block-editor-text-transform-control__buttons .components-button.has-icon{min-width:24px;padding:0;margin-left:4px}.block-editor-text-decoration-control{flex:0 0 50%}.block-editor-text-decoration-control legend{margin-bottom:8px}.block-editor-text-decoration-control .block-editor-text-decoration-control__buttons{display:inline-flex;margin-bottom:24px}.block-editor-text-decoration-control .block-editor-text-decoration-control__buttons .components-button.has-icon{min-width:24px;padding:0;margin-left:4px}.block-editor-tool-selector__help{margin:8px -12px -12px;padding:12px 20px;border-top:1px solid #ddd;color:#757575;min-width:280px}.block-editor-block-list__block .block-editor-url-input,.block-editor-url-input,.components-popover .block-editor-url-input{flex-grow:1;position:relative;padding:1px}.block-editor-block-list__block .block-editor-url-input input[type=text],.block-editor-url-input input[type=text],.components-popover .block-editor-url-input input[type=text]{width:100%;padding:8px 12px 8px 8px;border:none;border-radius:0;margin-right:0;margin-left:0;font-size:16px}@media (min-width:600px){.block-editor-block-list__block .block-editor-url-input input[type=text],.block-editor-url-input input[type=text],.components-popover .block-editor-url-input input[type=text]{width:300px;font-size:13px}}.block-editor-block-list__block .block-editor-url-input input[type=text]::-ms-clear,.block-editor-url-input input[type=text]::-ms-clear,.components-popover .block-editor-url-input input[type=text]::-ms-clear{display:none}.block-editor-block-list__block .block-editor-url-input.is-full-width,.block-editor-block-list__block .block-editor-url-input.is-full-width .block-editor-url-input__input[type=text],.block-editor-block-list__block .block-editor-url-input.is-full-width__suggestions,.block-editor-url-input.is-full-width,.block-editor-url-input.is-full-width .block-editor-url-input__input[type=text],.block-editor-url-input.is-full-width__suggestions,.components-popover .block-editor-url-input.is-full-width,.components-popover .block-editor-url-input.is-full-width .block-editor-url-input__input[type=text],.components-popover .block-editor-url-input.is-full-width__suggestions{width:100%}.block-editor-block-list__block .block-editor-url-input .components-spinner,.block-editor-url-input .components-spinner,.components-popover .block-editor-url-input .components-spinner{position:absolute;left:8px 8px 8px 12px;bottom:8px 8px 8px 12px8px1;margin:0}.block-editor-url-input__input[type=text]{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;padding:6px 8px;box-shadow:0 0 0 transparent;transition:box-shadow .1s linear;border-radius:2px;border:1px solid #757575;font-size:16px;line-height:normal}@media (prefers-reduced-motion:reduce){.block-editor-url-input__input[type=text]{transition-duration:0s;transition-delay:0s}}@media (min-width:600px){.block-editor-url-input__input[type=text]{font-size:13px;line-height:normal}}.block-editor-url-input__input[type=text]:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 1px var(--wp-admin-theme-color);outline:2px solid transparent}.block-editor-url-input__input[type=text]::-webkit-input-placeholder{color:rgba(30,30,30,.62)}.block-editor-url-input__input[type=text]::-moz-placeholder{opacity:1;color:rgba(30,30,30,.62)}.block-editor-url-input__input[type=text]:-ms-input-placeholder{color:rgba(30,30,30,.62)}.block-editor-url-input__suggestions{max-height:200px;transition:all .15s ease-in-out;padding:4px 0;width:302px;overflow-y:auto}@media (prefers-reduced-motion:reduce){.block-editor-url-input__suggestions{transition-duration:0s;transition-delay:0s}}.block-editor-url-input .components-spinner,.block-editor-url-input__suggestions{display:none}@media (min-width:600px){.block-editor-url-input .components-spinner,.block-editor-url-input__suggestions{display:inherit}}.block-editor-url-input__suggestion{padding:4px 8px 8px;color:#757575;display:block;font-size:13px;cursor:pointer;background:#fff;width:100%;border:none;text-align:right;box-shadow:none}.block-editor-url-input__suggestion:hover{background:#ddd}.block-editor-url-input__suggestion.is-selected,.block-editor-url-input__suggestion:focus{background:var(--wp-admin-theme-color-darker-20);color:#fff;outline:none}.components-toolbar-group>.block-editor-url-input__button,.components-toolbar>.block-editor-url-input__button{position:inherit}.block-editor-url-input__button .block-editor-url-input__back{margin-left:4px;overflow:visible}.block-editor-url-input__button .block-editor-url-input__back:after{content:"";position:absolute;display:block;width:1px;height:24px;left:-1px;background:#ddd}.block-editor-url-input__button-modal{box-shadow:0 2px 6px rgba(0,0,0,.05);border:1px solid #ddd;background:#fff}.block-editor-url-input__button-modal-line{display:flex;flex-direction:row;flex-grow:1;flex-shrink:1;min-width:0;align-items:flex-start}.block-editor-url-input__button-modal-line .components-button{flex-shrink:0;width:36px;height:36px}.block-editor-url-popover__additional-controls{border-top:1px solid #ddd}.block-editor-url-popover__additional-controls>div[role=menu] .components-button:not(:disabled):not([aria-disabled=true]):not(.is-secondary)>svg{box-shadow:none}.block-editor-url-popover__additional-controls div[role=menu]>.components-button{padding-right:12px}.block-editor-url-popover__row{display:flex}.block-editor-url-popover__row>:not(.block-editor-url-popover__settings-toggle){flex-grow:1}.block-editor-url-popover .components-button.has-icon{padding:3px}.block-editor-url-popover .components-button.has-icon>svg{padding:5px;border-radius:2px;height:30px;width:30px}.block-editor-url-popover .components-button.has-icon:not(:disabled):focus{box-shadow:none}.block-editor-url-popover .components-button.has-icon:not(:disabled):focus>svg{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color),inset 0 0 0 4px #fff;outline:2px solid transparent}.block-editor-url-popover__settings-toggle{flex-shrink:0;border-radius:0;border-right:1px solid #ddd;margin-right:1px}.block-editor-url-popover__settings-toggle[aria-expanded=true] .dashicon{transform:rotate(-180deg)}.block-editor-url-popover__input-container .components-base-control:last-child,.block-editor-url-popover__input-container .components-base-control:last-child .components-base-control__field{margin-bottom:0}.block-editor-url-popover__settings{display:block;padding:16px;border-top:1px solid #ddd}.block-editor-url-popover__link-editor,.block-editor-url-popover__link-viewer{display:flex}.block-editor-url-popover__link-editor .block-editor-url-input .components-base-control__field,.block-editor-url-popover__link-viewer .block-editor-url-input .components-base-control__field{margin-bottom:0}.block-editor-url-popover__link-editor .block-editor-url-input .components-spinner,.block-editor-url-popover__link-viewer .block-editor-url-input .components-spinner{bottom:8px 8px 8px 12px1}.block-editor-url-popover__link-viewer-url{margin:7px;flex-grow:1;flex-shrink:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:150px;max-width:500px}.block-editor-url-popover__link-viewer-url.has-invalid-link{color:#cc1818}.block-editor-warning{align-items:center;display:flex;flex-wrap:wrap;padding:1em;border:1px solid #1e1e1e;border-radius:2px;background-color:#fff}.block-editor-warning,.block-editor-warning .block-editor-warning__message{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.block-editor-warning .block-editor-warning__message{line-height:1.4;font-size:13px;color:#1e1e1e;margin:0}.block-editor-warning p.block-editor-warning__message.block-editor-warning__message{min-height:auto}.block-editor-warning .block-editor-warning__contents{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;align-items:baseline;width:100%}.block-editor-warning .block-editor-warning__actions{display:flex;margin-top:1em}.block-editor-warning .block-editor-warning__action{margin:0 0 0 8px}.block-editor-warning__secondary{margin:auto 8px auto 0}.components-popover.block-editor-warning__dropdown{z-index:99998}.html-anchor-control .components-external-link{display:block;margin-top:8px}.block-editor-hooks__layout-controls{display:flex;margin-bottom:16px}.block-editor-hooks__layout-controls .block-editor-hooks__layout-controls-unit{display:flex;margin-left:24px}.block-editor-hooks__layout-controls .block-editor-hooks__layout-controls-unit svg{margin:auto 8px 4px 0}.block-editor-hooks__layout-controls-reset{display:flex;justify-content:flex-end;margin-bottom:24px}.block-editor-hooks__layout-controls-helptext{font-size:12px}#end-resizable-editor-section{display:none}.block-editor-block-toolbar{display:flex;flex-grow:1;width:100%;overflow:auto;position:relative;transition:border-color .1s linear,box-shadow .1s linear}@media (prefers-reduced-motion:reduce){.block-editor-block-toolbar{transition-duration:0s;transition-delay:0s}}@media (min-width:600px){.block-editor-block-toolbar{overflow:inherit}}.block-editor-block-toolbar .components-toolbar,.block-editor-block-toolbar .components-toolbar-group{background:none;line-height:0;margin-top:-1px;margin-bottom:-1px;border:0;border-left:1px solid #ddd}.block-editor-block-toolbar>:last-child,.block-editor-block-toolbar>:last-child .components-toolbar,.block-editor-block-toolbar>:last-child .components-toolbar-group{border-left:none}.block-editor-block-contextual-toolbar.has-parent:not(.is-fixed){margin-right:56px}.show-icon-labels .block-editor-block-contextual-toolbar.has-parent:not(.is-fixed){margin-right:0}.block-editor-block-parent-selector{position:absolute;top:-1px;right:-57px}.show-icon-labels .block-editor-block-parent-selector{position:relative;right:auto;top:auto;margin-top:-1px;margin-right:-1px;margin-bottom:-1px}.block-editor-block-toolbar__block-controls{height:auto!important;padding:0!important;margin-right:-1px}.block-editor-block-toolbar__block-controls .block-editor-block-switcher .components-dropdown-menu__toggle .block-editor-block-icon,.block-editor-block-toolbar__block-controls .block-editor-block-switcher__no-switcher-icon .block-editor-block-icon{width:24px!important;margin:0!important}.block-editor-block-toolbar__block-controls .block-editor-block-switcher .components-dropdown-menu__toggle:focus:before,.block-editor-block-toolbar__block-controls .block-editor-block-switcher__no-switcher-icon:focus:before{left:4px!important}.block-editor-block-toolbar__block-controls .block-editor-block-mover{margin-right:-6px}.block-editor-block-toolbar .components-toolbar,.block-editor-block-toolbar .components-toolbar-group,.block-editor-rich-text__inline-format-toolbar-group .components-toolbar,.block-editor-rich-text__inline-format-toolbar-group .components-toolbar-group{display:flex;flex-wrap:nowrap}.block-editor-block-toolbar__slot{display:inline-block;line-height:0}@supports (position:sticky){.block-editor-block-toolbar__slot{display:inline-flex}}.show-icon-labels .block-editor-block-toolbar .components-button.has-icon{width:auto}.show-icon-labels .block-editor-block-toolbar .components-button.has-icon svg{display:none}.show-icon-labels .block-editor-block-toolbar .components-button.has-icon:after{content:attr(aria-label);font-size:12px}.show-icon-labels .components-accessible-toolbar .components-toolbar-group>div:first-child:last-child>.components-button.has-icon{padding-right:6px;padding-left:6px}.show-icon-labels .block-editor-block-switcher{border-left:1px solid #1e1e1e}.show-icon-labels .block-editor-block-switcher .components-dropdown-menu__toggle{margin-right:0}.show-icon-labels .block-editor-block-switcher .components-dropdown-menu__toggle .block-editor-block-icon,.show-icon-labels .block-editor-block-switcher__no-switcher-icon .block-editor-block-icon{width:0!important;height:0!important}.show-icon-labels .block-editor-block-switcher .components-dropdown-menu__toggle:focus:before,.show-icon-labels .block-editor-block-switcher__no-switcher-icon:focus:before{left:4px!important}.show-icon-labels .block-editor-block-parent-selector__button .block-editor-block-icon{width:0}.show-icon-labels .block-editor-block-toolbar__block-controls .block-editor-block-mover{margin-right:0;white-space:nowrap}.show-icon-labels .block-editor-block-mover-button{padding-right:8px!important;padding-left:8px!important}.show-icon-labels .block-editor-block-mover__drag-handle.has-icon{padding-right:6px!important;padding-left:6px!important;border-left:1px solid #1e1e1e}@media (min-width:600px){.show-icon-labels .is-up-button.is-up-button.is-up-button{border-bottom:1px solid #1e1e1e;margin-left:0;border-radius:0}}.show-icon-labels .block-editor-block-contextual-toolbar .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.block-editor-block-mover-button{width:auto}.show-icon-labels .components-toolbar,.show-icon-labels .components-toolbar-group{flex-shrink:1}.show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button+.components-button{margin-right:6px}.block-editor-inserter{display:inline-block;background:none;border:none;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;line-height:0}@media (min-width:782px){.block-editor-inserter{position:relative}}.block-editor-inserter__popover.is-quick .components-popover__content{border:none}.block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter>*{border-right:1px solid #ccc;border-left:1px solid #ccc}.block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter>:first-child{border-top:1px solid #ccc}.block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter>:last-child{border-bottom:1px solid #ccc}.block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter>.components-button{border:1px solid #1e1e1e}.block-editor-inserter__popover .block-editor-inserter__menu{margin:-12px}.block-editor-inserter__popover .block-editor-inserter__menu .block-editor-inserter__tabs .components-tab-panel__tabs{top:60px}.block-editor-inserter__popover .block-editor-inserter__menu .block-editor-inserter__main-area{overflow:visible;height:auto}.block-editor-inserter__popover .block-editor-inserter__menu .block-editor-inserter__preview-container{display:none}.block-editor-inserter__toggle.components-button{display:inline-flex;align-items:center;cursor:pointer;border:none;outline:none;padding:0;transition:color .2s ease}@media (prefers-reduced-motion:reduce){.block-editor-inserter__toggle.components-button{transition-duration:0s;transition-delay:0s}}.block-editor-inserter__menu{height:100%;position:relative;overflow:visible}.block-editor-inserter__main-area{width:auto;overflow-y:auto;height:100%}@media (min-width:782px){.block-editor-inserter__main-area{width:350px}}.block-editor-inserter__inline-elements{margin-top:-1px}.block-editor-inserter__menu.is-bottom:after{border-bottom-color:#fff}.components-popover.block-editor-inserter__popover{z-index:99999}.block-editor-inserter__search{padding:16px;position:sticky;top:0;background:#fff;z-index:1}.block-editor-inserter__search input[type=search].block-editor-inserter__search-input{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;box-shadow:0 0 0 transparent;transition:box-shadow .1s linear;border-radius:2px;line-height:normal;display:block;padding:16px 16px 16px 48px;background:#f0f0f0;border:none;width:100%;height:48px;font-size:16px}@media (prefers-reduced-motion:reduce){.block-editor-inserter__search input[type=search].block-editor-inserter__search-input{transition-duration:0s;transition-delay:0s}}@media (min-width:600px){.block-editor-inserter__search input[type=search].block-editor-inserter__search-input{font-size:13px;line-height:normal}}.block-editor-inserter__search input[type=search].block-editor-inserter__search-input:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 1px var(--wp-admin-theme-color);outline:2px solid transparent}.block-editor-inserter__search input[type=search].block-editor-inserter__search-input::-webkit-input-placeholder{color:rgba(30,30,30,.62)}.block-editor-inserter__search input[type=search].block-editor-inserter__search-input::-moz-placeholder{opacity:1;color:rgba(30,30,30,.62)}.block-editor-inserter__search input[type=search].block-editor-inserter__search-input:-ms-input-placeholder{color:rgba(30,30,30,.62)}@media (min-width:600px){.block-editor-inserter__search input[type=search].block-editor-inserter__search-input{font-size:13px}}.block-editor-inserter__search input[type=search].block-editor-inserter__search-input:focus{background:#fff;box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}.block-editor-inserter__search input[type=search].block-editor-inserter__search-input::placeholder{color:#757575}.block-editor-inserter__search input[type=search].block-editor-inserter__search-input::-webkit-search-cancel-button,.block-editor-inserter__search input[type=search].block-editor-inserter__search-input::-webkit-search-decoration,.block-editor-inserter__search input[type=search].block-editor-inserter__search-input::-webkit-search-results-button,.block-editor-inserter__search input[type=search].block-editor-inserter__search-input::-webkit-search-results-decoration{-webkit-appearance:none}.block-editor-inserter__search-icon{position:absolute;top:0;left:20px;bottom:0;display:flex;align-items:center}.block-editor-inserter__search-icon>svg{margin:8px}.block-editor-inserter__tabs{display:flex;flex-direction:column;margin-top:-8px}.block-editor-inserter__tabs .components-tab-panel__tabs{position:sticky;top:72px;background:#fff;z-index:1;border-bottom:1px solid #ddd}.block-editor-inserter__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item{flex-grow:1;margin-bottom:-1px}.block-editor-inserter__tabs .components-tab-panel__tab-content{display:flex;flex-grow:1;flex-direction:column;position:relative;z-index:0}.block-editor-inserter__panel-header{display:inline-flex;align-items:center;padding:16px 16px 0}.block-editor-inserter__panel-header-patterns{padding:16px 16px 0}.block-editor-inserter__panel-content{padding:16px}.block-editor-inserter__panel-title,.block-editor-inserter__panel-title button{margin:0 0 0 12px;color:#757575;text-transform:uppercase;font-size:11px;font-weight:500}.block-editor-inserter__panel-dropdown select.components-select-control__input.components-select-control__input.components-select-control__input{line-height:1.2}.block-editor-inserter__panel-dropdown select{border:none}.block-editor-inserter__block-list{flex-grow:1;position:relative}.block-editor-inserter__popover .block-editor-block-types-list{margin:-8px}.block-editor-inserter__reusable-blocks-panel{position:relative;text-align:left}.block-editor-inserter__manage-reusable-blocks{display:inline-block;margin:16px}.block-editor-inserter__no-results{padding:32px;margin-top:64px;text-align:center}.block-editor-inserter__no-results-icon{fill:#949494}.block-editor-inserter__child-blocks{padding:0 16px}.block-editor-inserter__parent-block-header{display:flex;align-items:center}.block-editor-inserter__parent-block-header h2{font-size:13px}.block-editor-inserter__parent-block-header .block-editor-block-icon{margin-left:8px}.block-editor-inserter__preview-container{display:none;width:300px;background:#fff;border-radius:2px;border:1px solid #ddd;position:absolute;top:16px;right:calc(100% + 16px);max-height:calc(100% - 32px);overflow-y:hidden}@media (min-width:782px){.block-editor-inserter__preview-container{display:block}}.block-editor-inserter__preview-container .block-editor-block-card{padding:16px}.block-editor-inserter__preview-container .block-editor-block-card__title{font-size:13px}.block-editor-inserter__preview-content{min-height:144px;background:#f0f0f0;display:grid;flex-grow:1;align-items:center}.block-editor-inserter__preview-content-missing{flex:1;display:flex;justify-content:center;align-items:center;min-height:144px;color:#757575;background:#f0f0f0}.block-editor-inserter__tips{border-top:1px solid #ddd;padding:16px;flex-shrink:0;position:relative}.block-editor-inserter__manage-reusable-blocks-container{padding:16px}.block-editor-inserter__quick-inserter{width:100%;max-width:100%}@media (min-width:782px){.block-editor-inserter__quick-inserter{width:350px}}.block-editor-inserter__quick-inserter-results .block-editor-inserter__panel-header{height:0;padding:0;float:right}.block-editor-inserter__quick-inserter.has-expand .block-editor-inserter__panel-content,.block-editor-inserter__quick-inserter.has-search .block-editor-inserter__panel-content{padding:16px}.block-editor-inserter__quick-inserter-patterns .block-editor-block-patterns-list{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px}.block-editor-inserter__quick-inserter-separator{border-top:1px solid #ddd}.block-editor-inserter__popover.is-quick>.components-popover__content>div{padding:0}.block-editor-inserter__quick-inserter-expand.components-button{display:block;background:#1e1e1e;color:#fff;width:100%;height:44px;border-radius:0}.block-editor-inserter__quick-inserter-expand.components-button:hover{color:#fff}.block-editor-inserter__quick-inserter-expand.components-button:active{color:#ccc}.block-editor-inserter__quick-inserter-expand.components-button:focus:not(:disabled){box-shadow:inset 0 0 0 1.5px var(--wp-admin-theme-color),inset 0 0 0 3px #fff}.block-editor-post-preview__dropdown{padding:0}.block-editor-post-preview__button-resize.block-editor-post-preview__button-resize{padding-right:40px}.block-editor-post-preview__button-resize.block-editor-post-preview__button-resize.has-icon{padding-right:8px}.block-editor-post-preview__dropdown-content .components-popover__content{overflow-y:visible}.block-editor-post-preview__dropdown-content.edit-post-post-preview-dropdown .components-menu-group:first-child{padding-bottom:8px}.block-editor-post-preview__dropdown-content.edit-post-post-preview-dropdown .components-menu-group:last-child{margin-bottom:0}.block-editor-post-preview__dropdown-content .components-menu-group+.components-menu-group{padding:8px}@media (min-width:600px){.edit-post-header__settings .editor-post-preview,.edit-site-header__actions .editor-post-preview{display:none}}@media (min-width:600px){.edit-post-header.has-reduced-ui .edit-post-header__settings .block-editor-post-preview__button-toggle,.edit-post-header.has-reduced-ui .edit-post-header__settings .editor-post-save-draft,.edit-post-header.has-reduced-ui .edit-post-header__settings .editor-post-saved-state{transition:opacity .1s linear}}@media (min-width:600px) and (prefers-reduced-motion:reduce){.edit-post-header.has-reduced-ui .edit-post-header__settings .block-editor-post-preview__button-toggle,.edit-post-header.has-reduced-ui .edit-post-header__settings .editor-post-save-draft,.edit-post-header.has-reduced-ui .edit-post-header__settings .editor-post-saved-state{transition-duration:0s;transition-delay:0s}}@media (min-width:600px){.edit-post-header.has-reduced-ui:not(:hover) .edit-post-header__settings .block-editor-post-preview__button-toggle,.edit-post-header.has-reduced-ui:not(:hover) .edit-post-header__settings .editor-post-save-draft,.edit-post-header.has-reduced-ui:not(:hover) .edit-post-header__settings .editor-post-saved-state{opacity:0}.edit-post-header.has-reduced-ui:not(:hover) .edit-post-header__settings .block-editor-post-preview__button-toggle.is-opened{opacity:1}}body.admin-color-light{--wp-admin-theme-color:#0085ba;--wp-admin-theme-color-darker-10:#0073a1;--wp-admin-theme-color-darker-20:#006187;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-light{--wp-admin-border-width-focus:1.5px}}body.admin-color-modern{--wp-admin-theme-color:#3858e9;--wp-admin-theme-color-darker-10:#2145e6;--wp-admin-theme-color-darker-20:#183ad6;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-modern{--wp-admin-border-width-focus:1.5px}}body.admin-color-blue{--wp-admin-theme-color:#096484;--wp-admin-theme-color-darker-10:#07526c;--wp-admin-theme-color-darker-20:#064054;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-blue{--wp-admin-border-width-focus:1.5px}}body.admin-color-coffee{--wp-admin-theme-color:#46403c;--wp-admin-theme-color-darker-10:#383330;--wp-admin-theme-color-darker-20:#2b2724;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-coffee{--wp-admin-border-width-focus:1.5px}}body.admin-color-ectoplasm{--wp-admin-theme-color:#523f6d;--wp-admin-theme-color-darker-10:#46365d;--wp-admin-theme-color-darker-20:#3a2c4d;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-ectoplasm{--wp-admin-border-width-focus:1.5px}}body.admin-color-midnight{--wp-admin-theme-color:#e14d43;--wp-admin-theme-color-darker-10:#dd382d;--wp-admin-theme-color-darker-20:#d02c21;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-midnight{--wp-admin-border-width-focus:1.5px}}body.admin-color-ocean{--wp-admin-theme-color:#627c83;--wp-admin-theme-color-darker-10:#576e74;--wp-admin-theme-color-darker-20:#4c6066;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-ocean{--wp-admin-border-width-focus:1.5px}}body.admin-color-sunrise{--wp-admin-theme-color:#dd823b;--wp-admin-theme-color-darker-10:#d97426;--wp-admin-theme-color-darker-20:#c36922;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-sunrise{--wp-admin-border-width-focus:1.5px}} \ No newline at end of file diff --git a/wp-includes/css/dist/block-editor/style.css b/wp-includes/css/dist/block-editor/style.css new file mode 100644 index 0000000000..daad598497 --- /dev/null +++ b/wp-includes/css/dist/block-editor/style.css @@ -0,0 +1,3887 @@ +@charset "UTF-8"; +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles for JavaScript UI based pages. + * This is a WP-admin agnostic reset + */ +/** + * Reset the WP Admin page styles for Gutenberg-like pages. + */ +:root { + --wp-admin-theme-color: #007cba; + --wp-admin-theme-color-darker-10: #006ba1; + --wp-admin-theme-color-darker-20: #005a87; + --wp-admin-border-width-focus: 2px; +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + :root { + --wp-admin-border-width-focus: 1.5px; + } +} + +#start-resizable-editor-section { + display: none; +} + +.block-editor-autocompleters__block { + white-space: nowrap; +} +.block-editor-autocompleters__block .block-editor-block-icon { + margin-right: 8px; +} + +.block-editor-block-alignment-matrix-control__popover .components-popover__content { + min-width: 0; + width: auto; +} +.block-editor-block-alignment-matrix-control__popover .components-popover__content > div { + padding: 8px; +} + +.block-editor-block-icon { + display: flex; + align-items: center; + justify-content: center; + width: 24px; + height: 24px; +} +.block-editor-block-icon.has-colors svg { + fill: currentColor; +} +.block-editor-block-icon svg { + min-width: 20px; + min-height: 20px; + max-width: 24px; + max-height: 24px; +} + +.block-editor-block-inspector p { + margin-top: 0; +} +.block-editor-block-inspector h2, +.block-editor-block-inspector h3 { + font-size: 13px; + color: #1e1e1e; + margin-bottom: 1.5em; +} +.block-editor-block-inspector .components-base-control { + margin-bottom: 24px; +} +.block-editor-block-inspector .components-base-control:last-child { + margin-bottom: 8px; +} +.block-editor-block-inspector .components-panel__body { + border: none; + border-top: 1px solid #e0e0e0; +} +.block-editor-block-inspector .block-editor-block-card { + padding: 16px; +} + +.block-editor-block-inspector__no-blocks { + display: block; + font-size: 13px; + background: #fff; + padding: 32px 16px; + text-align: center; +} + +.block-editor-block-styles .block-editor-block-list__block { + margin: 0; +} + +/** + * Notices & Block Selected/Hover Styles. + */ +/** + * Cross-Block Selection + */ +.block-editor-block-list__layout { + position: relative; +} +.block-editor-block-list__layout.is-navigate-mode { + cursor: default; +} +.block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-selected::after, .block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-hovered::after, +.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted::after, +.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected::after { + position: absolute; + z-index: 1; + pointer-events: none; + content: ""; + top: 1px; + bottom: 1px; + left: 1px; + right: 1px; + box-shadow: 0 0 0 1px var(--wp-admin-theme-color); + border-radius: 1px; + outline: 2px solid transparent; +} +.is-dark-theme .block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-selected::after, .is-dark-theme .block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-hovered::after, +.is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted::after, +.is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected::after { + box-shadow: 0 0 0 1px #fff; +} +.block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-selected .components-placeholder ::selection, .block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-hovered .components-placeholder ::selection, +.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted .components-placeholder ::selection, +.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected .components-placeholder ::selection { + background: transparent; +} +.block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-hovered:not(.is-selected)::after { + box-shadow: 0 0 0 1px #949494; +} +.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted::after, +.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected::after, .block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-selected::after, .block-editor-block-list__layout .is-block-moving-mode.block-editor-block-list__block.has-child-selected { + box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + outline: var(--wp-admin-border-width-focus) solid transparent; +} +.block-editor-block-list__layout .is-block-moving-mode.block-editor-block-list__block.is-selected::before { + content: ""; + position: absolute; + z-index: 0; + pointer-events: none; + transition: border-color 0.1s linear, border-style 0.1s linear, box-shadow 0.1s linear; + right: 0; + left: 0; + top: -14px; + border-radius: 2px; + border-top: 4px solid #ccc; +} +.block-editor-block-list__layout .is-block-moving-mode.block-editor-block-list__block.is-selected::after { + content: none; +} +.block-editor-block-list__layout .is-block-moving-mode.can-insert-moving-block.block-editor-block-list__block.is-selected::before { + border-color: var(--wp-admin-theme-color); +} + +.is-block-moving-mode.block-editor-block-list__block-selection-button { + opacity: 0; + font-size: 1px; + height: 1px; + padding: 0; +} + +.block-editor-block-list__layout .block-editor-block-list__block { + position: relative; + overflow-wrap: break-word; + /** + * Notices + */ + /** + * Block Layout + */ + /** + * Block styles and alignments + */ +} +.block-editor-block-list__layout .block-editor-block-list__block .reusable-block-edit-panel * { + z-index: 1; +} +.block-editor-block-list__layout .block-editor-block-list__block .components-placeholder .components-with-notices-ui { + margin: -10px 0 12px 0; +} +.block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui { + margin: 0 0 12px 0; + width: 100%; +} +.block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui .components-notice { + margin-left: 0; + margin-right: 0; +} +.block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui .components-notice .components-notice__content { + font-size: 13px; +} +.block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus { + outline: none; +} +.block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus::after { + position: absolute; + z-index: 1; + pointer-events: none; + content: ""; + top: 1px; + bottom: 1px; + left: 1px; + right: 1px; + box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + border-radius: 1px; +} +.is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus::after { + box-shadow: 0 0 0 var(--wp-admin-border-width-focus) #fff; +} +.block-editor-block-list__layout .block-editor-block-list__block::after { + content: ""; + pointer-events: none; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + border-radius: 2px; + box-shadow: 0 0 0 var(--wp-admin-border-width-focus) transparent; +} +.block-editor-block-list__layout .block-editor-block-list__block.has-warning { + min-height: 48px; +} +.block-editor-block-list__layout .block-editor-block-list__block.has-warning > * { + pointer-events: none; + -webkit-user-select: none; + user-select: none; +} +.block-editor-block-list__layout .block-editor-block-list__block.has-warning .block-editor-warning { + pointer-events: all; +} +.block-editor-block-list__layout .block-editor-block-list__block.has-warning::after { + content: ""; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + border-radius: 2px; + background-color: rgba(255, 255, 255, 0.4); +} +.block-editor-block-list__layout .block-editor-block-list__block.has-warning.is-multi-selected::after { + background-color: transparent; +} +.block-editor-block-list__layout .block-editor-block-list__block.is-reusable > .block-editor-inner-blocks > .block-editor-block-list__layout.has-overlay::after { + display: none; +} +.block-editor-block-list__layout .block-editor-block-list__block.is-reusable > .block-editor-inner-blocks > .block-editor-block-list__layout.has-overlay .block-editor-block-list__layout.has-overlay::after { + display: block; +} +.block-editor-block-list__layout .block-editor-block-list__block.is-reusable.has-child-selected::after { + box-shadow: 0 0 0 1px var(--wp-admin-theme-color); +} +.block-editor-block-list__layout .block-editor-block-list__block[data-clear=true] { + float: none; +} +.block-editor-block-list__layout .block-editor-block-list__block .block-editor-block-list__layout .block-editor-default-block-appender .block-editor-inserter { + left: auto; + right: 8px; +} + +.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-hovered { + cursor: default; +} +.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-hovered::after { + top: 1px; + left: 1px; + right: 1px; + bottom: 1px; + box-shadow: 0 0 0 1px var(--wp-admin-theme-color); + border-radius: 1px; +} +.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-selected { + cursor: unset; +} +.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-selected::after { + box-shadow: 0 0 0 1px var(--wp-admin-theme-color); + top: 1px; + left: 1px; + right: 1px; + bottom: 1px; + border-radius: 1px; +} +.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-selected:focus::after { + box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); +} + +.is-focus-mode .block-editor-block-list__block:not(.has-child-selected) { + opacity: 0.5; + transition: opacity 0.1s linear; +} +@media (prefers-reduced-motion: reduce) { + .is-focus-mode .block-editor-block-list__block:not(.has-child-selected) { + transition-duration: 0s; + transition-delay: 0s; + } +} +.is-focus-mode .block-editor-block-list__block:not(.has-child-selected) .block-editor-block-list__block, .is-focus-mode .block-editor-block-list__block:not(.has-child-selected).is-selected, .is-focus-mode .block-editor-block-list__block:not(.has-child-selected).is-multi-selected { + opacity: 1; +} + +.is-root-container:not(.is-focus-mode) .block-editor-block-list__block.has-active-entity { + opacity: 0.5; + transition: opacity 0.1s linear; +} +@media (prefers-reduced-motion: reduce) { + .is-root-container:not(.is-focus-mode) .block-editor-block-list__block.has-active-entity { + transition-duration: 0s; + transition-delay: 0s; + } +} +.is-root-container:not(.is-focus-mode) .block-editor-block-list__block.has-active-entity.is-active-entity, .is-root-container:not(.is-focus-mode) .block-editor-block-list__block.has-active-entity.has-child-selected, .is-root-container:not(.is-focus-mode) .block-editor-block-list__block.has-active-entity:not(.has-child-selected) .block-editor-block-list__block, .is-root-container:not(.is-focus-mode) .block-editor-block-list__block.has-active-entity.is-active-entity .block-editor-block-list__block, +.is-root-container:not(.is-focus-mode) .block-editor-block-list__block.has-active-entity .is-active-entity .block-editor-block-list__block { + opacity: 1; +} + +.wp-block[data-align=left] > *, +.wp-block[data-align=right] > * { + z-index: 21; +} + +/** + * In-Canvas Inserter + */ +.block-editor-block-list .block-editor-inserter { + margin: 8px; + cursor: move; + cursor: grab; +} + +@keyframes block-editor-inserter__toggle__fade-in-animation { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +.wp-block .block-list-appender .block-editor-inserter__toggle { + animation: block-editor-inserter__toggle__fade-in-animation 0.1s ease; + animation-fill-mode: forwards; +} +@media (prefers-reduced-motion: reduce) { + .wp-block .block-list-appender .block-editor-inserter__toggle { + animation-duration: 1ms; + animation-delay: 0s; + } +} + +.block-editor-block-list__block:not(.is-selected):not(.has-child-selected) .block-editor-default-block-appender { + display: none; +} +.block-editor-block-list__block:not(.is-selected):not(.has-child-selected) .block-editor-default-block-appender .block-editor-inserter__toggle { + opacity: 0; + transform: scale(0); +} + +.block-editor-block-list__block .block-editor-block-list__block-html-textarea { + display: block; + margin: 0; + padding: 12px; + width: 100%; + border: none; + outline: none; + border-radius: 2px; + box-shadow: inset 0 0 0 1px #1e1e1e; + resize: none; + overflow: hidden; + font-family: Menlo, Consolas, monaco, monospace; + font-size: 15px; + line-height: 1.5; + transition: padding 0.2s linear; +} +@media (prefers-reduced-motion: reduce) { + .block-editor-block-list__block .block-editor-block-list__block-html-textarea { + transition-duration: 0s; + transition-delay: 0s; + } +} +.block-editor-block-list__block .block-editor-block-list__block-html-textarea:focus { + box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); +} + +/** + * Warnings. + */ +.block-editor-block-list__block .block-editor-warning { + z-index: 5; + position: relative; +} +.block-editor-block-list__block .block-editor-warning.block-editor-block-list__block-crash-warning { + margin-bottom: auto; +} + +/** + * Insertion Point. + */ +.block-editor-block-list__insertion-point { + position: absolute; +} + +.block-editor-block-list__insertion-point-indicator { + position: absolute; + background: var(--wp-admin-theme-color); + animation: block-editor-inserter__toggle__fade-in-animation-delayed 0.3s ease; + animation-fill-mode: forwards; +} +@media (prefers-reduced-motion: reduce) { + .block-editor-block-list__insertion-point-indicator { + animation-duration: 1ms; + animation-delay: 0s; + } +} +.block-editor-block-list__insertion-point.is-vertical > .block-editor-block-list__insertion-point-indicator { + top: 50%; + right: 0; + left: 0; + height: 1px; +} +.block-editor-block-list__insertion-point.is-horizontal > .block-editor-block-list__insertion-point-indicator { + top: 0; + right: 0; + left: 50%; + height: 100%; + width: 1px; +} + +.block-editor-block-list__insertion-point-inserter { + display: none; + position: absolute; + justify-content: center; + top: calc(50% - 12px); + left: calc(50% - 12px); +} +@media (min-width: 480px) { + .block-editor-block-list__insertion-point-inserter { + display: flex; + } +} + +.block-editor-block-list__block-popover-inserter { + position: absolute; + top: -9999em; + margin-bottom: 14px; +} +.block-editor-block-list__block-popover-inserter.is-visible { + position: static; +} + +.block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle.components-button.has-icon, +.block-editor-default-block-appender .block-editor-inserter__toggle.components-button.has-icon, +.block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon, +.block-editor-block-list__block-popover-inserter .block-editor-inserter__toggle.components-button.has-icon { + background: #1e1e1e; + border-radius: 2px; + color: #fff; + padding: 0; + min-width: 24px; + height: 24px; +} +.block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle.components-button.has-icon:hover, +.block-editor-default-block-appender .block-editor-inserter__toggle.components-button.has-icon:hover, +.block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon:hover, +.block-editor-block-list__block-popover-inserter .block-editor-inserter__toggle.components-button.has-icon:hover { + color: #fff; + background: var(--wp-admin-theme-color); +} + +.block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon { + background: var(--wp-admin-theme-color); +} +.block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon:hover { + background: #1e1e1e; +} + +.block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button, +.block-editor-block-list__block-popover-inserter .block-editor-inserter__toggle.components-button { + animation: block-editor-inserter__toggle__fade-in-animation-delayed 0.3s ease; + animation-fill-mode: forwards; +} +@media (prefers-reduced-motion: reduce) { + .block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button, +.block-editor-block-list__block-popover-inserter .block-editor-inserter__toggle.components-button { + animation-duration: 1ms; + animation-delay: 0s; + } +} + +@keyframes block-editor-inserter__toggle__fade-in-animation-delayed { + 0% { + opacity: 0; + } + 60% { + opacity: 0; + } + 100% { + opacity: 1; + } +} +/** + * Block Toolbar when contextual. + */ +.block-editor-block-contextual-toolbar { + display: inline-flex; + border: 1px solid #1e1e1e; + border-radius: 2px; + background-color: #fff; +} +.block-editor-block-contextual-toolbar .block-editor-block-toolbar .components-toolbar-group, +.block-editor-block-contextual-toolbar .block-editor-block-toolbar .components-toolbar { + border-right-color: #1e1e1e; +} +.block-editor-block-contextual-toolbar.is-fixed { + position: sticky; + top: 0; + width: 100%; + z-index: 31; + min-height: 48px; + display: block; + border: none; + border-bottom: 1px solid #e0e0e0; + border-radius: 0; +} +.block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar .components-toolbar-group, +.block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar .components-toolbar { + border-right-color: #e0e0e0; +} +.block-editor-block-contextual-toolbar .block-editor-block-mover-button { + overflow: hidden; +} +.block-editor-block-contextual-toolbar .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.block-editor-block-mover-button { + min-width: 24px; + width: 24px; +} +.block-editor-block-contextual-toolbar .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.block-editor-block-mover-button svg { + min-width: 24px; +} + +.block-editor-block-contextual-toolbar .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover-button:focus::before { + left: 0 !important; + min-width: 0; + width: 100%; +} +@media (min-width: 600px) { + .block-editor-block-contextual-toolbar .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover-button.is-up-button svg { + top: 5px; + } + .block-editor-block-contextual-toolbar .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover-button.is-down-button svg { + bottom: 5px; + } +} + +/** + * Block Label for Navigation/Selection Mode + */ +.block-editor-block-list__block-selection-button { + display: inline-flex; + padding: 0 13px; + z-index: 22; + border-radius: 2px; + background-color: #1e1e1e; + font-size: 13px; + height: 48px; +} +.block-editor-block-list__block-selection-button .block-editor-block-list__block-selection-button__content { + margin: auto; + display: inline-flex; + align-items: center; +} +.block-editor-block-list__block-selection-button .block-editor-block-list__block-selection-button__content > .components-flex__item { + margin-right: 6px; +} +.block-editor-block-list__block-selection-button .components-button.has-icon.block-selection-button_drag-handle { + cursor: grab; + padding: 0; + height: 24px; + min-width: 24px; +} +.block-editor-block-list__block-selection-button .components-button.has-icon.block-selection-button_drag-handle svg { + min-width: 18px; + min-height: 18px; +} +.block-editor-block-list__block-selection-button .block-editor-block-icon { + font-size: 13px; + color: #fff; + height: 48px; +} +.block-editor-block-list__block-selection-button .components-button { + min-width: 36px; + color: #fff; + height: 48px; + display: flex; +} +.block-editor-block-list__block-selection-button .components-button:focus { + box-shadow: none; + border: none; +} +.block-editor-block-list__block-selection-button .components-button:active { + color: #fff; +} +.block-editor-block-list__block-selection-button .block-selection-button_select-button.components-button { + padding: 0; +} + +/** + * Popovers. + */ +.block-editor-block-list__insertion-point-popover.is-without-arrow { + z-index: 28; + position: absolute; + pointer-events: none; +} +.block-editor-block-list__insertion-point-popover.is-without-arrow * { + pointer-events: none; +} +.block-editor-block-list__insertion-point-popover.is-without-arrow .is-with-inserter { + pointer-events: all; +} +.block-editor-block-list__insertion-point-popover.is-without-arrow .is-with-inserter * { + pointer-events: all; +} +.block-editor-block-list__insertion-point-popover.is-without-arrow .components-popover__content.components-popover__content { + background: none; + border: none; + box-shadow: none; + overflow-y: visible; + margin-left: 0; +} + +@keyframes hide-during-dragging { + to { + position: fixed; + transform: translate(9999px, 9999px); + } +} +.components-popover.block-editor-block-list__block-popover { + z-index: 31; + position: absolute; +} +.components-popover.block-editor-block-list__block-popover .components-popover__content { + margin: 0 !important; + min-width: auto; + width: max-content; + background: none; + border: none; + box-shadow: none; + overflow-y: visible; + pointer-events: none; +} +.components-popover.block-editor-block-list__block-popover .components-popover__content .block-editor-block-list__block-selection-button, +.components-popover.block-editor-block-list__block-popover .components-popover__content .block-editor-block-contextual-toolbar, +.components-popover.block-editor-block-list__block-popover .components-popover__content .block-editor-block-list__empty-block-inserter { + pointer-events: all; +} +.components-popover.block-editor-block-list__block-popover .components-popover__content .block-editor-block-list__block-selection-button, +.components-popover.block-editor-block-list__block-popover .components-popover__content .block-editor-block-contextual-toolbar { + margin-top: 12px; + margin-bottom: 12px; +} +.components-popover.block-editor-block-list__block-popover.is-insertion-point-visible { + visibility: hidden; +} +.is-dragging-components-draggable .components-popover.block-editor-block-list__block-popover { + opacity: 0; + animation: hide-during-dragging 1ms linear forwards; +} + +.is-dragging-components-draggable .components-tooltip { + display: none; +} + +.block-editor-block-list__block .block-list-appender { + align-self: center; + padding: 0; + list-style: none; + margin: 0 auto 0 0; +} +.block-editor-block-list__block .block-list-appender.wp-block { + max-width: none; +} +.block-editor-block-list__block .block-list-appender .block-editor-default-block-appender { + margin: 8px 0; +} +.block-editor-block-list__block .block-list-appender .block-list-appender__toggle { + padding: 0; + opacity: 1; + transform: scale(1); + transition: all 0.1s ease; + margin-left: 8px; +} +@media (prefers-reduced-motion: reduce) { + .block-editor-block-list__block .block-list-appender .block-list-appender__toggle { + transition-duration: 0s; + transition-delay: 0s; + } +} +.block-editor-block-list__block .block-list-appender:first-of-type .block-list-appender__toggle { + margin-left: 0; +} + +.is-vertical .block-list-appender { + width: 24px; + margin-right: auto; + margin-top: 12px; + margin-left: 12px; +} + +.block-list-appender > .block-editor-inserter { + display: block; +} + +.block-editor-block-list__block:not(.is-selected):not(.has-child-selected):not(.block-editor-block-list__layout) .block-editor-block-list__layout > .block-list-appender .block-list-appender__toggle { + opacity: 0; + transform: scale(0); +} + +.block-editor-block-breadcrumb { + list-style: none; + padding: 0; + margin: 0; +} +.block-editor-block-breadcrumb li { + display: inline-block; + margin: 0; +} +.block-editor-block-breadcrumb li:not(:last-child)::after { + content: "→" /*rtl:"←"*/; +} + +.block-editor-block-breadcrumb__button.components-button { + height: 24px; + line-height: 24px; + padding: 0; + position: relative; +} +.block-editor-block-breadcrumb__button.components-button:hover:not(:disabled) { + text-decoration: underline; + box-shadow: none; +} +.block-editor-block-breadcrumb__button.components-button:focus { + box-shadow: none; +} +.block-editor-block-breadcrumb__button.components-button:focus::before { + content: ""; + display: block; + position: absolute; + border-radius: 2px; + top: 1px; + right: 1px; + bottom: 1px; + left: 1px; + box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); +} + +.block-editor-block-breadcrumb__current { + cursor: default; +} + +.block-editor-block-breadcrumb__button.components-button, +.block-editor-block-breadcrumb__current { + color: #1e1e1e; + padding: 0 8px; + font-size: inherit; +} + +.block-editor-block-card { + display: flex; + align-items: flex-start; +} + +.block-editor-block-card__content { + flex-grow: 1; + margin-bottom: 4px; +} + +.block-editor-block-card__title { + font-weight: 500; +} +.block-editor-block-card__title.block-editor-block-card__title { + line-height: 24px; + margin: 0 0 4px; +} + +.block-editor-block-card__description { + font-size: 13px; +} + +.block-editor-block-card .block-editor-block-icon { + flex: 0 0 24px; + margin-left: 0; + margin-right: 12px; + width: 24px; + height: 24px; +} + +/** + * Invalid block comparison + */ +.block-editor-block-compare { + overflow: auto; + height: auto; +} +@media (min-width: 600px) { + .block-editor-block-compare { + max-height: 70%; + } +} + +.block-editor-block-compare__wrapper { + display: flex; + padding-bottom: 16px; +} +.block-editor-block-compare__wrapper > div { + display: flex; + justify-content: space-between; + flex-direction: column; + width: 50%; + padding: 0 16px 0 0; + min-width: 200px; +} +.block-editor-block-compare__wrapper > div button { + float: right; +} +.block-editor-block-compare__wrapper .block-editor-block-compare__converted { + border-left: 1px solid #ddd; + padding-left: 15px; + padding-right: 0; +} +.block-editor-block-compare__wrapper .block-editor-block-compare__html { + font-family: Menlo, Consolas, monaco, monospace; + font-size: 12px; + color: #1e1e1e; + border-bottom: 1px solid #ddd; + padding-bottom: 15px; + line-height: 1.7; +} +.block-editor-block-compare__wrapper .block-editor-block-compare__html span { + background-color: #e6ffed; + padding-top: 3px; + padding-bottom: 3px; +} +.block-editor-block-compare__wrapper .block-editor-block-compare__html span.block-editor-block-compare__added { + background-color: #acf2bd; +} +.block-editor-block-compare__wrapper .block-editor-block-compare__html span.block-editor-block-compare__removed { + background-color: #cc1818; +} +.block-editor-block-compare__wrapper .block-editor-block-compare__preview { + padding: 0; + padding-top: 16px; +} +.block-editor-block-compare__wrapper .block-editor-block-compare__preview p { + font-size: 12px; + margin-top: 0; +} +.block-editor-block-compare__wrapper .block-editor-block-compare__action { + margin-top: 16px; +} +.block-editor-block-compare__wrapper .block-editor-block-compare__heading { + font-size: 1em; + font-weight: 400; + margin: 0.67em 0; +} + +.block-editor-block-draggable-chip-wrapper { + position: absolute; + top: -24px; + left: 0; +} + +.block-editor-block-draggable-chip { + background-color: #1e1e1e; + border-radius: 2px; + box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3); + color: #fff; + cursor: grabbing; + display: inline-flex; + height: 48px; + padding: 0 13px; + -webkit-user-select: none; + user-select: none; +} +.block-editor-block-draggable-chip svg { + fill: currentColor; +} +.block-editor-block-draggable-chip .block-editor-block-draggable-chip__content { + margin: auto; + justify-content: flex-start; +} +.block-editor-block-draggable-chip .block-editor-block-draggable-chip__content > .components-flex__item { + margin-right: 6px; +} +.block-editor-block-draggable-chip .block-editor-block-draggable-chip__content > .components-flex__item:last-child { + margin-right: 0; +} +.block-editor-block-draggable-chip .block-editor-block-draggable-chip__content .block-editor-block-icon svg { + min-width: 18px; + min-height: 18px; +} +.block-editor-block-draggable-chip .components-flex__item { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + font-size: 13px; +} + +.is-dragging { + display: none !important; +} + +.block-editor-block-mobile-toolbar { + display: flex; + flex-direction: row; + border-right: 1px solid #ddd; +} +.block-editor-block-mobile-toolbar .block-editor-block-mover-button { + width: 36px; + height: 36px; + border-radius: 2px; + padding: 3px; + margin: 0; + justify-content: center; + align-items: center; +} +.block-editor-block-mobile-toolbar .block-editor-block-mover-button .dashicon { + margin: auto; +} +.block-editor-block-mobile-toolbar .block-editor-block-mover { + display: flex; + margin-right: auto; +} +.block-editor-block-mobile-toolbar .block-editor-block-mover .block-editor-block-mover-button { + float: left; +} + +.block-editor-block-mover-button__description { + display: none; +} + +.block-editor-block-mover-button.has-icon { + padding: 0; +} + +.block-editor-block-mover { + display: inline-flex; + flex-direction: row; +} +.block-editor-block-mover .block-editor-block-mover__move-button-container, +.block-editor-block-mover .components-toolbar { + flex: 1; + flex-direction: row; + border-right: none !important; +} +@media (min-width: 600px) { + .block-editor-block-mover .block-editor-block-mover__move-button-container, +.block-editor-block-mover .components-toolbar { + flex-direction: column; + } +} +.block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container, .block-editor-block-mover.is-horizontal .components-toolbar { + flex-direction: row; +} +.block-editor-block-mover .block-editor-block-mover-button.block-editor-block-mover-button { + padding-right: 0; + padding-left: 0; + min-width: 36px; +} +@media (min-width: 600px) { + .block-editor-block-mover .block-editor-block-mover-button { + height: 24px; + width: 42px; + padding-right: 11px !important; + padding-left: 6px !important; + } + .block-editor-block-mover .block-editor-block-mover-button.block-editor-block-mover-button { + min-width: 42px; + } +} +@media (min-width: 600px) { + .block-editor-block-mover .block-editor-block-mover-button::before { + left: 8px !important; + right: 8px !important; + } +} +.block-editor-block-mover .block-editor-block-mover__drag-handle { + width: 24px; + cursor: grab; + min-width: 24px !important; + padding: 0 !important; +} +.block-editor-block-mover .block-editor-block-mover__drag-handle:focus::before { + left: 0 !important; + right: 0 !important; +} +@media (min-width: 600px) { + .block-editor-block-mover .components-toolbar-group .block-editor-block-mover-button, +.block-editor-block-mover .components-toolbar .block-editor-block-mover-button { + margin: 0 auto 0 0; + } + .block-editor-block-mover .components-toolbar-group .block-editor-block-mover-button.is-up-button::before, +.block-editor-block-mover .components-toolbar .block-editor-block-mover-button.is-up-button::before { + bottom: 0; + height: calc(100% - 1px); + } + .block-editor-block-mover .components-toolbar-group .block-editor-block-mover-button.is-down-button::before, +.block-editor-block-mover .components-toolbar .block-editor-block-mover-button.is-down-button::before { + top: 0; + height: calc(100% - 1px); + } +} +.block-editor-block-mover.is-horizontal .block-editor-block-mover-button.has-icon { + height: 48px; + width: 24px; + padding-left: 0; + padding-right: 0; +} +.block-editor-block-mover.is-horizontal .block-editor-block-mover-button.has-icon::before { + top: 1px; + bottom: 1px; + min-width: 0; + width: auto; + height: auto; +} +.block-editor-block-mover.is-horizontal .block-editor-block-mover-button.is-up-button.has-icon svg { + margin-left: 0; + margin-right: -8px; + margin-bottom: 0; +} +.block-editor-block-mover.is-horizontal .block-editor-block-mover-button.is-up-button.has-icon::before { + left: 0 !important; + right: 0 !important; +} +.block-editor-block-mover.is-horizontal .block-editor-block-mover-button.is-down-button.has-icon svg { + margin-left: -8px; + margin-right: 0; + margin-top: 0; +} +.block-editor-block-mover.is-horizontal .block-editor-block-mover-button.is-down-button.has-icon::before { + left: 0 !important; + right: 0 !important; + width: calc(100% + 1px); +} + +.block-editor-block-navigation__label { + margin: 0 0 12px; + color: #757575; + text-transform: uppercase; + font-size: 11px; + font-weight: 500; +} + +.block-editor-block-navigation__container { + min-width: 280px; +} + +.block-editor-block-navigation-tree { + width: 100%; + border-collapse: collapse; + padding: 0; + margin: 0; +} +.components-modal__content .block-editor-block-navigation-tree { + margin: -12px -6px 0; + width: calc(100% + 12px); +} + +.block-editor-block-navigation-leaf { + position: relative; +} +.block-editor-block-navigation-leaf.is-selected .block-editor-block-navigation-block-contents { + background: var(--wp-admin-theme-color); + color: #fff; +} +.block-editor-block-navigation-leaf.is-selected .block-editor-block-navigation-block-contents:focus { + box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); +} +.block-editor-block-navigation-leaf.is-branch-selected.is-selected .block-editor-block-navigation-block-contents { + border-radius: 2px 2px 0 0; +} +.block-editor-block-navigation-leaf.is-branch-selected:not(.is-selected) .block-editor-block-navigation-block-contents { + background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), linear-gradient(var(--wp-admin-theme-color), var(--wp-admin-theme-color)); + border-radius: 0; +} +.block-editor-block-navigation-leaf.is-branch-selected.is-last-of-selected-branch .block-editor-block-navigation-block-contents { + border-radius: 0 0 2px 2px; +} +.block-editor-block-navigation-leaf.is-dragging { + display: none; +} +.block-editor-block-navigation-leaf .block-editor-block-navigation-block-contents { + display: flex; + align-items: center; + width: 100%; + height: auto; + padding: 6px 12px; + text-align: left; + color: #1e1e1e; + border-radius: 2px; + position: relative; + white-space: nowrap; +} +.block-editor-block-navigation-leaf .block-editor-block-navigation-block-contents:hover, .block-editor-block-navigation-leaf .block-editor-block-navigation-block-contents:focus { + box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); +} +.block-editor-block-navigation-leaf .block-editor-block-navigation-block-contents:focus { + z-index: 1; +} +.block-editor-block-navigation-leaf .block-editor-block-navigation-block-contents.is-dropping-before::before { + content: ""; + position: absolute; + pointer-events: none; + transition: border-color 0.1s linear, border-style 0.1s linear, box-shadow 0.1s linear; + top: -2px; + right: 0; + left: 0; + border-top: 4px solid var(--wp-admin-theme-color); +} +.block-editor-block-navigation-leaf .block-editor-block-navigation-block-contents.is-dropping-after::before { + content: ""; + position: absolute; + pointer-events: none; + transition: border-color 0.1s linear, border-style 0.1s linear, box-shadow 0.1s linear; + bottom: -2px; + right: 0; + left: 0; + border-bottom: 4px solid var(--wp-admin-theme-color); +} +.block-editor-block-navigation-leaf .block-editor-block-navigation-block-contents.is-dropping-to-inner-blocks::before { + content: ""; + position: absolute; + pointer-events: none; + transition: border-color 0.1s linear, border-style 0.1s linear, box-shadow 0.1s linear; + bottom: -2px; + right: 0; + left: 24px; + border-bottom: 4px solid var(--wp-admin-theme-color); +} +.components-modal__content .block-editor-block-navigation-leaf .block-editor-block-navigation-block-contents { + padding-left: 0; + padding-right: 0; +} +.block-editor-block-navigation-leaf.is-visible .block-editor-block-navigation-block-contents { + opacity: 1; + animation: edit-post__fade-in-animation 0.2s ease-out 0s; + animation-fill-mode: forwards; +} +@media (prefers-reduced-motion: reduce) { + .block-editor-block-navigation-leaf.is-visible .block-editor-block-navigation-block-contents { + animation-duration: 1ms; + animation-delay: 0s; + } +} +.block-editor-block-navigation-leaf .block-editor-block-icon { + align-self: flex-start; + margin-right: 10px; + width: 20px; +} +.block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell, +.block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell, +.block-editor-block-navigation-leaf .block-editor-block-navigation-block__contents-cell { + padding-top: 0; + padding-bottom: 0; +} +.block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell, +.block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell { + line-height: 0; + width: 36px; + opacity: 0; + vertical-align: top; +} +@media (prefers-reduced-motion: reduce) { + .block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell, +.block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell { + transition-duration: 0s; + transition-delay: 0s; + } +} +.block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell:hover, .block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell.is-visible, +.block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell:hover, +.block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell.is-visible { + position: relative; + z-index: 1; + opacity: 1; + animation: edit-post__fade-in-animation 0.2s ease-out 0s; + animation-fill-mode: forwards; +} +@media (prefers-reduced-motion: reduce) { + .block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell:hover, .block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell.is-visible, +.block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell:hover, +.block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell.is-visible { + animation-duration: 1ms; + animation-delay: 0s; + } +} +.block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell, +.block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell .components-button.has-icon, +.block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell, +.block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell .components-button.has-icon { + width: 24px; + min-width: 24px; + padding: 0; +} +.block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell { + padding-top: 8px; +} +.block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell-alignment-wrapper { + display: flex; + height: 100%; + flex-direction: column; + align-items: center; +} +.block-editor-block-navigation-leaf .block-editor-block-mover-button { + position: relative; + width: 36px; + height: 24px; +} +.block-editor-block-navigation-leaf .block-editor-block-mover-button svg { + position: relative; + height: 24px; +} +.block-editor-block-navigation-leaf .block-editor-block-mover-button.is-up-button { + margin-top: -6px; + align-items: flex-end; +} +.block-editor-block-navigation-leaf .block-editor-block-mover-button.is-up-button svg { + bottom: -4px; +} +.block-editor-block-navigation-leaf .block-editor-block-mover-button.is-down-button { + margin-bottom: -6px; + align-items: flex-start; +} +.block-editor-block-navigation-leaf .block-editor-block-mover-button.is-down-button svg { + top: -4px; +} +.block-editor-block-navigation-leaf .block-editor-block-mover-button:focus:enabled { + box-shadow: none; + outline: none; +} +.block-editor-block-navigation-leaf .block-editor-block-mover-button:focus { + box-shadow: none; + outline: none; +} +.block-editor-block-navigation-leaf .block-editor-block-mover-button:focus::before { + box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 4px #fff; + outline: 2px solid transparent; +} +.block-editor-block-navigation-leaf .block-editor-block-mover-button::before { + content: ""; + position: absolute; + display: block; + border-radius: 2px; + height: 16px; + min-width: 100%; + left: 0; + right: 0; + animation: components-button__appear-animation 0.1s ease; + animation-fill-mode: forwards; +} +@media (prefers-reduced-motion: reduce) { + .block-editor-block-navigation-leaf .block-editor-block-mover-button::before { + animation-duration: 1ms; + animation-delay: 0s; + } +} +.block-editor-block-navigation-leaf .block-editor-inserter__toggle { + background: #1e1e1e; + color: #fff; + height: 24px; + margin: 6px 6px 6px 1px; + min-width: 24px; +} +.block-editor-block-navigation-leaf .block-editor-inserter__toggle:active { + color: #fff; +} +.block-editor-block-navigation-leaf .block-editor-block-navigation-block-select-button__anchor { + background: rgba(0, 0, 0, 0.1); + border-radius: 2px; + display: inline-block; + padding: 2px 6px; + margin: 0 8px; + max-width: 120px; + overflow: hidden; + text-overflow: ellipsis; +} +.block-editor-block-navigation-leaf.is-selected .block-editor-block-navigation-block-select-button__anchor { + background: rgba(0, 0, 0, 0.3); +} + +.block-editor-block-navigation-block-slot__description, +.block-editor-block-navigation-block-select-button__description, +.block-editor-block-navigation-appender__description { + display: none; +} + +.block-editor-block-navigation-block__contents-cell .block-editor-block-navigation-block__contents-container, +.block-editor-block-navigation-block__contents-cell .block-editor-block-navigation-appender__container, +.block-editor-block-navigation-appender__cell .block-editor-block-navigation-block__contents-container, +.block-editor-block-navigation-appender__cell .block-editor-block-navigation-appender__container { + display: flex; +} + +.block-editor-block-navigation-leaf[aria-level] .block-editor-block-icon { + margin-left: 224px; +} + +.block-editor-block-navigation-leaf[aria-level="1"] .block-editor-block-icon { + margin-left: 0px; +} + +.block-editor-block-navigation-leaf[aria-level="2"] .block-editor-block-icon { + margin-left: 28px; +} + +.block-editor-block-navigation-leaf[aria-level="3"] .block-editor-block-icon { + margin-left: 56px; +} + +.block-editor-block-navigation-leaf[aria-level="4"] .block-editor-block-icon { + margin-left: 84px; +} + +.block-editor-block-navigation-leaf[aria-level="5"] .block-editor-block-icon { + margin-left: 112px; +} + +.block-editor-block-navigation-leaf[aria-level="6"] .block-editor-block-icon { + margin-left: 140px; +} + +.block-editor-block-navigation-leaf[aria-level="7"] .block-editor-block-icon { + margin-left: 168px; +} + +.block-editor-block-navigation-leaf[aria-level="8"] .block-editor-block-icon { + margin-left: 196px; +} + +.block-editor-block-navigation-leaf[aria-level="9"] .block-editor-block-icon { + margin-left: 224px; +} + +.block-editor-block-parent-selector { + background: #fff; + border-radius: 2px; +} +.block-editor-block-parent-selector .block-editor-block-parent-selector__button { + width: 48px; + height: 48px; + border: 1px solid #1e1e1e; + border-radius: 2px; +} + +.block-editor-block-patterns-list__list-item { + cursor: pointer; + margin-top: 16px; +} +.block-editor-block-patterns-list__list-item.is-placeholder { + min-height: 100px; +} +.block-editor-block-patterns-list__list-item[draggable=true] .block-editor-block-preview__container { + cursor: grab; +} + +.block-editor-block-patterns-list__item { + height: 100%; + border-radius: 2px; + transition: all 0.05s ease-in-out; + position: relative; + border: 1px solid transparent; +} +.block-editor-block-patterns-list__item:hover { + border: 1px solid var(--wp-admin-theme-color); +} +.block-editor-block-patterns-list__item:focus { + box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + outline: 2px solid transparent; +} + +.block-editor-block-patterns-list__item-title { + padding: 4px; + font-size: 12px; + text-align: center; +} + +.block-editor-block-preview__container { + position: relative; + width: 100%; + overflow: hidden; +} +.block-editor-block-preview__container.editor-styles-wrapper { + padding: 0; + margin: 0; +} +.block-editor-block-preview__container .block-editor-block-preview__content { + position: absolute; + top: 0; + left: 0; + transform-origin: top left; + text-align: initial; + margin: 0; + overflow: visible; + min-height: auto; +} +.block-editor-block-preview__container .block-editor-block-preview__content .block-editor-block-list__insertion-point, +.block-editor-block-preview__container .block-editor-block-preview__content .block-editor-block-drop-zone, +.block-editor-block-preview__container .block-editor-block-preview__content .reusable-block-indicator, +.block-editor-block-preview__container .block-editor-block-preview__content .block-list-appender { + display: none; +} +.block-editor-block-preview__container .block-editor-block-preview__content .block-editor-block-list__layout.is-root-container { + padding-left: 0; + padding-right: 0; +} +.block-editor-block-preview__container .block-editor-block-preview__content .block-editor-block-list__layout.is-root-container > .wp-block[data-align=full] { + margin-left: 0; + margin-right: 0; +} + +.block-editor-block-settings-menu__popover .components-dropdown-menu__menu { + padding: 0; +} + +.block-editor-block-styles { + display: flex; + flex-wrap: wrap; + justify-content: space-between; +} + +.block-editor-block-styles__item { + width: calc(50% - 4px); + margin: 4px 0; + flex-shrink: 0; + cursor: pointer; + overflow: hidden; + border-radius: 2px; + padding: 6px; + display: flex; + flex-direction: column; +} +.block-editor-block-styles__item:focus { + box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + outline: 2px solid transparent; +} +.block-editor-block-styles__item:hover .block-editor-block-styles__item-preview { + border-color: var(--wp-admin-theme-color); +} +.block-editor-block-styles__item.is-active .block-editor-block-styles__item-label { + font-weight: bold; +} +.block-editor-block-styles__item.is-active .block-editor-block-styles__item-preview { + margin: 0; + border: 2px solid #1e1e1e; +} +.block-editor-block-styles__item .block-editor-block-preview__container { + cursor: inherit; +} + +.block-editor-block-styles__item-preview { + outline: 1px solid transparent; + padding: 0; + margin: 2px; + border-radius: 2px; + display: flex; + overflow: hidden; + background: #fff; + align-items: center; + flex-grow: 1; + min-height: 80px; + max-height: 160px; +} + +.block-editor-block-switcher__styles__menugroup { + position: relative; +} + +.block-editor-block-styles__item-label { + text-align: center; + padding: 4px 0; +} + +.block-editor-block-switcher { + position: relative; +} + +.block-editor-block-switcher__no-switcher-icon, +.block-editor-block-switcher__toggle { + position: relative; +} + +.components-button.block-editor-block-switcher__toggle, +.components-button.block-editor-block-switcher__no-switcher-icon { + margin: 0; + display: block; + height: 48px; +} +.components-button.block-editor-block-switcher__toggle .block-editor-block-icon, +.components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-icon { + margin: auto; +} + +.block-editor-block-switcher__toggle-text { + margin-left: 8px; +} +.show-icon-labels .block-editor-block-switcher__toggle-text { + display: none; +} + +.show-icon-labels .block-editor-block-toolbar .block-editor-block-switcher .components-button.has-icon::after { + font-size: 14px; +} + +.block-editor-block-switcher__popover { + margin-left: 6px; +} + +.components-button.block-editor-block-switcher__no-switcher-icon { + width: 48px; +} +.components-button.block-editor-block-switcher__no-switcher-icon .block-editor-blocks-icon { + margin-right: auto; + margin-left: auto; +} + +.components-button.block-editor-block-switcher__no-switcher-icon:disabled { + opacity: 1; +} +.components-button.block-editor-block-switcher__no-switcher-icon:disabled, +.components-button.block-editor-block-switcher__no-switcher-icon:disabled .block-editor-block-icon.has-colors { + color: #1e1e1e; +} + +.block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon .block-editor-block-icon, +.block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon .block-editor-block-icon, +.block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__toggle.has-icon.has-icon .block-editor-block-icon, +.block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__toggle.has-icon.has-icon .block-editor-block-icon { + height: 100%; + position: relative; + margin: 0 auto; + display: flex; + align-items: center; + min-width: 100%; +} +.block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon::before, +.block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon::before, +.block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__toggle.has-icon.has-icon::before, +.block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__toggle.has-icon.has-icon::before { + top: 8px; + right: 8px; + bottom: 8px; + left: 8px; +} + +.components-popover.block-editor-block-switcher__popover .components-popover__content { + min-width: 300px; +} + +.components-popover.block-editor-block-switcher__popover .components-popover__content > div { + min-width: auto; + display: flex; + background: #fff; + padding: 0; +} +.components-popover.block-editor-block-switcher__popover .components-popover__content > div .components-menu-group { + margin: 0; +} + +.block-editor-block-switcher__popover .components-popover__content .block-editor-block-styles { + margin: 0 -3px; +} +.block-editor-block-switcher__popover .components-popover__content .components-panel__body { + border: 0; + position: relative; + z-index: 1; +} +.block-editor-block-switcher__popover .components-popover__content .components-panel__body + .components-panel__body { + border-top: 1px solid #e0e0e0; +} + +.block-editor-block-switcher__popover__preview__parent .block-editor-block-switcher__popover__preview__container { + position: absolute; + top: -12px; + left: calc(100% + 32px); +} + +.block-editor-block-switcher__preview__popover { + display: none; +} +.block-editor-block-switcher__preview__popover.components-popover { + margin-left: 4px; + margin-top: 11px; +} +@media (min-width: 782px) { + .block-editor-block-switcher__preview__popover { + display: block; + } +} +.block-editor-block-switcher__preview__popover .components-popover__content { + box-shadow: none; + border: 1px solid #1e1e1e; + background: #fff; + border-radius: 2px; +} +.block-editor-block-switcher__preview__popover .block-editor-block-switcher__preview { + width: 300px; + height: auto; + max-height: 500px; + padding: 16px; +} + +.block-editor-block-switcher__preview-title { + margin-bottom: 12px; + color: #757575; + text-transform: uppercase; + font-size: 11px; + font-weight: 500; +} + +.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon { + width: 48px; +} +.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon, +.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle { + height: 48px; +} +.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-icon, +.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-switcher__transform, +.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle .block-editor-block-icon, +.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle .block-editor-block-switcher__transform { + width: 48px; + height: 48px; +} +.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-switcher__transform, +.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle .block-editor-block-switcher__transform { + padding: 12px; +} + +.block-editor-block-switcher__preview-patterns-container { + padding-bottom: 16px; +} +.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item { + margin-top: 16px; +} +.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-preview__container { + cursor: pointer; +} +.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item { + height: 100%; + border-radius: 2px; + transition: all 0.05s ease-in-out; + position: relative; + border: 1px solid transparent; +} +.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item:hover, .block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item:focus { + box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + outline: 2px solid transparent; +} +.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item:hover { + box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) #1e1e1e; +} +.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item .block-editor-block-switcher__preview-patterns-container-list__item-title { + padding: 4px; + font-size: 12px; + text-align: center; + cursor: pointer; +} + +.block-editor-block-types-list > [role=presentation] { + padding: 4px; + margin-left: -4px; + margin-right: -4px; + overflow: hidden; + display: flex; + flex-wrap: wrap; +} + +.block-editor-block-variation-picker .components-placeholder__instructions { + margin-bottom: 0; +} +.block-editor-block-variation-picker .components-placeholder__fieldset { + flex-direction: column; +} +.block-editor-block-variation-picker.has-many-variations .components-placeholder__fieldset { + max-width: 90%; +} + +.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations { + display: flex; + justify-content: flex-start; + flex-direction: row; + flex-wrap: wrap; + width: 100%; + margin: 16px 0; + padding: 0; + list-style: none; +} +.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations > li { + list-style: none; + margin: 8px 20px 0 0; + flex-shrink: 1; + width: 75px; + text-align: center; +} +.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations > li button { + display: inline-flex; + margin-right: 0; +} +.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations .block-editor-block-variation-picker__variation { + padding: 8px; +} +.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations .block-editor-block-variation-picker__variation-label { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + font-size: 12px; + display: block; + line-height: 1.4; +} + +.block-editor-block-variation-picker__variation { + width: 100%; +} +.block-editor-block-variation-picker__variation.components-button.has-icon { + justify-content: center; + width: auto; +} +.block-editor-block-variation-picker__variation.components-button.has-icon.is-secondary { + background-color: #fff; +} +.block-editor-block-variation-picker__variation.components-button { + height: auto; + padding: 0; +} +.block-editor-block-variation-picker__variation::before { + content: ""; + padding-bottom: 100%; +} +.block-editor-block-variation-picker__variation:first-child { + margin-left: 0; +} +.block-editor-block-variation-picker__variation:last-child { + margin-right: 0; +} + +.block-editor-block-pattern-setup { + display: flex; + flex-direction: column; + justify-content: center; + align-items: flex-start; + width: 100%; + border-radius: 2px; + box-shadow: inset 0 0 0 1px #1e1e1e; + outline: 1px solid transparent; +} +.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__toolbar { + justify-content: center; +} +.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container { + display: grid; + grid-template-columns: 1fr 1fr; + grid-gap: 16px; + padding: 16px; + max-height: 550px; + overflow: auto; + margin: 0 1px 1px 1px; + width: calc(100% - 2px); + background: #fff; +} +.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-preview__container, +.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container div[role=button] { + cursor: pointer; +} +.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__item-title { + padding: 4px; + font-size: 12px; + text-align: center; +} +.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-preview__container { + border-radius: 2px; + border: 1px solid #ddd; +} +.block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar { + box-sizing: border-box; + position: relative; + padding: 16px; + width: 100%; + text-align: left; + margin: 0; + color: #1e1e1e; + border-radius: 2px 2px 0 0; + background-color: #fff; + box-shadow: inset 0 0 0 1px #1e1e1e; + outline: 1px solid transparent; + display: flex; + flex-direction: row; + align-items: center; + justify-content: space-between; +} +.block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__display-controls { + display: flex; +} +.block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__navigation, +.block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__actions { + width: calc(50% - 36px); + display: flex; +} +.block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__actions { + justify-content: flex-end; +} +.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container { + display: flex; + flex-direction: column; + width: 100%; + box-sizing: border-box; +} +.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container { + overflow: hidden; + position: relative; + padding: 0; + margin: 0; + list-style: none; + transform-style: preserve-3d; +} +.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container * { + box-sizing: border-box; +} +.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide { + opacity: 0; + position: absolute; + top: 0; + width: 100%; + margin: auto; + padding: 16px; + transition: transform 0.5s, opacity 0.5s, z-index 0.5s; + z-index: 100; +} +.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide.active-slide { + opacity: 1; + position: relative; + z-index: 102; +} +.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide.previous-slide { + transform: translateX(-100%); + z-index: 101; +} +.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide.next-slide { + transform: translateX(100%); + z-index: 101; +} +.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .block-list-appender { + display: none; +} + +.block-editor-block-variation-transforms { + padding: 0 16px 16px 56px; + width: 100%; +} +.block-editor-block-variation-transforms .components-dropdown-menu__toggle { + border: 1px solid #757575; + border-radius: 2px; + min-height: 30px; + width: 100%; + position: relative; + text-align: left; + justify-content: left; + padding: 6px 12px; +} +.block-editor-block-variation-transforms .components-dropdown-menu__toggle.components-dropdown-menu__toggle { + padding-right: 24px; +} +.block-editor-block-variation-transforms .components-dropdown-menu__toggle:focus:not(:disabled) { + border-color: var(--wp-admin-theme-color); + box-shadow: 0 0 0 calc(var(--wp-admin-border-width-focus) - 1px) var(--wp-admin-theme-color); +} +.block-editor-block-variation-transforms .components-dropdown-menu__toggle svg { + height: 100%; + padding: 0; + position: absolute; + right: 0; + top: 0; +} + +.block-editor-block-variation-transforms__popover .components-popover__content { + min-width: 230px; +} + +.components-border-style-control__select { + margin-bottom: 24px; +} +.components-border-style-control__select button { + width: 100%; +} +.components-border-style-control__select ul li, +.components-border-style-control__select ul li:last-child { + margin: 6px; +} + +.block-editor-button-block-appender { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + padding: 8px; + width: 100%; + height: auto; + color: #1e1e1e; + box-shadow: inset 0 0 0 1px #1e1e1e; +} +.is-dark-theme .block-editor-button-block-appender { + color: rgba(255, 255, 255, 0.65); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.65); +} +.block-editor-button-block-appender:hover { + color: var(--wp-admin-theme-color); + box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color); +} +.block-editor-button-block-appender:focus { + box-shadow: inset 0 0 0 2px var(--wp-admin-theme-color); +} +.block-editor-button-block-appender:active { + color: #000; +} +.block-editor-button-block-appender.block-list-appender__toggle { + display: flex; + flex-direction: row; + box-shadow: none; + height: 24px; + width: 24px; +} +.block-editor-button-block-appender.block-list-appender__toggle > svg { + width: 24px; + background-color: #1e1e1e; + color: #fff; + border-radius: 2px; + flex: 1 0 auto; +} + +.block-editor-color-gradient-control .block-editor-color-gradient-control__color-indicator { + margin-bottom: 12px; +} +.block-editor-color-gradient-control .block-editor-color-gradient-control__button-tabs { + display: block; + margin-bottom: 12px; +} + +.block-editor-panel-color-gradient-settings .component-color-indicator { + vertical-align: text-bottom; +} +.block-editor-panel-color-gradient-settings__panel-title .component-color-indicator { + display: inline-block; +} +.block-editor-panel-color-gradient-settings.is-opened .block-editor-panel-color-gradient-settings__panel-title .component-color-indicator { + display: none; +} +@media screen and (min-width: 782px) { + .block-editor-panel-color-gradient-settings .components-circular-option-picker__swatches { + margin-right: 0; + } + .block-editor-panel-color-gradient-settings .components-circular-option-picker__option-wrapper { + margin-right: calc((100% - (28px * 6)) / 5); + } + .block-editor-panel-color-gradient-settings .components-circular-option-picker__option-wrapper:nth-child(6n+6) { + margin-right: 0; + } +} + +.block-editor-contrast-checker > .components-notice { + margin: 0; +} + +.block-editor-default-block-appender { + clear: both; + margin-left: auto; + margin-right: auto; + position: relative; +} +.block-editor-default-block-appender[data-root-client-id=""] .block-editor-default-block-appender__content:hover { + outline: 1px solid transparent; +} +.block-editor-default-block-appender .block-editor-default-block-appender__content { + opacity: 0.62; +} +.block-editor-default-block-appender .components-drop-zone__content-icon { + display: none; +} + +.block-editor-block-list__empty-block-inserter.block-editor-block-list__empty-block-inserter, +.block-editor-default-block-appender .block-editor-inserter { + position: absolute; + top: 0; + height: 32px; +} +.block-editor-block-list__empty-block-inserter.block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle, +.block-editor-default-block-appender .block-editor-inserter .block-editor-inserter__toggle { + margin-right: 0; +} + +.block-editor-block-list__empty-block-inserter, +.block-editor-default-block-appender .block-editor-inserter { + right: 8px; +} +@media (min-width: 600px) { + .block-editor-block-list__empty-block-inserter, +.block-editor-default-block-appender .block-editor-inserter { + display: flex; + height: 100%; + } +} +.block-editor-block-list__empty-block-inserter:disabled, +.block-editor-default-block-appender .block-editor-inserter:disabled { + display: none; +} + +.block-editor-duotone-control__popover .components-popover__content { + border: 1px solid #1e1e1e; + min-width: 214px; +} +.block-editor-duotone-control__popover .components-circular-option-picker { + padding: 12px; +} +.block-editor-duotone-control__popover .components-menu-group__label { + padding: 12px 12px 0 12px; + width: 100%; + box-sizing: border-box; +} + +.block-editor-duotone-control__popover > .components-popover__content { + width: 334px; +} + +.block-editor-duotone-control__popover:not([data-y-axis=middle][data-x-axis=right]) > .components-popover__content { + margin-left: -14px; +} + +.components-font-appearance-control__select { + margin-bottom: 24px; +} +.components-font-appearance-control__select ul li { + color: #1e1e1e; + text-transform: capitalize; +} + +.items-justified-left { + justify-content: flex-start; +} + +.items-justified-center { + justify-content: center; +} + +.items-justified-right { + justify-content: flex-end; +} + +.items-justified-space-between { + justify-content: space-between; +} + +.block-editor-link-control { + position: relative; + min-width: 360px; +} +.components-popover__content .block-editor-link-control { + min-width: auto; + width: 90vw; + max-width: 360px; +} + +.block-editor-link-control__search-input-wrapper { + position: relative; +} + +.block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type=text] { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + padding: 6px 8px; + box-shadow: 0 0 0 transparent; + transition: box-shadow 0.1s linear; + border-radius: 2px; + border: 1px solid #757575; + /* Fonts smaller than 16px causes mobile safari to zoom. */ + font-size: 16px; + /* Override core line-height. To be reviewed. */ + line-height: normal; + width: calc(100% - 32px); + display: block; + padding: 11px 16px; + padding-right: 36px; + margin: 16px; + position: relative; + border: 1px solid #ddd; + border-radius: 2px; +} +@media (prefers-reduced-motion: reduce) { + .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type=text] { + transition-duration: 0s; + transition-delay: 0s; + } +} +@media (min-width: 600px) { + .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type=text] { + font-size: 13px; + /* Override core line-height. To be reviewed. */ + line-height: normal; + } +} +.block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type=text]:focus { + border-color: var(--wp-admin-theme-color); + box-shadow: 0 0 0 1px var(--wp-admin-theme-color); + outline: 2px solid transparent; +} +.block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type=text]::-webkit-input-placeholder { + color: rgba(30, 30, 30, 0.62); +} +.block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type=text]::-moz-placeholder { + opacity: 1; + color: rgba(30, 30, 30, 0.62); +} +.block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type=text]:-ms-input-placeholder { + color: rgba(30, 30, 30, 0.62); +} +.block-editor-link-control .block-editor-link-control__search-input .components-base-control__field { + margin-bottom: 0; +} + +.block-editor-link-control__search-error { + margin: -8px 16px 16px; +} + +.block-editor-link-control__search-actions { + position: absolute; + /* + * Actions must be positioned on top of URLInput, since the input will grow + * when suggestions are rendered. + * + * Compensate for: + * - Input margin ($grid-unit-20) + * - Border (1px) + * - Vertically, for the difference in height between the input (40px) and + * the icon buttons. + * - Horizontally, pad to the minimum of: default input padding, or the + * equivalent of the vertical padding. + */ + top: 19px; + right: 19px; +} + +.components-button .block-editor-link-control__search-submit .has-icon { + margin: -1px; +} + +.block-editor-link-control__search-results-wrapper { + position: relative; + margin-top: -15px; +} +.block-editor-link-control__search-results-wrapper::before, .block-editor-link-control__search-results-wrapper::after { + content: ""; + position: absolute; + left: -1px; + right: 16px; + display: block; + pointer-events: none; + z-index: 100; +} +.block-editor-link-control__search-results-wrapper::before { + height: 8px; + top: 0; + bottom: auto; +} +.block-editor-link-control__search-results-wrapper::after { + height: 16px; + bottom: 0; + top: auto; +} + +.block-editor-link-control__search-results-label { + padding: 16px 32px 0; + display: block; + font-weight: 600; +} + +.block-editor-link-control__search-results { + margin: 0; + padding: 8px 16px 8px; + max-height: 200px; + overflow-y: auto; +} +.block-editor-link-control__search-results.is-loading { + opacity: 0.2; +} + +.block-editor-link-control__search-item { + position: relative; + display: flex; + align-items: center; + font-size: 13px; + cursor: pointer; + background: #fff; + width: 100%; + border: none; + text-align: left; + padding: 12px 16px; + border-radius: 5px; + height: auto; +} +.block-editor-link-control__search-item:hover, .block-editor-link-control__search-item:focus { + background-color: #ddd; +} +.block-editor-link-control__search-item:focus:not(:disabled) { + box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color) inset; +} +.block-editor-link-control__search-item.is-selected { + background: #f0f0f0; +} +.block-editor-link-control__search-item.is-selected .block-editor-link-control__search-item-type { + background: #fff; +} +.block-editor-link-control__search-item.is-current { + background: transparent; + border: 0; + width: 100%; + cursor: default; + padding: 16px; + padding-left: 24px; +} +.block-editor-link-control__search-item .block-editor-link-control__search-item-header { + display: block; + margin-right: 8px; + overflow: hidden; + white-space: nowrap; +} +.block-editor-link-control__search-item .block-editor-link-control__search-item-icon { + margin-right: 1em; + min-width: 24px; +} +.block-editor-link-control__search-item .block-editor-link-control__search-item-info, +.block-editor-link-control__search-item .block-editor-link-control__search-item-title { + overflow: hidden; + text-overflow: ellipsis; + padding-right: 24px; +} +.block-editor-link-control__search-item .block-editor-link-control__search-item-info .components-external-link__icon, +.block-editor-link-control__search-item .block-editor-link-control__search-item-title .components-external-link__icon { + position: absolute; + right: 0; + margin-top: 0; +} +.block-editor-link-control__search-item .block-editor-link-control__search-item-title { + display: block; + margin-bottom: 0.2em; + font-weight: 500; + position: relative; +} +.block-editor-link-control__search-item .block-editor-link-control__search-item-title mark { + font-weight: 700; + color: #000; + background-color: transparent; +} +.block-editor-link-control__search-item .block-editor-link-control__search-item-title span { + font-weight: normal; +} +.block-editor-link-control__search-item .block-editor-link-control__search-item-info { + display: block; + color: #757575; + font-size: 0.9em; + line-height: 1.3; +} +.block-editor-link-control__search-item .block-editor-link-control__search-item-type { + display: block; + padding: 3px 8px; + margin-left: auto; + font-size: 0.9em; + background-color: #f0f0f0; + border-radius: 2px; +} + +.block-editor-link-control__loading { + margin: 16px; + display: flex; + align-items: center; +} +.block-editor-link-control__loading .components-spinner { + margin-top: 0; +} + +.components-button + .block-editor-link-control__search-create { + overflow: visible; + padding: 12px 16px; +} +.components-button + .block-editor-link-control__search-create::before { + content: ""; + position: absolute; + top: -10px; + left: 0; + display: block; + width: 100%; +} + +.block-editor-link-control__search-results div[role=menu] > .block-editor-link-control__search-item.block-editor-link-control__search-item { + padding: 10px; +} + +.block-editor-link-control__settings { + border-top: 1px solid #ddd; + margin: 0; + padding: 16px 24px; +} +.block-editor-link-control__settings :last-child { + margin-bottom: 0; +} +.is-alternate .block-editor-link-control__settings { + border-top: 1px solid #1e1e1e; +} + +.block-editor-link-control__setting { + margin-bottom: 16px; +} +.block-editor-link-control__setting :last-child { + margin-bottom: 0; +} + +.block-editor-link-control .block-editor-link-control__search-input .components-spinner { + display: block; +} +.block-editor-link-control .block-editor-link-control__search-input .components-spinner.components-spinner { + position: absolute; + left: auto; + bottom: auto; + /* + * Position spinner to the left of the actions. + * + * Compensate for: + * - Input margin ($grid-unit-20) + * - Border (1px) + * - Vertically, for the difference in height between the input (40px) + * and the spinner. + * - Horizontally, adjust for the width occupied by the icon buttons, + * then artificially create spacing that mimics as if the spinner + * were center-padded to the same width as an icon button. + */ + top: 28px; + right: 62px; +} + +.block-editor-link-control__search-item-action { + margin-left: auto; + flex-shrink: 0; +} + +.block-editor-line-height-control { + margin-bottom: 24px; +} +.block-editor-line-height-control input { + display: block; + max-width: 60px; +} + +.block-editor-image-size-control { + margin-bottom: 1em; +} +.block-editor-image-size-control .block-editor-image-size-control__row { + display: flex; + justify-content: space-between; +} +.block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__width, +.block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__height { + margin-bottom: 0.5em; +} +.block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__width input, +.block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__height input { + line-height: 1.25; +} +.block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__width { + margin-right: 5px; +} +.block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__height { + margin-left: 5px; +} + +.block-editor-block-list__layout.has-overlay::after { + content: ""; + position: absolute; + top: -14px; + right: -14px; + bottom: -14px; + left: -14px; + z-index: 60; +} + +[data-align=full] .has-overlay::after { + right: 0; + left: 0; +} + +.block-editor-block-types-list__list-item { + display: block; + width: 33.33%; + padding: 0; + margin: 0; +} + +.components-button.block-editor-block-types-list__item { + display: flex; + flex-direction: column; + width: 100%; + font-size: 13px; + color: #1e1e1e; + padding: 8px; + align-items: stretch; + justify-content: center; + cursor: pointer; + background: transparent; + word-break: break-word; + border-radius: 2px; + border: 1px solid transparent; + transition: all 0.05s ease-in-out; + position: relative; + height: auto; +} +@media (prefers-reduced-motion: reduce) { + .components-button.block-editor-block-types-list__item { + transition-duration: 0s; + transition-delay: 0s; + } +} +.components-button.block-editor-block-types-list__item:disabled { + opacity: 0.6; + cursor: default; +} +.components-button.block-editor-block-types-list__item:not(:disabled):hover { + border-color: var(--wp-admin-theme-color); + color: var(--wp-admin-theme-color) !important; +} +.components-button.block-editor-block-types-list__item:not(:disabled).is-active { + color: #fff; + background: #1e1e1e; + outline: 2px solid transparent; + outline-offset: -2px; +} + +.block-editor-block-types-list__item-icon { + padding: 12px 20px; + border-radius: 2px; + color: #1e1e1e; + transition: all 0.05s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .block-editor-block-types-list__item-icon { + transition-duration: 0s; + transition-delay: 0s; + } +} +.block-editor-block-types-list__item-icon .block-editor-block-icon { + margin-left: auto; + margin-right: auto; +} +.block-editor-block-types-list__item-icon svg { + transition: all 0.15s ease-out; +} +@media (prefers-reduced-motion: reduce) { + .block-editor-block-types-list__item-icon svg { + transition-duration: 0s; + transition-delay: 0s; + } +} +.block-editor-block-types-list__list-item[draggable=true] .block-editor-block-types-list__item-icon { + cursor: grab; +} + +.block-editor-block-types-list__item-title { + padding: 4px 2px 8px; + font-size: 12px; +} + +.modal-open .block-editor-media-replace-flow__options { + display: none; +} + +.block-editor-media-replace-flow__options .components-popover__content > div { + padding-top: 16px; +} + +.block-editor-media-replace-flow__indicator { + margin-left: 4px; +} + +.block-editor-media-flow__url-input { + border-top: 1px solid #1e1e1e; + margin-top: 12px; + margin-right: -12px; + margin-left: -12px; + padding: 12px 24px 0; +} +.block-editor-media-flow__url-input .block-editor-media-replace-flow__image-url-label { + top: 16px; +} +.block-editor-media-flow__url-input .block-editor-link-control { + margin-top: -16px; + width: auto; +} +.block-editor-media-flow__url-input .block-editor-link-control .components-base-control .components-base-control__field { + margin-bottom: 0; +} +.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-item-title { + max-width: 180px; + margin-top: 16px; +} +.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-item.is-current { + width: auto; + padding: 0; +} +.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type=text] { + margin: 16px 0 0 0; + width: 100%; +} +.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-actions { + right: 4px; +} + +.block-editor-media-flow__error { + padding: 0 20px 20px 20px; + max-width: 255px; +} +.block-editor-media-flow__error .components-with-notices-ui { + max-width: 255px; +} +.block-editor-media-flow__error .components-with-notices-ui .components-notice__content { + overflow: hidden; + word-wrap: break-word; +} +.block-editor-media-flow__error .components-with-notices-ui .components-notice__dismiss { + position: absolute; + right: 10px; +} + +.block-editor-media-placeholder__url-input-container .block-editor-media-placeholder__button { + margin-bottom: 0; +} + +.block-editor-media-placeholder__url-input-form { + display: flex; +} +.block-editor-media-placeholder__url-input-form input[type=url].block-editor-media-placeholder__url-input-field { + width: 100%; + flex-grow: 1; + border: none; + border-radius: 0; + margin: 2px; +} +@media (min-width: 600px) { + .block-editor-media-placeholder__url-input-form input[type=url].block-editor-media-placeholder__url-input-field { + width: 300px; + } +} + +.block-editor-media-placeholder__url-input-submit-button { + flex-shrink: 1; +} + +.block-editor-media-placeholder__button { + margin-bottom: 0.5rem; +} + +.block-editor-media-placeholder__cancel-button.is-link { + margin: 1em; + display: block; +} + +.block-editor-media-placeholder.is-appender { + min-height: 0; +} +.block-editor-media-placeholder.is-appender:hover { + cursor: pointer; + box-shadow: 0 0 0 1px var(--wp-admin-theme-color); +} + +.block-editor-multi-selection-inspector__card { + display: flex; + align-items: flex-start; + padding: 16px; +} + +.block-editor-multi-selection-inspector__card-content { + flex-grow: 1; +} + +.block-editor-multi-selection-inspector__card-title { + font-weight: 500; + margin-bottom: 5px; +} + +.block-editor-multi-selection-inspector__card-description { + font-size: 13px; +} + +.block-editor-multi-selection-inspector__card .block-editor-block-icon { + margin-left: -2px; + margin-right: 10px; + padding: 0 3px; + width: 36px; + height: 24px; +} + +.block-editor-plain-text { + box-shadow: none; + font-family: inherit; + font-size: inherit; + color: inherit; + line-height: inherit; + border: none; + padding: 0; + margin: 0; + width: 100%; +} + +.block-editor-responsive-block-control { + margin-bottom: 28px; + border-bottom: 1px solid #ccc; + padding-bottom: 14px; +} +.block-editor-responsive-block-control:last-child { + padding-bottom: 0; + border-bottom: 0; +} + +.block-editor-responsive-block-control__title { + margin: 0; + margin-bottom: 0.6em; + margin-left: -3px; +} + +.block-editor-responsive-block-control__label { + font-weight: 600; + margin-bottom: 0.6em; + margin-left: -3px; +} + +.block-editor-responsive-block-control__inner { + margin-left: -1px; +} + +.block-editor-responsive-block-control__toggle { + margin-left: 1px; +} + +.block-editor-responsive-block-control .components-base-control__help { + border: 0; + clip: rect(1px, 1px, 1px, 1px); + -webkit-clip-path: inset(50%); + clip-path: inset(50%); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; + word-wrap: normal !important; +} + +.block-editor-rich-text__editable > p:first-child { + margin-top: 0; +} +.block-editor-rich-text__editable [data-rich-text-placeholder] { + pointer-events: none; +} +.block-editor-rich-text__editable [data-rich-text-placeholder]::after { + content: attr(data-rich-text-placeholder); + opacity: 0.62; +} +.block-editor-rich-text__editable:focus { + outline: none; +} +.block-editor-rich-text__editable:focus [data-rich-text-format-boundary] { + border-radius: 2px; +} + +figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]::before { + opacity: 0.8; +} + +.components-popover.block-editor-rich-text__inline-format-toolbar { + z-index: 99998; +} +.components-popover.block-editor-rich-text__inline-format-toolbar .components-popover__content { + width: auto; + min-width: auto; + margin-bottom: 8px; + box-shadow: none; + border: 1px solid #1e1e1e; + border-radius: 2px; + background-color: #fff; +} +.components-popover.block-editor-rich-text__inline-format-toolbar .components-toolbar-group, +.components-popover.block-editor-rich-text__inline-format-toolbar .components-toolbar { + border: none; +} +.components-popover.block-editor-rich-text__inline-format-toolbar .components-toolbar__control, +.components-popover.block-editor-rich-text__inline-format-toolbar .components-dropdown-menu__toggle { + min-width: 48px; + min-height: 48px; + padding-left: 12px; + padding-right: 12px; +} + +.block-editor-rich-text__inline-format-toolbar-group .components-dropdown-menu__toggle { + justify-content: center; +} + +.show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button.has-icon { + width: auto; +} +.show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button.has-icon svg { + display: none; +} +.show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button.has-icon::after { + content: attr(aria-label); +} + +[data-rich-text-script] { + display: inline; +} +[data-rich-text-script]::before { + content: ""; + background: yellow; +} + +.block-editor-skip-to-selected-block { + position: absolute; + top: -9999em; +} +.block-editor-skip-to-selected-block:focus { + height: auto; + width: auto; + display: block; + font-size: 14px; + font-weight: 600; + padding: 15px 23px 14px; + background: #f1f1f1; + color: var(--wp-admin-theme-color); + line-height: normal; + box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); + text-decoration: none; + outline: none; + z-index: 100000; +} + +.block-editor-text-decoration-and-transform { + display: flex; +} + +.block-editor-text-transform-control { + flex: 0 0 50%; +} +.block-editor-text-transform-control legend { + margin-bottom: 8px; +} +.block-editor-text-transform-control .block-editor-text-transform-control__buttons { + display: inline-flex; + margin-bottom: 24px; +} +.block-editor-text-transform-control .block-editor-text-transform-control__buttons .components-button.has-icon { + min-width: 24px; + padding: 0; + margin-right: 4px; +} + +.block-editor-text-decoration-control { + flex: 0 0 50%; +} +.block-editor-text-decoration-control legend { + margin-bottom: 8px; +} +.block-editor-text-decoration-control .block-editor-text-decoration-control__buttons { + display: inline-flex; + margin-bottom: 24px; +} +.block-editor-text-decoration-control .block-editor-text-decoration-control__buttons .components-button.has-icon { + min-width: 24px; + padding: 0; + margin-right: 4px; +} + +.block-editor-tool-selector__help { + margin-top: 8px; + margin-left: -12px; + margin-right: -12px; + margin-bottom: -12px; + padding: 12px 20px; + border-top: 1px solid #ddd; + color: #757575; + min-width: 280px; +} + +.block-editor-block-list__block .block-editor-url-input, +.components-popover .block-editor-url-input, +.block-editor-url-input { + flex-grow: 1; + position: relative; + padding: 1px; +} +.block-editor-block-list__block .block-editor-url-input input[type=text], +.components-popover .block-editor-url-input input[type=text], +.block-editor-url-input input[type=text] { + width: 100%; + padding: 8px 8px 8px 12px; + border: none; + border-radius: 0; + margin-left: 0; + margin-right: 0; + /* Fonts smaller than 16px causes mobile safari to zoom. */ + font-size: 16px; +} +@media (min-width: 600px) { + .block-editor-block-list__block .block-editor-url-input input[type=text], +.components-popover .block-editor-url-input input[type=text], +.block-editor-url-input input[type=text] { + width: 300px; + } +} +@media (min-width: 600px) { + .block-editor-block-list__block .block-editor-url-input input[type=text], +.components-popover .block-editor-url-input input[type=text], +.block-editor-url-input input[type=text] { + font-size: 13px; + } +} +.block-editor-block-list__block .block-editor-url-input input[type=text]::-ms-clear, +.components-popover .block-editor-url-input input[type=text]::-ms-clear, +.block-editor-url-input input[type=text]::-ms-clear { + display: none; +} +.block-editor-block-list__block .block-editor-url-input.is-full-width, +.components-popover .block-editor-url-input.is-full-width, +.block-editor-url-input.is-full-width { + width: 100%; +} +.block-editor-block-list__block .block-editor-url-input.is-full-width .block-editor-url-input__input[type=text], +.components-popover .block-editor-url-input.is-full-width .block-editor-url-input__input[type=text], +.block-editor-url-input.is-full-width .block-editor-url-input__input[type=text] { + width: 100%; +} +.block-editor-block-list__block .block-editor-url-input.is-full-width__suggestions, +.components-popover .block-editor-url-input.is-full-width__suggestions, +.block-editor-url-input.is-full-width__suggestions { + width: 100%; +} +.block-editor-block-list__block .block-editor-url-input .components-spinner, +.components-popover .block-editor-url-input .components-spinner, +.block-editor-url-input .components-spinner { + position: absolute; + right: 8px 8px 8px 12px; + bottom: 8px 8px 8px 12px8px1; + margin: 0; +} + +.block-editor-url-input__input[type=text] { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + padding: 6px 8px; + box-shadow: 0 0 0 transparent; + transition: box-shadow 0.1s linear; + border-radius: 2px; + border: 1px solid #757575; + /* Fonts smaller than 16px causes mobile safari to zoom. */ + font-size: 16px; + /* Override core line-height. To be reviewed. */ + line-height: normal; +} +@media (prefers-reduced-motion: reduce) { + .block-editor-url-input__input[type=text] { + transition-duration: 0s; + transition-delay: 0s; + } +} +@media (min-width: 600px) { + .block-editor-url-input__input[type=text] { + font-size: 13px; + /* Override core line-height. To be reviewed. */ + line-height: normal; + } +} +.block-editor-url-input__input[type=text]:focus { + border-color: var(--wp-admin-theme-color); + box-shadow: 0 0 0 1px var(--wp-admin-theme-color); + outline: 2px solid transparent; +} +.block-editor-url-input__input[type=text]::-webkit-input-placeholder { + color: rgba(30, 30, 30, 0.62); +} +.block-editor-url-input__input[type=text]::-moz-placeholder { + opacity: 1; + color: rgba(30, 30, 30, 0.62); +} +.block-editor-url-input__input[type=text]:-ms-input-placeholder { + color: rgba(30, 30, 30, 0.62); +} + +.block-editor-url-input__suggestions { + max-height: 200px; + transition: all 0.15s ease-in-out; + padding: 4px 0; + width: 302px; + overflow-y: auto; +} +@media (prefers-reduced-motion: reduce) { + .block-editor-url-input__suggestions { + transition-duration: 0s; + transition-delay: 0s; + } +} + +.block-editor-url-input__suggestions, +.block-editor-url-input .components-spinner { + display: none; +} +@media (min-width: 600px) { + .block-editor-url-input__suggestions, +.block-editor-url-input .components-spinner { + display: inherit; + } +} + +.block-editor-url-input__suggestion { + padding: 4px 8px 8px 8px 12px; + color: #757575; + display: block; + font-size: 13px; + cursor: pointer; + background: #fff; + width: 100%; + border: none; + text-align: left; + box-shadow: none; +} +.block-editor-url-input__suggestion:hover { + background: #ddd; +} +.block-editor-url-input__suggestion:focus, .block-editor-url-input__suggestion.is-selected { + background: var(--wp-admin-theme-color-darker-20); + color: #fff; + outline: none; +} + +.components-toolbar-group > .block-editor-url-input__button, +.components-toolbar > .block-editor-url-input__button { + position: inherit; +} + +.block-editor-url-input__button .block-editor-url-input__back { + margin-right: 4px; + overflow: visible; +} +.block-editor-url-input__button .block-editor-url-input__back::after { + content: ""; + position: absolute; + display: block; + width: 1px; + height: 24px; + right: -1px; + background: #ddd; +} + +.block-editor-url-input__button-modal { + box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); + border: 1px solid #ddd; + background: #fff; +} + +.block-editor-url-input__button-modal-line { + display: flex; + flex-direction: row; + flex-grow: 1; + flex-shrink: 1; + min-width: 0; + align-items: flex-start; +} +.block-editor-url-input__button-modal-line .components-button { + flex-shrink: 0; + width: 36px; + height: 36px; +} + +.block-editor-url-popover__additional-controls { + border-top: 1px solid #ddd; +} + +.block-editor-url-popover__additional-controls > div[role=menu] .components-button:not(:disabled):not([aria-disabled=true]):not(.is-secondary) > svg { + box-shadow: none; +} + +.block-editor-url-popover__additional-controls div[role=menu] > .components-button { + padding-left: 12px; +} + +.block-editor-url-popover__row { + display: flex; +} + +.block-editor-url-popover__row > :not(.block-editor-url-popover__settings-toggle) { + flex-grow: 1; +} + +.block-editor-url-popover .components-button.has-icon { + padding: 3px; +} +.block-editor-url-popover .components-button.has-icon > svg { + padding: 5px; + border-radius: 2px; + height: 30px; + width: 30px; +} +.block-editor-url-popover .components-button.has-icon:not(:disabled):focus { + box-shadow: none; +} +.block-editor-url-popover .components-button.has-icon:not(:disabled):focus > svg { + box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 4px #fff; + outline: 2px solid transparent; +} + +.block-editor-url-popover__settings-toggle { + flex-shrink: 0; + border-radius: 0; + border-left: 1px solid #ddd; + margin-left: 1px; +} +.block-editor-url-popover__settings-toggle[aria-expanded=true] .dashicon { + transform: rotate(180deg); +} + +.block-editor-url-popover__input-container .components-base-control:last-child, +.block-editor-url-popover__input-container .components-base-control:last-child .components-base-control__field { + margin-bottom: 0; +} + +.block-editor-url-popover__settings { + display: block; + padding: 16px; + border-top: 1px solid #ddd; +} + +.block-editor-url-popover__link-editor, +.block-editor-url-popover__link-viewer { + display: flex; +} +.block-editor-url-popover__link-editor .block-editor-url-input .components-base-control__field, +.block-editor-url-popover__link-viewer .block-editor-url-input .components-base-control__field { + margin-bottom: 0; +} +.block-editor-url-popover__link-editor .block-editor-url-input .components-spinner, +.block-editor-url-popover__link-viewer .block-editor-url-input .components-spinner { + bottom: 8px 8px 8px 12px1; +} + +.block-editor-url-popover__link-viewer-url { + margin: 7px; + flex-grow: 1; + flex-shrink: 1; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + min-width: 150px; + max-width: 500px; +} +.block-editor-url-popover__link-viewer-url.has-invalid-link { + color: #cc1818; +} + +.block-editor-warning { + align-items: center; + display: flex; + flex-wrap: wrap; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + padding: 1em; + border: 1px solid #1e1e1e; + border-radius: 2px; + background-color: #fff; +} +.block-editor-warning .block-editor-warning__message { + line-height: 1.4; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + font-size: 13px; + color: #1e1e1e; + margin: 0; +} +.block-editor-warning p.block-editor-warning__message.block-editor-warning__message { + min-height: auto; +} +.block-editor-warning .block-editor-warning__contents { + display: flex; + flex-direction: row; + justify-content: space-between; + flex-wrap: wrap; + align-items: baseline; + width: 100%; +} +.block-editor-warning .block-editor-warning__actions { + display: flex; + margin-top: 1em; +} +.block-editor-warning .block-editor-warning__action { + margin: 0 8px 0 0; +} + +.block-editor-warning__secondary { + margin: auto 0 auto 8px; +} + +.components-popover.block-editor-warning__dropdown { + z-index: 99998; +} + +.html-anchor-control .components-external-link { + display: block; + margin-top: 8px; +} + +.block-editor-hooks__layout-controls { + display: flex; + margin-bottom: 16px; +} +.block-editor-hooks__layout-controls .block-editor-hooks__layout-controls-unit { + display: flex; + margin-right: 24px; +} +.block-editor-hooks__layout-controls .block-editor-hooks__layout-controls-unit svg { + margin: auto 0 4px 8px; +} + +.block-editor-hooks__layout-controls-reset { + display: flex; + justify-content: flex-end; + margin-bottom: 24px; +} + +.block-editor-hooks__layout-controls-helptext { + font-size: 12px; +} + +#end-resizable-editor-section { + display: none; +} + +/** + * Block Toolbar + */ +.block-editor-block-toolbar { + display: flex; + flex-grow: 1; + width: 100%; + overflow: auto; + position: relative; + transition: border-color 0.1s linear, box-shadow 0.1s linear; +} +@media (prefers-reduced-motion: reduce) { + .block-editor-block-toolbar { + transition-duration: 0s; + transition-delay: 0s; + } +} +@media (min-width: 600px) { + .block-editor-block-toolbar { + overflow: inherit; + } +} +.block-editor-block-toolbar .components-toolbar-group, +.block-editor-block-toolbar .components-toolbar { + background: none; + line-height: 0; + margin-top: -1px; + margin-bottom: -1px; + border: 0; + border-right: 1px solid #ddd; +} +.block-editor-block-toolbar > :last-child, +.block-editor-block-toolbar > :last-child .components-toolbar-group, +.block-editor-block-toolbar > :last-child .components-toolbar { + border-right: none; +} + +.block-editor-block-contextual-toolbar.has-parent:not(.is-fixed) { + margin-left: calc(48px + 8px); +} +.show-icon-labels .block-editor-block-contextual-toolbar.has-parent:not(.is-fixed) { + margin-left: 0; +} + +.block-editor-block-parent-selector { + position: absolute; + top: -1px; + left: calc(-48px - 8px - 1px); +} +.show-icon-labels .block-editor-block-parent-selector { + position: relative; + left: auto; + top: auto; + margin-top: -1px; + margin-left: -1px; + margin-bottom: -1px; +} + +.block-editor-block-toolbar__block-controls { + height: auto !important; + padding: 0 !important; + margin-left: -1px; +} +.block-editor-block-toolbar__block-controls .block-editor-block-switcher .components-dropdown-menu__toggle .block-editor-block-icon, +.block-editor-block-toolbar__block-controls .block-editor-block-switcher__no-switcher-icon .block-editor-block-icon { + width: 24px !important; + margin: 0 !important; +} +.block-editor-block-toolbar__block-controls .block-editor-block-switcher .components-dropdown-menu__toggle:focus::before, +.block-editor-block-toolbar__block-controls .block-editor-block-switcher__no-switcher-icon:focus::before { + right: 4px !important; +} +.block-editor-block-toolbar__block-controls .block-editor-block-mover { + margin-left: -6px; +} + +.block-editor-block-toolbar .components-toolbar-group, +.block-editor-block-toolbar .components-toolbar, +.block-editor-rich-text__inline-format-toolbar-group .components-toolbar-group, +.block-editor-rich-text__inline-format-toolbar-group .components-toolbar { + display: flex; + flex-wrap: nowrap; +} + +.block-editor-block-toolbar__slot { + display: inline-block; + line-height: 0; +} +@supports (position: sticky) { + .block-editor-block-toolbar__slot { + display: inline-flex; + } +} + +.show-icon-labels .block-editor-block-toolbar .components-button.has-icon { + width: auto; +} +.show-icon-labels .block-editor-block-toolbar .components-button.has-icon svg { + display: none; +} +.show-icon-labels .block-editor-block-toolbar .components-button.has-icon::after { + content: attr(aria-label); + font-size: 12px; +} +.show-icon-labels .components-accessible-toolbar .components-toolbar-group > div:first-child:last-child > .components-button.has-icon { + padding-left: 6px; + padding-right: 6px; +} +.show-icon-labels .block-editor-block-switcher { + border-right: 1px solid #1e1e1e; +} +.show-icon-labels .block-editor-block-switcher .components-dropdown-menu__toggle { + margin-left: 0; +} +.show-icon-labels .block-editor-block-switcher .components-dropdown-menu__toggle .block-editor-block-icon, +.show-icon-labels .block-editor-block-switcher__no-switcher-icon .block-editor-block-icon { + width: 0 !important; + height: 0 !important; +} +.show-icon-labels .block-editor-block-switcher .components-dropdown-menu__toggle:focus::before, +.show-icon-labels .block-editor-block-switcher__no-switcher-icon:focus::before { + right: 4px !important; +} +.show-icon-labels .block-editor-block-parent-selector__button .block-editor-block-icon { + width: 0; +} +.show-icon-labels .block-editor-block-toolbar__block-controls .block-editor-block-mover { + margin-left: 0; + white-space: nowrap; +} +.show-icon-labels .block-editor-block-mover-button { + padding-left: 8px !important; + padding-right: 8px !important; +} +.show-icon-labels .block-editor-block-mover__drag-handle.has-icon { + padding-left: 6px !important; + padding-right: 6px !important; + border-right: 1px solid #1e1e1e; +} +@media (min-width: 600px) { + .show-icon-labels .is-up-button.is-up-button.is-up-button { + border-bottom: 1px solid #1e1e1e; + margin-right: 0; + border-radius: 0; + } +} +.show-icon-labels .block-editor-block-contextual-toolbar .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.block-editor-block-mover-button { + width: auto; +} +.show-icon-labels .components-toolbar, +.show-icon-labels .components-toolbar-group { + flex-shrink: 1; +} +.show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button + .components-button { + margin-left: 6px; +} + +.block-editor-inserter { + display: inline-block; + background: none; + border: none; + padding: 0; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + font-size: 13px; + line-height: 0; +} +@media (min-width: 782px) { + .block-editor-inserter { + position: relative; + } +} + +.block-editor-inserter__popover.is-quick .components-popover__content { + border: none; +} +.block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter > * { + border-left: 1px solid #ccc; + border-right: 1px solid #ccc; +} +.block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter > *:first-child { + border-top: 1px solid #ccc; +} +.block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter > *:last-child { + border-bottom: 1px solid #ccc; +} +.block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter > *.components-button { + border: 1px solid #1e1e1e; +} + +.block-editor-inserter__popover .block-editor-inserter__menu { + margin: -12px; +} +.block-editor-inserter__popover .block-editor-inserter__menu .block-editor-inserter__tabs .components-tab-panel__tabs { + top: 60px; +} +.block-editor-inserter__popover .block-editor-inserter__menu .block-editor-inserter__main-area { + overflow: visible; + height: auto; +} +.block-editor-inserter__popover .block-editor-inserter__menu .block-editor-inserter__preview-container { + display: none; +} + +.block-editor-inserter__toggle.components-button { + display: inline-flex; + align-items: center; + cursor: pointer; + border: none; + outline: none; + padding: 0; + transition: color 0.2s ease; +} +@media (prefers-reduced-motion: reduce) { + .block-editor-inserter__toggle.components-button { + transition-duration: 0s; + transition-delay: 0s; + } +} + +.block-editor-inserter__menu { + height: 100%; + position: relative; + overflow: visible; +} + +.block-editor-inserter__main-area { + width: auto; + overflow-y: auto; + height: 100%; +} +@media (min-width: 782px) { + .block-editor-inserter__main-area { + width: 350px; + } +} + +.block-editor-inserter__inline-elements { + margin-top: -1px; +} + +.block-editor-inserter__menu.is-bottom::after { + border-bottom-color: #fff; +} + +.components-popover.block-editor-inserter__popover { + z-index: 99999; +} + +.block-editor-inserter__search { + padding: 16px; + position: sticky; + top: 0; + background: #fff; + z-index: 1; +} +.block-editor-inserter__search input[type=search].block-editor-inserter__search-input { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + padding: 6px 8px; + box-shadow: 0 0 0 transparent; + transition: box-shadow 0.1s linear; + border-radius: 2px; + border: 1px solid #757575; + /* Fonts smaller than 16px causes mobile safari to zoom. */ + font-size: 16px; + /* Override core line-height. To be reviewed. */ + line-height: normal; + display: block; + padding: 16px 48px 16px 16px; + background: #f0f0f0; + border: none; + width: 100%; + height: 48px; + /* Fonts smaller than 16px causes mobile safari to zoom. */ + font-size: 16px; +} +@media (prefers-reduced-motion: reduce) { + .block-editor-inserter__search input[type=search].block-editor-inserter__search-input { + transition-duration: 0s; + transition-delay: 0s; + } +} +@media (min-width: 600px) { + .block-editor-inserter__search input[type=search].block-editor-inserter__search-input { + font-size: 13px; + /* Override core line-height. To be reviewed. */ + line-height: normal; + } +} +.block-editor-inserter__search input[type=search].block-editor-inserter__search-input:focus { + border-color: var(--wp-admin-theme-color); + box-shadow: 0 0 0 1px var(--wp-admin-theme-color); + outline: 2px solid transparent; +} +.block-editor-inserter__search input[type=search].block-editor-inserter__search-input::-webkit-input-placeholder { + color: rgba(30, 30, 30, 0.62); +} +.block-editor-inserter__search input[type=search].block-editor-inserter__search-input::-moz-placeholder { + opacity: 1; + color: rgba(30, 30, 30, 0.62); +} +.block-editor-inserter__search input[type=search].block-editor-inserter__search-input:-ms-input-placeholder { + color: rgba(30, 30, 30, 0.62); +} +@media (min-width: 600px) { + .block-editor-inserter__search input[type=search].block-editor-inserter__search-input { + font-size: 13px; + } +} +.block-editor-inserter__search input[type=search].block-editor-inserter__search-input:focus { + background: #fff; + box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); +} +.block-editor-inserter__search input[type=search].block-editor-inserter__search-input::placeholder { + color: #757575; +} +.block-editor-inserter__search input[type=search].block-editor-inserter__search-input::-webkit-search-decoration, .block-editor-inserter__search input[type=search].block-editor-inserter__search-input::-webkit-search-cancel-button, .block-editor-inserter__search input[type=search].block-editor-inserter__search-input::-webkit-search-results-button, .block-editor-inserter__search input[type=search].block-editor-inserter__search-input::-webkit-search-results-decoration { + -webkit-appearance: none; +} + +.block-editor-inserter__search-icon { + position: absolute; + top: 0; + right: 20px; + bottom: 0; + display: flex; + align-items: center; +} +.block-editor-inserter__search-icon > svg { + margin: 8px; +} + +.block-editor-inserter__tabs { + display: flex; + flex-direction: column; + margin-top: -8px; +} +.block-editor-inserter__tabs .components-tab-panel__tabs { + position: sticky; + top: 72px; + background: #fff; + z-index: 1; + border-bottom: 1px solid #ddd; +} +.block-editor-inserter__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item { + flex-grow: 1; + margin-bottom: -1px; +} +.block-editor-inserter__tabs .components-tab-panel__tab-content { + display: flex; + flex-grow: 1; + flex-direction: column; + position: relative; + z-index: 0; +} + +.block-editor-inserter__panel-header { + display: inline-flex; + align-items: center; + padding: 16px 16px 0; +} + +.block-editor-inserter__panel-header-patterns { + padding: 16px 16px 0; +} + +.block-editor-inserter__panel-content { + padding: 16px; +} + +.block-editor-inserter__panel-title, +.block-editor-inserter__panel-title button { + margin: 0 12px 0 0; + color: #757575; + text-transform: uppercase; + font-size: 11px; + font-weight: 500; +} + +.block-editor-inserter__panel-dropdown select.components-select-control__input.components-select-control__input.components-select-control__input { + line-height: 1.2; +} + +.block-editor-inserter__panel-dropdown select { + border: none; +} + +.block-editor-inserter__block-list { + flex-grow: 1; + position: relative; +} + +.block-editor-inserter__popover .block-editor-block-types-list { + margin: -8px; +} + +.block-editor-inserter__reusable-blocks-panel { + position: relative; + text-align: right; +} + +.block-editor-inserter__manage-reusable-blocks { + display: inline-block; + margin: 16px; +} + +.block-editor-inserter__no-results { + padding: 32px; + margin-top: 64px; + text-align: center; +} + +.block-editor-inserter__no-results-icon { + fill: #949494; +} + +.block-editor-inserter__child-blocks { + padding: 0 16px; +} + +.block-editor-inserter__parent-block-header { + display: flex; + align-items: center; +} +.block-editor-inserter__parent-block-header h2 { + font-size: 13px; +} +.block-editor-inserter__parent-block-header .block-editor-block-icon { + margin-right: 8px; +} + +.block-editor-inserter__preview-container { + display: none; + width: 300px; + background: #fff; + border-radius: 2px; + border: 1px solid #ddd; + position: absolute; + top: 16px; + left: calc(100% + 16px); + max-height: calc(100% - 32px); + overflow-y: hidden; +} +@media (min-width: 782px) { + .block-editor-inserter__preview-container { + display: block; + } +} +.block-editor-inserter__preview-container .block-editor-block-card { + padding: 16px; +} +.block-editor-inserter__preview-container .block-editor-block-card__title { + font-size: 13px; +} + +.block-editor-inserter__preview-content { + min-height: 144px; + background: #f0f0f0; + display: grid; + flex-grow: 1; + align-items: center; +} + +.block-editor-inserter__preview-content-missing { + flex: 1; + display: flex; + justify-content: center; + align-items: center; + min-height: 144px; + color: #757575; + background: #f0f0f0; +} + +.block-editor-inserter__tips { + border-top: 1px solid #ddd; + padding: 16px; + flex-shrink: 0; + position: relative; +} + +.block-editor-inserter__manage-reusable-blocks-container { + padding: 16px; +} + +.block-editor-inserter__quick-inserter { + width: 100%; + max-width: 100%; +} +@media (min-width: 782px) { + .block-editor-inserter__quick-inserter { + width: 350px; + } +} + +.block-editor-inserter__quick-inserter-results .block-editor-inserter__panel-header { + height: 0; + padding: 0; + float: left; +} + +.block-editor-inserter__quick-inserter.has-search .block-editor-inserter__panel-content, +.block-editor-inserter__quick-inserter.has-expand .block-editor-inserter__panel-content { + padding: 16px; +} + +.block-editor-inserter__quick-inserter-patterns .block-editor-block-patterns-list { + display: grid; + grid-template-columns: 1fr 1fr; + grid-gap: 8px; +} + +.block-editor-inserter__quick-inserter-separator { + border-top: 1px solid #ddd; +} + +.block-editor-inserter__popover.is-quick > .components-popover__content > div { + padding: 0; +} + +.block-editor-inserter__quick-inserter-expand.components-button { + display: block; + background: #1e1e1e; + color: #fff; + width: 100%; + height: 44px; + border-radius: 0; +} +.block-editor-inserter__quick-inserter-expand.components-button:hover { + color: #fff; +} +.block-editor-inserter__quick-inserter-expand.components-button:active { + color: #ccc; +} +.block-editor-inserter__quick-inserter-expand.components-button:focus:not(:disabled) { + box-shadow: inset 0 0 0 1.5px var(--wp-admin-theme-color), inset 0 0 0 3px #fff; +} + +.block-editor-post-preview__dropdown { + padding: 0; +} + +.block-editor-post-preview__button-resize.block-editor-post-preview__button-resize { + padding-left: 40px; +} +.block-editor-post-preview__button-resize.block-editor-post-preview__button-resize.has-icon { + padding-left: 8px; +} + +.block-editor-post-preview__dropdown-content .components-popover__content { + overflow-y: visible; +} +.block-editor-post-preview__dropdown-content.edit-post-post-preview-dropdown .components-menu-group:first-child { + padding-bottom: 8px; +} +.block-editor-post-preview__dropdown-content.edit-post-post-preview-dropdown .components-menu-group:last-child { + margin-bottom: 0; +} +.block-editor-post-preview__dropdown-content .components-menu-group + .components-menu-group { + padding: 8px; +} + +@media (min-width: 600px) { + .edit-post-header__settings .editor-post-preview, +.edit-site-header__actions .editor-post-preview { + display: none; + } +} + +@media (min-width: 600px) { + .edit-post-header.has-reduced-ui .edit-post-header__settings .editor-post-save-draft, +.edit-post-header.has-reduced-ui .edit-post-header__settings .editor-post-saved-state, +.edit-post-header.has-reduced-ui .edit-post-header__settings .block-editor-post-preview__button-toggle { + transition: opacity 0.1s linear; + } +} +@media (min-width: 600px) and (prefers-reduced-motion: reduce) { + .edit-post-header.has-reduced-ui .edit-post-header__settings .editor-post-save-draft, +.edit-post-header.has-reduced-ui .edit-post-header__settings .editor-post-saved-state, +.edit-post-header.has-reduced-ui .edit-post-header__settings .block-editor-post-preview__button-toggle { + transition-duration: 0s; + transition-delay: 0s; + } +} +@media (min-width: 600px) { + .edit-post-header.has-reduced-ui:not(:hover) .edit-post-header__settings .editor-post-save-draft, +.edit-post-header.has-reduced-ui:not(:hover) .edit-post-header__settings .editor-post-saved-state, +.edit-post-header.has-reduced-ui:not(:hover) .edit-post-header__settings .block-editor-post-preview__button-toggle { + opacity: 0; + } + .edit-post-header.has-reduced-ui:not(:hover) .edit-post-header__settings .block-editor-post-preview__button-toggle.is-opened { + opacity: 1; + } +} + +body.admin-color-light { + --wp-admin-theme-color: #0085ba; + --wp-admin-theme-color-darker-10: #0073a1; + --wp-admin-theme-color-darker-20: #006187; + --wp-admin-border-width-focus: 2px; +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + body.admin-color-light { + --wp-admin-border-width-focus: 1.5px; + } +} + +body.admin-color-modern { + --wp-admin-theme-color: #3858e9; + --wp-admin-theme-color-darker-10: #2145e6; + --wp-admin-theme-color-darker-20: #183ad6; + --wp-admin-border-width-focus: 2px; +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + body.admin-color-modern { + --wp-admin-border-width-focus: 1.5px; + } +} + +body.admin-color-blue { + --wp-admin-theme-color: #096484; + --wp-admin-theme-color-darker-10: #07526c; + --wp-admin-theme-color-darker-20: #064054; + --wp-admin-border-width-focus: 2px; +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + body.admin-color-blue { + --wp-admin-border-width-focus: 1.5px; + } +} + +body.admin-color-coffee { + --wp-admin-theme-color: #46403c; + --wp-admin-theme-color-darker-10: #383330; + --wp-admin-theme-color-darker-20: #2b2724; + --wp-admin-border-width-focus: 2px; +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + body.admin-color-coffee { + --wp-admin-border-width-focus: 1.5px; + } +} + +body.admin-color-ectoplasm { + --wp-admin-theme-color: #523f6d; + --wp-admin-theme-color-darker-10: #46365d; + --wp-admin-theme-color-darker-20: #3a2c4d; + --wp-admin-border-width-focus: 2px; +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + body.admin-color-ectoplasm { + --wp-admin-border-width-focus: 1.5px; + } +} + +body.admin-color-midnight { + --wp-admin-theme-color: #e14d43; + --wp-admin-theme-color-darker-10: #dd382d; + --wp-admin-theme-color-darker-20: #d02c21; + --wp-admin-border-width-focus: 2px; +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + body.admin-color-midnight { + --wp-admin-border-width-focus: 1.5px; + } +} + +body.admin-color-ocean { + --wp-admin-theme-color: #627c83; + --wp-admin-theme-color-darker-10: #576e74; + --wp-admin-theme-color-darker-20: #4c6066; + --wp-admin-border-width-focus: 2px; +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + body.admin-color-ocean { + --wp-admin-border-width-focus: 1.5px; + } +} + +body.admin-color-sunrise { + --wp-admin-theme-color: #dd823b; + --wp-admin-theme-color-darker-10: #d97426; + --wp-admin-theme-color-darker-20: #c36922; + --wp-admin-border-width-focus: 2px; +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + body.admin-color-sunrise { + --wp-admin-border-width-focus: 1.5px; + } +} \ No newline at end of file diff --git a/wp-includes/css/dist/block-editor/style.min.css b/wp-includes/css/dist/block-editor/style.min.css new file mode 100644 index 0000000000..7874f4b60f --- /dev/null +++ b/wp-includes/css/dist/block-editor/style.min.css @@ -0,0 +1 @@ +@charset "UTF-8";:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}#start-resizable-editor-section{display:none}.block-editor-autocompleters__block{white-space:nowrap}.block-editor-autocompleters__block .block-editor-block-icon{margin-right:8px}.block-editor-block-alignment-matrix-control__popover .components-popover__content{min-width:0;width:auto}.block-editor-block-alignment-matrix-control__popover .components-popover__content>div{padding:8px}.block-editor-block-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.block-editor-block-icon.has-colors svg{fill:currentColor}.block-editor-block-icon svg{min-width:20px;min-height:20px;max-width:24px;max-height:24px}.block-editor-block-inspector p{margin-top:0}.block-editor-block-inspector h2,.block-editor-block-inspector h3{font-size:13px;color:#1e1e1e;margin-bottom:1.5em}.block-editor-block-inspector .components-base-control{margin-bottom:24px}.block-editor-block-inspector .components-base-control:last-child{margin-bottom:8px}.block-editor-block-inspector .components-panel__body{border:none;border-top:1px solid #e0e0e0}.block-editor-block-inspector .block-editor-block-card{padding:16px}.block-editor-block-inspector__no-blocks{display:block;font-size:13px;background:#fff;padding:32px 16px;text-align:center}.block-editor-block-styles .block-editor-block-list__block{margin:0}.block-editor-block-list__layout{position:relative}.block-editor-block-list__layout.is-navigate-mode{cursor:default}.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted:after,.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:after,.block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-hovered:after,.block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-selected:after{position:absolute;z-index:1;pointer-events:none;content:"";top:1px;bottom:1px;left:1px;right:1px;box-shadow:0 0 0 1px var(--wp-admin-theme-color);border-radius:1px;outline:2px solid transparent}.is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted:after,.is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:after,.is-dark-theme .block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-hovered:after,.is-dark-theme .block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-selected:after{box-shadow:0 0 0 1px #fff}.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted .components-placeholder ::selection,.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected .components-placeholder ::selection,.block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-hovered .components-placeholder ::selection,.block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-selected .components-placeholder ::selection{background:transparent}.block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-hovered:not(.is-selected):after{box-shadow:0 0 0 1px #949494}.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted:after,.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:after,.block-editor-block-list__layout .is-block-moving-mode.block-editor-block-list__block.has-child-selected,.block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-selected:after{box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);outline:var(--wp-admin-border-width-focus) solid transparent}.block-editor-block-list__layout .is-block-moving-mode.block-editor-block-list__block.is-selected:before{content:"";position:absolute;z-index:0;pointer-events:none;transition:border-color .1s linear,border-style .1s linear,box-shadow .1s linear;right:0;left:0;top:-14px;border-radius:2px;border-top:4px solid #ccc}.block-editor-block-list__layout .is-block-moving-mode.block-editor-block-list__block.is-selected:after{content:none}.block-editor-block-list__layout .is-block-moving-mode.can-insert-moving-block.block-editor-block-list__block.is-selected:before{border-color:var(--wp-admin-theme-color)}.is-block-moving-mode.block-editor-block-list__block-selection-button{opacity:0;font-size:1px;height:1px;padding:0}.block-editor-block-list__layout .block-editor-block-list__block{position:relative;overflow-wrap:break-word}.block-editor-block-list__layout .block-editor-block-list__block .reusable-block-edit-panel *{z-index:1}.block-editor-block-list__layout .block-editor-block-list__block .components-placeholder .components-with-notices-ui{margin:-10px 0 12px}.block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui{margin:0 0 12px;width:100%}.block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui .components-notice{margin-left:0;margin-right:0}.block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui .components-notice .components-notice__content{font-size:13px}.block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus{outline:none}.block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus:after{position:absolute;z-index:1;pointer-events:none;content:"";top:1px;bottom:1px;left:1px;right:1px;box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);border-radius:1px}.is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus:after{box-shadow:0 0 0 var(--wp-admin-border-width-focus) #fff}.block-editor-block-list__layout .block-editor-block-list__block:after{content:"";pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2px;box-shadow:0 0 0 var(--wp-admin-border-width-focus) transparent}.block-editor-block-list__layout .block-editor-block-list__block.has-warning{min-height:48px}.block-editor-block-list__layout .block-editor-block-list__block.has-warning>*{pointer-events:none;-webkit-user-select:none;user-select:none}.block-editor-block-list__layout .block-editor-block-list__block.has-warning .block-editor-warning{pointer-events:all}.block-editor-block-list__layout .block-editor-block-list__block.has-warning:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2px;background-color:hsla(0,0%,100%,.4)}.block-editor-block-list__layout .block-editor-block-list__block.has-warning.is-multi-selected:after{background-color:transparent}.block-editor-block-list__layout .block-editor-block-list__block.is-reusable>.block-editor-inner-blocks>.block-editor-block-list__layout.has-overlay:after{display:none}.block-editor-block-list__layout .block-editor-block-list__block.is-reusable>.block-editor-inner-blocks>.block-editor-block-list__layout.has-overlay .block-editor-block-list__layout.has-overlay:after{display:block}.block-editor-block-list__layout .block-editor-block-list__block.is-reusable.has-child-selected:after{box-shadow:0 0 0 1px var(--wp-admin-theme-color)}.block-editor-block-list__layout .block-editor-block-list__block[data-clear=true]{float:none}.block-editor-block-list__layout .block-editor-block-list__block .block-editor-block-list__layout .block-editor-default-block-appender .block-editor-inserter{left:auto;right:8px}.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-hovered{cursor:default}.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-hovered:after{top:1px;left:1px;right:1px;bottom:1px;box-shadow:0 0 0 1px var(--wp-admin-theme-color);border-radius:1px}.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-selected{cursor:unset}.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-selected:after{box-shadow:0 0 0 1px var(--wp-admin-theme-color);top:1px;left:1px;right:1px;bottom:1px;border-radius:1px}.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-selected:focus:after{box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}.is-focus-mode .block-editor-block-list__block:not(.has-child-selected){opacity:.5;transition:opacity .1s linear}@media (prefers-reduced-motion:reduce){.is-focus-mode .block-editor-block-list__block:not(.has-child-selected){transition-duration:0s;transition-delay:0s}}.is-focus-mode .block-editor-block-list__block:not(.has-child-selected) .block-editor-block-list__block,.is-focus-mode .block-editor-block-list__block:not(.has-child-selected).is-multi-selected,.is-focus-mode .block-editor-block-list__block:not(.has-child-selected).is-selected{opacity:1}.is-root-container:not(.is-focus-mode) .block-editor-block-list__block.has-active-entity{opacity:.5;transition:opacity .1s linear}@media (prefers-reduced-motion:reduce){.is-root-container:not(.is-focus-mode) .block-editor-block-list__block.has-active-entity{transition-duration:0s;transition-delay:0s}}.is-root-container:not(.is-focus-mode) .block-editor-block-list__block.has-active-entity.has-child-selected,.is-root-container:not(.is-focus-mode) .block-editor-block-list__block.has-active-entity.is-active-entity,.is-root-container:not(.is-focus-mode) .block-editor-block-list__block.has-active-entity.is-active-entity .block-editor-block-list__block,.is-root-container:not(.is-focus-mode) .block-editor-block-list__block.has-active-entity .is-active-entity .block-editor-block-list__block,.is-root-container:not(.is-focus-mode) .block-editor-block-list__block.has-active-entity:not(.has-child-selected) .block-editor-block-list__block{opacity:1}.wp-block[data-align=left]>*,.wp-block[data-align=right]>*{z-index:21}.block-editor-block-list .block-editor-inserter{margin:8px;cursor:move;cursor:grab}@keyframes block-editor-inserter__toggle__fade-in-animation{0%{opacity:0}to{opacity:1}}.wp-block .block-list-appender .block-editor-inserter__toggle{animation:block-editor-inserter__toggle__fade-in-animation .1s ease;animation-fill-mode:forwards}@media (prefers-reduced-motion:reduce){.wp-block .block-list-appender .block-editor-inserter__toggle{animation-duration:1ms;animation-delay:0s}}.block-editor-block-list__block:not(.is-selected):not(.has-child-selected) .block-editor-default-block-appender{display:none}.block-editor-block-list__block:not(.is-selected):not(.has-child-selected) .block-editor-default-block-appender .block-editor-inserter__toggle{opacity:0;transform:scale(0)}.block-editor-block-list__block .block-editor-block-list__block-html-textarea{display:block;margin:0;padding:12px;width:100%;border:none;outline:none;border-radius:2px;box-shadow:inset 0 0 0 1px #1e1e1e;resize:none;overflow:hidden;font-family:Menlo,Consolas,monaco,monospace;font-size:15px;line-height:1.5;transition:padding .2s linear}@media (prefers-reduced-motion:reduce){.block-editor-block-list__block .block-editor-block-list__block-html-textarea{transition-duration:0s;transition-delay:0s}}.block-editor-block-list__block .block-editor-block-list__block-html-textarea:focus{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}.block-editor-block-list__block .block-editor-warning{z-index:5;position:relative}.block-editor-block-list__block .block-editor-warning.block-editor-block-list__block-crash-warning{margin-bottom:auto}.block-editor-block-list__insertion-point{position:absolute}.block-editor-block-list__insertion-point-indicator{position:absolute;background:var(--wp-admin-theme-color);animation:block-editor-inserter__toggle__fade-in-animation-delayed .3s ease;animation-fill-mode:forwards}@media (prefers-reduced-motion:reduce){.block-editor-block-list__insertion-point-indicator{animation-duration:1ms;animation-delay:0s}}.block-editor-block-list__insertion-point.is-vertical>.block-editor-block-list__insertion-point-indicator{top:50%;right:0;left:0;height:1px}.block-editor-block-list__insertion-point.is-horizontal>.block-editor-block-list__insertion-point-indicator{top:0;right:0;left:50%;height:100%;width:1px}.block-editor-block-list__insertion-point-inserter{display:none;position:absolute;justify-content:center;top:calc(50% - 12px);left:calc(50% - 12px)}@media (min-width:480px){.block-editor-block-list__insertion-point-inserter{display:flex}}.block-editor-block-list__block-popover-inserter{position:absolute;top:-9999em;margin-bottom:14px}.block-editor-block-list__block-popover-inserter.is-visible{position:static}.block-editor-block-list__block-popover-inserter .block-editor-inserter__toggle.components-button.has-icon,.block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle.components-button.has-icon,.block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon,.block-editor-default-block-appender .block-editor-inserter__toggle.components-button.has-icon{background:#1e1e1e;border-radius:2px;color:#fff;padding:0;min-width:24px;height:24px}.block-editor-block-list__block-popover-inserter .block-editor-inserter__toggle.components-button.has-icon:hover,.block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle.components-button.has-icon:hover,.block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon:hover,.block-editor-default-block-appender .block-editor-inserter__toggle.components-button.has-icon:hover{color:#fff;background:var(--wp-admin-theme-color)}.block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon{background:var(--wp-admin-theme-color)}.block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon:hover{background:#1e1e1e}.block-editor-block-list__block-popover-inserter .block-editor-inserter__toggle.components-button,.block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button{animation:block-editor-inserter__toggle__fade-in-animation-delayed .3s ease;animation-fill-mode:forwards}@media (prefers-reduced-motion:reduce){.block-editor-block-list__block-popover-inserter .block-editor-inserter__toggle.components-button,.block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button{animation-duration:1ms;animation-delay:0s}}@keyframes block-editor-inserter__toggle__fade-in-animation-delayed{0%{opacity:0}60%{opacity:0}to{opacity:1}}.block-editor-block-contextual-toolbar{display:inline-flex;border:1px solid #1e1e1e;border-radius:2px;background-color:#fff}.block-editor-block-contextual-toolbar .block-editor-block-toolbar .components-toolbar,.block-editor-block-contextual-toolbar .block-editor-block-toolbar .components-toolbar-group{border-right-color:#1e1e1e}.block-editor-block-contextual-toolbar.is-fixed{position:sticky;top:0;width:100%;z-index:31;min-height:48px;display:block;border:none;border-bottom:1px solid #e0e0e0;border-radius:0}.block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar .components-toolbar,.block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar .components-toolbar-group{border-right-color:#e0e0e0}.block-editor-block-contextual-toolbar .block-editor-block-mover-button{overflow:hidden}.block-editor-block-contextual-toolbar .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.block-editor-block-mover-button{min-width:24px;width:24px}.block-editor-block-contextual-toolbar .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.block-editor-block-mover-button svg{min-width:24px}.block-editor-block-contextual-toolbar .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover-button:focus:before{left:0!important;min-width:0;width:100%}@media (min-width:600px){.block-editor-block-contextual-toolbar .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover-button.is-up-button svg{top:5px}.block-editor-block-contextual-toolbar .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover-button.is-down-button svg{bottom:5px}}.block-editor-block-list__block-selection-button{display:inline-flex;padding:0 13px;z-index:22;border-radius:2px;background-color:#1e1e1e;font-size:13px;height:48px}.block-editor-block-list__block-selection-button .block-editor-block-list__block-selection-button__content{margin:auto;display:inline-flex;align-items:center}.block-editor-block-list__block-selection-button .block-editor-block-list__block-selection-button__content>.components-flex__item{margin-right:6px}.block-editor-block-list__block-selection-button .components-button.has-icon.block-selection-button_drag-handle{cursor:grab;padding:0;height:24px;min-width:24px}.block-editor-block-list__block-selection-button .components-button.has-icon.block-selection-button_drag-handle svg{min-width:18px;min-height:18px}.block-editor-block-list__block-selection-button .block-editor-block-icon{font-size:13px;color:#fff;height:48px}.block-editor-block-list__block-selection-button .components-button{min-width:36px;color:#fff;height:48px;display:flex}.block-editor-block-list__block-selection-button .components-button:focus{box-shadow:none;border:none}.block-editor-block-list__block-selection-button .components-button:active{color:#fff}.block-editor-block-list__block-selection-button .block-selection-button_select-button.components-button{padding:0}.block-editor-block-list__insertion-point-popover.is-without-arrow{z-index:28;position:absolute;pointer-events:none}.block-editor-block-list__insertion-point-popover.is-without-arrow *{pointer-events:none}.block-editor-block-list__insertion-point-popover.is-without-arrow .is-with-inserter,.block-editor-block-list__insertion-point-popover.is-without-arrow .is-with-inserter *{pointer-events:all}.block-editor-block-list__insertion-point-popover.is-without-arrow .components-popover__content.components-popover__content{background:none;border:none;box-shadow:none;overflow-y:visible;margin-left:0}@keyframes hide-during-dragging{to{position:fixed;transform:translate(9999px,9999px)}}.components-popover.block-editor-block-list__block-popover{z-index:31;position:absolute}.components-popover.block-editor-block-list__block-popover .components-popover__content{margin:0!important;min-width:auto;width:max-content;background:none;border:none;box-shadow:none;overflow-y:visible;pointer-events:none}.components-popover.block-editor-block-list__block-popover .components-popover__content .block-editor-block-contextual-toolbar,.components-popover.block-editor-block-list__block-popover .components-popover__content .block-editor-block-list__block-selection-button,.components-popover.block-editor-block-list__block-popover .components-popover__content .block-editor-block-list__empty-block-inserter{pointer-events:all}.components-popover.block-editor-block-list__block-popover .components-popover__content .block-editor-block-contextual-toolbar,.components-popover.block-editor-block-list__block-popover .components-popover__content .block-editor-block-list__block-selection-button{margin-top:12px;margin-bottom:12px}.components-popover.block-editor-block-list__block-popover.is-insertion-point-visible{visibility:hidden}.is-dragging-components-draggable .components-popover.block-editor-block-list__block-popover{opacity:0;animation:hide-during-dragging 1ms linear forwards}.is-dragging-components-draggable .components-tooltip{display:none}.block-editor-block-list__block .block-list-appender{align-self:center;padding:0;list-style:none;margin:0 auto 0 0}.block-editor-block-list__block .block-list-appender.wp-block{max-width:none}.block-editor-block-list__block .block-list-appender .block-editor-default-block-appender{margin:8px 0}.block-editor-block-list__block .block-list-appender .block-list-appender__toggle{padding:0;opacity:1;transform:scale(1);transition:all .1s ease;margin-left:8px}@media (prefers-reduced-motion:reduce){.block-editor-block-list__block .block-list-appender .block-list-appender__toggle{transition-duration:0s;transition-delay:0s}}.block-editor-block-list__block .block-list-appender:first-of-type .block-list-appender__toggle{margin-left:0}.is-vertical .block-list-appender{width:24px;margin-right:auto;margin-top:12px;margin-left:12px}.block-list-appender>.block-editor-inserter{display:block}.block-editor-block-list__block:not(.is-selected):not(.has-child-selected):not(.block-editor-block-list__layout) .block-editor-block-list__layout>.block-list-appender .block-list-appender__toggle{opacity:0;transform:scale(0)}.block-editor-block-breadcrumb{list-style:none;padding:0;margin:0}.block-editor-block-breadcrumb li{display:inline-block;margin:0}.block-editor-block-breadcrumb li:not(:last-child):after{content:"→"}.block-editor-block-breadcrumb__button.components-button{height:24px;line-height:24px;padding:0;position:relative}.block-editor-block-breadcrumb__button.components-button:hover:not(:disabled){text-decoration:underline;box-shadow:none}.block-editor-block-breadcrumb__button.components-button:focus{box-shadow:none}.block-editor-block-breadcrumb__button.components-button:focus:before{content:"";display:block;position:absolute;border-radius:2px;top:1px;right:1px;bottom:1px;left:1px;box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}.block-editor-block-breadcrumb__current{cursor:default}.block-editor-block-breadcrumb__button.components-button,.block-editor-block-breadcrumb__current{color:#1e1e1e;padding:0 8px;font-size:inherit}.block-editor-block-card{display:flex;align-items:flex-start}.block-editor-block-card__content{flex-grow:1;margin-bottom:4px}.block-editor-block-card__title{font-weight:500}.block-editor-block-card__title.block-editor-block-card__title{line-height:24px;margin:0 0 4px}.block-editor-block-card__description{font-size:13px}.block-editor-block-card .block-editor-block-icon{flex:0 0 24px;margin-left:0;margin-right:12px;width:24px;height:24px}.block-editor-block-compare{overflow:auto;height:auto}@media (min-width:600px){.block-editor-block-compare{max-height:70%}}.block-editor-block-compare__wrapper{display:flex;padding-bottom:16px}.block-editor-block-compare__wrapper>div{display:flex;justify-content:space-between;flex-direction:column;width:50%;padding:0 16px 0 0;min-width:200px}.block-editor-block-compare__wrapper>div button{float:right}.block-editor-block-compare__wrapper .block-editor-block-compare__converted{border-left:1px solid #ddd;padding-left:15px;padding-right:0}.block-editor-block-compare__wrapper .block-editor-block-compare__html{font-family:Menlo,Consolas,monaco,monospace;font-size:12px;color:#1e1e1e;border-bottom:1px solid #ddd;padding-bottom:15px;line-height:1.7}.block-editor-block-compare__wrapper .block-editor-block-compare__html span{background-color:#e6ffed;padding-top:3px;padding-bottom:3px}.block-editor-block-compare__wrapper .block-editor-block-compare__html span.block-editor-block-compare__added{background-color:#acf2bd}.block-editor-block-compare__wrapper .block-editor-block-compare__html span.block-editor-block-compare__removed{background-color:#cc1818}.block-editor-block-compare__wrapper .block-editor-block-compare__preview{padding:16px 0 0}.block-editor-block-compare__wrapper .block-editor-block-compare__preview p{font-size:12px;margin-top:0}.block-editor-block-compare__wrapper .block-editor-block-compare__action{margin-top:16px}.block-editor-block-compare__wrapper .block-editor-block-compare__heading{font-size:1em;font-weight:400;margin:.67em 0}.block-editor-block-draggable-chip-wrapper{position:absolute;top:-24px;left:0}.block-editor-block-draggable-chip{background-color:#1e1e1e;border-radius:2px;box-shadow:0 6px 8px rgba(0,0,0,.3);color:#fff;cursor:grabbing;display:inline-flex;height:48px;padding:0 13px;-webkit-user-select:none;user-select:none}.block-editor-block-draggable-chip svg{fill:currentColor}.block-editor-block-draggable-chip .block-editor-block-draggable-chip__content{margin:auto;justify-content:flex-start}.block-editor-block-draggable-chip .block-editor-block-draggable-chip__content>.components-flex__item{margin-right:6px}.block-editor-block-draggable-chip .block-editor-block-draggable-chip__content>.components-flex__item:last-child{margin-right:0}.block-editor-block-draggable-chip .block-editor-block-draggable-chip__content .block-editor-block-icon svg{min-width:18px;min-height:18px}.block-editor-block-draggable-chip .components-flex__item{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px}.is-dragging{display:none!important}.block-editor-block-mobile-toolbar{display:flex;flex-direction:row;border-right:1px solid #ddd}.block-editor-block-mobile-toolbar .block-editor-block-mover-button{width:36px;height:36px;border-radius:2px;padding:3px;margin:0;justify-content:center;align-items:center}.block-editor-block-mobile-toolbar .block-editor-block-mover-button .dashicon{margin:auto}.block-editor-block-mobile-toolbar .block-editor-block-mover{display:flex;margin-right:auto}.block-editor-block-mobile-toolbar .block-editor-block-mover .block-editor-block-mover-button{float:left}.block-editor-block-mover-button__description{display:none}.block-editor-block-mover-button.has-icon{padding:0}.block-editor-block-mover{display:inline-flex;flex-direction:row}.block-editor-block-mover .block-editor-block-mover__move-button-container,.block-editor-block-mover .components-toolbar{flex:1;flex-direction:row;border-right:none!important}@media (min-width:600px){.block-editor-block-mover .block-editor-block-mover__move-button-container,.block-editor-block-mover .components-toolbar{flex-direction:column}}.block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container,.block-editor-block-mover.is-horizontal .components-toolbar{flex-direction:row}.block-editor-block-mover .block-editor-block-mover-button.block-editor-block-mover-button{padding-right:0;padding-left:0;min-width:36px}@media (min-width:600px){.block-editor-block-mover .block-editor-block-mover-button{height:24px;width:42px;padding-right:11px!important;padding-left:6px!important}.block-editor-block-mover .block-editor-block-mover-button.block-editor-block-mover-button{min-width:42px}}@media (min-width:600px){.block-editor-block-mover .block-editor-block-mover-button:before{left:8px!important;right:8px!important}}.block-editor-block-mover .block-editor-block-mover__drag-handle{width:24px;cursor:grab;min-width:24px!important;padding:0!important}.block-editor-block-mover .block-editor-block-mover__drag-handle:focus:before{left:0!important;right:0!important}@media (min-width:600px){.block-editor-block-mover .components-toolbar-group .block-editor-block-mover-button,.block-editor-block-mover .components-toolbar .block-editor-block-mover-button{margin:0 auto 0 0}.block-editor-block-mover .components-toolbar-group .block-editor-block-mover-button.is-up-button:before,.block-editor-block-mover .components-toolbar .block-editor-block-mover-button.is-up-button:before{bottom:0;height:calc(100% - 1px)}.block-editor-block-mover .components-toolbar-group .block-editor-block-mover-button.is-down-button:before,.block-editor-block-mover .components-toolbar .block-editor-block-mover-button.is-down-button:before{top:0;height:calc(100% - 1px)}}.block-editor-block-mover.is-horizontal .block-editor-block-mover-button.has-icon{height:48px;width:24px;padding-left:0;padding-right:0}.block-editor-block-mover.is-horizontal .block-editor-block-mover-button.has-icon:before{top:1px;bottom:1px;min-width:0;width:auto;height:auto}.block-editor-block-mover.is-horizontal .block-editor-block-mover-button.is-up-button.has-icon svg{margin-left:0;margin-right:-8px;margin-bottom:0}.block-editor-block-mover.is-horizontal .block-editor-block-mover-button.is-up-button.has-icon:before{left:0!important;right:0!important}.block-editor-block-mover.is-horizontal .block-editor-block-mover-button.is-down-button.has-icon svg{margin-left:-8px;margin-right:0;margin-top:0}.block-editor-block-mover.is-horizontal .block-editor-block-mover-button.is-down-button.has-icon:before{left:0!important;right:0!important;width:calc(100% + 1px)}.block-editor-block-navigation__label{margin:0 0 12px;color:#757575;text-transform:uppercase;font-size:11px;font-weight:500}.block-editor-block-navigation__container{min-width:280px}.block-editor-block-navigation-tree{width:100%;border-collapse:collapse;padding:0;margin:0}.components-modal__content .block-editor-block-navigation-tree{margin:-12px -6px 0;width:calc(100% + 12px)}.block-editor-block-navigation-leaf{position:relative}.block-editor-block-navigation-leaf.is-selected .block-editor-block-navigation-block-contents{background:var(--wp-admin-theme-color);color:#fff}.block-editor-block-navigation-leaf.is-selected .block-editor-block-navigation-block-contents:focus{box-shadow:inset 0 0 0 1px #fff,0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}.block-editor-block-navigation-leaf.is-branch-selected.is-selected .block-editor-block-navigation-block-contents{border-radius:2px 2px 0 0}.block-editor-block-navigation-leaf.is-branch-selected:not(.is-selected) .block-editor-block-navigation-block-contents{background:linear-gradient(hsla(0,0%,100%,.9),hsla(0,0%,100%,.9)),linear-gradient(var(--wp-admin-theme-color),var(--wp-admin-theme-color));border-radius:0}.block-editor-block-navigation-leaf.is-branch-selected.is-last-of-selected-branch .block-editor-block-navigation-block-contents{border-radius:0 0 2px 2px}.block-editor-block-navigation-leaf.is-dragging{display:none}.block-editor-block-navigation-leaf .block-editor-block-navigation-block-contents{display:flex;align-items:center;width:100%;height:auto;padding:6px 12px;text-align:left;color:#1e1e1e;border-radius:2px;position:relative;white-space:nowrap}.block-editor-block-navigation-leaf .block-editor-block-navigation-block-contents:focus,.block-editor-block-navigation-leaf .block-editor-block-navigation-block-contents:hover{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}.block-editor-block-navigation-leaf .block-editor-block-navigation-block-contents:focus{z-index:1}.block-editor-block-navigation-leaf .block-editor-block-navigation-block-contents.is-dropping-before:before{content:"";position:absolute;pointer-events:none;transition:border-color .1s linear,border-style .1s linear,box-shadow .1s linear;top:-2px;right:0;left:0;border-top:4px solid var(--wp-admin-theme-color)}.block-editor-block-navigation-leaf .block-editor-block-navigation-block-contents.is-dropping-after:before{content:"";position:absolute;pointer-events:none;transition:border-color .1s linear,border-style .1s linear,box-shadow .1s linear;bottom:-2px;right:0;left:0;border-bottom:4px solid var(--wp-admin-theme-color)}.block-editor-block-navigation-leaf .block-editor-block-navigation-block-contents.is-dropping-to-inner-blocks:before{content:"";position:absolute;pointer-events:none;transition:border-color .1s linear,border-style .1s linear,box-shadow .1s linear;bottom:-2px;right:0;left:24px;border-bottom:4px solid var(--wp-admin-theme-color)}.components-modal__content .block-editor-block-navigation-leaf .block-editor-block-navigation-block-contents{padding-left:0;padding-right:0}.block-editor-block-navigation-leaf.is-visible .block-editor-block-navigation-block-contents{opacity:1;animation:edit-post__fade-in-animation .2s ease-out 0s;animation-fill-mode:forwards}@media (prefers-reduced-motion:reduce){.block-editor-block-navigation-leaf.is-visible .block-editor-block-navigation-block-contents{animation-duration:1ms;animation-delay:0s}}.block-editor-block-navigation-leaf .block-editor-block-icon{align-self:flex-start;margin-right:10px;width:20px}.block-editor-block-navigation-leaf .block-editor-block-navigation-block__contents-cell,.block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell,.block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell{padding-top:0;padding-bottom:0}.block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell,.block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell{line-height:0;width:36px;opacity:0;vertical-align:top}@media (prefers-reduced-motion:reduce){.block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell,.block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell{transition-duration:0s;transition-delay:0s}}.block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell.is-visible,.block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell:hover,.block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell.is-visible,.block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell:hover{position:relative;z-index:1;opacity:1;animation:edit-post__fade-in-animation .2s ease-out 0s;animation-fill-mode:forwards}@media (prefers-reduced-motion:reduce){.block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell.is-visible,.block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell:hover,.block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell.is-visible,.block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell:hover{animation-duration:1ms;animation-delay:0s}}.block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell,.block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell .components-button.has-icon,.block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell,.block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell .components-button.has-icon{width:24px;min-width:24px;padding:0}.block-editor-block-navigation-leaf .block-editor-block-navigation-block__menu-cell{padding-top:8px}.block-editor-block-navigation-leaf .block-editor-block-navigation-block__mover-cell-alignment-wrapper{display:flex;height:100%;flex-direction:column;align-items:center}.block-editor-block-navigation-leaf .block-editor-block-mover-button{position:relative;width:36px;height:24px}.block-editor-block-navigation-leaf .block-editor-block-mover-button svg{position:relative;height:24px}.block-editor-block-navigation-leaf .block-editor-block-mover-button.is-up-button{margin-top:-6px;align-items:flex-end}.block-editor-block-navigation-leaf .block-editor-block-mover-button.is-up-button svg{bottom:-4px}.block-editor-block-navigation-leaf .block-editor-block-mover-button.is-down-button{margin-bottom:-6px;align-items:flex-start}.block-editor-block-navigation-leaf .block-editor-block-mover-button.is-down-button svg{top:-4px}.block-editor-block-navigation-leaf .block-editor-block-mover-button:focus,.block-editor-block-navigation-leaf .block-editor-block-mover-button:focus:enabled{box-shadow:none;outline:none}.block-editor-block-navigation-leaf .block-editor-block-mover-button:focus:before{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color),inset 0 0 0 4px #fff;outline:2px solid transparent}.block-editor-block-navigation-leaf .block-editor-block-mover-button:before{content:"";position:absolute;display:block;border-radius:2px;height:16px;min-width:100%;left:0;right:0;animation:components-button__appear-animation .1s ease;animation-fill-mode:forwards}@media (prefers-reduced-motion:reduce){.block-editor-block-navigation-leaf .block-editor-block-mover-button:before{animation-duration:1ms;animation-delay:0s}}.block-editor-block-navigation-leaf .block-editor-inserter__toggle{background:#1e1e1e;color:#fff;height:24px;margin:6px 6px 6px 1px;min-width:24px}.block-editor-block-navigation-leaf .block-editor-inserter__toggle:active{color:#fff}.block-editor-block-navigation-leaf .block-editor-block-navigation-block-select-button__anchor{background:rgba(0,0,0,.1);border-radius:2px;display:inline-block;padding:2px 6px;margin:0 8px;max-width:120px;overflow:hidden;text-overflow:ellipsis}.block-editor-block-navigation-leaf.is-selected .block-editor-block-navigation-block-select-button__anchor{background:rgba(0,0,0,.3)}.block-editor-block-navigation-appender__description,.block-editor-block-navigation-block-select-button__description,.block-editor-block-navigation-block-slot__description{display:none}.block-editor-block-navigation-appender__cell .block-editor-block-navigation-appender__container,.block-editor-block-navigation-appender__cell .block-editor-block-navigation-block__contents-container,.block-editor-block-navigation-block__contents-cell .block-editor-block-navigation-appender__container,.block-editor-block-navigation-block__contents-cell .block-editor-block-navigation-block__contents-container{display:flex}.block-editor-block-navigation-leaf[aria-level] .block-editor-block-icon{margin-left:224px}.block-editor-block-navigation-leaf[aria-level="1"] .block-editor-block-icon{margin-left:0}.block-editor-block-navigation-leaf[aria-level="2"] .block-editor-block-icon{margin-left:28px}.block-editor-block-navigation-leaf[aria-level="3"] .block-editor-block-icon{margin-left:56px}.block-editor-block-navigation-leaf[aria-level="4"] .block-editor-block-icon{margin-left:84px}.block-editor-block-navigation-leaf[aria-level="5"] .block-editor-block-icon{margin-left:112px}.block-editor-block-navigation-leaf[aria-level="6"] .block-editor-block-icon{margin-left:140px}.block-editor-block-navigation-leaf[aria-level="7"] .block-editor-block-icon{margin-left:168px}.block-editor-block-navigation-leaf[aria-level="8"] .block-editor-block-icon{margin-left:196px}.block-editor-block-navigation-leaf[aria-level="9"] .block-editor-block-icon{margin-left:224px}.block-editor-block-parent-selector{background:#fff;border-radius:2px}.block-editor-block-parent-selector .block-editor-block-parent-selector__button{width:48px;height:48px;border:1px solid #1e1e1e;border-radius:2px}.block-editor-block-patterns-list__list-item{cursor:pointer;margin-top:16px}.block-editor-block-patterns-list__list-item.is-placeholder{min-height:100px}.block-editor-block-patterns-list__list-item[draggable=true] .block-editor-block-preview__container{cursor:grab}.block-editor-block-patterns-list__item{height:100%;border-radius:2px;transition:all .05s ease-in-out;position:relative;border:1px solid transparent}.block-editor-block-patterns-list__item:hover{border:1px solid var(--wp-admin-theme-color)}.block-editor-block-patterns-list__item:focus{box-shadow:inset 0 0 0 1px #fff,0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);outline:2px solid transparent}.block-editor-block-patterns-list__item-title{padding:4px;font-size:12px;text-align:center}.block-editor-block-preview__container{position:relative;width:100%;overflow:hidden}.block-editor-block-preview__container.editor-styles-wrapper{padding:0;margin:0}.block-editor-block-preview__container .block-editor-block-preview__content{position:absolute;top:0;left:0;transform-origin:top left;text-align:initial;margin:0;overflow:visible;min-height:auto}.block-editor-block-preview__container .block-editor-block-preview__content .block-editor-block-drop-zone,.block-editor-block-preview__container .block-editor-block-preview__content .block-editor-block-list__insertion-point,.block-editor-block-preview__container .block-editor-block-preview__content .block-list-appender,.block-editor-block-preview__container .block-editor-block-preview__content .reusable-block-indicator{display:none}.block-editor-block-preview__container .block-editor-block-preview__content .block-editor-block-list__layout.is-root-container{padding-left:0;padding-right:0}.block-editor-block-preview__container .block-editor-block-preview__content .block-editor-block-list__layout.is-root-container>.wp-block[data-align=full]{margin-left:0;margin-right:0}.block-editor-block-settings-menu__popover .components-dropdown-menu__menu{padding:0}.block-editor-block-styles{display:flex;flex-wrap:wrap;justify-content:space-between}.block-editor-block-styles__item{width:calc(50% - 4px);margin:4px 0;flex-shrink:0;cursor:pointer;overflow:hidden;border-radius:2px;padding:6px;display:flex;flex-direction:column}.block-editor-block-styles__item:focus{box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);outline:2px solid transparent}.block-editor-block-styles__item:hover .block-editor-block-styles__item-preview{border-color:var(--wp-admin-theme-color)}.block-editor-block-styles__item.is-active .block-editor-block-styles__item-label{font-weight:700}.block-editor-block-styles__item.is-active .block-editor-block-styles__item-preview{margin:0;border:2px solid #1e1e1e}.block-editor-block-styles__item .block-editor-block-preview__container{cursor:inherit}.block-editor-block-styles__item-preview{outline:1px solid transparent;padding:0;margin:2px;border-radius:2px;display:flex;overflow:hidden;background:#fff;align-items:center;flex-grow:1;min-height:80px;max-height:160px}.block-editor-block-switcher__styles__menugroup{position:relative}.block-editor-block-styles__item-label{text-align:center;padding:4px 0}.block-editor-block-switcher,.block-editor-block-switcher__no-switcher-icon,.block-editor-block-switcher__toggle{position:relative}.components-button.block-editor-block-switcher__no-switcher-icon,.components-button.block-editor-block-switcher__toggle{margin:0;display:block;height:48px}.components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-icon,.components-button.block-editor-block-switcher__toggle .block-editor-block-icon{margin:auto}.block-editor-block-switcher__toggle-text{margin-left:8px}.show-icon-labels .block-editor-block-switcher__toggle-text{display:none}.show-icon-labels .block-editor-block-toolbar .block-editor-block-switcher .components-button.has-icon:after{font-size:14px}.block-editor-block-switcher__popover{margin-left:6px}.components-button.block-editor-block-switcher__no-switcher-icon{width:48px}.components-button.block-editor-block-switcher__no-switcher-icon .block-editor-blocks-icon{margin-right:auto;margin-left:auto}.components-button.block-editor-block-switcher__no-switcher-icon:disabled{opacity:1}.components-button.block-editor-block-switcher__no-switcher-icon:disabled,.components-button.block-editor-block-switcher__no-switcher-icon:disabled .block-editor-block-icon.has-colors{color:#1e1e1e}.block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon .block-editor-block-icon,.block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__toggle.has-icon.has-icon .block-editor-block-icon,.block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon .block-editor-block-icon,.block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__toggle.has-icon.has-icon .block-editor-block-icon{height:100%;position:relative;margin:0 auto;display:flex;align-items:center;min-width:100%}.block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon:before,.block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__toggle.has-icon.has-icon:before,.block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon:before,.block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__toggle.has-icon.has-icon:before{top:8px;right:8px;bottom:8px;left:8px}.components-popover.block-editor-block-switcher__popover .components-popover__content{min-width:300px}.components-popover.block-editor-block-switcher__popover .components-popover__content>div{min-width:auto;display:flex;background:#fff;padding:0}.components-popover.block-editor-block-switcher__popover .components-popover__content>div .components-menu-group{margin:0}.block-editor-block-switcher__popover .components-popover__content .block-editor-block-styles{margin:0 -3px}.block-editor-block-switcher__popover .components-popover__content .components-panel__body{border:0;position:relative;z-index:1}.block-editor-block-switcher__popover .components-popover__content .components-panel__body+.components-panel__body{border-top:1px solid #e0e0e0}.block-editor-block-switcher__popover__preview__parent .block-editor-block-switcher__popover__preview__container{position:absolute;top:-12px;left:calc(100% + 32px)}.block-editor-block-switcher__preview__popover{display:none}.block-editor-block-switcher__preview__popover.components-popover{margin-left:4px;margin-top:11px}@media (min-width:782px){.block-editor-block-switcher__preview__popover{display:block}}.block-editor-block-switcher__preview__popover .components-popover__content{box-shadow:none;border:1px solid #1e1e1e;background:#fff;border-radius:2px}.block-editor-block-switcher__preview__popover .block-editor-block-switcher__preview{width:300px;height:auto;max-height:500px;padding:16px}.block-editor-block-switcher__preview-title{margin-bottom:12px;color:#757575;text-transform:uppercase;font-size:11px;font-weight:500}.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon{width:48px}.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon,.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle{height:48px}.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-icon,.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-switcher__transform,.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle .block-editor-block-icon,.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle .block-editor-block-switcher__transform{width:48px;height:48px}.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-switcher__transform,.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle .block-editor-block-switcher__transform{padding:12px}.block-editor-block-switcher__preview-patterns-container{padding-bottom:16px}.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item{margin-top:16px}.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-preview__container{cursor:pointer}.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item{height:100%;border-radius:2px;transition:all .05s ease-in-out;position:relative;border:1px solid transparent}.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item:focus,.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item:hover{box-shadow:inset 0 0 0 1px #fff,0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);outline:2px solid transparent}.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item:hover{box-shadow:inset 0 0 0 1px #fff,0 0 0 var(--wp-admin-border-width-focus) #1e1e1e}.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item .block-editor-block-switcher__preview-patterns-container-list__item-title{padding:4px;font-size:12px;text-align:center;cursor:pointer}.block-editor-block-types-list>[role=presentation]{padding:4px;margin-left:-4px;margin-right:-4px;overflow:hidden;display:flex;flex-wrap:wrap}.block-editor-block-variation-picker .components-placeholder__instructions{margin-bottom:0}.block-editor-block-variation-picker .components-placeholder__fieldset{flex-direction:column}.block-editor-block-variation-picker.has-many-variations .components-placeholder__fieldset{max-width:90%}.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations{display:flex;justify-content:flex-start;flex-direction:row;flex-wrap:wrap;width:100%;margin:16px 0;padding:0;list-style:none}.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations>li{list-style:none;margin:8px 20px 0 0;flex-shrink:1;width:75px;text-align:center}.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations>li button{display:inline-flex;margin-right:0}.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations .block-editor-block-variation-picker__variation{padding:8px}.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations .block-editor-block-variation-picker__variation-label{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:12px;display:block;line-height:1.4}.block-editor-block-variation-picker__variation{width:100%}.block-editor-block-variation-picker__variation.components-button.has-icon{justify-content:center;width:auto}.block-editor-block-variation-picker__variation.components-button.has-icon.is-secondary{background-color:#fff}.block-editor-block-variation-picker__variation.components-button{height:auto;padding:0}.block-editor-block-variation-picker__variation:before{content:"";padding-bottom:100%}.block-editor-block-variation-picker__variation:first-child{margin-left:0}.block-editor-block-variation-picker__variation:last-child{margin-right:0}.block-editor-block-pattern-setup{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:100%;border-radius:2px;box-shadow:inset 0 0 0 1px #1e1e1e;outline:1px solid transparent}.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__toolbar{justify-content:center}.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;padding:16px;max-height:550px;overflow:auto;margin:0 1px 1px;width:calc(100% - 2px);background:#fff}.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-preview__container,.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container div[role=button]{cursor:pointer}.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__item-title{padding:4px;font-size:12px;text-align:center}.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-preview__container{border-radius:2px;border:1px solid #ddd}.block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar{box-sizing:border-box;position:relative;padding:16px;width:100%;text-align:left;margin:0;color:#1e1e1e;border-radius:2px 2px 0 0;background-color:#fff;box-shadow:inset 0 0 0 1px #1e1e1e;outline:1px solid transparent;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__display-controls{display:flex}.block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__actions,.block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__navigation{width:calc(50% - 36px);display:flex}.block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__actions{justify-content:flex-end}.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container{display:flex;flex-direction:column;width:100%;box-sizing:border-box}.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container{overflow:hidden;position:relative;padding:0;margin:0;list-style:none;transform-style:preserve-3d}.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container *{box-sizing:border-box}.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide{opacity:0;position:absolute;top:0;width:100%;margin:auto;padding:16px;transition:transform .5s,opacity .5s,z-index .5s;z-index:100}.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide.active-slide{opacity:1;position:relative;z-index:102}.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide.previous-slide{transform:translateX(-100%);z-index:101}.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide.next-slide{transform:translateX(100%);z-index:101}.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .block-list-appender{display:none}.block-editor-block-variation-transforms{padding:0 16px 16px 56px;width:100%}.block-editor-block-variation-transforms .components-dropdown-menu__toggle{border:1px solid #757575;border-radius:2px;min-height:30px;width:100%;position:relative;text-align:left;justify-content:left;padding:6px 12px}.block-editor-block-variation-transforms .components-dropdown-menu__toggle.components-dropdown-menu__toggle{padding-right:24px}.block-editor-block-variation-transforms .components-dropdown-menu__toggle:focus:not(:disabled){border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 calc(var(--wp-admin-border-width-focus) - 1px) var(--wp-admin-theme-color)}.block-editor-block-variation-transforms .components-dropdown-menu__toggle svg{height:100%;padding:0;position:absolute;right:0;top:0}.block-editor-block-variation-transforms__popover .components-popover__content{min-width:230px}.components-border-style-control__select{margin-bottom:24px}.components-border-style-control__select button{width:100%}.components-border-style-control__select ul li,.components-border-style-control__select ul li:last-child{margin:6px}.block-editor-button-block-appender{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px;width:100%;height:auto;color:#1e1e1e;box-shadow:inset 0 0 0 1px #1e1e1e}.is-dark-theme .block-editor-button-block-appender{color:hsla(0,0%,100%,.65);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.65)}.block-editor-button-block-appender:hover{color:var(--wp-admin-theme-color);box-shadow:inset 0 0 0 1px var(--wp-admin-theme-color)}.block-editor-button-block-appender:focus{box-shadow:inset 0 0 0 2px var(--wp-admin-theme-color)}.block-editor-button-block-appender:active{color:#000}.block-editor-button-block-appender.block-list-appender__toggle{display:flex;flex-direction:row;box-shadow:none;height:24px;width:24px}.block-editor-button-block-appender.block-list-appender__toggle>svg{width:24px;background-color:#1e1e1e;color:#fff;border-radius:2px;flex:1 0 auto}.block-editor-color-gradient-control .block-editor-color-gradient-control__color-indicator{margin-bottom:12px}.block-editor-color-gradient-control .block-editor-color-gradient-control__button-tabs{display:block;margin-bottom:12px}.block-editor-panel-color-gradient-settings .component-color-indicator{vertical-align:text-bottom}.block-editor-panel-color-gradient-settings__panel-title .component-color-indicator{display:inline-block}.block-editor-panel-color-gradient-settings.is-opened .block-editor-panel-color-gradient-settings__panel-title .component-color-indicator{display:none}@media screen and (min-width:782px){.block-editor-panel-color-gradient-settings .components-circular-option-picker__swatches{margin-right:0}.block-editor-panel-color-gradient-settings .components-circular-option-picker__option-wrapper{margin-right:calc(20% - 33.6px)}.block-editor-panel-color-gradient-settings .components-circular-option-picker__option-wrapper:nth-child(6n+6){margin-right:0}}.block-editor-contrast-checker>.components-notice{margin:0}.block-editor-default-block-appender{clear:both;margin-left:auto;margin-right:auto;position:relative}.block-editor-default-block-appender[data-root-client-id=""] .block-editor-default-block-appender__content:hover{outline:1px solid transparent}.block-editor-default-block-appender .block-editor-default-block-appender__content{opacity:.62}.block-editor-default-block-appender .components-drop-zone__content-icon{display:none}.block-editor-block-list__empty-block-inserter.block-editor-block-list__empty-block-inserter,.block-editor-default-block-appender .block-editor-inserter{position:absolute;top:0;height:32px}.block-editor-block-list__empty-block-inserter.block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle,.block-editor-default-block-appender .block-editor-inserter .block-editor-inserter__toggle{margin-right:0}.block-editor-block-list__empty-block-inserter,.block-editor-default-block-appender .block-editor-inserter{right:8px}@media (min-width:600px){.block-editor-block-list__empty-block-inserter,.block-editor-default-block-appender .block-editor-inserter{display:flex;height:100%}}.block-editor-block-list__empty-block-inserter:disabled,.block-editor-default-block-appender .block-editor-inserter:disabled{display:none}.block-editor-duotone-control__popover .components-popover__content{border:1px solid #1e1e1e;min-width:214px}.block-editor-duotone-control__popover .components-circular-option-picker{padding:12px}.block-editor-duotone-control__popover .components-menu-group__label{padding:12px 12px 0;width:100%;box-sizing:border-box}.block-editor-duotone-control__popover>.components-popover__content{width:334px}.block-editor-duotone-control__popover:not([data-y-axis=middle][data-x-axis=right])>.components-popover__content{margin-left:-14px}.components-font-appearance-control__select{margin-bottom:24px}.components-font-appearance-control__select ul li{color:#1e1e1e;text-transform:capitalize}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.block-editor-link-control{position:relative;min-width:360px}.components-popover__content .block-editor-link-control{min-width:auto;width:90vw;max-width:360px}.block-editor-link-control__search-input-wrapper{position:relative}.block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type=text]{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;box-shadow:0 0 0 transparent;transition:box-shadow .1s linear;font-size:16px;line-height:normal;width:calc(100% - 32px);display:block;padding:11px 36px 11px 16px;margin:16px;position:relative;border:1px solid #ddd;border-radius:2px}@media (prefers-reduced-motion:reduce){.block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type=text]{transition-duration:0s;transition-delay:0s}}@media (min-width:600px){.block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type=text]{font-size:13px;line-height:normal}}.block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type=text]:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 1px var(--wp-admin-theme-color);outline:2px solid transparent}.block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type=text]::-webkit-input-placeholder{color:rgba(30,30,30,.62)}.block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type=text]::-moz-placeholder{opacity:1;color:rgba(30,30,30,.62)}.block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type=text]:-ms-input-placeholder{color:rgba(30,30,30,.62)}.block-editor-link-control .block-editor-link-control__search-input .components-base-control__field{margin-bottom:0}.block-editor-link-control__search-error{margin:-8px 16px 16px}.block-editor-link-control__search-actions{position:absolute;top:19px;right:19px}.components-button .block-editor-link-control__search-submit .has-icon{margin:-1px}.block-editor-link-control__search-results-wrapper{position:relative;margin-top:-15px}.block-editor-link-control__search-results-wrapper:after,.block-editor-link-control__search-results-wrapper:before{content:"";position:absolute;left:-1px;right:16px;display:block;pointer-events:none;z-index:100}.block-editor-link-control__search-results-wrapper:before{height:8px;top:0;bottom:auto}.block-editor-link-control__search-results-wrapper:after{height:16px;bottom:0;top:auto}.block-editor-link-control__search-results-label{padding:16px 32px 0;display:block;font-weight:600}.block-editor-link-control__search-results{margin:0;padding:8px 16px;max-height:200px;overflow-y:auto}.block-editor-link-control__search-results.is-loading{opacity:.2}.block-editor-link-control__search-item{position:relative;display:flex;align-items:center;font-size:13px;cursor:pointer;background:#fff;width:100%;border:none;text-align:left;padding:12px 16px;border-radius:5px;height:auto}.block-editor-link-control__search-item:focus,.block-editor-link-control__search-item:hover{background-color:#ddd}.block-editor-link-control__search-item:focus:not(:disabled){box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color) inset}.block-editor-link-control__search-item.is-selected{background:#f0f0f0}.block-editor-link-control__search-item.is-selected .block-editor-link-control__search-item-type{background:#fff}.block-editor-link-control__search-item.is-current{background:transparent;border:0;width:100%;cursor:default;padding:16px 16px 16px 24px}.block-editor-link-control__search-item .block-editor-link-control__search-item-header{display:block;margin-right:8px;overflow:hidden;white-space:nowrap}.block-editor-link-control__search-item .block-editor-link-control__search-item-icon{margin-right:1em;min-width:24px}.block-editor-link-control__search-item .block-editor-link-control__search-item-info,.block-editor-link-control__search-item .block-editor-link-control__search-item-title{overflow:hidden;text-overflow:ellipsis;padding-right:24px}.block-editor-link-control__search-item .block-editor-link-control__search-item-info .components-external-link__icon,.block-editor-link-control__search-item .block-editor-link-control__search-item-title .components-external-link__icon{position:absolute;right:0;margin-top:0}.block-editor-link-control__search-item .block-editor-link-control__search-item-title{display:block;margin-bottom:.2em;font-weight:500;position:relative}.block-editor-link-control__search-item .block-editor-link-control__search-item-title mark{font-weight:700;color:#000;background-color:transparent}.block-editor-link-control__search-item .block-editor-link-control__search-item-title span{font-weight:400}.block-editor-link-control__search-item .block-editor-link-control__search-item-info{display:block;color:#757575;font-size:.9em;line-height:1.3}.block-editor-link-control__search-item .block-editor-link-control__search-item-type{display:block;padding:3px 8px;margin-left:auto;font-size:.9em;background-color:#f0f0f0;border-radius:2px}.block-editor-link-control__loading{margin:16px;display:flex;align-items:center}.block-editor-link-control__loading .components-spinner{margin-top:0}.components-button+.block-editor-link-control__search-create{overflow:visible;padding:12px 16px}.components-button+.block-editor-link-control__search-create:before{content:"";position:absolute;top:-10px;left:0;display:block;width:100%}.block-editor-link-control__search-results div[role=menu]>.block-editor-link-control__search-item.block-editor-link-control__search-item{padding:10px}.block-editor-link-control__settings{border-top:1px solid #ddd;margin:0;padding:16px 24px}.block-editor-link-control__settings :last-child{margin-bottom:0}.is-alternate .block-editor-link-control__settings{border-top:1px solid #1e1e1e}.block-editor-link-control__setting{margin-bottom:16px}.block-editor-link-control__setting :last-child{margin-bottom:0}.block-editor-link-control .block-editor-link-control__search-input .components-spinner{display:block}.block-editor-link-control .block-editor-link-control__search-input .components-spinner.components-spinner{position:absolute;left:auto;bottom:auto;top:28px;right:62px}.block-editor-link-control__search-item-action{margin-left:auto;flex-shrink:0}.block-editor-line-height-control{margin-bottom:24px}.block-editor-line-height-control input{display:block;max-width:60px}.block-editor-image-size-control{margin-bottom:1em}.block-editor-image-size-control .block-editor-image-size-control__row{display:flex;justify-content:space-between}.block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__height,.block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__width{margin-bottom:.5em}.block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__height input,.block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__width input{line-height:1.25}.block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__width{margin-right:5px}.block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__height{margin-left:5px}.block-editor-block-list__layout.has-overlay:after{content:"";position:absolute;top:-14px;right:-14px;bottom:-14px;left:-14px;z-index:60}[data-align=full] .has-overlay:after{right:0;left:0}.block-editor-block-types-list__list-item{display:block;width:33.33%;padding:0;margin:0}.components-button.block-editor-block-types-list__item{display:flex;flex-direction:column;width:100%;font-size:13px;color:#1e1e1e;padding:8px;align-items:stretch;justify-content:center;cursor:pointer;background:transparent;word-break:break-word;border-radius:2px;border:1px solid transparent;transition:all .05s ease-in-out;position:relative;height:auto}@media (prefers-reduced-motion:reduce){.components-button.block-editor-block-types-list__item{transition-duration:0s;transition-delay:0s}}.components-button.block-editor-block-types-list__item:disabled{opacity:.6;cursor:default}.components-button.block-editor-block-types-list__item:not(:disabled):hover{border-color:var(--wp-admin-theme-color);color:var(--wp-admin-theme-color)!important}.components-button.block-editor-block-types-list__item:not(:disabled).is-active{color:#fff;background:#1e1e1e;outline:2px solid transparent;outline-offset:-2px}.block-editor-block-types-list__item-icon{padding:12px 20px;border-radius:2px;color:#1e1e1e;transition:all .05s ease-in-out}@media (prefers-reduced-motion:reduce){.block-editor-block-types-list__item-icon{transition-duration:0s;transition-delay:0s}}.block-editor-block-types-list__item-icon .block-editor-block-icon{margin-left:auto;margin-right:auto}.block-editor-block-types-list__item-icon svg{transition:all .15s ease-out}@media (prefers-reduced-motion:reduce){.block-editor-block-types-list__item-icon svg{transition-duration:0s;transition-delay:0s}}.block-editor-block-types-list__list-item[draggable=true] .block-editor-block-types-list__item-icon{cursor:grab}.block-editor-block-types-list__item-title{padding:4px 2px 8px;font-size:12px}.modal-open .block-editor-media-replace-flow__options{display:none}.block-editor-media-replace-flow__options .components-popover__content>div{padding-top:16px}.block-editor-media-replace-flow__indicator{margin-left:4px}.block-editor-media-flow__url-input{border-top:1px solid #1e1e1e;margin-top:12px;margin-right:-12px;margin-left:-12px;padding:12px 24px 0}.block-editor-media-flow__url-input .block-editor-media-replace-flow__image-url-label{top:16px}.block-editor-media-flow__url-input .block-editor-link-control{margin-top:-16px;width:auto}.block-editor-media-flow__url-input .block-editor-link-control .components-base-control .components-base-control__field{margin-bottom:0}.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-item-title{max-width:180px;margin-top:16px}.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-item.is-current{width:auto;padding:0}.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type=text]{margin:16px 0 0;width:100%}.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-actions{right:4px}.block-editor-media-flow__error{padding:0 20px 20px;max-width:255px}.block-editor-media-flow__error .components-with-notices-ui{max-width:255px}.block-editor-media-flow__error .components-with-notices-ui .components-notice__content{overflow:hidden;word-wrap:break-word}.block-editor-media-flow__error .components-with-notices-ui .components-notice__dismiss{position:absolute;right:10px}.block-editor-media-placeholder__url-input-container .block-editor-media-placeholder__button{margin-bottom:0}.block-editor-media-placeholder__url-input-form{display:flex}.block-editor-media-placeholder__url-input-form input[type=url].block-editor-media-placeholder__url-input-field{width:100%;flex-grow:1;border:none;border-radius:0;margin:2px}@media (min-width:600px){.block-editor-media-placeholder__url-input-form input[type=url].block-editor-media-placeholder__url-input-field{width:300px}}.block-editor-media-placeholder__url-input-submit-button{flex-shrink:1}.block-editor-media-placeholder__button{margin-bottom:.5rem}.block-editor-media-placeholder__cancel-button.is-link{margin:1em;display:block}.block-editor-media-placeholder.is-appender{min-height:0}.block-editor-media-placeholder.is-appender:hover{cursor:pointer;box-shadow:0 0 0 1px var(--wp-admin-theme-color)}.block-editor-multi-selection-inspector__card{display:flex;align-items:flex-start;padding:16px}.block-editor-multi-selection-inspector__card-content{flex-grow:1}.block-editor-multi-selection-inspector__card-title{font-weight:500;margin-bottom:5px}.block-editor-multi-selection-inspector__card-description{font-size:13px}.block-editor-multi-selection-inspector__card .block-editor-block-icon{margin-left:-2px;margin-right:10px;padding:0 3px;width:36px;height:24px}.block-editor-plain-text{box-shadow:none;font-family:inherit;font-size:inherit;color:inherit;line-height:inherit;border:none;padding:0;margin:0;width:100%}.block-editor-responsive-block-control{margin-bottom:28px;border-bottom:1px solid #ccc;padding-bottom:14px}.block-editor-responsive-block-control:last-child{padding-bottom:0;border-bottom:0}.block-editor-responsive-block-control__title{margin:0 0 .6em -3px}.block-editor-responsive-block-control__label{font-weight:600;margin-bottom:.6em;margin-left:-3px}.block-editor-responsive-block-control__inner{margin-left:-1px}.block-editor-responsive-block-control__toggle{margin-left:1px}.block-editor-responsive-block-control .components-base-control__help{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.block-editor-rich-text__editable>p:first-child{margin-top:0}.block-editor-rich-text__editable [data-rich-text-placeholder]{pointer-events:none}.block-editor-rich-text__editable [data-rich-text-placeholder]:after{content:attr(data-rich-text-placeholder);opacity:.62}.block-editor-rich-text__editable:focus{outline:none}.block-editor-rich-text__editable:focus [data-rich-text-format-boundary]{border-radius:2px}figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]:before{opacity:.8}.components-popover.block-editor-rich-text__inline-format-toolbar{z-index:99998}.components-popover.block-editor-rich-text__inline-format-toolbar .components-popover__content{width:auto;min-width:auto;margin-bottom:8px;box-shadow:none;border:1px solid #1e1e1e;border-radius:2px;background-color:#fff}.components-popover.block-editor-rich-text__inline-format-toolbar .components-toolbar,.components-popover.block-editor-rich-text__inline-format-toolbar .components-toolbar-group{border:none}.components-popover.block-editor-rich-text__inline-format-toolbar .components-dropdown-menu__toggle,.components-popover.block-editor-rich-text__inline-format-toolbar .components-toolbar__control{min-width:48px;min-height:48px;padding-left:12px;padding-right:12px}.block-editor-rich-text__inline-format-toolbar-group .components-dropdown-menu__toggle{justify-content:center}.show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button.has-icon{width:auto}.show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button.has-icon svg{display:none}.show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button.has-icon:after{content:attr(aria-label)}[data-rich-text-script]{display:inline}[data-rich-text-script]:before{content:"";background:#ff0}.block-editor-skip-to-selected-block{position:absolute;top:-9999em}.block-editor-skip-to-selected-block:focus{height:auto;width:auto;display:block;font-size:14px;font-weight:600;padding:15px 23px 14px;background:#f1f1f1;color:var(--wp-admin-theme-color);line-height:normal;box-shadow:0 0 2px 2px rgba(0,0,0,.6);text-decoration:none;outline:none;z-index:100000}.block-editor-text-decoration-and-transform{display:flex}.block-editor-text-transform-control{flex:0 0 50%}.block-editor-text-transform-control legend{margin-bottom:8px}.block-editor-text-transform-control .block-editor-text-transform-control__buttons{display:inline-flex;margin-bottom:24px}.block-editor-text-transform-control .block-editor-text-transform-control__buttons .components-button.has-icon{min-width:24px;padding:0;margin-right:4px}.block-editor-text-decoration-control{flex:0 0 50%}.block-editor-text-decoration-control legend{margin-bottom:8px}.block-editor-text-decoration-control .block-editor-text-decoration-control__buttons{display:inline-flex;margin-bottom:24px}.block-editor-text-decoration-control .block-editor-text-decoration-control__buttons .components-button.has-icon{min-width:24px;padding:0;margin-right:4px}.block-editor-tool-selector__help{margin:8px -12px -12px;padding:12px 20px;border-top:1px solid #ddd;color:#757575;min-width:280px}.block-editor-block-list__block .block-editor-url-input,.block-editor-url-input,.components-popover .block-editor-url-input{flex-grow:1;position:relative;padding:1px}.block-editor-block-list__block .block-editor-url-input input[type=text],.block-editor-url-input input[type=text],.components-popover .block-editor-url-input input[type=text]{width:100%;padding:8px 8px 8px 12px;border:none;border-radius:0;margin-left:0;margin-right:0;font-size:16px}@media (min-width:600px){.block-editor-block-list__block .block-editor-url-input input[type=text],.block-editor-url-input input[type=text],.components-popover .block-editor-url-input input[type=text]{width:300px;font-size:13px}}.block-editor-block-list__block .block-editor-url-input input[type=text]::-ms-clear,.block-editor-url-input input[type=text]::-ms-clear,.components-popover .block-editor-url-input input[type=text]::-ms-clear{display:none}.block-editor-block-list__block .block-editor-url-input.is-full-width,.block-editor-block-list__block .block-editor-url-input.is-full-width .block-editor-url-input__input[type=text],.block-editor-block-list__block .block-editor-url-input.is-full-width__suggestions,.block-editor-url-input.is-full-width,.block-editor-url-input.is-full-width .block-editor-url-input__input[type=text],.block-editor-url-input.is-full-width__suggestions,.components-popover .block-editor-url-input.is-full-width,.components-popover .block-editor-url-input.is-full-width .block-editor-url-input__input[type=text],.components-popover .block-editor-url-input.is-full-width__suggestions{width:100%}.block-editor-block-list__block .block-editor-url-input .components-spinner,.block-editor-url-input .components-spinner,.components-popover .block-editor-url-input .components-spinner{position:absolute;right:8px 8px 8px 12px;bottom:8px 8px 8px 12px8px1;margin:0}.block-editor-url-input__input[type=text]{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;padding:6px 8px;box-shadow:0 0 0 transparent;transition:box-shadow .1s linear;border-radius:2px;border:1px solid #757575;font-size:16px;line-height:normal}@media (prefers-reduced-motion:reduce){.block-editor-url-input__input[type=text]{transition-duration:0s;transition-delay:0s}}@media (min-width:600px){.block-editor-url-input__input[type=text]{font-size:13px;line-height:normal}}.block-editor-url-input__input[type=text]:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 1px var(--wp-admin-theme-color);outline:2px solid transparent}.block-editor-url-input__input[type=text]::-webkit-input-placeholder{color:rgba(30,30,30,.62)}.block-editor-url-input__input[type=text]::-moz-placeholder{opacity:1;color:rgba(30,30,30,.62)}.block-editor-url-input__input[type=text]:-ms-input-placeholder{color:rgba(30,30,30,.62)}.block-editor-url-input__suggestions{max-height:200px;transition:all .15s ease-in-out;padding:4px 0;width:302px;overflow-y:auto}@media (prefers-reduced-motion:reduce){.block-editor-url-input__suggestions{transition-duration:0s;transition-delay:0s}}.block-editor-url-input .components-spinner,.block-editor-url-input__suggestions{display:none}@media (min-width:600px){.block-editor-url-input .components-spinner,.block-editor-url-input__suggestions{display:inherit}}.block-editor-url-input__suggestion{padding:4px 8px 8px;color:#757575;display:block;font-size:13px;cursor:pointer;background:#fff;width:100%;border:none;text-align:left;box-shadow:none}.block-editor-url-input__suggestion:hover{background:#ddd}.block-editor-url-input__suggestion.is-selected,.block-editor-url-input__suggestion:focus{background:var(--wp-admin-theme-color-darker-20);color:#fff;outline:none}.components-toolbar-group>.block-editor-url-input__button,.components-toolbar>.block-editor-url-input__button{position:inherit}.block-editor-url-input__button .block-editor-url-input__back{margin-right:4px;overflow:visible}.block-editor-url-input__button .block-editor-url-input__back:after{content:"";position:absolute;display:block;width:1px;height:24px;right:-1px;background:#ddd}.block-editor-url-input__button-modal{box-shadow:0 2px 6px rgba(0,0,0,.05);border:1px solid #ddd;background:#fff}.block-editor-url-input__button-modal-line{display:flex;flex-direction:row;flex-grow:1;flex-shrink:1;min-width:0;align-items:flex-start}.block-editor-url-input__button-modal-line .components-button{flex-shrink:0;width:36px;height:36px}.block-editor-url-popover__additional-controls{border-top:1px solid #ddd}.block-editor-url-popover__additional-controls>div[role=menu] .components-button:not(:disabled):not([aria-disabled=true]):not(.is-secondary)>svg{box-shadow:none}.block-editor-url-popover__additional-controls div[role=menu]>.components-button{padding-left:12px}.block-editor-url-popover__row{display:flex}.block-editor-url-popover__row>:not(.block-editor-url-popover__settings-toggle){flex-grow:1}.block-editor-url-popover .components-button.has-icon{padding:3px}.block-editor-url-popover .components-button.has-icon>svg{padding:5px;border-radius:2px;height:30px;width:30px}.block-editor-url-popover .components-button.has-icon:not(:disabled):focus{box-shadow:none}.block-editor-url-popover .components-button.has-icon:not(:disabled):focus>svg{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color),inset 0 0 0 4px #fff;outline:2px solid transparent}.block-editor-url-popover__settings-toggle{flex-shrink:0;border-radius:0;border-left:1px solid #ddd;margin-left:1px}.block-editor-url-popover__settings-toggle[aria-expanded=true] .dashicon{transform:rotate(180deg)}.block-editor-url-popover__input-container .components-base-control:last-child,.block-editor-url-popover__input-container .components-base-control:last-child .components-base-control__field{margin-bottom:0}.block-editor-url-popover__settings{display:block;padding:16px;border-top:1px solid #ddd}.block-editor-url-popover__link-editor,.block-editor-url-popover__link-viewer{display:flex}.block-editor-url-popover__link-editor .block-editor-url-input .components-base-control__field,.block-editor-url-popover__link-viewer .block-editor-url-input .components-base-control__field{margin-bottom:0}.block-editor-url-popover__link-editor .block-editor-url-input .components-spinner,.block-editor-url-popover__link-viewer .block-editor-url-input .components-spinner{bottom:8px 8px 8px 12px1}.block-editor-url-popover__link-viewer-url{margin:7px;flex-grow:1;flex-shrink:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:150px;max-width:500px}.block-editor-url-popover__link-viewer-url.has-invalid-link{color:#cc1818}.block-editor-warning{align-items:center;display:flex;flex-wrap:wrap;padding:1em;border:1px solid #1e1e1e;border-radius:2px;background-color:#fff}.block-editor-warning,.block-editor-warning .block-editor-warning__message{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.block-editor-warning .block-editor-warning__message{line-height:1.4;font-size:13px;color:#1e1e1e;margin:0}.block-editor-warning p.block-editor-warning__message.block-editor-warning__message{min-height:auto}.block-editor-warning .block-editor-warning__contents{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;align-items:baseline;width:100%}.block-editor-warning .block-editor-warning__actions{display:flex;margin-top:1em}.block-editor-warning .block-editor-warning__action{margin:0 8px 0 0}.block-editor-warning__secondary{margin:auto 0 auto 8px}.components-popover.block-editor-warning__dropdown{z-index:99998}.html-anchor-control .components-external-link{display:block;margin-top:8px}.block-editor-hooks__layout-controls{display:flex;margin-bottom:16px}.block-editor-hooks__layout-controls .block-editor-hooks__layout-controls-unit{display:flex;margin-right:24px}.block-editor-hooks__layout-controls .block-editor-hooks__layout-controls-unit svg{margin:auto 0 4px 8px}.block-editor-hooks__layout-controls-reset{display:flex;justify-content:flex-end;margin-bottom:24px}.block-editor-hooks__layout-controls-helptext{font-size:12px}#end-resizable-editor-section{display:none}.block-editor-block-toolbar{display:flex;flex-grow:1;width:100%;overflow:auto;position:relative;transition:border-color .1s linear,box-shadow .1s linear}@media (prefers-reduced-motion:reduce){.block-editor-block-toolbar{transition-duration:0s;transition-delay:0s}}@media (min-width:600px){.block-editor-block-toolbar{overflow:inherit}}.block-editor-block-toolbar .components-toolbar,.block-editor-block-toolbar .components-toolbar-group{background:none;line-height:0;margin-top:-1px;margin-bottom:-1px;border:0;border-right:1px solid #ddd}.block-editor-block-toolbar>:last-child,.block-editor-block-toolbar>:last-child .components-toolbar,.block-editor-block-toolbar>:last-child .components-toolbar-group{border-right:none}.block-editor-block-contextual-toolbar.has-parent:not(.is-fixed){margin-left:56px}.show-icon-labels .block-editor-block-contextual-toolbar.has-parent:not(.is-fixed){margin-left:0}.block-editor-block-parent-selector{position:absolute;top:-1px;left:-57px}.show-icon-labels .block-editor-block-parent-selector{position:relative;left:auto;top:auto;margin-top:-1px;margin-left:-1px;margin-bottom:-1px}.block-editor-block-toolbar__block-controls{height:auto!important;padding:0!important;margin-left:-1px}.block-editor-block-toolbar__block-controls .block-editor-block-switcher .components-dropdown-menu__toggle .block-editor-block-icon,.block-editor-block-toolbar__block-controls .block-editor-block-switcher__no-switcher-icon .block-editor-block-icon{width:24px!important;margin:0!important}.block-editor-block-toolbar__block-controls .block-editor-block-switcher .components-dropdown-menu__toggle:focus:before,.block-editor-block-toolbar__block-controls .block-editor-block-switcher__no-switcher-icon:focus:before{right:4px!important}.block-editor-block-toolbar__block-controls .block-editor-block-mover{margin-left:-6px}.block-editor-block-toolbar .components-toolbar,.block-editor-block-toolbar .components-toolbar-group,.block-editor-rich-text__inline-format-toolbar-group .components-toolbar,.block-editor-rich-text__inline-format-toolbar-group .components-toolbar-group{display:flex;flex-wrap:nowrap}.block-editor-block-toolbar__slot{display:inline-block;line-height:0}@supports (position:sticky){.block-editor-block-toolbar__slot{display:inline-flex}}.show-icon-labels .block-editor-block-toolbar .components-button.has-icon{width:auto}.show-icon-labels .block-editor-block-toolbar .components-button.has-icon svg{display:none}.show-icon-labels .block-editor-block-toolbar .components-button.has-icon:after{content:attr(aria-label);font-size:12px}.show-icon-labels .components-accessible-toolbar .components-toolbar-group>div:first-child:last-child>.components-button.has-icon{padding-left:6px;padding-right:6px}.show-icon-labels .block-editor-block-switcher{border-right:1px solid #1e1e1e}.show-icon-labels .block-editor-block-switcher .components-dropdown-menu__toggle{margin-left:0}.show-icon-labels .block-editor-block-switcher .components-dropdown-menu__toggle .block-editor-block-icon,.show-icon-labels .block-editor-block-switcher__no-switcher-icon .block-editor-block-icon{width:0!important;height:0!important}.show-icon-labels .block-editor-block-switcher .components-dropdown-menu__toggle:focus:before,.show-icon-labels .block-editor-block-switcher__no-switcher-icon:focus:before{right:4px!important}.show-icon-labels .block-editor-block-parent-selector__button .block-editor-block-icon{width:0}.show-icon-labels .block-editor-block-toolbar__block-controls .block-editor-block-mover{margin-left:0;white-space:nowrap}.show-icon-labels .block-editor-block-mover-button{padding-left:8px!important;padding-right:8px!important}.show-icon-labels .block-editor-block-mover__drag-handle.has-icon{padding-left:6px!important;padding-right:6px!important;border-right:1px solid #1e1e1e}@media (min-width:600px){.show-icon-labels .is-up-button.is-up-button.is-up-button{border-bottom:1px solid #1e1e1e;margin-right:0;border-radius:0}}.show-icon-labels .block-editor-block-contextual-toolbar .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.block-editor-block-mover-button{width:auto}.show-icon-labels .components-toolbar,.show-icon-labels .components-toolbar-group{flex-shrink:1}.show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button+.components-button{margin-left:6px}.block-editor-inserter{display:inline-block;background:none;border:none;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;line-height:0}@media (min-width:782px){.block-editor-inserter{position:relative}}.block-editor-inserter__popover.is-quick .components-popover__content{border:none}.block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter>*{border-left:1px solid #ccc;border-right:1px solid #ccc}.block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter>:first-child{border-top:1px solid #ccc}.block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter>:last-child{border-bottom:1px solid #ccc}.block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter>.components-button{border:1px solid #1e1e1e}.block-editor-inserter__popover .block-editor-inserter__menu{margin:-12px}.block-editor-inserter__popover .block-editor-inserter__menu .block-editor-inserter__tabs .components-tab-panel__tabs{top:60px}.block-editor-inserter__popover .block-editor-inserter__menu .block-editor-inserter__main-area{overflow:visible;height:auto}.block-editor-inserter__popover .block-editor-inserter__menu .block-editor-inserter__preview-container{display:none}.block-editor-inserter__toggle.components-button{display:inline-flex;align-items:center;cursor:pointer;border:none;outline:none;padding:0;transition:color .2s ease}@media (prefers-reduced-motion:reduce){.block-editor-inserter__toggle.components-button{transition-duration:0s;transition-delay:0s}}.block-editor-inserter__menu{height:100%;position:relative;overflow:visible}.block-editor-inserter__main-area{width:auto;overflow-y:auto;height:100%}@media (min-width:782px){.block-editor-inserter__main-area{width:350px}}.block-editor-inserter__inline-elements{margin-top:-1px}.block-editor-inserter__menu.is-bottom:after{border-bottom-color:#fff}.components-popover.block-editor-inserter__popover{z-index:99999}.block-editor-inserter__search{padding:16px;position:sticky;top:0;background:#fff;z-index:1}.block-editor-inserter__search input[type=search].block-editor-inserter__search-input{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;box-shadow:0 0 0 transparent;transition:box-shadow .1s linear;border-radius:2px;line-height:normal;display:block;padding:16px 48px 16px 16px;background:#f0f0f0;border:none;width:100%;height:48px;font-size:16px}@media (prefers-reduced-motion:reduce){.block-editor-inserter__search input[type=search].block-editor-inserter__search-input{transition-duration:0s;transition-delay:0s}}@media (min-width:600px){.block-editor-inserter__search input[type=search].block-editor-inserter__search-input{font-size:13px;line-height:normal}}.block-editor-inserter__search input[type=search].block-editor-inserter__search-input:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 1px var(--wp-admin-theme-color);outline:2px solid transparent}.block-editor-inserter__search input[type=search].block-editor-inserter__search-input::-webkit-input-placeholder{color:rgba(30,30,30,.62)}.block-editor-inserter__search input[type=search].block-editor-inserter__search-input::-moz-placeholder{opacity:1;color:rgba(30,30,30,.62)}.block-editor-inserter__search input[type=search].block-editor-inserter__search-input:-ms-input-placeholder{color:rgba(30,30,30,.62)}@media (min-width:600px){.block-editor-inserter__search input[type=search].block-editor-inserter__search-input{font-size:13px}}.block-editor-inserter__search input[type=search].block-editor-inserter__search-input:focus{background:#fff;box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}.block-editor-inserter__search input[type=search].block-editor-inserter__search-input::placeholder{color:#757575}.block-editor-inserter__search input[type=search].block-editor-inserter__search-input::-webkit-search-cancel-button,.block-editor-inserter__search input[type=search].block-editor-inserter__search-input::-webkit-search-decoration,.block-editor-inserter__search input[type=search].block-editor-inserter__search-input::-webkit-search-results-button,.block-editor-inserter__search input[type=search].block-editor-inserter__search-input::-webkit-search-results-decoration{-webkit-appearance:none}.block-editor-inserter__search-icon{position:absolute;top:0;right:20px;bottom:0;display:flex;align-items:center}.block-editor-inserter__search-icon>svg{margin:8px}.block-editor-inserter__tabs{display:flex;flex-direction:column;margin-top:-8px}.block-editor-inserter__tabs .components-tab-panel__tabs{position:sticky;top:72px;background:#fff;z-index:1;border-bottom:1px solid #ddd}.block-editor-inserter__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item{flex-grow:1;margin-bottom:-1px}.block-editor-inserter__tabs .components-tab-panel__tab-content{display:flex;flex-grow:1;flex-direction:column;position:relative;z-index:0}.block-editor-inserter__panel-header{display:inline-flex;align-items:center;padding:16px 16px 0}.block-editor-inserter__panel-header-patterns{padding:16px 16px 0}.block-editor-inserter__panel-content{padding:16px}.block-editor-inserter__panel-title,.block-editor-inserter__panel-title button{margin:0 12px 0 0;color:#757575;text-transform:uppercase;font-size:11px;font-weight:500}.block-editor-inserter__panel-dropdown select.components-select-control__input.components-select-control__input.components-select-control__input{line-height:1.2}.block-editor-inserter__panel-dropdown select{border:none}.block-editor-inserter__block-list{flex-grow:1;position:relative}.block-editor-inserter__popover .block-editor-block-types-list{margin:-8px}.block-editor-inserter__reusable-blocks-panel{position:relative;text-align:right}.block-editor-inserter__manage-reusable-blocks{display:inline-block;margin:16px}.block-editor-inserter__no-results{padding:32px;margin-top:64px;text-align:center}.block-editor-inserter__no-results-icon{fill:#949494}.block-editor-inserter__child-blocks{padding:0 16px}.block-editor-inserter__parent-block-header{display:flex;align-items:center}.block-editor-inserter__parent-block-header h2{font-size:13px}.block-editor-inserter__parent-block-header .block-editor-block-icon{margin-right:8px}.block-editor-inserter__preview-container{display:none;width:300px;background:#fff;border-radius:2px;border:1px solid #ddd;position:absolute;top:16px;left:calc(100% + 16px);max-height:calc(100% - 32px);overflow-y:hidden}@media (min-width:782px){.block-editor-inserter__preview-container{display:block}}.block-editor-inserter__preview-container .block-editor-block-card{padding:16px}.block-editor-inserter__preview-container .block-editor-block-card__title{font-size:13px}.block-editor-inserter__preview-content{min-height:144px;background:#f0f0f0;display:grid;flex-grow:1;align-items:center}.block-editor-inserter__preview-content-missing{flex:1;display:flex;justify-content:center;align-items:center;min-height:144px;color:#757575;background:#f0f0f0}.block-editor-inserter__tips{border-top:1px solid #ddd;padding:16px;flex-shrink:0;position:relative}.block-editor-inserter__manage-reusable-blocks-container{padding:16px}.block-editor-inserter__quick-inserter{width:100%;max-width:100%}@media (min-width:782px){.block-editor-inserter__quick-inserter{width:350px}}.block-editor-inserter__quick-inserter-results .block-editor-inserter__panel-header{height:0;padding:0;float:left}.block-editor-inserter__quick-inserter.has-expand .block-editor-inserter__panel-content,.block-editor-inserter__quick-inserter.has-search .block-editor-inserter__panel-content{padding:16px}.block-editor-inserter__quick-inserter-patterns .block-editor-block-patterns-list{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px}.block-editor-inserter__quick-inserter-separator{border-top:1px solid #ddd}.block-editor-inserter__popover.is-quick>.components-popover__content>div{padding:0}.block-editor-inserter__quick-inserter-expand.components-button{display:block;background:#1e1e1e;color:#fff;width:100%;height:44px;border-radius:0}.block-editor-inserter__quick-inserter-expand.components-button:hover{color:#fff}.block-editor-inserter__quick-inserter-expand.components-button:active{color:#ccc}.block-editor-inserter__quick-inserter-expand.components-button:focus:not(:disabled){box-shadow:inset 0 0 0 1.5px var(--wp-admin-theme-color),inset 0 0 0 3px #fff}.block-editor-post-preview__dropdown{padding:0}.block-editor-post-preview__button-resize.block-editor-post-preview__button-resize{padding-left:40px}.block-editor-post-preview__button-resize.block-editor-post-preview__button-resize.has-icon{padding-left:8px}.block-editor-post-preview__dropdown-content .components-popover__content{overflow-y:visible}.block-editor-post-preview__dropdown-content.edit-post-post-preview-dropdown .components-menu-group:first-child{padding-bottom:8px}.block-editor-post-preview__dropdown-content.edit-post-post-preview-dropdown .components-menu-group:last-child{margin-bottom:0}.block-editor-post-preview__dropdown-content .components-menu-group+.components-menu-group{padding:8px}@media (min-width:600px){.edit-post-header__settings .editor-post-preview,.edit-site-header__actions .editor-post-preview{display:none}}@media (min-width:600px){.edit-post-header.has-reduced-ui .edit-post-header__settings .block-editor-post-preview__button-toggle,.edit-post-header.has-reduced-ui .edit-post-header__settings .editor-post-save-draft,.edit-post-header.has-reduced-ui .edit-post-header__settings .editor-post-saved-state{transition:opacity .1s linear}}@media (min-width:600px) and (prefers-reduced-motion:reduce){.edit-post-header.has-reduced-ui .edit-post-header__settings .block-editor-post-preview__button-toggle,.edit-post-header.has-reduced-ui .edit-post-header__settings .editor-post-save-draft,.edit-post-header.has-reduced-ui .edit-post-header__settings .editor-post-saved-state{transition-duration:0s;transition-delay:0s}}@media (min-width:600px){.edit-post-header.has-reduced-ui:not(:hover) .edit-post-header__settings .block-editor-post-preview__button-toggle,.edit-post-header.has-reduced-ui:not(:hover) .edit-post-header__settings .editor-post-save-draft,.edit-post-header.has-reduced-ui:not(:hover) .edit-post-header__settings .editor-post-saved-state{opacity:0}.edit-post-header.has-reduced-ui:not(:hover) .edit-post-header__settings .block-editor-post-preview__button-toggle.is-opened{opacity:1}}body.admin-color-light{--wp-admin-theme-color:#0085ba;--wp-admin-theme-color-darker-10:#0073a1;--wp-admin-theme-color-darker-20:#006187;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-light{--wp-admin-border-width-focus:1.5px}}body.admin-color-modern{--wp-admin-theme-color:#3858e9;--wp-admin-theme-color-darker-10:#2145e6;--wp-admin-theme-color-darker-20:#183ad6;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-modern{--wp-admin-border-width-focus:1.5px}}body.admin-color-blue{--wp-admin-theme-color:#096484;--wp-admin-theme-color-darker-10:#07526c;--wp-admin-theme-color-darker-20:#064054;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-blue{--wp-admin-border-width-focus:1.5px}}body.admin-color-coffee{--wp-admin-theme-color:#46403c;--wp-admin-theme-color-darker-10:#383330;--wp-admin-theme-color-darker-20:#2b2724;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-coffee{--wp-admin-border-width-focus:1.5px}}body.admin-color-ectoplasm{--wp-admin-theme-color:#523f6d;--wp-admin-theme-color-darker-10:#46365d;--wp-admin-theme-color-darker-20:#3a2c4d;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-ectoplasm{--wp-admin-border-width-focus:1.5px}}body.admin-color-midnight{--wp-admin-theme-color:#e14d43;--wp-admin-theme-color-darker-10:#dd382d;--wp-admin-theme-color-darker-20:#d02c21;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-midnight{--wp-admin-border-width-focus:1.5px}}body.admin-color-ocean{--wp-admin-theme-color:#627c83;--wp-admin-theme-color-darker-10:#576e74;--wp-admin-theme-color-darker-20:#4c6066;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-ocean{--wp-admin-border-width-focus:1.5px}}body.admin-color-sunrise{--wp-admin-theme-color:#dd823b;--wp-admin-theme-color-darker-10:#d97426;--wp-admin-theme-color-darker-20:#c36922;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-sunrise{--wp-admin-border-width-focus:1.5px}} \ No newline at end of file diff --git a/wp-includes/css/dist/block-library/common-rtl.css b/wp-includes/css/dist/block-library/common-rtl.css new file mode 100644 index 0000000000..a675879818 --- /dev/null +++ b/wp-includes/css/dist/block-library/common-rtl.css @@ -0,0 +1,314 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles for JavaScript UI based pages. + * This is a WP-admin agnostic reset + */ +/** + * Reset the WP Admin page styles for Gutenberg-like pages. + */ +:root { + --wp-admin-theme-color: #007cba; + --wp-admin-theme-color-darker-10: #006ba1; + --wp-admin-theme-color-darker-20: #005a87; + --wp-admin-border-width-focus: 2px; +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + :root { + --wp-admin-border-width-focus: 1.5px; + } +} + +:root { + /* stylelint-disable function-comma-space-after */ + /* stylelint-enable function-comma-space-after */ +} +:root .has-pale-pink-background-color { + background-color: #f78da7; +} +:root .has-vivid-red-background-color { + background-color: #cf2e2e; +} +:root .has-luminous-vivid-orange-background-color { + background-color: #ff6900; +} +:root .has-luminous-vivid-amber-background-color { + background-color: #fcb900; +} +:root .has-light-green-cyan-background-color { + background-color: #7bdcb5; +} +:root .has-vivid-green-cyan-background-color { + background-color: #00d084; +} +:root .has-pale-cyan-blue-background-color { + background-color: #8ed1fc; +} +:root .has-vivid-cyan-blue-background-color { + background-color: #0693e3; +} +:root .has-vivid-purple-background-color { + background-color: #9b51e0; +} +:root .has-white-background-color { + background-color: #fff; +} +:root .has-very-light-gray-background-color { + background-color: #eee; +} +:root .has-cyan-bluish-gray-background-color { + background-color: #abb8c3; +} +:root .has-very-dark-gray-background-color { + background-color: #313131; +} +:root .has-black-background-color { + background-color: #000; +} +:root .has-pale-pink-color { + color: #f78da7; +} +:root .has-vivid-red-color { + color: #cf2e2e; +} +:root .has-luminous-vivid-orange-color { + color: #ff6900; +} +:root .has-luminous-vivid-amber-color { + color: #fcb900; +} +:root .has-light-green-cyan-color { + color: #7bdcb5; +} +:root .has-vivid-green-cyan-color { + color: #00d084; +} +:root .has-pale-cyan-blue-color { + color: #8ed1fc; +} +:root .has-vivid-cyan-blue-color { + color: #0693e3; +} +:root .has-vivid-purple-color { + color: #9b51e0; +} +:root .has-white-color { + color: #fff; +} +:root .has-very-light-gray-color { + color: #eee; +} +:root .has-cyan-bluish-gray-color { + color: #abb8c3; +} +:root .has-very-dark-gray-color { + color: #313131; +} +:root .has-black-color { + color: #000; +} +:root .has-vivid-cyan-blue-to-vivid-purple-gradient-background { + background: linear-gradient(-135deg, #0693e3 0%, #9b51e0 100%); +} +:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background { + background: linear-gradient(-135deg, #00d084 0%, #0693e3 100%); +} +:root .has-light-green-cyan-to-vivid-green-cyan-gradient-background { + background: linear-gradient(-135deg, #7adcb4 0%, #00d082 100%); +} +:root .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background { + background: linear-gradient(-135deg, #fcb900 0%, #ff6900 100%); +} +:root .has-luminous-vivid-orange-to-vivid-red-gradient-background { + background: linear-gradient(-135deg, #ff6900 0%, #cf2e2e 100%); +} +:root .has-very-light-gray-to-cyan-bluish-gray-gradient-background { + background: linear-gradient(-135deg, #eeeeee 0%, #a9b8c3 100%); +} +:root .has-cool-to-warm-spectrum-gradient-background { + background: linear-gradient(-135deg, #4aeadc 0%, #9778d1 20%, #cf2aba 40%, #ee2c82 60%, #fb6962 80%, #fef84c 100%); +} +:root .has-blush-light-purple-gradient-background { + background: linear-gradient(-135deg, #ffceec 0%, #9896f0 100%); +} +:root .has-blush-bordeaux-gradient-background { + background: linear-gradient(-135deg, #fecda5 0%, #fe2d2d 50%, #6b003e 100%); +} +:root .has-purple-crush-gradient-background { + background: linear-gradient(-135deg, #34e2e4 0%, #4721fb 50%, #ab1dfe 100%); +} +:root .has-luminous-dusk-gradient-background { + background: linear-gradient(-135deg, #ffcb70 0%, #c751c0 50%, #4158d0 100%); +} +:root .has-hazy-dawn-gradient-background { + background: linear-gradient(-135deg, #faaca8 0%, #dad0ec 100%); +} +:root .has-pale-ocean-gradient-background { + background: linear-gradient(-135deg, #fff5cb 0%, #b6e3d4 50%, #33a7b5 100%); +} +:root .has-electric-grass-gradient-background { + background: linear-gradient(-135deg, #caf880 0%, #71ce7e 100%); +} +:root .has-subdued-olive-gradient-background { + background: linear-gradient(-135deg, #fafae1 0%, #67a671 100%); +} +:root .has-atomic-cream-gradient-background { + background: linear-gradient(-135deg, #fdd79a 0%, #004a59 100%); +} +:root .has-nightshade-gradient-background { + background: linear-gradient(-135deg, #330968 0%, #31cdcf 100%); +} +:root .has-midnight-gradient-background { + background: linear-gradient(-135deg, #020381 0%, #2874fc 100%); +} + +.has-small-font-size { + font-size: 0.8125em; +} + +.has-regular-font-size, +.has-normal-font-size { + font-size: 1em; +} + +.has-medium-font-size { + font-size: 1.25em; +} + +.has-large-font-size { + font-size: 2.25em; +} + +.has-larger-font-size, +.has-huge-font-size { + font-size: 2.625em; +} + +.has-text-align-center { + text-align: center; +} + +.has-text-align-left { + text-align: left; +} + +.has-text-align-right { + text-align: right; +} + +#end-resizable-editor-section { + display: none; +} + +.aligncenter { + clear: both; +} + +.items-justified-left { + justify-content: flex-start; +} + +.items-justified-center { + justify-content: center; +} + +.items-justified-right { + justify-content: flex-end; +} + +.items-justified-space-between { + justify-content: space-between; +} + +.screen-reader-text { + border: 0; + clip: rect(1px, 1px, 1px, 1px); + -webkit-clip-path: inset(50%); + clip-path: inset(50%); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; + word-wrap: normal !important; +} + +.screen-reader-text:focus { + background-color: #ddd; + clip: auto !important; + -webkit-clip-path: none; + clip-path: none; + color: #444; + display: block; + font-size: 1em; + height: auto; + right: 5px; + line-height: normal; + padding: 15px 23px 14px; + text-decoration: none; + top: 5px; + width: auto; + z-index: 100000; +} \ No newline at end of file diff --git a/wp-includes/css/dist/block-library/common-rtl.min.css b/wp-includes/css/dist/block-library/common-rtl.min.css new file mode 100644 index 0000000000..790e4d7109 --- /dev/null +++ b/wp-includes/css/dist/block-library/common-rtl.min.css @@ -0,0 +1 @@ +:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}:root .has-pale-pink-background-color{background-color:#f78da7}:root .has-vivid-red-background-color{background-color:#cf2e2e}:root .has-luminous-vivid-orange-background-color{background-color:#ff6900}:root .has-luminous-vivid-amber-background-color{background-color:#fcb900}:root .has-light-green-cyan-background-color{background-color:#7bdcb5}:root .has-vivid-green-cyan-background-color{background-color:#00d084}:root .has-pale-cyan-blue-background-color{background-color:#8ed1fc}:root .has-vivid-cyan-blue-background-color{background-color:#0693e3}:root .has-vivid-purple-background-color{background-color:#9b51e0}:root .has-white-background-color{background-color:#fff}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-cyan-bluish-gray-background-color{background-color:#abb8c3}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-black-background-color{background-color:#000}:root .has-pale-pink-color{color:#f78da7}:root .has-vivid-red-color{color:#cf2e2e}:root .has-luminous-vivid-orange-color{color:#ff6900}:root .has-luminous-vivid-amber-color{color:#fcb900}:root .has-light-green-cyan-color{color:#7bdcb5}:root .has-vivid-green-cyan-color{color:#00d084}:root .has-pale-cyan-blue-color{color:#8ed1fc}:root .has-vivid-cyan-blue-color{color:#0693e3}:root .has-vivid-purple-color{color:#9b51e0}:root .has-white-color{color:#fff}:root .has-very-light-gray-color{color:#eee}:root .has-cyan-bluish-gray-color{color:#abb8c3}:root .has-very-dark-gray-color{color:#313131}:root .has-black-color{color:#000}:root .has-vivid-cyan-blue-to-vivid-purple-gradient-background{background:linear-gradient(-135deg,#0693e3,#9b51e0)}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(-135deg,#00d084,#0693e3)}:root .has-light-green-cyan-to-vivid-green-cyan-gradient-background{background:linear-gradient(-135deg,#7adcb4,#00d082)}:root .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background:linear-gradient(-135deg,#fcb900,#ff6900)}:root .has-luminous-vivid-orange-to-vivid-red-gradient-background{background:linear-gradient(-135deg,#ff6900,#cf2e2e)}:root .has-very-light-gray-to-cyan-bluish-gray-gradient-background{background:linear-gradient(-135deg,#eee,#a9b8c3)}:root .has-cool-to-warm-spectrum-gradient-background{background:linear-gradient(-135deg,#4aeadc,#9778d1 20%,#cf2aba 40%,#ee2c82 60%,#fb6962 80%,#fef84c)}:root .has-blush-light-purple-gradient-background{background:linear-gradient(-135deg,#ffceec,#9896f0)}:root .has-blush-bordeaux-gradient-background{background:linear-gradient(-135deg,#fecda5,#fe2d2d 50%,#6b003e)}:root .has-purple-crush-gradient-background{background:linear-gradient(-135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-luminous-dusk-gradient-background{background:linear-gradient(-135deg,#ffcb70,#c751c0 50%,#4158d0)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(-135deg,#faaca8,#dad0ec)}:root .has-pale-ocean-gradient-background{background:linear-gradient(-135deg,#fff5cb,#b6e3d4 50%,#33a7b5)}:root .has-electric-grass-gradient-background{background:linear-gradient(-135deg,#caf880,#71ce7e)}:root .has-subdued-olive-gradient-background{background:linear-gradient(-135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(-135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(-135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(-135deg,#020381,#2874fc)}.has-small-font-size{font-size:.8125em}.has-normal-font-size,.has-regular-font-size{font-size:1em}.has-medium-font-size{font-size:1.25em}.has-large-font-size{font-size:2.25em}.has-huge-font-size,.has-larger-font-size{font-size:2.625em}.has-text-align-center{text-align:center}.has-text-align-left{text-align:left}.has-text-align-right{text-align:right}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#ddd;clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#444;display:block;font-size:1em;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000} \ No newline at end of file diff --git a/wp-includes/css/dist/block-library/common.css b/wp-includes/css/dist/block-library/common.css new file mode 100644 index 0000000000..3503bbc07b --- /dev/null +++ b/wp-includes/css/dist/block-library/common.css @@ -0,0 +1,316 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles for JavaScript UI based pages. + * This is a WP-admin agnostic reset + */ +/** + * Reset the WP Admin page styles for Gutenberg-like pages. + */ +:root { + --wp-admin-theme-color: #007cba; + --wp-admin-theme-color-darker-10: #006ba1; + --wp-admin-theme-color-darker-20: #005a87; + --wp-admin-border-width-focus: 2px; +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + :root { + --wp-admin-border-width-focus: 1.5px; + } +} + +:root { + /* stylelint-disable function-comma-space-after */ + /* stylelint-enable function-comma-space-after */ +} +:root .has-pale-pink-background-color { + background-color: #f78da7; +} +:root .has-vivid-red-background-color { + background-color: #cf2e2e; +} +:root .has-luminous-vivid-orange-background-color { + background-color: #ff6900; +} +:root .has-luminous-vivid-amber-background-color { + background-color: #fcb900; +} +:root .has-light-green-cyan-background-color { + background-color: #7bdcb5; +} +:root .has-vivid-green-cyan-background-color { + background-color: #00d084; +} +:root .has-pale-cyan-blue-background-color { + background-color: #8ed1fc; +} +:root .has-vivid-cyan-blue-background-color { + background-color: #0693e3; +} +:root .has-vivid-purple-background-color { + background-color: #9b51e0; +} +:root .has-white-background-color { + background-color: #fff; +} +:root .has-very-light-gray-background-color { + background-color: #eee; +} +:root .has-cyan-bluish-gray-background-color { + background-color: #abb8c3; +} +:root .has-very-dark-gray-background-color { + background-color: #313131; +} +:root .has-black-background-color { + background-color: #000; +} +:root .has-pale-pink-color { + color: #f78da7; +} +:root .has-vivid-red-color { + color: #cf2e2e; +} +:root .has-luminous-vivid-orange-color { + color: #ff6900; +} +:root .has-luminous-vivid-amber-color { + color: #fcb900; +} +:root .has-light-green-cyan-color { + color: #7bdcb5; +} +:root .has-vivid-green-cyan-color { + color: #00d084; +} +:root .has-pale-cyan-blue-color { + color: #8ed1fc; +} +:root .has-vivid-cyan-blue-color { + color: #0693e3; +} +:root .has-vivid-purple-color { + color: #9b51e0; +} +:root .has-white-color { + color: #fff; +} +:root .has-very-light-gray-color { + color: #eee; +} +:root .has-cyan-bluish-gray-color { + color: #abb8c3; +} +:root .has-very-dark-gray-color { + color: #313131; +} +:root .has-black-color { + color: #000; +} +:root .has-vivid-cyan-blue-to-vivid-purple-gradient-background { + background: linear-gradient(135deg, #0693e3 0%, #9b51e0 100%); +} +:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background { + background: linear-gradient(135deg, #00d084 0%, #0693e3 100%); +} +:root .has-light-green-cyan-to-vivid-green-cyan-gradient-background { + background: linear-gradient(135deg, #7adcb4 0%, #00d082 100%); +} +:root .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background { + background: linear-gradient(135deg, #fcb900 0%, #ff6900 100%); +} +:root .has-luminous-vivid-orange-to-vivid-red-gradient-background { + background: linear-gradient(135deg, #ff6900 0%, #cf2e2e 100%); +} +:root .has-very-light-gray-to-cyan-bluish-gray-gradient-background { + background: linear-gradient(135deg, #eeeeee 0%, #a9b8c3 100%); +} +:root .has-cool-to-warm-spectrum-gradient-background { + background: linear-gradient(135deg, #4aeadc 0%, #9778d1 20%, #cf2aba 40%, #ee2c82 60%, #fb6962 80%, #fef84c 100%); +} +:root .has-blush-light-purple-gradient-background { + background: linear-gradient(135deg, #ffceec 0%, #9896f0 100%); +} +:root .has-blush-bordeaux-gradient-background { + background: linear-gradient(135deg, #fecda5 0%, #fe2d2d 50%, #6b003e 100%); +} +:root .has-purple-crush-gradient-background { + background: linear-gradient(135deg, #34e2e4 0%, #4721fb 50%, #ab1dfe 100%); +} +:root .has-luminous-dusk-gradient-background { + background: linear-gradient(135deg, #ffcb70 0%, #c751c0 50%, #4158d0 100%); +} +:root .has-hazy-dawn-gradient-background { + background: linear-gradient(135deg, #faaca8 0%, #dad0ec 100%); +} +:root .has-pale-ocean-gradient-background { + background: linear-gradient(135deg, #fff5cb 0%, #b6e3d4 50%, #33a7b5 100%); +} +:root .has-electric-grass-gradient-background { + background: linear-gradient(135deg, #caf880 0%, #71ce7e 100%); +} +:root .has-subdued-olive-gradient-background { + background: linear-gradient(135deg, #fafae1 0%, #67a671 100%); +} +:root .has-atomic-cream-gradient-background { + background: linear-gradient(135deg, #fdd79a 0%, #004a59 100%); +} +:root .has-nightshade-gradient-background { + background: linear-gradient(135deg, #330968 0%, #31cdcf 100%); +} +:root .has-midnight-gradient-background { + background: linear-gradient(135deg, #020381 0%, #2874fc 100%); +} + +.has-small-font-size { + font-size: 0.8125em; +} + +.has-regular-font-size, +.has-normal-font-size { + font-size: 1em; +} + +.has-medium-font-size { + font-size: 1.25em; +} + +.has-large-font-size { + font-size: 2.25em; +} + +.has-larger-font-size, +.has-huge-font-size { + font-size: 2.625em; +} + +.has-text-align-center { + text-align: center; +} + +.has-text-align-left { + /*rtl:ignore*/ + text-align: left; +} + +.has-text-align-right { + /*rtl:ignore*/ + text-align: right; +} + +#end-resizable-editor-section { + display: none; +} + +.aligncenter { + clear: both; +} + +.items-justified-left { + justify-content: flex-start; +} + +.items-justified-center { + justify-content: center; +} + +.items-justified-right { + justify-content: flex-end; +} + +.items-justified-space-between { + justify-content: space-between; +} + +.screen-reader-text { + border: 0; + clip: rect(1px, 1px, 1px, 1px); + -webkit-clip-path: inset(50%); + clip-path: inset(50%); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; + word-wrap: normal !important; +} + +.screen-reader-text:focus { + background-color: #ddd; + clip: auto !important; + -webkit-clip-path: none; + clip-path: none; + color: #444; + display: block; + font-size: 1em; + height: auto; + left: 5px; + line-height: normal; + padding: 15px 23px 14px; + text-decoration: none; + top: 5px; + width: auto; + z-index: 100000; +} \ No newline at end of file diff --git a/wp-includes/css/dist/block-library/common.min.css b/wp-includes/css/dist/block-library/common.min.css new file mode 100644 index 0000000000..8d0374268d --- /dev/null +++ b/wp-includes/css/dist/block-library/common.min.css @@ -0,0 +1 @@ +:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}:root .has-pale-pink-background-color{background-color:#f78da7}:root .has-vivid-red-background-color{background-color:#cf2e2e}:root .has-luminous-vivid-orange-background-color{background-color:#ff6900}:root .has-luminous-vivid-amber-background-color{background-color:#fcb900}:root .has-light-green-cyan-background-color{background-color:#7bdcb5}:root .has-vivid-green-cyan-background-color{background-color:#00d084}:root .has-pale-cyan-blue-background-color{background-color:#8ed1fc}:root .has-vivid-cyan-blue-background-color{background-color:#0693e3}:root .has-vivid-purple-background-color{background-color:#9b51e0}:root .has-white-background-color{background-color:#fff}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-cyan-bluish-gray-background-color{background-color:#abb8c3}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-black-background-color{background-color:#000}:root .has-pale-pink-color{color:#f78da7}:root .has-vivid-red-color{color:#cf2e2e}:root .has-luminous-vivid-orange-color{color:#ff6900}:root .has-luminous-vivid-amber-color{color:#fcb900}:root .has-light-green-cyan-color{color:#7bdcb5}:root .has-vivid-green-cyan-color{color:#00d084}:root .has-pale-cyan-blue-color{color:#8ed1fc}:root .has-vivid-cyan-blue-color{color:#0693e3}:root .has-vivid-purple-color{color:#9b51e0}:root .has-white-color{color:#fff}:root .has-very-light-gray-color{color:#eee}:root .has-cyan-bluish-gray-color{color:#abb8c3}:root .has-very-dark-gray-color{color:#313131}:root .has-black-color{color:#000}:root .has-vivid-cyan-blue-to-vivid-purple-gradient-background{background:linear-gradient(135deg,#0693e3,#9b51e0)}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-light-green-cyan-to-vivid-green-cyan-gradient-background{background:linear-gradient(135deg,#7adcb4,#00d082)}:root .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background:linear-gradient(135deg,#fcb900,#ff6900)}:root .has-luminous-vivid-orange-to-vivid-red-gradient-background{background:linear-gradient(135deg,#ff6900,#cf2e2e)}:root .has-very-light-gray-to-cyan-bluish-gray-gradient-background{background:linear-gradient(135deg,#eee,#a9b8c3)}:root .has-cool-to-warm-spectrum-gradient-background{background:linear-gradient(135deg,#4aeadc,#9778d1 20%,#cf2aba 40%,#ee2c82 60%,#fb6962 80%,#fef84c)}:root .has-blush-light-purple-gradient-background{background:linear-gradient(135deg,#ffceec,#9896f0)}:root .has-blush-bordeaux-gradient-background{background:linear-gradient(135deg,#fecda5,#fe2d2d 50%,#6b003e)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-luminous-dusk-gradient-background{background:linear-gradient(135deg,#ffcb70,#c751c0 50%,#4158d0)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-pale-ocean-gradient-background{background:linear-gradient(135deg,#fff5cb,#b6e3d4 50%,#33a7b5)}:root .has-electric-grass-gradient-background{background:linear-gradient(135deg,#caf880,#71ce7e)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}.has-small-font-size{font-size:.8125em}.has-normal-font-size,.has-regular-font-size{font-size:1em}.has-medium-font-size{font-size:1.25em}.has-large-font-size{font-size:2.25em}.has-huge-font-size,.has-larger-font-size{font-size:2.625em}.has-text-align-center{text-align:center}.has-text-align-left{text-align:left}.has-text-align-right{text-align:right}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#ddd;clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000} \ No newline at end of file diff --git a/wp-includes/css/dist/block-library/editor-rtl.css b/wp-includes/css/dist/block-library/editor-rtl.css new file mode 100644 index 0000000000..b36e9359d9 --- /dev/null +++ b/wp-includes/css/dist/block-library/editor-rtl.css @@ -0,0 +1,2490 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles for JavaScript UI based pages. + * This is a WP-admin agnostic reset + */ +/** + * Reset the WP Admin page styles for Gutenberg-like pages. + */ +#start-resizable-editor-section { + display: none; +} + +ul.wp-block-archives { + padding-right: 2.5em; +} + +.wp-block-audio { + margin-right: 0; + margin-left: 0; +} + +.edit-post-visual-editor .block-library-block__reusable-block-container .is-root-container { + padding-right: 0; + padding-left: 0; +} +.edit-post-visual-editor .block-library-block__reusable-block-container .block-editor-writing-flow { + display: block; +} +.edit-post-visual-editor .block-library-block__reusable-block-container .components-disabled .block-list-appender { + display: none; +} + +.wp-block[data-align=center] > .wp-block-button { + text-align: center; + margin-right: auto; + margin-left: auto; +} + +.wp-block[data-align=right] > .wp-block-button { + text-align: right; +} + +.wp-block-button { + position: relative; + cursor: text; +} +.wp-block-button:not(.has-text-color):not(.is-style-outline) [data-rich-text-placeholder]::after { + color: #fff; +} +.wp-block-button:focus { + box-shadow: 0 0 0 1px #fff, 0 0 0 3px var(--wp-admin-theme-color); + outline: 2px solid transparent; + outline-offset: -2px; +} +.wp-block-button[data-rich-text-placeholder]::after { + opacity: 0.8; +} + +.wp-block-button__inline-link { + color: #757575; + height: 0; + overflow: hidden; + max-width: 290px; +} +.wp-block-button__inline-link-input__suggestions { + max-width: 290px; +} +@media (min-width: 782px) { + .wp-block-button__inline-link { + max-width: 260px; + } + .wp-block-button__inline-link-input__suggestions { + max-width: 260px; + } +} +@media (min-width: 960px) { + .wp-block-button__inline-link { + max-width: 290px; + } + .wp-block-button__inline-link-input__suggestions { + max-width: 290px; + } +} +.is-selected .wp-block-button__inline-link { + height: auto; + overflow: visible; + margin-top: 16px; +} + +.wp-button-label__width .components-button-group { + display: block; +} +.wp-button-label__width .components-base-control__field { + margin-bottom: 12px; +} + +div[data-type="core/button"] { + display: table; +} + +.wp-block > .wp-block-buttons { + display: flex; + flex-wrap: wrap; +} + +.wp-block-buttons { + /* stylelint-disable indentation */ +} +.wp-block-buttons > .wp-block { + margin-right: 0; + margin-top: 0.5em; + margin-left: 0.5em; +} +.wp-block-buttons > .block-list-appender { + display: inline-flex; + align-items: center; +} +.wp-block-buttons.is-vertical > .block-list-appender .block-list-appender__toggle { + justify-content: flex-start; +} +.wp-block-buttons > .wp-block-button:focus { + box-shadow: none; +} +.wp-block-buttons:not(.is-content-justification-space-between, +.is-content-justification-right, +.is-content-justification-left, +.is-content-justification-center) .wp-block[data-align=center] { + /* stylelint-enable indentation */ + margin-right: auto; + margin-left: auto; + margin-top: 0; + width: 100%; +} +.wp-block-buttons:not(.is-content-justification-space-between, +.is-content-justification-right, +.is-content-justification-left, +.is-content-justification-center) .wp-block[data-align=center] .wp-block-button { + margin-bottom: 0; +} + +.wp-block[data-align=center] > .wp-block-buttons { + align-items: center; + justify-content: center; +} + +.wp-block[data-align=right] > .wp-block-buttons { + justify-content: flex-end; +} + +.wp-block-categories ul { + padding-right: 2.5em; +} +.wp-block-categories ul ul { + margin-top: 6px; +} + +.wp-block-columns .wp-block { + max-width: none; + margin-right: 0; + margin-left: 0; +} + +@media (min-width: 600px) { + .editor-styles-wrapper .block-editor-block-list__block.wp-block-column:nth-child(even) { + margin-right: 32px; + } +} +@media (min-width: 782px) { + .editor-styles-wrapper .block-editor-block-list__block.wp-block-column:not(:first-child) { + margin-right: 32px; + } +} +.block-editor-block-list__block.wp-block-column.wp-block-column { + margin-top: 0; + margin-bottom: 0; +} + +.wp-block-cover.is-placeholder { + min-height: auto !important; + padding: 0 !important; +} +.wp-block-cover.components-placeholder h2 { + color: inherit; +} +.wp-block-cover.is-transient::before { + background-color: #fff; + opacity: 0.3; +} +.wp-block-cover .components-spinner { + position: absolute; + z-index: 1; + top: 50%; + right: 50%; + transform: translate(50%, -50%); + margin: 0; +} +.wp-block-cover .block-editor-block-list__layout { + width: 100%; +} +.wp-block-cover .wp-block-cover__inner-container { + text-align: right; + margin-right: 0; + margin-left: 0; +} +.wp-block-cover .wp-block-cover__placeholder-background-options { + width: 100%; +} + +[data-align=left] > .wp-block-cover, +[data-align=right] > .wp-block-cover { + max-width: 420px; + width: 100%; +} + +.block-library-cover__reset-button { + margin-right: auto; +} + +.block-library-cover__resize-container { + position: absolute !important; + top: 0; + right: 0; + left: 0; + bottom: 0; +} + +.block-library-cover__resize-container:not(.is-resizing) { + height: auto !important; +} + +.wp-block-cover > .components-drop-zone.is-active { + transition: 0.2s opacity, 0.2s border; +} +@media (prefers-reduced-motion: reduce) { + .wp-block-cover > .components-drop-zone.is-active { + transition-duration: 0s; + transition-delay: 0s; + } +} +.wp-block-cover > .components-drop-zone.is-dragging-over-element { + background-color: transparent; + border: 48px solid var(--wp-admin-theme-color); +} +.wp-block-cover > .components-drop-zone.is-dragging-over-element .components-drop-zone__content { + transform: none; +} +.wp-block-cover > .components-drop-zone .components-drop-zone__content { + display: flex; + align-items: center; + top: -36px; + right: -36px; + transform: none; +} +.wp-block-cover > .components-drop-zone .components-drop-zone__content-icon, +.wp-block-cover > .components-drop-zone .components-drop-zone__content-text { + display: inline; +} +.wp-block-cover > .components-drop-zone .components-drop-zone__content-icon { + margin: 0; + margin-left: 8px; +} +.wp-block-cover > .components-drop-zone .components-drop-zone__content-text { + font-size: 13px; +} + +.block-editor-block-patterns-list__list-item .has-parallax.wp-block-cover { + background-attachment: scroll; +} + +.wp-block-embed { + margin-right: 0; + margin-left: 0; + clear: both; +} +.wp-block-embed.is-loading { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + padding: 1em; + min-height: 200px; + text-align: center; + border-radius: 2px; + background-color: #fff; + box-shadow: inset 0 0 0 1px #1e1e1e; +} +.wp-block-embed.is-loading p { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + font-size: 13px; +} +.wp-block-embed .components-placeholder__error { + word-break: break-word; +} +.wp-block-embed .components-placeholder__learn-more { + margin-top: 1em; +} + +.block-library-embed__interactive-overlay { + position: absolute; + top: 0; + right: 0; + left: 0; + bottom: 0; + opacity: 0; +} + +.wp-block[data-align=left] > .wp-block-embed, +.wp-block[data-align=right] > .wp-block-embed { + max-width: 360px; + width: 100%; +} +.wp-block[data-align=left] > .wp-block-embed .wp-block-embed__wrapper, +.wp-block[data-align=right] > .wp-block-embed .wp-block-embed__wrapper { + min-width: 280px; +} + +.wp-block-file { + display: flex; + flex-wrap: wrap; + justify-content: space-between; + align-items: center; + margin-bottom: 0; +} +.wp-block[data-align=left] > .wp-block-file, .wp-block[data-align=right] > .wp-block-file { + height: auto; +} +.wp-block-file .components-resizable-box__container { + margin-bottom: 1em; +} +.wp-block-file .wp-block-file__preview { + margin-bottom: 1em; + width: 100%; + height: 100%; +} +.wp-block-file .wp-block-file__preview-overlay { + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; +} +.wp-block-file .wp-block-file__content-wrapper { + flex-grow: 1; +} +.wp-block-file a { + min-width: 1em; +} +.wp-block-file .wp-block-file__button-richtext-wrapper { + display: inline-block; + margin-right: 0.75em; +} + +.wp-block-freeform.block-library-rich-text__tinymce { + height: auto; + /* Allow height of embed iframes to be calculated properly */ + /* Remove blue highlighting of selected images in WebKit */ + /* Image captions */ + /* WP Views */ +} +.wp-block-freeform.block-library-rich-text__tinymce p, +.wp-block-freeform.block-library-rich-text__tinymce li { + line-height: 1.8; +} +.wp-block-freeform.block-library-rich-text__tinymce ul, +.wp-block-freeform.block-library-rich-text__tinymce ol { + padding-right: 2.5em; + margin-right: 0; +} +.wp-block-freeform.block-library-rich-text__tinymce blockquote { + margin: 0; + box-shadow: inset 0 0 0 0 #ddd; + border-right: 4px solid #000; + padding-right: 1em; +} +.wp-block-freeform.block-library-rich-text__tinymce pre { + white-space: pre-wrap; + font-family: Menlo, Consolas, monaco, monospace; + font-size: 15px; + color: #1e1e1e; +} +.wp-block-freeform.block-library-rich-text__tinymce > *:first-child { + margin-top: 0; +} +.wp-block-freeform.block-library-rich-text__tinymce > *:last-child { + margin-bottom: 0; +} +.wp-block-freeform.block-library-rich-text__tinymce.mce-edit-focus { + outline: none; +} +.wp-block-freeform.block-library-rich-text__tinymce a { + color: var(--wp-admin-theme-color); +} +.wp-block-freeform.block-library-rich-text__tinymce:focus a[data-mce-selected] { + padding: 0 2px; + margin: 0 -2px; + border-radius: 2px; + box-shadow: 0 0 0 1px #e5f5fa; + background: #e5f5fa; +} +.wp-block-freeform.block-library-rich-text__tinymce code { + padding: 2px; + border-radius: 2px; + color: #1e1e1e; + background: #f0f0f0; + font-family: Menlo, Consolas, monaco, monospace; + font-size: 14px; +} +.wp-block-freeform.block-library-rich-text__tinymce:focus code[data-mce-selected] { + background: #ddd; +} +.wp-block-freeform.block-library-rich-text__tinymce .alignright { + float: right; + margin: 0.5em 0 0.5em 1em; +} +.wp-block-freeform.block-library-rich-text__tinymce .alignleft { + float: left; + margin: 0.5em 1em 0.5em 0; +} +.wp-block-freeform.block-library-rich-text__tinymce .aligncenter { + display: block; + margin-right: auto; + margin-left: auto; +} +.wp-block-freeform.block-library-rich-text__tinymce .wp-more-tag { + width: 96%; + height: 20px; + display: block; + margin: 15px auto; + outline: 0; + cursor: default; + background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAADtgAAAAoBAMAAAA86gLBAAAAJFBMVEVMaXG7u7vBwcHDw8POzs68vLzGxsbMzMy+vr7AwMDQ0NDGxsYKLGzpAAAADHRSTlMA///zWf+/f///TMxNVGuqAAABwklEQVR4Ae3dMXLaQBTH4bfj8UCpx8hq0vgKvgFNemhT6Qo6gg6R+0ZahM2QLmyBJ99XWP9V5+o3jIUcLQEAAAAAAAAAAAAAAAAAAAAAAABQ8j0WL9lfTtlt18uNXAUA8O/KVtfa1tdcrOdSh9gCQAMlh1hMNbZZ1bsrsQWABsrhLRbz7z5in/32UbfUMUbkMQCAh5RfGYv82UdMdZ6HS2wjT2ILAI8r3XmM2B3WvM59vfO2xXYW2yYAENuPU8S+X/N67mKxzy225yaxBQCxLV392UdcvwV0jPVUj98ntkBWT7C7+9u2/V/vGtvXIWJ6/4rtbottWa6Ri0NUT/u72LYttrb97LHdvUXMxxrb8TO2W2TF1rYbbLG1bbGNjMi4+2Sbi1FsbbvNFlvbFtt5fDnE3d9sP1/XeIyV2Nr2U2/guZUuptNrH/dPI9eLB6SaAEBs6wPJf3/PNk9tYgsAYrv/8TFuzx/fvkFqGtrEFgDEdpcZUb7ejXy6ntrEFgDENvL6gsas4vbdyKt4DACI7TxElJv/Z7udpqFNbAFAbKduy2uU2trttM/x28UWAAAAAAAAAAAAAAAAAAAAAAAAAADgDyPwGmGTCZp7AAAAAElFTkSuQmCC); + background-size: 1900px 20px; + background-repeat: no-repeat; + background-position: center; +} +.wp-block-freeform.block-library-rich-text__tinymce img::selection { + background-color: transparent; +} +.wp-block-freeform.block-library-rich-text__tinymce div.mceTemp { + -ms-user-select: element; +} +.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption { + margin: 0; + /* dl browser reset */ + max-width: 100%; +} +.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption a, +.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption img { + display: block; +} +.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption, .wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption * { + -webkit-user-drag: none; +} +.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption .wp-caption-dd { + padding-top: 0.5em; + margin: 0; + /* browser dd reset */ +} +.wp-block-freeform.block-library-rich-text__tinymce .wpview { + width: 99.99%; + /* All IE need hasLayout, incl. 11 (ugh, not again!!) */ + position: relative; + clear: both; + margin-bottom: 16px; + border: 1px solid transparent; +} +.wp-block-freeform.block-library-rich-text__tinymce .wpview iframe { + display: block; + max-width: 100%; + background: transparent; +} +.wp-block-freeform.block-library-rich-text__tinymce .wpview .mce-shim { + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; +} +.wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected="2"] .mce-shim { + display: none; +} +.wp-block-freeform.block-library-rich-text__tinymce .wpview .loading-placeholder { + border: 1px dashed #ddd; + padding: 10px; +} +.wp-block-freeform.block-library-rich-text__tinymce .wpview .wpview-error { + border: 1px solid #ddd; + padding: 1em 0; + margin: 0; + word-wrap: break-word; +} +.wp-block-freeform.block-library-rich-text__tinymce .wpview .wpview-error p { + margin: 0; + text-align: center; +} +.wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected] .loading-placeholder, .wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected] .wpview-error { + border-color: transparent; +} +.wp-block-freeform.block-library-rich-text__tinymce .wpview .dashicons { + display: block; + margin: 0 auto; + width: 32px; + height: 32px; + font-size: 32px; +} +.wp-block-freeform.block-library-rich-text__tinymce .wpview.wpview-type-gallery::after { + content: ""; + display: table; + clear: both; +} +.wp-block-freeform.block-library-rich-text__tinymce .gallery img[data-mce-selected]:focus { + outline: none; +} +.wp-block-freeform.block-library-rich-text__tinymce .gallery a { + cursor: default; +} +.wp-block-freeform.block-library-rich-text__tinymce .gallery { + margin: auto -6px; + padding: 6px 0; + line-height: 1; + overflow-x: hidden; +} +.wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-item { + float: right; + margin: 0; + text-align: center; + padding: 6px; + box-sizing: border-box; +} +.wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-caption, +.wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-icon { + margin: 0; +} +.wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-caption { + font-size: 13px; + margin: 4px 0; +} +.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-1 .gallery-item { + width: 100%; +} +.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-2 .gallery-item { + width: 50%; +} +.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-3 .gallery-item { + width: 33.3333333333%; +} +.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-4 .gallery-item { + width: 25%; +} +.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-5 .gallery-item { + width: 20%; +} +.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-6 .gallery-item { + width: 16.6666666667%; +} +.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-7 .gallery-item { + width: 14.2857142857%; +} +.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-8 .gallery-item { + width: 12.5%; +} +.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-9 .gallery-item { + width: 11.1111111111%; +} +.wp-block-freeform.block-library-rich-text__tinymce .gallery img { + max-width: 100%; + height: auto; + border: none; + padding: 0; +} + +div[data-type="core/freeform"]::before { + transition: border-color 0.1s linear, box-shadow 0.1s linear; + border: 1px solid #ddd; + outline: 1px solid transparent; +} +@media (prefers-reduced-motion: reduce) { + div[data-type="core/freeform"]::before { + transition-duration: 0s; + transition-delay: 0s; + } +} +div[data-type="core/freeform"].is-selected::before { + border-color: #1e1e1e; +} +div[data-type="core/freeform"] .block-editor-block-contextual-toolbar + div { + margin-top: 0; + padding-top: 0; +} +div[data-type="core/freeform"].is-selected .block-library-rich-text__tinymce::after { + content: ""; + display: table; + clear: both; +} + +.mce-toolbar-grp .mce-btn.mce-active button, +.mce-toolbar-grp .mce-btn.mce-active:hover button, +.mce-toolbar-grp .mce-btn.mce-active i, +.mce-toolbar-grp .mce-btn.mce-active:hover i { + color: #1e1e1e; +} +.mce-toolbar-grp .mce-rtl .mce-flow-layout-item.mce-last { + margin-left: 0; + margin-right: 8px; +} +.mce-toolbar-grp .mce-btn i { + font-style: normal; +} + +.block-library-classic__toolbar { + display: none; + width: auto; + margin: 0; + position: sticky; + z-index: 31; + top: 0; + border: 1px solid #ddd; + border-bottom: none; + border-radius: 2px; + margin-bottom: 8px; + padding: 0; +} +div[data-type="core/freeform"].is-selected .block-library-classic__toolbar { + display: block; + border-color: #1e1e1e; +} +.block-library-classic__toolbar .mce-tinymce { + box-shadow: none; +} +@media (min-width: 600px) { + .block-library-classic__toolbar { + padding: 0; + } +} +.block-library-classic__toolbar:empty { + display: block; + background: #f5f5f5; + border-bottom: 1px solid #e2e4e7; +} +.block-library-classic__toolbar:empty::before { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + font-size: 13px; + content: attr(data-placeholder); + color: #555d66; + line-height: 37px; + padding: 14px; +} +.block-library-classic__toolbar div.mce-toolbar-grp { + border-bottom: 1px solid #1e1e1e; +} +.block-library-classic__toolbar .mce-tinymce-inline, +.block-library-classic__toolbar .mce-tinymce-inline > div, +.block-library-classic__toolbar div.mce-toolbar-grp, +.block-library-classic__toolbar div.mce-toolbar-grp > div, +.block-library-classic__toolbar .mce-menubar, +.block-library-classic__toolbar .mce-menubar > div { + height: auto !important; + width: 100% !important; +} +.block-library-classic__toolbar .mce-container-body.mce-abs-layout { + overflow: visible; +} +.block-library-classic__toolbar .mce-menubar, +.block-library-classic__toolbar div.mce-toolbar-grp { + position: static; +} +.block-library-classic__toolbar .mce-toolbar-grp > div { + padding: 1px 3px; +} +.block-library-classic__toolbar .mce-toolbar-grp .mce-toolbar:not(:first-child) { + display: none; +} +.block-library-classic__toolbar.has-advanced-toolbar .mce-toolbar-grp .mce-toolbar { + display: block; +} + +.wp-block-gallery li { + list-style-type: none; +} +.wp-block-gallery .block-editor-media-placeholder.is-appender .components-placeholder__label { + display: none; +} +.wp-block-gallery .block-editor-media-placeholder.is-appender .block-editor-media-placeholder__button { + margin-bottom: 0; +} + +figure.wp-block-gallery { + display: block; + margin: 0; +} + +.blocks-gallery-grid.blocks-gallery-grid { + padding-right: 0; + margin-right: 0; + margin-bottom: 0; +} + +.blocks-gallery-item figure:not(.is-selected):focus, +.blocks-gallery-item img:focus { + outline: none; +} +.blocks-gallery-item figure.is-selected::before { + box-shadow: 0 0 0 1px #fff inset, 0 0 0 3px var(--wp-admin-theme-color) inset; + content: ""; + outline: 2px solid transparent; + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + z-index: 1; + pointer-events: none; +} +.blocks-gallery-item figure.is-selected figcaption { + z-index: 2; +} +.blocks-gallery-item figure.is-transient img { + opacity: 0.3; +} +.blocks-gallery-item .is-selected .block-library-gallery-item__inline-menu { + display: inline-flex; +} +.blocks-gallery-item .block-editor-media-placeholder { + margin: 0; + height: 100%; +} +.blocks-gallery-item .block-editor-media-placeholder .components-placeholder__label { + display: flex; +} + +.block-library-gallery-item__inline-menu { + display: none; + position: absolute; + top: -2px; + margin: 8px; + z-index: 20; + transition: box-shadow 0.2s ease-out; + border-radius: 2px; + background: #fff; + border: 1px solid #1e1e1e; +} +@media (prefers-reduced-motion: reduce) { + .block-library-gallery-item__inline-menu { + transition-duration: 0s; + transition-delay: 0s; + } +} +.block-library-gallery-item__inline-menu:hover { + box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); +} +@media (min-width: 600px) { + .columns-7 .block-library-gallery-item__inline-menu, .columns-8 .block-library-gallery-item__inline-menu { + padding: 2px; + } +} +.block-library-gallery-item__inline-menu .components-button.has-icon:not(:focus) { + border: none; + box-shadow: none; +} +@media (min-width: 600px) { + .columns-7 .block-library-gallery-item__inline-menu .components-button.has-icon, .columns-8 .block-library-gallery-item__inline-menu .components-button.has-icon { + padding: 0; + width: inherit; + height: inherit; + } +} +.block-library-gallery-item__inline-menu.is-left { + right: -2px; +} +.block-library-gallery-item__inline-menu.is-right { + left: -2px; +} + +.blocks-gallery-item .components-spinner { + position: absolute; + top: 50%; + right: 50%; + margin-top: -9px; + margin-right: -9px; +} + +/** + * Group: All Alignment Settings + */ +.wp-block-group .block-editor-block-list__insertion-point { + right: 0; + left: 0; +} + +[data-type="core/group"].is-selected .block-list-appender { + margin-right: 0; + margin-left: 0; +} +[data-type="core/group"].is-selected .has-background .block-list-appender { + margin-top: 18px; + margin-bottom: 18px; +} + +.block-library-heading-level-dropdown .components-popover__content { + min-width: 230px; +} +.block-library-heading-level-dropdown .components-popover__content > div { + padding: 0; +} + +.block-library-heading-level-toolbar { + border: none; +} + +.block-library-html__edit { + margin-bottom: 28px; +} +.block-library-html__edit .block-library-html__preview-overlay { + position: absolute; + width: 100%; + height: 100%; + top: 0; + right: 0; +} +.block-library-html__edit .block-editor-plain-text { + font-family: Menlo, Consolas, monaco, monospace; + color: #1e1e1e; + padding: 0.8em 1em; + border: 1px solid #ddd; + border-radius: 4px; + max-height: 250px; + /* Fonts smaller than 16px causes mobile safari to zoom. */ + font-size: 16px; +} +@media (min-width: 600px) { + .block-library-html__edit .block-editor-plain-text { + font-size: 13px; + } +} +.block-library-html__edit .block-editor-plain-text:focus { + box-shadow: none; +} + +figure.wp-block-image:not(.wp-block) { + margin: 0; +} + +.wp-block-image { + position: relative; +} +.wp-block-image .is-applying img, .wp-block-image.is-transient img { + opacity: 0.3; +} +.wp-block-image figcaption img { + display: inline; +} +.wp-block-image .components-spinner { + position: absolute; + top: 50%; + right: 50%; + margin-top: -9px; + margin-right: -9px; +} +.wp-block-image:not(.is-style-rounded) > div { + border-radius: inherit; +} + +.wp-block-image .components-resizable-box__container { + display: inline-block; +} +.wp-block-image .components-resizable-box__container img { + display: block; + width: inherit; + height: inherit; +} + +.block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal { + position: absolute; + right: 0; + left: 0; + margin: -1px 0; +} +@media (min-width: 600px) { + .block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal { + margin: -1px; + } +} + +[data-align=wide] > .wp-block-image img, +[data-align=full] > .wp-block-image img { + width: 100%; +} + +.wp-block[data-align=left] > .wp-block-image, +.wp-block[data-align=center] > .wp-block-image, +.wp-block[data-align=right] > .wp-block-image { + display: table; +} +.wp-block[data-align=left] > .wp-block-image > figcaption, +.wp-block[data-align=center] > .wp-block-image > figcaption, +.wp-block[data-align=right] > .wp-block-image > figcaption { + display: table-caption; + caption-side: bottom; +} + +.wp-block[data-align=left] > .wp-block-image { + margin-left: 1em; + margin-right: 0; + margin-top: 0.5em; + margin-bottom: 0.5em; +} + +.wp-block[data-align=right] > .wp-block-image { + margin-right: 1em; + margin-left: 0; + margin-top: 0.5em; + margin-bottom: 0.5em; +} + +.wp-block[data-align=center] > .wp-block-image { + margin-right: auto; + margin-left: auto; + text-align: center; +} + +.wp-block-image__crop-area { + position: relative; + max-width: 100%; + width: 100%; +} + +.wp-block-image__crop-icon { + padding: 0 8px; + min-width: 48px; + display: flex; + justify-content: center; + align-items: center; +} +.wp-block-image__crop-icon svg { + fill: currentColor; +} + +.wp-block-image__zoom .components-popover__content { + overflow: visible; + min-width: 260px; +} +.wp-block-image__zoom .components-range-control { + flex: 1; +} +.wp-block-image__zoom .components-base-control__field { + display: flex; + margin-bottom: 0; + flex-direction: column; + align-items: flex-start; +} + +.wp-block-image__aspect-ratio { + height: 46px; + margin-bottom: -8px; + display: flex; + align-items: center; +} +.wp-block-image__aspect-ratio .components-button { + width: 36px; + padding-right: 0; + padding-left: 0; +} + +.wp-block-latest-posts { + padding-right: 2.5em; +} +.wp-block-latest-posts.is-grid { + padding-right: 0; +} + +.wp-block-latest-posts li a > div { + display: inline; +} + +.edit-post-visual-editor .wp-block-latest-posts.is-grid li { + margin-bottom: 20px; +} + +.wp-block-media-text .__resizable_base__ { + grid-column: 1/span 2; + grid-row: 2; +} + +.wp-block-media-text .editor-media-container__resizer { + width: 100% !important; +} + +.wp-block-media-text.is-image-fill .editor-media-container__resizer { + height: 100% !important; +} + +.wp-block-media-text > .block-editor-block-list__layout > .block-editor-block-list__block { + max-width: unset; +} + +.block-editor-block-list__block[data-type="core/more"] { + max-width: 100%; + text-align: center; + margin-top: 28px; + margin-bottom: 28px; +} + +.wp-block-more { + display: block; + text-align: center; + white-space: nowrap; +} +.wp-block-more input[type=text] { + position: relative; + font-size: 13px; + text-transform: uppercase; + font-weight: 600; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + color: #757575; + border: none; + box-shadow: none; + white-space: nowrap; + text-align: center; + margin: 0; + border-radius: 4px; + background: #fff; + padding: 6px 8px; + height: 24px; + max-width: 100%; +} +.wp-block-more input[type=text]:focus { + box-shadow: none; +} +.wp-block-more::before { + content: ""; + position: absolute; + top: calc(50%); + right: 0; + left: 0; + border-top: 3px dashed #ccc; +} + +/** + * Editor only CSS. + */ +.editor-styles-wrapper .wp-block-navigation ul { + margin-top: 0; + margin-bottom: 0; + margin-right: 0; + padding-right: 0; +} + +/** + * Submenus. + */ +.wp-block-navigation__container.is-parent-of-selected-block { + visibility: visible; + opacity: 1; +} + +.wp-block-navigation__container, +.wp-block-navigation-link { + background-color: inherit; +} + +.wp-block-navigation:not(.is-selected):not(.has-child-selected) .has-child:hover > .wp-block-navigation-link__container { + opacity: 0; + visibility: hidden; +} + +.has-child.is-selected > .wp-block-navigation-link__container, .has-child.has-child-selected > .wp-block-navigation-link__container { + display: flex; + opacity: 1; + visibility: visible; +} + +.is-dragging-components-draggable .has-child.is-dragging-within > .wp-block-navigation-link__container { + opacity: 1; + visibility: visible; +} + +.is-editing > .wp-block-navigation__container { + visibility: visible; + opacity: 1; + display: flex; + flex-direction: column; +} + +.is-dragging-components-draggable .wp-block-navigation-link > .wp-block-navigation__container { + opacity: 1; + visibility: hidden; +} +.is-dragging-components-draggable .wp-block-navigation-link > .wp-block-navigation__container .block-editor-block-draggable-chip-wrapper { + visibility: visible; +} + +/** + * Colors Selector component + */ +.block-library-colors-selector { + width: auto; +} +.block-library-colors-selector .block-library-colors-selector__toggle { + display: block; + margin: 0 auto; + padding: 3px; + width: auto; +} +.block-library-colors-selector .block-library-colors-selector__icon-container { + height: 30px; + position: relative; + margin: 0 auto; + padding: 3px; + display: flex; + align-items: center; + border-radius: 4px; +} +.block-library-colors-selector .block-library-colors-selector__state-selection { + margin-right: auto; + margin-left: auto; + border-radius: 11px; + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); + width: 22px; + min-width: 22px; + height: 22px; + min-height: 22px; + line-height: 20px; + padding: 2px; +} +.block-library-colors-selector .block-library-colors-selector__state-selection > svg { + min-width: auto !important; +} +.block-library-colors-selector .block-library-colors-selector__state-selection.has-text-color > svg, +.block-library-colors-selector .block-library-colors-selector__state-selection.has-text-color > svg path { + color: inherit; +} + +.block-library-colors-selector__popover .color-palette-controller-container { + padding: 16px; +} +.block-library-colors-selector__popover .components-base-control__label { + height: 20px; + line-height: 20px; +} +.block-library-colors-selector__popover .component-color-indicator { + float: left; + margin-top: 2px; +} +.block-library-colors-selector__popover .components-panel__body-title { + display: none; +} + +.wp-block-navigation .block-editor-button-block-appender { + justify-content: flex-start; +} + +/** + * Setup state + */ +.components-placeholder.wp-block-navigation-placeholder { + outline: none; + padding: 0; + box-shadow: none; + background: none; + min-height: 0; + color: inherit; +} +.components-placeholder.wp-block-navigation-placeholder .components-placeholder__fieldset { + font-size: inherit; +} +.components-placeholder.wp-block-navigation-placeholder .components-placeholder__fieldset .components-button { + margin-bottom: 0; +} +.is-selected .components-placeholder.wp-block-navigation-placeholder { + color: #1e1e1e; +} + +.wp-block-navigation-placeholder .components-spinner { + margin-top: -4px; + margin-right: 4px; + vertical-align: middle; + margin-left: 7px; +} + +.wp-block-navigation-placeholder__preview { + display: flex; + flex-direction: row; + align-items: center; + flex-wrap: nowrap; + width: 100%; + overflow: hidden; +} +.wp-block-navigation-placeholder__preview .wp-block-navigation-link.wp-block-navigation-link { + position: relative; + min-width: 72px; +} +.wp-block-navigation-placeholder__preview .wp-block-navigation-link.wp-block-navigation-link::before { + display: block; + content: ""; + border-radius: 2px; + background: currentColor; + height: 16px; + width: 100%; +} +.wp-block-navigation-placeholder__preview svg { + fill: currentColor; +} +.wp-block-navigation-placeholder__preview .wp-block-navigation-link.wp-block-navigation-link, +.wp-block-navigation-placeholder__preview svg { + opacity: 0.3; +} +.wp-block-navigation.is-selected .wp-block-navigation-placeholder__preview { + display: flex; + opacity: 0; + width: 0; + overflow: hidden; + flex-wrap: nowrap; +} +.wp-block-navigation.is-selected .is-small .wp-block-navigation-placeholder__preview { + display: none; +} +.wp-block-navigation.is-selected .is-medium .wp-block-navigation-placeholder__preview { + display: none; +} + +.wp-block-navigation-placeholder__controls { + padding: 8px; + border-radius: 2px; + background-color: #fff; + box-shadow: inset 0 0 0 1px #1e1e1e; + flex-direction: row; + align-items: center; + display: none; + position: relative; + z-index: 1; + float: right; + width: 100%; +} +.is-large .wp-block-navigation-placeholder__controls { + padding: 4px 8px; +} +.wp-block-navigation.is-selected .wp-block-navigation-placeholder__controls { + display: flex; +} +.is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions, .is-medium .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions, .is-vertical .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions { + flex-direction: column; +} +.is-selected.is-vertical .wp-block-navigation-placeholder__controls { + display: inline-flex; + padding: 12px; +} +.wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__icon { + margin-left: 12px; + height: 36px; +} +.wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator { + margin-left: 12px; + padding: 0; + align-items: center; + justify-content: flex-start; + line-height: 0; + margin-right: 5px; + display: none; +} +.wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator svg { + margin-left: 4px; +} +.is-vertical .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator { + margin-bottom: 4px; + margin-right: 0; +} +.is-large .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator { + display: inline-flex; +} + +.is-vertical .wp-block-navigation-placeholder, +.is-vertical .wp-block-navigation-placeholder__preview, +.is-vertical .wp-block-navigation-placeholder__controls { + min-height: 156px; +} + +.is-vertical .wp-block-navigation-placeholder__preview, +.is-vertical .wp-block-navigation-placeholder__controls { + flex-direction: column; + align-items: flex-start; +} + +.wp-block-navigation-placeholder__actions { + display: flex; + font-size: 13px; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; +} +.wp-block-navigation-placeholder__actions .components-button.components-dropdown-menu__toggle.has-icon { + padding: 6px 12px 6px 4px; + display: flex; + flex-direction: row-reverse; +} +.wp-block-navigation-placeholder__actions .components-dropdown, +.wp-block-navigation-placeholder__actions > .components-button { + margin-left: 12px; +} + +/** + * Mobile menu. + */ +@media (min-width: 600px) { + .wp-block-navigation__responsive-container:not(.is-menu-open) .components-button.wp-block-navigation__responsive-container-close { + display: none; + } +} + +@media (min-width: 600px) { + .components-button.wp-block-navigation__responsive-container-open { + display: none; + } +} + +.wp-block-navigation__responsive-container.is-menu-open { + position: fixed; +} +body.admin-bar .wp-block-navigation__responsive-container.is-menu-open { + top: 155px; +} +@media (min-width: 782px) { + body.admin-bar .wp-block-navigation__responsive-container.is-menu-open { + top: 61px; + } +} + +@media (min-width: 600px) { + .wp-block-navigation__responsive-close { + pointer-events: none; + } + .wp-block-navigation__responsive-close .wp-block-navigation__responsive-container-close, +.wp-block-navigation__responsive-close .block-editor-block-list__layout * { + pointer-events: all; + } +} +.wp-block-navigation__responsive-close .wp-block-pages-list__item__link { + pointer-events: none; +} + +.components-button.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open, +.components-button.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close { + padding: 0; + height: auto; + color: inherit; +} + +.is-menu-open .wp-block-navigation__responsive-container-content * .block-list-appender { + margin-top: 16px; +} + +.wp-block-navigation-link__container { + border-radius: 0; + min-height: 36px; +} + +/** + * Submenus. + */ +.wp-block-navigation .has-child { + cursor: pointer; +} +.wp-block-navigation .has-child .submenu-container, +.wp-block-navigation .has-child .wp-block-navigation-link__container { + z-index: 28; +} +.wp-block-navigation .has-child:hover .submenu-container, +.wp-block-navigation .has-child:hover .wp-block-navigation-link__container { + z-index: 29; +} +.wp-block-navigation .has-child.is-selected > .wp-block-navigation-link__container, .wp-block-navigation .has-child.has-child-selected > .wp-block-navigation-link__container { + visibility: visible !important; + opacity: 1 !important; +} + +/** + * Navigation Items. + */ +.wp-block-navigation-link .wp-block-navigation-link__container { + display: block; +} +.wp-block-navigation-link .wp-block-navigation-link__content { + cursor: text; +} +.wp-block-navigation-link.is-editing, .wp-block-navigation-link.is-selected { + min-width: 20px; +} +.wp-block-navigation-link .block-list-appender { + margin-top: 16px; + margin-left: auto; + margin-bottom: 16px; + margin-right: 16px; +} + +.wp-block-navigation .block-editor-block-list__block[data-type="core/navigation-link"] > .block-editor-block-list__insertion-point { + display: none; +} + +/** + * Menu item setup state. Is shown when a menu item has no URL configured. + */ +.wp-block-navigation-link__placeholder { + position: relative; + margin: 2px; +} +.wp-block-navigation-link__placeholder .wp-block-navigation-link__placeholder-text { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + font-size: 13px; + padding-right: 4px; + padding-left: 4px; +} +.wp-block-navigation-link__placeholder.wp-block-navigation-link__content { + cursor: pointer; +} +.wp-block-navigation-link__placeholder::before { + content: ""; + display: block; + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + border-radius: 2px; + opacity: 0.1; +} +.is-dark-theme .wp-block-navigation-link__placeholder::before { + opacity: 0.2; +} +.is-editing .wp-block-navigation-link__placeholder::before { + background: currentColor; +} + +.wp-block-navigation .wp-block-navigation-link:not(.is-editing) .wp-block-navigation-link__content.wp-block-navigation-link__placeholder { + box-shadow: inset 0 0 0 1px #757575; + border-radius: 2px; + color: var(--wp-admin-theme-color); +} + +.block-editor-block-list__block[data-type="core/nextpage"] { + max-width: 100%; + text-align: center; + margin-top: 28px; + margin-bottom: 28px; +} + +.wp-block-nextpage { + display: block; + text-align: center; + white-space: nowrap; +} +.wp-block-nextpage > span { + font-size: 13px; + position: relative; + text-transform: uppercase; + font-weight: 600; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + color: #757575; + border-radius: 4px; + background: #fff; + padding: 6px 8px; + height: 24px; +} +.wp-block-nextpage::before { + content: ""; + position: absolute; + top: calc(50%); + right: 0; + left: 0; + border-top: 3px dashed #ccc; +} + +.wp-block-navigation .wp-block-page-list > div, +.wp-block-navigation .wp-block-page-list { + background-color: inherit; +} +.wp-block-navigation.items-justified-space-between .wp-block-page-list > div, +.wp-block-navigation.items-justified-space-between .wp-block-page-list { + display: contents; + flex: 1; +} +.wp-block-navigation.items-justified-space-between.has-child-selected .wp-block-page-list > div, .wp-block-navigation.items-justified-space-between.has-child-selected .wp-block-page-list, .wp-block-navigation.items-justified-space-between.is-selected .wp-block-page-list > div, .wp-block-navigation.items-justified-space-between.is-selected .wp-block-page-list { + flex: inherit; +} + +.wp-block-pages-list__item__link { + pointer-events: none; +} + +.wp-block-page-list .components-placeholder { + min-height: 0; + padding: 0; + background-color: inherit; +} +.wp-block-page-list .components-placeholder .components-spinner { + margin: 0.5em; +} + +.wp-block-page-list-modal { + max-width: 400px; +} + +.wp-block-page-list-modal-buttons { + display: flex; + justify-content: flex-end; +} +.wp-block-page-list-modal-buttons .components-button { + margin-right: 12px; +} + +.block-editor-block-list__block[data-type="core/paragraph"].has-drop-cap:focus { + min-height: auto !important; +} + +.block-editor-block-list__block[data-empty=true] [data-rich-text-placeholder] { + opacity: 1; +} + +.block-editor-block-list__block[data-empty=true] + .block-editor-block-list__block[data-empty=true] [data-rich-text-placeholder] { + opacity: 0; +} + +.wp-block-post-content__placeholder { + height: 100px; + border: 1px dashed; + display: flex; + justify-content: center; + align-items: center; +} +.wp-block-post-content__placeholder span { + font-style: italic; +} + +.wp-block-post-excerpt .wp-block-post-excerpt__excerpt.is-inline { + display: inline-block; +} + +.wp-block-post-author { + display: flex; + flex-wrap: wrap; +} +.wp-block-post-author .wp-block-post-author__byline { + font-size: 0.5em; + margin-top: 0; + position: relative; + font-style: normal; +} +.wp-block-post-author .wp-block-post-author__content { + flex-grow: 1; + flex-basis: 0; +} +.wp-block-post-author .wp-block-post-author__avatar img { + margin: 0; +} +.wp-block-post-author .wp-block-post-author__avatar { + margin-bottom: -8px; +} +.wp-block-post-author .wp-block-post-author__name { + margin: 0; + font-weight: bold; +} +.wp-block-post-author .wp-block-post-author__bio { + margin: 0 0 8px; + font-size: 0.7em; +} + +.wp-block[data-align=left] > .wp-block-pullquote p, +.wp-block[data-align=right] > .wp-block-pullquote p { + font-size: 20px; +} + +.wp-block-pullquote blockquote p { + font-size: 28px; + line-height: 1.6; +} + +.wp-block-pullquote.is-style-solid-color blockquote p { + font-size: 32px; +} +.wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation { + text-transform: none; + font-style: normal; +} + +.wp-block-pullquote .wp-block-pullquote__citation { + color: inherit; +} + +.wp-block-rss li a > div { + display: inline; +} + +.wp-block-rss__placeholder-form { + display: flex; + align-items: stretch; +} +.wp-block-rss__placeholder-form > * { + margin-bottom: 8px; +} +@media (min-width: 782px) { + .wp-block-rss__placeholder-form > * { + margin-bottom: 0; + } +} + +.wp-block-rss__placeholder-input { + display: flex; + align-items: stretch; + flex-grow: 1; +} +.wp-block-rss__placeholder-input .components-base-control__field { + margin: 0; + display: flex; + align-items: stretch; + flex-grow: 1; + margin-left: 8px; +} + +.wp-block[data-align=center] .wp-block-search .wp-block-search__inside-wrapper { + margin: auto; +} + +.wp-block-search .wp-block-search__input { + padding: 8px; +} +.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper { + padding: 4px; +} +.wp-block-search .wp-block-search__button { + height: auto; + border-radius: initial; +} +.wp-block-search .wp-block-search__button.wp-block-search__button.wp-block-search__button { + padding: 6px 10px; +} +.wp-block-search__components-button-group { + margin-top: 10px; +} + +.block-editor-block-list__block[data-type="core/separator"] { + padding-top: 0.1px; + padding-bottom: 0.1px; +} + +[data-type="core/shortcode"] .block-editor-plain-text { + max-height: 250px; +} +[data-type="core/shortcode"].components-placeholder { + min-height: 0; +} + +.blocks-shortcode__textarea { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + padding: 6px 8px; + box-shadow: 0 0 0 transparent; + transition: box-shadow 0.1s linear; + border-radius: 2px; + border: 1px solid #757575; + /* Fonts smaller than 16px causes mobile safari to zoom. */ + font-size: 16px; + /* Override core line-height. To be reviewed. */ + line-height: normal; +} +@media (prefers-reduced-motion: reduce) { + .blocks-shortcode__textarea { + transition-duration: 0s; + transition-delay: 0s; + } +} +@media (min-width: 600px) { + .blocks-shortcode__textarea { + font-size: 13px; + /* Override core line-height. To be reviewed. */ + line-height: normal; + } +} +.blocks-shortcode__textarea:focus { + border-color: var(--wp-admin-theme-color); + box-shadow: 0 0 0 1px var(--wp-admin-theme-color); + outline: 2px solid transparent; +} +.blocks-shortcode__textarea::-webkit-input-placeholder { + color: rgba(30, 30, 30, 0.62); +} +.blocks-shortcode__textarea::-moz-placeholder { + opacity: 1; + color: rgba(30, 30, 30, 0.62); +} +.blocks-shortcode__textarea:-ms-input-placeholder { + color: rgba(30, 30, 30, 0.62); +} + +.wp-block[data-align=center] > .wp-block-site-logo { + margin-right: auto; + margin-left: auto; + text-align: center; +} + +.wp-block-site-logo a { + pointer-events: none; +} +.wp-block-site-logo:not(.is-default-size) { + display: table; +} +.wp-block-site-logo.is-default-size { + width: 120px; +} +.wp-block-site-logo.is-default-size img { + width: 100%; +} +.wp-block-site-logo .custom-logo-link { + cursor: inherit; +} +.wp-block-site-logo .custom-logo-link:focus { + box-shadow: none; +} +.wp-block-site-logo .custom-logo-link.is-transient img { + opacity: 0.3; +} +.wp-block-site-logo img { + display: block; + max-width: 100%; +} +.wp-block-site-logo .components-placeholder { + justify-content: flex-start; + min-height: auto; + height: 120px; + padding: 12px; +} +.wp-block-site-logo .components-placeholder .components-placeholder__label { + margin-top: 12px; + white-space: nowrap; +} +.wp-block-site-logo .components-placeholder .components-placeholder__label .block-editor-block-icon, +.wp-block-site-logo .components-placeholder .components-placeholder__label > svg { + margin-left: 4px; +} +.wp-block-site-logo .components-placeholder .components-form-file-upload { + display: none; +} +.wp-block-site-logo .components-placeholder .components-placeholder__preview { + position: absolute; + top: 4px; + left: 4px; + bottom: 4px; + right: 4px; + background: rgba(255, 255, 255, 0.8); + display: flex; + align-items: center; + justify-content: center; +} +.wp-block-site-logo .components-placeholder .components-drop-zone__content-text { + display: none; +} + +.wp-block-site-tagline__placeholder { + padding: 1em 0; + border: 1px dashed; +} + +.wp-block-site-title__placeholder { + padding: 1em 0; + border: 1px dashed; +} + +.wp-block-social-links .wp-social-link { + line-height: 0; +} +.wp-block-social-links .wp-social-link button { + font-size: inherit; + color: currentColor; + height: auto; + line-height: 0; + padding: 0.25em; +} + +.wp-block-social-links.is-style-pill-shape .wp-social-link button { + padding-right: calc((2/3) * 1em); + padding-left: calc((2/3) * 1em); +} + +.wp-block-social-links div.block-editor-url-input { + display: inline-block; + margin-right: 8px; +} + +.wp-social-link:hover { + transform: none; +} + +.editor-styles-wrapper .wp-block-social-links { + padding: 0; +} + +.wp-block-social-links__social-placeholder { + display: flex; + opacity: 0.8; + list-style: none; +} +.wp-block-social-links__social-placeholder > .wp-social-link { + padding-right: 0 !important; + margin-right: 0 !important; + padding-left: 0 !important; + margin-left: 0 !important; + width: 0 !important; + visibility: hidden; +} +.wp-block-social-links__social-placeholder > .wp-block-social-links__social-placeholder-icons { + display: flex; +} +.wp-block-social-links__social-placeholder + .block-list-appender, +.wp-block-social-links__social-placeholder .wp-social-link { + padding: 0.25em; +} +.is-style-pill-shape .wp-block-social-links__social-placeholder + .block-list-appender, +.is-style-pill-shape .wp-block-social-links__social-placeholder .wp-social-link { + padding-right: calc((2/3) * 1em); + padding-left: calc((2/3) * 1em); +} +.wp-block-social-links__social-placeholder .wp-social-link::before { + content: ""; + display: block; + width: 1em; + height: 1em; + border-radius: 50%; +} +.is-style-logos-only .wp-block-social-links__social-placeholder .wp-social-link::before { + background: currentColor; +} + +.wp-block-social-links .wp-block-social-links__social-prompt { + list-style: none; + order: 2; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + font-size: 13px; + line-height: 24px; + margin-top: auto; + margin-bottom: auto; + cursor: default; + padding-left: 8px; +} +.wp-block-social-links .wp-block-social-links__social-prompt + .block-list-appender { + margin-left: 8px; + padding: 0.25em; +} + +.wp-block-social-links .block-list-appender { + margin: 4px 0 4px auto; + border-radius: 9999px; +} +.wp-block-social-links .block-list-appender .block-editor-inserter { + display: flex; + align-items: center; + justify-content: center; + font-size: inherit; + width: 1em; + height: 1em; +} +.has-small-icon-size .wp-block-social-links .block-list-appender { + font-size: 16px; +} +.has-normal-icon-size .wp-block-social-links .block-list-appender { + font-size: 24px; +} +.has-large-icon-size .wp-block-social-links .block-list-appender { + font-size: 36px; +} +.has-huge-icon-size .wp-block-social-links .block-list-appender { + font-size: 48px; +} +.wp-block-social-links .block-list-appender::before { + content: none; +} + +.wp-block[data-align=center] > .wp-block-social-links { + justify-content: center; +} + +.block-editor-block-preview__content .components-button:disabled { + opacity: 1; +} + +.wp-social-link.wp-social-link__is-incomplete { + opacity: 0.5; +} +@media (prefers-reduced-motion: reduce) { + .wp-social-link.wp-social-link__is-incomplete { + transition-duration: 0s; + transition-delay: 0s; + } +} + +.wp-block-social-links .is-selected .wp-social-link__is-incomplete, +.wp-social-link.wp-social-link__is-incomplete:hover, +.wp-social-link.wp-social-link__is-incomplete:focus { + opacity: 1; +} + +.block-editor-block-list__block[data-type="core/spacer"]::before { + content: ""; + display: block; + position: absolute; + width: 100%; + height: 24px; + transform: translateY(-12px); +} + +.wp-block-spacer.is-hovered .block-library-spacer__resize-container, +.block-library-spacer__resize-container.has-show-handle { + background: rgba(0, 0, 0, 0.1); +} +.is-dark-theme .wp-block-spacer.is-hovered .block-library-spacer__resize-container, +.is-dark-theme .block-library-spacer__resize-container.has-show-handle { + background: rgba(255, 255, 255, 0.15); +} + +.block-library-spacer__resize-container { + clear: both; +} +.block-library-spacer__resize-container .components-resizable-box__handle::before { + content: none; +} +.block-library-spacer__resize-container.resize-horizontal { + margin-bottom: 0; +} + +.wp-block-table { + margin: 0; +} +.wp-block[data-align=left] > .wp-block-table, .wp-block[data-align=right] > .wp-block-table, .wp-block[data-align=center] > .wp-block-table { + height: auto; +} +.wp-block[data-align=left] > .wp-block-table table, .wp-block[data-align=right] > .wp-block-table table, .wp-block[data-align=center] > .wp-block-table table { + width: auto; +} +.wp-block[data-align=left] > .wp-block-table td, +.wp-block[data-align=left] > .wp-block-table th, .wp-block[data-align=right] > .wp-block-table td, +.wp-block[data-align=right] > .wp-block-table th, .wp-block[data-align=center] > .wp-block-table td, +.wp-block[data-align=center] > .wp-block-table th { + word-break: break-word; +} +.wp-block[data-align=center] > .wp-block-table { + text-align: initial; +} +.wp-block[data-align=center] > .wp-block-table table { + margin: 0 auto; +} +.wp-block-table td, +.wp-block-table th { + border: 1px solid; +} +.wp-block-table td.is-selected, +.wp-block-table th.is-selected { + border-color: var(--wp-admin-theme-color); + box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color); + border-style: double; +} +.wp-block-table figcaption { + color: #555; + font-size: 13px; + text-align: center; +} +.is-dark-theme .wp-block-table figcaption { + color: rgba(255, 255, 255, 0.65); +} + +.blocks-table__placeholder-form.blocks-table__placeholder-form { + display: flex; + flex-direction: column; + align-items: flex-start; +} +.blocks-table__placeholder-form.blocks-table__placeholder-form > * { + margin-bottom: 8px; +} +@media (min-width: 782px) { + .blocks-table__placeholder-form.blocks-table__placeholder-form { + flex-direction: row; + align-items: flex-end; + } + .blocks-table__placeholder-form.blocks-table__placeholder-form > * { + margin-bottom: 0; + } +} + +.blocks-table__placeholder-input { + width: 112px; + margin-left: 8px; + margin-bottom: 0; +} +.blocks-table__placeholder-input input { + height: 36px; +} +.blocks-table__placeholder-input .components-base-control__field { + margin-bottom: 0; +} + +.wp-block-tag-cloud a { + display: inline-block; + margin-left: 5px; +} +.wp-block-tag-cloud span { + display: inline-block; + margin-right: 5px; + color: #757575; + text-decoration: none; +} + +.wp-block-template-part__placeholder-preview-dropdown-content .components-popover__content, +.wp-block-template-part__preview-dropdown-content .components-popover__content { + min-width: 320px; + padding: 0; +} + +.wp-block-template-part__selection-preview-search-form { + border-bottom: 1px solid #ddd; +} + +.wp-block-template-part__selection-preview-container { + background: #fff; + padding-bottom: 16px; +} +.wp-block-template-part__selection-preview-container .wp-block-template-part__selection-preview-item { + border-radius: 2px; + cursor: pointer; + margin-top: 16px; + transition: all 0.05s ease-in-out; + border: 1px solid transparent; + width: 100%; + background-color: #fff; +} +.wp-block-template-part__selection-preview-container .wp-block-template-part__selection-preview-item:hover { + border: 1px solid var(--wp-admin-theme-color); +} +.wp-block-template-part__selection-preview-container .wp-block-template-part__selection-preview-item:focus { + box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + outline: 2px solid transparent; +} +.wp-block-template-part__selection-preview-container .wp-block-template-part__selection-preview-item.is-placeholder { + min-height: 100px; +} +.wp-block-template-part__selection-preview-container .wp-block-template-part__selection-preview-item-title { + padding: 4px; + font-size: 12px; + text-align: right; +} +.wp-block-template-part__selection-preview-container .wp-block-template-part__selection-panel-group-header { + padding: 16px 16px 0; +} +.wp-block-template-part__selection-preview-container .wp-block-template-part__selection-panel-group-content { + padding: 0 16px; +} +.wp-block-template-part__selection-preview-container .wp-block-template-part__selection-panel-group-title { + color: var(--wp-admin-theme-color); + text-transform: uppercase; + font-size: 11px; + font-weight: 500; +} + +.block-editor-block-list__block[data-type="core/template-part"].has-child-selected::after { + border: 1px dotted var(--wp-admin-theme-color); +} +.block-editor-block-list__block[data-type="core/template-part"].has-child-selected.is-hovered::after, .block-editor-block-list__block[data-type="core/template-part"].has-child-selected.is-highlighted::after { + border: none; +} + +.wp-block-text-columns .block-editor-rich-text__editable:focus { + outline: 1px solid #ddd; +} + +.wp-block[data-align=center] > .wp-block-video { + text-align: center; +} + +.wp-block-video { + position: relative; +} +.wp-block-video.is-transient video { + opacity: 0.3; +} +.wp-block-video .components-spinner { + position: absolute; + top: 50%; + right: 50%; + margin-top: -9px; + margin-right: -9px; +} + +.editor-video-poster-control .components-base-control__label { + display: block; +} +.editor-video-poster-control .components-button { + margin-left: 8px; +} + +.block-library-video-tracks-editor { + z-index: 159990; +} + +.block-library-video-tracks-editor > .components-popover__content { + width: 360px; +} + +.block-library-video-tracks-editor__track-list-track { + display: flex; + place-content: space-between; + align-items: baseline; + padding-right: 12px; +} + +.block-library-video-tracks-editor__single-track-editor-label-language { + display: flex; + margin-top: 12px; +} +.block-library-video-tracks-editor__single-track-editor-label-language > .components-base-control { + width: 50%; +} +.block-library-video-tracks-editor__single-track-editor-label-language > .components-base-control:first-child { + margin-left: 16px; +} + +.block-library-video-tracks-editor__single-track-editor-kind-select { + max-width: 240px; +} + +.block-library-video-tracks-editor__single-track-editor-buttons-container { + display: flex; + place-content: space-between; + margin-top: 32px; +} + +.block-library-video-tracks-editor__single-track-editor-edit-track-label { + margin-top: 4px; + margin-bottom: 12px; + color: #757575; + text-transform: uppercase; + font-size: 11px; + font-weight: 500; + display: block; +} + +.block-library-video-tracks-editor > .components-popover__content > div { + padding: 0; +} + +.block-library-video-tracks-editor__track-list .components-menu-group__label, +.block-library-video-tracks-editor__add-tracks-container .components-menu-group__label { + padding: 0; +} + +.block-library-video-tracks-editor__single-track-editor, +.block-library-video-tracks-editor__track-list, +.block-library-video-tracks-editor__add-tracks-container { + padding: 12px; +} + +.block-library-video-tracks-editor__single-track-editor .components-base-control .components-base-control__label { + margin-bottom: 4px; +} +.block-library-video-tracks-editor__single-track-editor .components-base-control .components-base-control__field { + margin-bottom: 12px; +} +.block-library-video-tracks-editor__single-track-editor .components-base-control .components-text-control__input { + margin-right: 0; +} +.block-library-video-tracks-editor__single-track-editor .components-base-control .components-input-control__label { + margin-bottom: 4px; +} + +.wp-block-query-title__placeholder { + padding: 1em 0; + border: 1px dashed; +} + +.editor-styles-wrapper ul.wp-block-post-template { + padding-right: 0; + margin-right: 0; + list-style: none; +} + +.block-library-query-toolbar__popover .components-popover__content { + min-width: 230px; +} + +.wp-block-query__create-new-link { + padding: 0 56px 16px 16px; +} + +.wp-block > .wp-block-query-pagination { + display: flex; + flex-wrap: wrap; + flex-direction: row; +} + +.editor-styles-wrapper .wp-block-query-pagination { + max-width: 100%; +} +.editor-styles-wrapper .wp-block-query-pagination.block-editor-block-list__layout { + margin: 0; +} + +.block-library-query-pagination-toolbar__popover .components-popover__content { + min-width: 230px; +} + +.wp-block-query-pagination > .wp-block-query-pagination-next, +.wp-block-query-pagination > .wp-block-query-pagination-previous, +.wp-block-query-pagination > .wp-block-query-pagination-numbers { + display: inline-block; + margin-right: 0; + margin-top: 0.5em; + margin-right: 0.5em; + margin-bottom: 0.5em; +} +.wp-block-query-pagination > .wp-block-query-pagination-next:last-child, +.wp-block-query-pagination > .wp-block-query-pagination-previous:last-child, +.wp-block-query-pagination > .wp-block-query-pagination-numbers:last-child { + margin-right: 0; +} + +.wp-block-query-pagination-numbers a { + text-decoration: underline; +} +.wp-block-query-pagination-numbers .page-numbers { + margin-left: 2px; +} +.wp-block-query-pagination-numbers .page-numbers:last-child { + margin-right: 0; +} + +div[data-type="core/post-featured-image"] img { + max-width: 100%; + height: auto; + display: block; +} + +.editor-styles-wrapper .post-featured-image_placeholder { + display: flex; + flex-direction: row; + align-items: flex-start; + border-radius: 2px; + background-color: #fff; + box-shadow: inset 0 0 0 1px #1e1e1e; + padding: 12px; +} +.editor-styles-wrapper .post-featured-image_placeholder svg { + margin-left: 12px; +} +.editor-styles-wrapper .post-featured-image_placeholder p { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + font-size: 13px; + margin: 0; +} + +.wp-block-term-description__placeholder { + padding: 1em 0; + border: 1px dashed; +} + +:root .editor-styles-wrapper { + /* stylelint-disable function-comma-space-after */ + /* stylelint-enable function-comma-space-after */ +} +:root .editor-styles-wrapper .has-pale-pink-background-color { + background-color: #f78da7; +} +:root .editor-styles-wrapper .has-vivid-red-background-color { + background-color: #cf2e2e; +} +:root .editor-styles-wrapper .has-luminous-vivid-orange-background-color { + background-color: #ff6900; +} +:root .editor-styles-wrapper .has-luminous-vivid-amber-background-color { + background-color: #fcb900; +} +:root .editor-styles-wrapper .has-light-green-cyan-background-color { + background-color: #7bdcb5; +} +:root .editor-styles-wrapper .has-vivid-green-cyan-background-color { + background-color: #00d084; +} +:root .editor-styles-wrapper .has-pale-cyan-blue-background-color { + background-color: #8ed1fc; +} +:root .editor-styles-wrapper .has-vivid-cyan-blue-background-color { + background-color: #0693e3; +} +:root .editor-styles-wrapper .has-vivid-purple-background-color { + background-color: #9b51e0; +} +:root .editor-styles-wrapper .has-white-background-color { + background-color: #fff; +} +:root .editor-styles-wrapper .has-very-light-gray-background-color { + background-color: #eee; +} +:root .editor-styles-wrapper .has-cyan-bluish-gray-background-color { + background-color: #abb8c3; +} +:root .editor-styles-wrapper .has-very-dark-gray-background-color { + background-color: #313131; +} +:root .editor-styles-wrapper .has-black-background-color { + background-color: #000; +} +:root .editor-styles-wrapper .has-pale-pink-color { + color: #f78da7; +} +:root .editor-styles-wrapper .has-vivid-red-color { + color: #cf2e2e; +} +:root .editor-styles-wrapper .has-luminous-vivid-orange-color { + color: #ff6900; +} +:root .editor-styles-wrapper .has-luminous-vivid-amber-color { + color: #fcb900; +} +:root .editor-styles-wrapper .has-light-green-cyan-color { + color: #7bdcb5; +} +:root .editor-styles-wrapper .has-vivid-green-cyan-color { + color: #00d084; +} +:root .editor-styles-wrapper .has-pale-cyan-blue-color { + color: #8ed1fc; +} +:root .editor-styles-wrapper .has-vivid-cyan-blue-color { + color: #0693e3; +} +:root .editor-styles-wrapper .has-vivid-purple-color { + color: #9b51e0; +} +:root .editor-styles-wrapper .has-white-color { + color: #fff; +} +:root .editor-styles-wrapper .has-very-light-gray-color { + color: #eee; +} +:root .editor-styles-wrapper .has-cyan-bluish-gray-color { + color: #abb8c3; +} +:root .editor-styles-wrapper .has-very-dark-gray-color { + color: #313131; +} +:root .editor-styles-wrapper .has-black-color { + color: #000; +} +:root .editor-styles-wrapper .has-vivid-cyan-blue-to-vivid-purple-gradient-background { + background: linear-gradient(-135deg, #0693e3 0%, #9b51e0 100%); +} +:root .editor-styles-wrapper .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background { + background: linear-gradient(-135deg, #00d084 0%, #0693e3 100%); +} +:root .editor-styles-wrapper .has-light-green-cyan-to-vivid-green-cyan-gradient-background { + background: linear-gradient(-135deg, #7adcb4 0%, #00d082 100%); +} +:root .editor-styles-wrapper .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background { + background: linear-gradient(-135deg, #fcb900 0%, #ff6900 100%); +} +:root .editor-styles-wrapper .has-luminous-vivid-orange-to-vivid-red-gradient-background { + background: linear-gradient(-135deg, #ff6900 0%, #cf2e2e 100%); +} +:root .editor-styles-wrapper .has-very-light-gray-to-cyan-bluish-gray-gradient-background { + background: linear-gradient(-135deg, #eeeeee 0%, #a9b8c3 100%); +} +:root .editor-styles-wrapper .has-cool-to-warm-spectrum-gradient-background { + background: linear-gradient(-135deg, #4aeadc 0%, #9778d1 20%, #cf2aba 40%, #ee2c82 60%, #fb6962 80%, #fef84c 100%); +} +:root .editor-styles-wrapper .has-blush-light-purple-gradient-background { + background: linear-gradient(-135deg, #ffceec 0%, #9896f0 100%); +} +:root .editor-styles-wrapper .has-blush-bordeaux-gradient-background { + background: linear-gradient(-135deg, #fecda5 0%, #fe2d2d 50%, #6b003e 100%); +} +:root .editor-styles-wrapper .has-purple-crush-gradient-background { + background: linear-gradient(-135deg, #34e2e4 0%, #4721fb 50%, #ab1dfe 100%); +} +:root .editor-styles-wrapper .has-luminous-dusk-gradient-background { + background: linear-gradient(-135deg, #ffcb70 0%, #c751c0 50%, #4158d0 100%); +} +:root .editor-styles-wrapper .has-hazy-dawn-gradient-background { + background: linear-gradient(-135deg, #faaca8 0%, #dad0ec 100%); +} +:root .editor-styles-wrapper .has-pale-ocean-gradient-background { + background: linear-gradient(-135deg, #fff5cb 0%, #b6e3d4 50%, #33a7b5 100%); +} +:root .editor-styles-wrapper .has-electric-grass-gradient-background { + background: linear-gradient(-135deg, #caf880 0%, #71ce7e 100%); +} +:root .editor-styles-wrapper .has-subdued-olive-gradient-background { + background: linear-gradient(-135deg, #fafae1 0%, #67a671 100%); +} +:root .editor-styles-wrapper .has-atomic-cream-gradient-background { + background: linear-gradient(-135deg, #fdd79a 0%, #004a59 100%); +} +:root .editor-styles-wrapper .has-nightshade-gradient-background { + background: linear-gradient(-135deg, #330968 0%, #31cdcf 100%); +} +:root .editor-styles-wrapper .has-midnight-gradient-background { + background: linear-gradient(-135deg, #020381 0%, #2874fc 100%); +} + +.editor-styles-wrapper .has-small-font-size { + font-size: 13px; +} + +.editor-styles-wrapper .has-regular-font-size, +.editor-styles-wrapper .has-normal-font-size { + font-size: 16px; +} + +.editor-styles-wrapper .has-medium-font-size { + font-size: 20px; +} + +.editor-styles-wrapper .has-large-font-size { + font-size: 36px; +} + +.editor-styles-wrapper .has-larger-font-size, +.editor-styles-wrapper .has-huge-font-size { + font-size: 42px; +} + +/** + * Editor Normalization Styles + * + * These are only output in the editor, but styles here are NOT prefixed .editor-styles-wrapper. + * This allows us to create normalization styles that are easily overridden by editor styles. + */ +#end-resizable-editor-section { + display: none; +} \ No newline at end of file diff --git a/wp-includes/css/dist/block-library/editor-rtl.min.css b/wp-includes/css/dist/block-library/editor-rtl.min.css new file mode 100644 index 0000000000..d7446f4cb7 --- /dev/null +++ b/wp-includes/css/dist/block-library/editor-rtl.min.css @@ -0,0 +1 @@ +#start-resizable-editor-section{display:none}ul.wp-block-archives{padding-right:2.5em}.wp-block-audio{margin-right:0;margin-left:0}.edit-post-visual-editor .block-library-block__reusable-block-container .is-root-container{padding-right:0;padding-left:0}.edit-post-visual-editor .block-library-block__reusable-block-container .block-editor-writing-flow{display:block}.edit-post-visual-editor .block-library-block__reusable-block-container .components-disabled .block-list-appender{display:none}.wp-block[data-align=center]>.wp-block-button{text-align:center;margin-right:auto;margin-left:auto}.wp-block[data-align=right]>.wp-block-button{text-align:right}.wp-block-button{position:relative;cursor:text}.wp-block-button:not(.has-text-color):not(.is-style-outline) [data-rich-text-placeholder]:after{color:#fff}.wp-block-button:focus{box-shadow:0 0 0 1px #fff,0 0 0 3px var(--wp-admin-theme-color);outline:2px solid transparent;outline-offset:-2px}.wp-block-button[data-rich-text-placeholder]:after{opacity:.8}.wp-block-button__inline-link{color:#757575;height:0;overflow:hidden;max-width:290px}.wp-block-button__inline-link-input__suggestions{max-width:290px}@media (min-width:782px){.wp-block-button__inline-link,.wp-block-button__inline-link-input__suggestions{max-width:260px}}@media (min-width:960px){.wp-block-button__inline-link,.wp-block-button__inline-link-input__suggestions{max-width:290px}}.is-selected .wp-block-button__inline-link{height:auto;overflow:visible;margin-top:16px}.wp-button-label__width .components-button-group{display:block}.wp-button-label__width .components-base-control__field{margin-bottom:12px}div[data-type="core/button"]{display:table}.wp-block>.wp-block-buttons{display:flex;flex-wrap:wrap}.wp-block-buttons>.wp-block{margin-right:0;margin-top:.5em;margin-left:.5em}.wp-block-buttons>.block-list-appender{display:inline-flex;align-items:center}.wp-block-buttons.is-vertical>.block-list-appender .block-list-appender__toggle{justify-content:flex-start}.wp-block-buttons>.wp-block-button:focus{box-shadow:none}.wp-block-buttons:not(.is-content-justification-space-between,.is-content-justification-right,.is-content-justification-left,.is-content-justification-center) .wp-block[data-align=center]{margin-right:auto;margin-left:auto;margin-top:0;width:100%}.wp-block-buttons:not(.is-content-justification-space-between,.is-content-justification-right,.is-content-justification-left,.is-content-justification-center) .wp-block[data-align=center] .wp-block-button{margin-bottom:0}.wp-block[data-align=center]>.wp-block-buttons{align-items:center;justify-content:center}.wp-block[data-align=right]>.wp-block-buttons{justify-content:flex-end}.wp-block-categories ul{padding-right:2.5em}.wp-block-categories ul ul{margin-top:6px}.wp-block-columns .wp-block{max-width:none;margin-right:0;margin-left:0}@media (min-width:600px){.editor-styles-wrapper .block-editor-block-list__block.wp-block-column:nth-child(2n){margin-right:32px}}@media (min-width:782px){.editor-styles-wrapper .block-editor-block-list__block.wp-block-column:not(:first-child){margin-right:32px}}.block-editor-block-list__block.wp-block-column.wp-block-column{margin-top:0;margin-bottom:0}.wp-block-cover.is-placeholder{min-height:auto!important;padding:0!important}.wp-block-cover.components-placeholder h2{color:inherit}.wp-block-cover.is-transient:before{background-color:#fff;opacity:.3}.wp-block-cover .components-spinner{position:absolute;z-index:1;top:50%;right:50%;transform:translate(50%,-50%);margin:0}.wp-block-cover .block-editor-block-list__layout{width:100%}.wp-block-cover .wp-block-cover__inner-container{text-align:right;margin-right:0;margin-left:0}.wp-block-cover .wp-block-cover__placeholder-background-options{width:100%}[data-align=left]>.wp-block-cover,[data-align=right]>.wp-block-cover{max-width:420px;width:100%}.block-library-cover__reset-button{margin-right:auto}.block-library-cover__resize-container{position:absolute!important;top:0;right:0;left:0;bottom:0}.block-library-cover__resize-container:not(.is-resizing){height:auto!important}.wp-block-cover>.components-drop-zone.is-active{transition:opacity .2s,border .2s}@media (prefers-reduced-motion:reduce){.wp-block-cover>.components-drop-zone.is-active{transition-duration:0s;transition-delay:0s}}.wp-block-cover>.components-drop-zone.is-dragging-over-element{background-color:transparent;border:48px solid var(--wp-admin-theme-color)}.wp-block-cover>.components-drop-zone.is-dragging-over-element .components-drop-zone__content{transform:none}.wp-block-cover>.components-drop-zone .components-drop-zone__content{display:flex;align-items:center;top:-36px;right:-36px;transform:none}.wp-block-cover>.components-drop-zone .components-drop-zone__content-icon,.wp-block-cover>.components-drop-zone .components-drop-zone__content-text{display:inline}.wp-block-cover>.components-drop-zone .components-drop-zone__content-icon{margin:0 0 0 8px}.wp-block-cover>.components-drop-zone .components-drop-zone__content-text{font-size:13px}.block-editor-block-patterns-list__list-item .has-parallax.wp-block-cover{background-attachment:scroll}.wp-block-embed{margin-right:0;margin-left:0;clear:both}.wp-block-embed.is-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1em;min-height:200px;text-align:center;border-radius:2px;background-color:#fff;box-shadow:inset 0 0 0 1px #1e1e1e}.wp-block-embed.is-loading p{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px}.wp-block-embed .components-placeholder__error{word-break:break-word}.wp-block-embed .components-placeholder__learn-more{margin-top:1em}.block-library-embed__interactive-overlay{position:absolute;top:0;right:0;left:0;bottom:0;opacity:0}.wp-block[data-align=left]>.wp-block-embed,.wp-block[data-align=right]>.wp-block-embed{max-width:360px;width:100%}.wp-block[data-align=left]>.wp-block-embed .wp-block-embed__wrapper,.wp-block[data-align=right]>.wp-block-embed .wp-block-embed__wrapper{min-width:280px}.wp-block-file{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:0}.wp-block[data-align=left]>.wp-block-file,.wp-block[data-align=right]>.wp-block-file{height:auto}.wp-block-file .components-resizable-box__container{margin-bottom:1em}.wp-block-file .wp-block-file__preview{margin-bottom:1em;width:100%;height:100%}.wp-block-file .wp-block-file__preview-overlay{position:absolute;top:0;left:0;bottom:0;right:0}.wp-block-file .wp-block-file__content-wrapper{flex-grow:1}.wp-block-file a{min-width:1em}.wp-block-file .wp-block-file__button-richtext-wrapper{display:inline-block;margin-right:.75em}.wp-block-freeform.block-library-rich-text__tinymce{height:auto}.wp-block-freeform.block-library-rich-text__tinymce li,.wp-block-freeform.block-library-rich-text__tinymce p{line-height:1.8}.wp-block-freeform.block-library-rich-text__tinymce ol,.wp-block-freeform.block-library-rich-text__tinymce ul{padding-right:2.5em;margin-right:0}.wp-block-freeform.block-library-rich-text__tinymce blockquote{margin:0;box-shadow:inset 0 0 0 0 #ddd;border-right:4px solid #000;padding-right:1em}.wp-block-freeform.block-library-rich-text__tinymce pre{white-space:pre-wrap;font-family:Menlo,Consolas,monaco,monospace;font-size:15px;color:#1e1e1e}.wp-block-freeform.block-library-rich-text__tinymce>:first-child{margin-top:0}.wp-block-freeform.block-library-rich-text__tinymce>:last-child{margin-bottom:0}.wp-block-freeform.block-library-rich-text__tinymce.mce-edit-focus{outline:none}.wp-block-freeform.block-library-rich-text__tinymce a{color:var(--wp-admin-theme-color)}.wp-block-freeform.block-library-rich-text__tinymce:focus a[data-mce-selected]{padding:0 2px;margin:0 -2px;border-radius:2px;box-shadow:0 0 0 1px #e5f5fa;background:#e5f5fa}.wp-block-freeform.block-library-rich-text__tinymce code{padding:2px;border-radius:2px;color:#1e1e1e;background:#f0f0f0;font-family:Menlo,Consolas,monaco,monospace;font-size:14px}.wp-block-freeform.block-library-rich-text__tinymce:focus code[data-mce-selected]{background:#ddd}.wp-block-freeform.block-library-rich-text__tinymce .alignright{float:right;margin:.5em 0 .5em 1em}.wp-block-freeform.block-library-rich-text__tinymce .alignleft{float:left;margin:.5em 1em .5em 0}.wp-block-freeform.block-library-rich-text__tinymce .aligncenter{display:block;margin-right:auto;margin-left:auto}.wp-block-freeform.block-library-rich-text__tinymce .wp-more-tag{width:96%;height:20px;display:block;margin:15px auto;outline:0;cursor:default;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAADtgAAAAoBAMAAAA86gLBAAAAJFBMVEVMaXG7u7vBwcHDw8POzs68vLzGxsbMzMy+vr7AwMDQ0NDGxsYKLGzpAAAADHRSTlMA///zWf+/f///TMxNVGuqAAABwklEQVR4Ae3dMXLaQBTH4bfj8UCpx8hq0vgKvgFNemhT6Qo6gg6R+0ZahM2QLmyBJ99XWP9V5+o3jIUcLQEAAAAAAAAAAAAAAAAAAAAAAABQ8j0WL9lfTtlt18uNXAUA8O/KVtfa1tdcrOdSh9gCQAMlh1hMNbZZ1bsrsQWABsrhLRbz7z5in/32UbfUMUbkMQCAh5RfGYv82UdMdZ6HS2wjT2ILAI8r3XmM2B3WvM59vfO2xXYW2yYAENuPU8S+X/N67mKxzy225yaxBQCxLV392UdcvwV0jPVUj98ntkBWT7C7+9u2/V/vGtvXIWJ6/4rtbottWa6Ri0NUT/u72LYttrb97LHdvUXMxxrb8TO2W2TF1rYbbLG1bbGNjMi4+2Sbi1FsbbvNFlvbFtt5fDnE3d9sP1/XeIyV2Nr2U2/guZUuptNrH/dPI9eLB6SaAEBs6wPJf3/PNk9tYgsAYrv/8TFuzx/fvkFqGtrEFgDEdpcZUb7ejXy6ntrEFgDENvL6gsas4vbdyKt4DACI7TxElJv/Z7udpqFNbAFAbKduy2uU2trttM/x28UWAAAAAAAAAAAAAAAAAAAAAAAAAADgDyPwGmGTCZp7AAAAAElFTkSuQmCC);background-size:1900px 20px;background-repeat:no-repeat;background-position:50%}.wp-block-freeform.block-library-rich-text__tinymce img::selection{background-color:transparent}.wp-block-freeform.block-library-rich-text__tinymce div.mceTemp{-ms-user-select:element}.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption{margin:0;max-width:100%}.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption a,.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption img{display:block}.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption,.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption *{-webkit-user-drag:none}.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption .wp-caption-dd{padding-top:.5em;margin:0}.wp-block-freeform.block-library-rich-text__tinymce .wpview{width:99.99%;position:relative;clear:both;margin-bottom:16px;border:1px solid transparent}.wp-block-freeform.block-library-rich-text__tinymce .wpview iframe{display:block;max-width:100%;background:transparent}.wp-block-freeform.block-library-rich-text__tinymce .wpview .mce-shim{position:absolute;top:0;left:0;bottom:0;right:0}.wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected="2"] .mce-shim{display:none}.wp-block-freeform.block-library-rich-text__tinymce .wpview .loading-placeholder{border:1px dashed #ddd;padding:10px}.wp-block-freeform.block-library-rich-text__tinymce .wpview .wpview-error{border:1px solid #ddd;padding:1em 0;margin:0;word-wrap:break-word}.wp-block-freeform.block-library-rich-text__tinymce .wpview .wpview-error p{margin:0;text-align:center}.wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected] .loading-placeholder,.wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected] .wpview-error{border-color:transparent}.wp-block-freeform.block-library-rich-text__tinymce .wpview .dashicons{display:block;margin:0 auto;width:32px;height:32px;font-size:32px}.wp-block-freeform.block-library-rich-text__tinymce .wpview.wpview-type-gallery:after{content:"";display:table;clear:both}.wp-block-freeform.block-library-rich-text__tinymce .gallery img[data-mce-selected]:focus{outline:none}.wp-block-freeform.block-library-rich-text__tinymce .gallery a{cursor:default}.wp-block-freeform.block-library-rich-text__tinymce .gallery{margin:auto -6px;padding:6px 0;line-height:1;overflow-x:hidden}.wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-item{float:right;margin:0;text-align:center;padding:6px;box-sizing:border-box}.wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-caption,.wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-icon{margin:0}.wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-caption{font-size:13px;margin:4px 0}.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-1 .gallery-item{width:100%}.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-2 .gallery-item{width:50%}.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-3 .gallery-item{width:33.3333333333%}.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-4 .gallery-item{width:25%}.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-5 .gallery-item{width:20%}.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-6 .gallery-item{width:16.6666666667%}.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-7 .gallery-item{width:14.2857142857%}.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-8 .gallery-item{width:12.5%}.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-9 .gallery-item{width:11.1111111111%}.wp-block-freeform.block-library-rich-text__tinymce .gallery img{max-width:100%;height:auto;border:none;padding:0}div[data-type="core/freeform"]:before{transition:border-color .1s linear,box-shadow .1s linear;border:1px solid #ddd;outline:1px solid transparent}@media (prefers-reduced-motion:reduce){div[data-type="core/freeform"]:before{transition-duration:0s;transition-delay:0s}}div[data-type="core/freeform"].is-selected:before{border-color:#1e1e1e}div[data-type="core/freeform"] .block-editor-block-contextual-toolbar+div{margin-top:0;padding-top:0}div[data-type="core/freeform"].is-selected .block-library-rich-text__tinymce:after{content:"";display:table;clear:both}.mce-toolbar-grp .mce-btn.mce-active:hover button,.mce-toolbar-grp .mce-btn.mce-active:hover i,.mce-toolbar-grp .mce-btn.mce-active button,.mce-toolbar-grp .mce-btn.mce-active i{color:#1e1e1e}.mce-toolbar-grp .mce-rtl .mce-flow-layout-item.mce-last{margin-left:0;margin-right:8px}.mce-toolbar-grp .mce-btn i{font-style:normal}.block-library-classic__toolbar{display:none;width:auto;position:sticky;z-index:31;top:0;border:1px solid #ddd;border-bottom:none;border-radius:2px;margin:0 0 8px;padding:0}div[data-type="core/freeform"].is-selected .block-library-classic__toolbar{display:block;border-color:#1e1e1e}.block-library-classic__toolbar .mce-tinymce{box-shadow:none}@media (min-width:600px){.block-library-classic__toolbar{padding:0}}.block-library-classic__toolbar:empty{display:block;background:#f5f5f5;border-bottom:1px solid #e2e4e7}.block-library-classic__toolbar:empty:before{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;content:attr(data-placeholder);color:#555d66;line-height:37px;padding:14px}.block-library-classic__toolbar div.mce-toolbar-grp{border-bottom:1px solid #1e1e1e}.block-library-classic__toolbar .mce-menubar,.block-library-classic__toolbar .mce-menubar>div,.block-library-classic__toolbar .mce-tinymce-inline,.block-library-classic__toolbar .mce-tinymce-inline>div,.block-library-classic__toolbar div.mce-toolbar-grp,.block-library-classic__toolbar div.mce-toolbar-grp>div{height:auto!important;width:100%!important}.block-library-classic__toolbar .mce-container-body.mce-abs-layout{overflow:visible}.block-library-classic__toolbar .mce-menubar,.block-library-classic__toolbar div.mce-toolbar-grp{position:static}.block-library-classic__toolbar .mce-toolbar-grp>div{padding:1px 3px}.block-library-classic__toolbar .mce-toolbar-grp .mce-toolbar:not(:first-child){display:none}.block-library-classic__toolbar.has-advanced-toolbar .mce-toolbar-grp .mce-toolbar{display:block}.wp-block-gallery li{list-style-type:none}.wp-block-gallery .block-editor-media-placeholder.is-appender .components-placeholder__label{display:none}.wp-block-gallery .block-editor-media-placeholder.is-appender .block-editor-media-placeholder__button{margin-bottom:0}figure.wp-block-gallery{display:block;margin:0}.blocks-gallery-grid.blocks-gallery-grid{padding-right:0;margin-right:0;margin-bottom:0}.blocks-gallery-item figure:not(.is-selected):focus,.blocks-gallery-item img:focus{outline:none}.blocks-gallery-item figure.is-selected:before{box-shadow:0 0 0 1px #fff inset,0 0 0 3px var(--wp-admin-theme-color) inset;content:"";outline:2px solid transparent;position:absolute;top:0;left:0;bottom:0;right:0;z-index:1;pointer-events:none}.blocks-gallery-item figure.is-selected figcaption{z-index:2}.blocks-gallery-item figure.is-transient img{opacity:.3}.blocks-gallery-item .is-selected .block-library-gallery-item__inline-menu{display:inline-flex}.blocks-gallery-item .block-editor-media-placeholder{margin:0;height:100%}.blocks-gallery-item .block-editor-media-placeholder .components-placeholder__label{display:flex}.block-library-gallery-item__inline-menu{display:none;position:absolute;top:-2px;margin:8px;z-index:20;transition:box-shadow .2s ease-out;border-radius:2px;background:#fff;border:1px solid #1e1e1e}@media (prefers-reduced-motion:reduce){.block-library-gallery-item__inline-menu{transition-duration:0s;transition-delay:0s}}.block-library-gallery-item__inline-menu:hover{box-shadow:0 2px 6px rgba(0,0,0,.05)}@media (min-width:600px){.columns-7 .block-library-gallery-item__inline-menu,.columns-8 .block-library-gallery-item__inline-menu{padding:2px}}.block-library-gallery-item__inline-menu .components-button.has-icon:not(:focus){border:none;box-shadow:none}@media (min-width:600px){.columns-7 .block-library-gallery-item__inline-menu .components-button.has-icon,.columns-8 .block-library-gallery-item__inline-menu .components-button.has-icon{padding:0;width:inherit;height:inherit}}.block-library-gallery-item__inline-menu.is-left{right:-2px}.block-library-gallery-item__inline-menu.is-right{left:-2px}.blocks-gallery-item .components-spinner{position:absolute;top:50%;right:50%;margin-top:-9px;margin-right:-9px}.wp-block-group .block-editor-block-list__insertion-point{right:0;left:0}[data-type="core/group"].is-selected .block-list-appender{margin-right:0;margin-left:0}[data-type="core/group"].is-selected .has-background .block-list-appender{margin-top:18px;margin-bottom:18px}.block-library-heading-level-dropdown .components-popover__content{min-width:230px}.block-library-heading-level-dropdown .components-popover__content>div{padding:0}.block-library-heading-level-toolbar{border:none}.block-library-html__edit{margin-bottom:28px}.block-library-html__edit .block-library-html__preview-overlay{position:absolute;width:100%;height:100%;top:0;right:0}.block-library-html__edit .block-editor-plain-text{font-family:Menlo,Consolas,monaco,monospace;color:#1e1e1e;padding:.8em 1em;border:1px solid #ddd;border-radius:4px;max-height:250px;font-size:16px}@media (min-width:600px){.block-library-html__edit .block-editor-plain-text{font-size:13px}}.block-library-html__edit .block-editor-plain-text:focus{box-shadow:none}figure.wp-block-image:not(.wp-block){margin:0}.wp-block-image{position:relative}.wp-block-image .is-applying img,.wp-block-image.is-transient img{opacity:.3}.wp-block-image figcaption img{display:inline}.wp-block-image .components-spinner{position:absolute;top:50%;right:50%;margin-top:-9px;margin-right:-9px}.wp-block-image:not(.is-style-rounded)>div{border-radius:inherit}.wp-block-image .components-resizable-box__container{display:inline-block}.wp-block-image .components-resizable-box__container img{display:block;width:inherit;height:inherit}.block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal{position:absolute;right:0;left:0;margin:-1px 0}@media (min-width:600px){.block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal{margin:-1px}}[data-align=full]>.wp-block-image img,[data-align=wide]>.wp-block-image img{width:100%}.wp-block[data-align=center]>.wp-block-image,.wp-block[data-align=left]>.wp-block-image,.wp-block[data-align=right]>.wp-block-image{display:table}.wp-block[data-align=center]>.wp-block-image>figcaption,.wp-block[data-align=left]>.wp-block-image>figcaption,.wp-block[data-align=right]>.wp-block-image>figcaption{display:table-caption;caption-side:bottom}.wp-block[data-align=left]>.wp-block-image{margin:.5em 0 .5em 1em}.wp-block[data-align=right]>.wp-block-image{margin:.5em 1em .5em 0}.wp-block[data-align=center]>.wp-block-image{margin-right:auto;margin-left:auto;text-align:center}.wp-block-image__crop-area{position:relative;max-width:100%;width:100%}.wp-block-image__crop-icon{padding:0 8px;min-width:48px;display:flex;justify-content:center;align-items:center}.wp-block-image__crop-icon svg{fill:currentColor}.wp-block-image__zoom .components-popover__content{overflow:visible;min-width:260px}.wp-block-image__zoom .components-range-control{flex:1}.wp-block-image__zoom .components-base-control__field{display:flex;margin-bottom:0;flex-direction:column;align-items:flex-start}.wp-block-image__aspect-ratio{height:46px;margin-bottom:-8px;display:flex;align-items:center}.wp-block-image__aspect-ratio .components-button{width:36px;padding-right:0;padding-left:0}.wp-block-latest-posts{padding-right:2.5em}.wp-block-latest-posts.is-grid{padding-right:0}.wp-block-latest-posts li a>div{display:inline}.edit-post-visual-editor .wp-block-latest-posts.is-grid li{margin-bottom:20px}.wp-block-media-text .__resizable_base__{grid-column:1/span 2;grid-row:2}.wp-block-media-text .editor-media-container__resizer{width:100%!important}.wp-block-media-text.is-image-fill .editor-media-container__resizer{height:100%!important}.wp-block-media-text>.block-editor-block-list__layout>.block-editor-block-list__block{max-width:unset}.block-editor-block-list__block[data-type="core/more"]{max-width:100%;text-align:center;margin-top:28px;margin-bottom:28px}.wp-block-more{display:block;text-align:center;white-space:nowrap}.wp-block-more input[type=text]{position:relative;font-size:13px;text-transform:uppercase;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;color:#757575;border:none;box-shadow:none;white-space:nowrap;text-align:center;margin:0;border-radius:4px;background:#fff;padding:6px 8px;height:24px;max-width:100%}.wp-block-more input[type=text]:focus{box-shadow:none}.wp-block-more:before{content:"";position:absolute;top:50%;right:0;left:0;border-top:3px dashed #ccc}.editor-styles-wrapper .wp-block-navigation ul{margin-top:0;margin-bottom:0;margin-right:0;padding-right:0}.wp-block-navigation__container.is-parent-of-selected-block{visibility:visible;opacity:1}.wp-block-navigation-link,.wp-block-navigation__container{background-color:inherit}.wp-block-navigation:not(.is-selected):not(.has-child-selected) .has-child:hover>.wp-block-navigation-link__container{opacity:0;visibility:hidden}.has-child.has-child-selected>.wp-block-navigation-link__container,.has-child.is-selected>.wp-block-navigation-link__container{display:flex;opacity:1;visibility:visible}.is-dragging-components-draggable .has-child.is-dragging-within>.wp-block-navigation-link__container{opacity:1;visibility:visible}.is-editing>.wp-block-navigation__container{visibility:visible;opacity:1;display:flex;flex-direction:column}.is-dragging-components-draggable .wp-block-navigation-link>.wp-block-navigation__container{opacity:1;visibility:hidden}.is-dragging-components-draggable .wp-block-navigation-link>.wp-block-navigation__container .block-editor-block-draggable-chip-wrapper{visibility:visible}.block-library-colors-selector{width:auto}.block-library-colors-selector .block-library-colors-selector__toggle{display:block;margin:0 auto;padding:3px;width:auto}.block-library-colors-selector .block-library-colors-selector__icon-container{height:30px;position:relative;margin:0 auto;padding:3px;display:flex;align-items:center;border-radius:4px}.block-library-colors-selector .block-library-colors-selector__state-selection{margin-right:auto;margin-left:auto;border-radius:11px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.2);width:22px;min-width:22px;height:22px;min-height:22px;line-height:20px;padding:2px}.block-library-colors-selector .block-library-colors-selector__state-selection>svg{min-width:auto!important}.block-library-colors-selector .block-library-colors-selector__state-selection.has-text-color>svg,.block-library-colors-selector .block-library-colors-selector__state-selection.has-text-color>svg path{color:inherit}.block-library-colors-selector__popover .color-palette-controller-container{padding:16px}.block-library-colors-selector__popover .components-base-control__label{height:20px;line-height:20px}.block-library-colors-selector__popover .component-color-indicator{float:left;margin-top:2px}.block-library-colors-selector__popover .components-panel__body-title{display:none}.wp-block-navigation .block-editor-button-block-appender{justify-content:flex-start}.components-placeholder.wp-block-navigation-placeholder{outline:none;padding:0;box-shadow:none;background:none;min-height:0;color:inherit}.components-placeholder.wp-block-navigation-placeholder .components-placeholder__fieldset{font-size:inherit}.components-placeholder.wp-block-navigation-placeholder .components-placeholder__fieldset .components-button{margin-bottom:0}.is-selected .components-placeholder.wp-block-navigation-placeholder{color:#1e1e1e}.wp-block-navigation-placeholder .components-spinner{margin-top:-4px;margin-right:4px;vertical-align:middle;margin-left:7px}.wp-block-navigation-placeholder__preview{display:flex;flex-direction:row;align-items:center;flex-wrap:nowrap;width:100%;overflow:hidden}.wp-block-navigation-placeholder__preview .wp-block-navigation-link.wp-block-navigation-link{position:relative;min-width:72px}.wp-block-navigation-placeholder__preview .wp-block-navigation-link.wp-block-navigation-link:before{display:block;content:"";border-radius:2px;background:currentColor;height:16px;width:100%}.wp-block-navigation-placeholder__preview svg{fill:currentColor}.wp-block-navigation-placeholder__preview .wp-block-navigation-link.wp-block-navigation-link,.wp-block-navigation-placeholder__preview svg{opacity:.3}.wp-block-navigation.is-selected .wp-block-navigation-placeholder__preview{display:flex;opacity:0;width:0;overflow:hidden;flex-wrap:nowrap}.wp-block-navigation.is-selected .is-medium .wp-block-navigation-placeholder__preview,.wp-block-navigation.is-selected .is-small .wp-block-navigation-placeholder__preview{display:none}.wp-block-navigation-placeholder__controls{padding:8px;border-radius:2px;background-color:#fff;box-shadow:inset 0 0 0 1px #1e1e1e;flex-direction:row;align-items:center;display:none;position:relative;z-index:1;float:right;width:100%}.is-large .wp-block-navigation-placeholder__controls{padding:4px 8px}.wp-block-navigation.is-selected .wp-block-navigation-placeholder__controls{display:flex}.is-medium .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions,.is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions,.is-vertical .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions{flex-direction:column}.is-selected.is-vertical .wp-block-navigation-placeholder__controls{display:inline-flex;padding:12px}.wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__icon{margin-left:12px;height:36px}.wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator{margin-left:12px;padding:0;align-items:center;justify-content:flex-start;line-height:0;margin-right:5px;display:none}.wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator svg{margin-left:4px}.is-vertical .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator{margin-bottom:4px;margin-right:0}.is-large .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator{display:inline-flex}.is-vertical .wp-block-navigation-placeholder,.is-vertical .wp-block-navigation-placeholder__controls,.is-vertical .wp-block-navigation-placeholder__preview{min-height:156px}.is-vertical .wp-block-navigation-placeholder__controls,.is-vertical .wp-block-navigation-placeholder__preview{flex-direction:column;align-items:flex-start}.wp-block-navigation-placeholder__actions{display:flex;font-size:13px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.wp-block-navigation-placeholder__actions .components-button.components-dropdown-menu__toggle.has-icon{padding:6px 12px 6px 4px;display:flex;flex-direction:row-reverse}.wp-block-navigation-placeholder__actions .components-dropdown,.wp-block-navigation-placeholder__actions>.components-button{margin-left:12px}@media (min-width:600px){.components-button.wp-block-navigation__responsive-container-open,.wp-block-navigation__responsive-container:not(.is-menu-open) .components-button.wp-block-navigation__responsive-container-close{display:none}}.wp-block-navigation__responsive-container.is-menu-open{position:fixed}body.admin-bar .wp-block-navigation__responsive-container.is-menu-open{top:155px}@media (min-width:782px){body.admin-bar .wp-block-navigation__responsive-container.is-menu-open{top:61px}}@media (min-width:600px){.wp-block-navigation__responsive-close{pointer-events:none}.wp-block-navigation__responsive-close .block-editor-block-list__layout *,.wp-block-navigation__responsive-close .wp-block-navigation__responsive-container-close{pointer-events:all}}.wp-block-navigation__responsive-close .wp-block-pages-list__item__link{pointer-events:none}.components-button.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close,.components-button.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open{padding:0;height:auto;color:inherit}.is-menu-open .wp-block-navigation__responsive-container-content * .block-list-appender{margin-top:16px}.wp-block-navigation-link__container{border-radius:0;min-height:36px}.wp-block-navigation .has-child{cursor:pointer}.wp-block-navigation .has-child .submenu-container,.wp-block-navigation .has-child .wp-block-navigation-link__container{z-index:28}.wp-block-navigation .has-child:hover .submenu-container,.wp-block-navigation .has-child:hover .wp-block-navigation-link__container{z-index:29}.wp-block-navigation .has-child.has-child-selected>.wp-block-navigation-link__container,.wp-block-navigation .has-child.is-selected>.wp-block-navigation-link__container{visibility:visible!important;opacity:1!important}.wp-block-navigation-link .wp-block-navigation-link__container{display:block}.wp-block-navigation-link .wp-block-navigation-link__content{cursor:text}.wp-block-navigation-link.is-editing,.wp-block-navigation-link.is-selected{min-width:20px}.wp-block-navigation-link .block-list-appender{margin:16px 16px 16px auto}.wp-block-navigation .block-editor-block-list__block[data-type="core/navigation-link"]>.block-editor-block-list__insertion-point{display:none}.wp-block-navigation-link__placeholder{position:relative;margin:2px}.wp-block-navigation-link__placeholder .wp-block-navigation-link__placeholder-text{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;padding-right:4px;padding-left:4px}.wp-block-navigation-link__placeholder.wp-block-navigation-link__content{cursor:pointer}.wp-block-navigation-link__placeholder:before{content:"";display:block;position:absolute;top:0;left:0;bottom:0;right:0;border-radius:2px;opacity:.1}.is-dark-theme .wp-block-navigation-link__placeholder:before{opacity:.2}.is-editing .wp-block-navigation-link__placeholder:before{background:currentColor}.wp-block-navigation .wp-block-navigation-link:not(.is-editing) .wp-block-navigation-link__content.wp-block-navigation-link__placeholder{box-shadow:inset 0 0 0 1px #757575;border-radius:2px;color:var(--wp-admin-theme-color)}.block-editor-block-list__block[data-type="core/nextpage"]{max-width:100%;text-align:center;margin-top:28px;margin-bottom:28px}.wp-block-nextpage{display:block;text-align:center;white-space:nowrap}.wp-block-nextpage>span{font-size:13px;position:relative;text-transform:uppercase;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;color:#757575;border-radius:4px;background:#fff;padding:6px 8px;height:24px}.wp-block-nextpage:before{content:"";position:absolute;top:50%;right:0;left:0;border-top:3px dashed #ccc}.wp-block-navigation .wp-block-page-list,.wp-block-navigation .wp-block-page-list>div{background-color:inherit}.wp-block-navigation.items-justified-space-between .wp-block-page-list,.wp-block-navigation.items-justified-space-between .wp-block-page-list>div{display:contents;flex:1}.wp-block-navigation.items-justified-space-between.has-child-selected .wp-block-page-list,.wp-block-navigation.items-justified-space-between.has-child-selected .wp-block-page-list>div,.wp-block-navigation.items-justified-space-between.is-selected .wp-block-page-list,.wp-block-navigation.items-justified-space-between.is-selected .wp-block-page-list>div{flex:inherit}.wp-block-pages-list__item__link{pointer-events:none}.wp-block-page-list .components-placeholder{min-height:0;padding:0;background-color:inherit}.wp-block-page-list .components-placeholder .components-spinner{margin:.5em}.wp-block-page-list-modal{max-width:400px}.wp-block-page-list-modal-buttons{display:flex;justify-content:flex-end}.wp-block-page-list-modal-buttons .components-button{margin-right:12px}.block-editor-block-list__block[data-type="core/paragraph"].has-drop-cap:focus{min-height:auto!important}.block-editor-block-list__block[data-empty=true] [data-rich-text-placeholder]{opacity:1}.block-editor-block-list__block[data-empty=true]+.block-editor-block-list__block[data-empty=true] [data-rich-text-placeholder]{opacity:0}.wp-block-post-content__placeholder{height:100px;border:1px dashed;display:flex;justify-content:center;align-items:center}.wp-block-post-content__placeholder span{font-style:italic}.wp-block-post-excerpt .wp-block-post-excerpt__excerpt.is-inline{display:inline-block}.wp-block-post-author{display:flex;flex-wrap:wrap}.wp-block-post-author .wp-block-post-author__byline{font-size:.5em;margin-top:0;position:relative;font-style:normal}.wp-block-post-author .wp-block-post-author__content{flex-grow:1;flex-basis:0}.wp-block-post-author .wp-block-post-author__avatar img{margin:0}.wp-block-post-author .wp-block-post-author__avatar{margin-bottom:-8px}.wp-block-post-author .wp-block-post-author__name{margin:0;font-weight:700}.wp-block-post-author .wp-block-post-author__bio{margin:0 0 8px;font-size:.7em}.wp-block[data-align=left]>.wp-block-pullquote p,.wp-block[data-align=right]>.wp-block-pullquote p{font-size:20px}.wp-block-pullquote blockquote p{font-size:28px;line-height:1.6}.wp-block-pullquote.is-style-solid-color blockquote p{font-size:32px}.wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation{text-transform:none;font-style:normal}.wp-block-pullquote .wp-block-pullquote__citation{color:inherit}.wp-block-rss li a>div{display:inline}.wp-block-rss__placeholder-form{display:flex;align-items:stretch}.wp-block-rss__placeholder-form>*{margin-bottom:8px}@media (min-width:782px){.wp-block-rss__placeholder-form>*{margin-bottom:0}}.wp-block-rss__placeholder-input{display:flex;align-items:stretch;flex-grow:1}.wp-block-rss__placeholder-input .components-base-control__field{display:flex;align-items:stretch;flex-grow:1;margin:0 0 0 8px}.wp-block[data-align=center] .wp-block-search .wp-block-search__inside-wrapper{margin:auto}.wp-block-search .wp-block-search__input{padding:8px}.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper{padding:4px}.wp-block-search .wp-block-search__button{height:auto;border-radius:initial}.wp-block-search .wp-block-search__button.wp-block-search__button.wp-block-search__button{padding:6px 10px}.wp-block-search__components-button-group{margin-top:10px}.block-editor-block-list__block[data-type="core/separator"]{padding-top:.1px;padding-bottom:.1px}[data-type="core/shortcode"] .block-editor-plain-text{max-height:250px}[data-type="core/shortcode"].components-placeholder{min-height:0}.blocks-shortcode__textarea{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;padding:6px 8px;box-shadow:0 0 0 transparent;transition:box-shadow .1s linear;border-radius:2px;border:1px solid #757575;font-size:16px;line-height:normal}@media (prefers-reduced-motion:reduce){.blocks-shortcode__textarea{transition-duration:0s;transition-delay:0s}}@media (min-width:600px){.blocks-shortcode__textarea{font-size:13px;line-height:normal}}.blocks-shortcode__textarea:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 1px var(--wp-admin-theme-color);outline:2px solid transparent}.blocks-shortcode__textarea::-webkit-input-placeholder{color:rgba(30,30,30,.62)}.blocks-shortcode__textarea::-moz-placeholder{opacity:1;color:rgba(30,30,30,.62)}.blocks-shortcode__textarea:-ms-input-placeholder{color:rgba(30,30,30,.62)}.wp-block[data-align=center]>.wp-block-site-logo{margin-right:auto;margin-left:auto;text-align:center}.wp-block-site-logo a{pointer-events:none}.wp-block-site-logo:not(.is-default-size){display:table}.wp-block-site-logo.is-default-size{width:120px}.wp-block-site-logo.is-default-size img{width:100%}.wp-block-site-logo .custom-logo-link{cursor:inherit}.wp-block-site-logo .custom-logo-link:focus{box-shadow:none}.wp-block-site-logo .custom-logo-link.is-transient img{opacity:.3}.wp-block-site-logo img{display:block;max-width:100%}.wp-block-site-logo .components-placeholder{justify-content:flex-start;min-height:auto;height:120px;padding:12px}.wp-block-site-logo .components-placeholder .components-placeholder__label{margin-top:12px;white-space:nowrap}.wp-block-site-logo .components-placeholder .components-placeholder__label .block-editor-block-icon,.wp-block-site-logo .components-placeholder .components-placeholder__label>svg{margin-left:4px}.wp-block-site-logo .components-placeholder .components-form-file-upload{display:none}.wp-block-site-logo .components-placeholder .components-placeholder__preview{position:absolute;top:4px;left:4px;bottom:4px;right:4px;background:hsla(0,0%,100%,.8);display:flex;align-items:center;justify-content:center}.wp-block-site-logo .components-placeholder .components-drop-zone__content-text{display:none}.wp-block-site-tagline__placeholder,.wp-block-site-title__placeholder{padding:1em 0;border:1px dashed}.wp-block-social-links .wp-social-link{line-height:0}.wp-block-social-links .wp-social-link button{font-size:inherit;color:currentColor;height:auto;line-height:0;padding:.25em}.wp-block-social-links.is-style-pill-shape .wp-social-link button{padding-right:.66667em;padding-left:.66667em}.wp-block-social-links div.block-editor-url-input{display:inline-block;margin-right:8px}.wp-social-link:hover{transform:none}.editor-styles-wrapper .wp-block-social-links{padding:0}.wp-block-social-links__social-placeholder{display:flex;opacity:.8;list-style:none}.wp-block-social-links__social-placeholder>.wp-social-link{padding-right:0!important;margin-right:0!important;padding-left:0!important;margin-left:0!important;width:0!important;visibility:hidden}.wp-block-social-links__social-placeholder>.wp-block-social-links__social-placeholder-icons{display:flex}.wp-block-social-links__social-placeholder+.block-list-appender,.wp-block-social-links__social-placeholder .wp-social-link{padding:.25em}.is-style-pill-shape .wp-block-social-links__social-placeholder+.block-list-appender,.is-style-pill-shape .wp-block-social-links__social-placeholder .wp-social-link{padding-right:.66667em;padding-left:.66667em}.wp-block-social-links__social-placeholder .wp-social-link:before{content:"";display:block;width:1em;height:1em;border-radius:50%}.is-style-logos-only .wp-block-social-links__social-placeholder .wp-social-link:before{background:currentColor}.wp-block-social-links .wp-block-social-links__social-prompt{list-style:none;order:2;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;line-height:24px;margin-top:auto;margin-bottom:auto;cursor:default;padding-left:8px}.wp-block-social-links .wp-block-social-links__social-prompt+.block-list-appender{margin-left:8px;padding:.25em}.wp-block-social-links .block-list-appender{margin:4px 0 4px auto;border-radius:9999px}.wp-block-social-links .block-list-appender .block-editor-inserter{display:flex;align-items:center;justify-content:center;font-size:inherit;width:1em;height:1em}.has-small-icon-size .wp-block-social-links .block-list-appender{font-size:16px}.has-normal-icon-size .wp-block-social-links .block-list-appender{font-size:24px}.has-large-icon-size .wp-block-social-links .block-list-appender{font-size:36px}.has-huge-icon-size .wp-block-social-links .block-list-appender{font-size:48px}.wp-block-social-links .block-list-appender:before{content:none}.wp-block[data-align=center]>.wp-block-social-links{justify-content:center}.block-editor-block-preview__content .components-button:disabled{opacity:1}.wp-social-link.wp-social-link__is-incomplete{opacity:.5}@media (prefers-reduced-motion:reduce){.wp-social-link.wp-social-link__is-incomplete{transition-duration:0s;transition-delay:0s}}.wp-block-social-links .is-selected .wp-social-link__is-incomplete,.wp-social-link.wp-social-link__is-incomplete:focus,.wp-social-link.wp-social-link__is-incomplete:hover{opacity:1}.block-editor-block-list__block[data-type="core/spacer"]:before{content:"";display:block;position:absolute;width:100%;height:24px;transform:translateY(-12px)}.block-library-spacer__resize-container.has-show-handle,.wp-block-spacer.is-hovered .block-library-spacer__resize-container{background:rgba(0,0,0,.1)}.is-dark-theme .block-library-spacer__resize-container.has-show-handle,.is-dark-theme .wp-block-spacer.is-hovered .block-library-spacer__resize-container{background:hsla(0,0%,100%,.15)}.block-library-spacer__resize-container{clear:both}.block-library-spacer__resize-container .components-resizable-box__handle:before{content:none}.block-library-spacer__resize-container.resize-horizontal{margin-bottom:0}.wp-block-table{margin:0}.wp-block[data-align=center]>.wp-block-table,.wp-block[data-align=left]>.wp-block-table,.wp-block[data-align=right]>.wp-block-table{height:auto}.wp-block[data-align=center]>.wp-block-table table,.wp-block[data-align=left]>.wp-block-table table,.wp-block[data-align=right]>.wp-block-table table{width:auto}.wp-block[data-align=center]>.wp-block-table td,.wp-block[data-align=center]>.wp-block-table th,.wp-block[data-align=left]>.wp-block-table td,.wp-block[data-align=left]>.wp-block-table th,.wp-block[data-align=right]>.wp-block-table td,.wp-block[data-align=right]>.wp-block-table th{word-break:break-word}.wp-block[data-align=center]>.wp-block-table{text-align:initial}.wp-block[data-align=center]>.wp-block-table table{margin:0 auto}.wp-block-table td,.wp-block-table th{border:1px solid}.wp-block-table td.is-selected,.wp-block-table th.is-selected{border-color:var(--wp-admin-theme-color);box-shadow:inset 0 0 0 1px var(--wp-admin-theme-color);border-style:double}.wp-block-table figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-table figcaption{color:hsla(0,0%,100%,.65)}.blocks-table__placeholder-form.blocks-table__placeholder-form{display:flex;flex-direction:column;align-items:flex-start}.blocks-table__placeholder-form.blocks-table__placeholder-form>*{margin-bottom:8px}@media (min-width:782px){.blocks-table__placeholder-form.blocks-table__placeholder-form{flex-direction:row;align-items:flex-end}.blocks-table__placeholder-form.blocks-table__placeholder-form>*{margin-bottom:0}}.blocks-table__placeholder-input{width:112px;margin-left:8px;margin-bottom:0}.blocks-table__placeholder-input input{height:36px}.blocks-table__placeholder-input .components-base-control__field{margin-bottom:0}.wp-block-tag-cloud a{display:inline-block;margin-left:5px}.wp-block-tag-cloud span{display:inline-block;margin-right:5px;color:#757575;text-decoration:none}.wp-block-template-part__placeholder-preview-dropdown-content .components-popover__content,.wp-block-template-part__preview-dropdown-content .components-popover__content{min-width:320px;padding:0}.wp-block-template-part__selection-preview-search-form{border-bottom:1px solid #ddd}.wp-block-template-part__selection-preview-container{background:#fff;padding-bottom:16px}.wp-block-template-part__selection-preview-container .wp-block-template-part__selection-preview-item{border-radius:2px;cursor:pointer;margin-top:16px;transition:all .05s ease-in-out;border:1px solid transparent;width:100%;background-color:#fff}.wp-block-template-part__selection-preview-container .wp-block-template-part__selection-preview-item:hover{border:1px solid var(--wp-admin-theme-color)}.wp-block-template-part__selection-preview-container .wp-block-template-part__selection-preview-item:focus{box-shadow:inset 0 0 0 1px #fff,0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);outline:2px solid transparent}.wp-block-template-part__selection-preview-container .wp-block-template-part__selection-preview-item.is-placeholder{min-height:100px}.wp-block-template-part__selection-preview-container .wp-block-template-part__selection-preview-item-title{padding:4px;font-size:12px;text-align:right}.wp-block-template-part__selection-preview-container .wp-block-template-part__selection-panel-group-header{padding:16px 16px 0}.wp-block-template-part__selection-preview-container .wp-block-template-part__selection-panel-group-content{padding:0 16px}.wp-block-template-part__selection-preview-container .wp-block-template-part__selection-panel-group-title{color:var(--wp-admin-theme-color);text-transform:uppercase;font-size:11px;font-weight:500}.block-editor-block-list__block[data-type="core/template-part"].has-child-selected:after{border:1px dotted var(--wp-admin-theme-color)}.block-editor-block-list__block[data-type="core/template-part"].has-child-selected.is-highlighted:after,.block-editor-block-list__block[data-type="core/template-part"].has-child-selected.is-hovered:after{border:none}.wp-block-text-columns .block-editor-rich-text__editable:focus{outline:1px solid #ddd}.wp-block[data-align=center]>.wp-block-video{text-align:center}.wp-block-video{position:relative}.wp-block-video.is-transient video{opacity:.3}.wp-block-video .components-spinner{position:absolute;top:50%;right:50%;margin-top:-9px;margin-right:-9px}.editor-video-poster-control .components-base-control__label{display:block}.editor-video-poster-control .components-button{margin-left:8px}.block-library-video-tracks-editor{z-index:159990}.block-library-video-tracks-editor>.components-popover__content{width:360px}.block-library-video-tracks-editor__track-list-track{display:flex;place-content:space-between;align-items:baseline;padding-right:12px}.block-library-video-tracks-editor__single-track-editor-label-language{display:flex;margin-top:12px}.block-library-video-tracks-editor__single-track-editor-label-language>.components-base-control{width:50%}.block-library-video-tracks-editor__single-track-editor-label-language>.components-base-control:first-child{margin-left:16px}.block-library-video-tracks-editor__single-track-editor-kind-select{max-width:240px}.block-library-video-tracks-editor__single-track-editor-buttons-container{display:flex;place-content:space-between;margin-top:32px}.block-library-video-tracks-editor__single-track-editor-edit-track-label{margin-top:4px;margin-bottom:12px;color:#757575;text-transform:uppercase;font-size:11px;font-weight:500;display:block}.block-library-video-tracks-editor>.components-popover__content>div,.block-library-video-tracks-editor__add-tracks-container .components-menu-group__label,.block-library-video-tracks-editor__track-list .components-menu-group__label{padding:0}.block-library-video-tracks-editor__add-tracks-container,.block-library-video-tracks-editor__single-track-editor,.block-library-video-tracks-editor__track-list{padding:12px}.block-library-video-tracks-editor__single-track-editor .components-base-control .components-base-control__label{margin-bottom:4px}.block-library-video-tracks-editor__single-track-editor .components-base-control .components-base-control__field{margin-bottom:12px}.block-library-video-tracks-editor__single-track-editor .components-base-control .components-text-control__input{margin-right:0}.block-library-video-tracks-editor__single-track-editor .components-base-control .components-input-control__label{margin-bottom:4px}.wp-block-query-title__placeholder{padding:1em 0;border:1px dashed}.editor-styles-wrapper ul.wp-block-post-template{padding-right:0;margin-right:0;list-style:none}.block-library-query-toolbar__popover .components-popover__content{min-width:230px}.wp-block-query__create-new-link{padding:0 56px 16px 16px}.wp-block>.wp-block-query-pagination{display:flex;flex-wrap:wrap;flex-direction:row}.editor-styles-wrapper .wp-block-query-pagination{max-width:100%}.editor-styles-wrapper .wp-block-query-pagination.block-editor-block-list__layout{margin:0}.block-library-query-pagination-toolbar__popover .components-popover__content{min-width:230px}.wp-block-query-pagination>.wp-block-query-pagination-next,.wp-block-query-pagination>.wp-block-query-pagination-numbers,.wp-block-query-pagination>.wp-block-query-pagination-previous{display:inline-block;margin-top:.5em;margin-right:.5em;margin-bottom:.5em}.wp-block-query-pagination>.wp-block-query-pagination-next:last-child,.wp-block-query-pagination>.wp-block-query-pagination-numbers:last-child,.wp-block-query-pagination>.wp-block-query-pagination-previous:last-child{margin-right:0}.wp-block-query-pagination-numbers a{text-decoration:underline}.wp-block-query-pagination-numbers .page-numbers{margin-left:2px}.wp-block-query-pagination-numbers .page-numbers:last-child{margin-right:0}div[data-type="core/post-featured-image"] img{max-width:100%;height:auto;display:block}.editor-styles-wrapper .post-featured-image_placeholder{display:flex;flex-direction:row;align-items:flex-start;border-radius:2px;background-color:#fff;box-shadow:inset 0 0 0 1px #1e1e1e;padding:12px}.editor-styles-wrapper .post-featured-image_placeholder svg{margin-left:12px}.editor-styles-wrapper .post-featured-image_placeholder p{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;margin:0}.wp-block-term-description__placeholder{padding:1em 0;border:1px dashed}:root .editor-styles-wrapper .has-pale-pink-background-color{background-color:#f78da7}:root .editor-styles-wrapper .has-vivid-red-background-color{background-color:#cf2e2e}:root .editor-styles-wrapper .has-luminous-vivid-orange-background-color{background-color:#ff6900}:root .editor-styles-wrapper .has-luminous-vivid-amber-background-color{background-color:#fcb900}:root .editor-styles-wrapper .has-light-green-cyan-background-color{background-color:#7bdcb5}:root .editor-styles-wrapper .has-vivid-green-cyan-background-color{background-color:#00d084}:root .editor-styles-wrapper .has-pale-cyan-blue-background-color{background-color:#8ed1fc}:root .editor-styles-wrapper .has-vivid-cyan-blue-background-color{background-color:#0693e3}:root .editor-styles-wrapper .has-vivid-purple-background-color{background-color:#9b51e0}:root .editor-styles-wrapper .has-white-background-color{background-color:#fff}:root .editor-styles-wrapper .has-very-light-gray-background-color{background-color:#eee}:root .editor-styles-wrapper .has-cyan-bluish-gray-background-color{background-color:#abb8c3}:root .editor-styles-wrapper .has-very-dark-gray-background-color{background-color:#313131}:root .editor-styles-wrapper .has-black-background-color{background-color:#000}:root .editor-styles-wrapper .has-pale-pink-color{color:#f78da7}:root .editor-styles-wrapper .has-vivid-red-color{color:#cf2e2e}:root .editor-styles-wrapper .has-luminous-vivid-orange-color{color:#ff6900}:root .editor-styles-wrapper .has-luminous-vivid-amber-color{color:#fcb900}:root .editor-styles-wrapper .has-light-green-cyan-color{color:#7bdcb5}:root .editor-styles-wrapper .has-vivid-green-cyan-color{color:#00d084}:root .editor-styles-wrapper .has-pale-cyan-blue-color{color:#8ed1fc}:root .editor-styles-wrapper .has-vivid-cyan-blue-color{color:#0693e3}:root .editor-styles-wrapper .has-vivid-purple-color{color:#9b51e0}:root .editor-styles-wrapper .has-white-color{color:#fff}:root .editor-styles-wrapper .has-very-light-gray-color{color:#eee}:root .editor-styles-wrapper .has-cyan-bluish-gray-color{color:#abb8c3}:root .editor-styles-wrapper .has-very-dark-gray-color{color:#313131}:root .editor-styles-wrapper .has-black-color{color:#000}:root .editor-styles-wrapper .has-vivid-cyan-blue-to-vivid-purple-gradient-background{background:linear-gradient(-135deg,#0693e3,#9b51e0)}:root .editor-styles-wrapper .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(-135deg,#00d084,#0693e3)}:root .editor-styles-wrapper .has-light-green-cyan-to-vivid-green-cyan-gradient-background{background:linear-gradient(-135deg,#7adcb4,#00d082)}:root .editor-styles-wrapper .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background:linear-gradient(-135deg,#fcb900,#ff6900)}:root .editor-styles-wrapper .has-luminous-vivid-orange-to-vivid-red-gradient-background{background:linear-gradient(-135deg,#ff6900,#cf2e2e)}:root .editor-styles-wrapper .has-very-light-gray-to-cyan-bluish-gray-gradient-background{background:linear-gradient(-135deg,#eee,#a9b8c3)}:root .editor-styles-wrapper .has-cool-to-warm-spectrum-gradient-background{background:linear-gradient(-135deg,#4aeadc,#9778d1 20%,#cf2aba 40%,#ee2c82 60%,#fb6962 80%,#fef84c)}:root .editor-styles-wrapper .has-blush-light-purple-gradient-background{background:linear-gradient(-135deg,#ffceec,#9896f0)}:root .editor-styles-wrapper .has-blush-bordeaux-gradient-background{background:linear-gradient(-135deg,#fecda5,#fe2d2d 50%,#6b003e)}:root .editor-styles-wrapper .has-purple-crush-gradient-background{background:linear-gradient(-135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .editor-styles-wrapper .has-luminous-dusk-gradient-background{background:linear-gradient(-135deg,#ffcb70,#c751c0 50%,#4158d0)}:root .editor-styles-wrapper .has-hazy-dawn-gradient-background{background:linear-gradient(-135deg,#faaca8,#dad0ec)}:root .editor-styles-wrapper .has-pale-ocean-gradient-background{background:linear-gradient(-135deg,#fff5cb,#b6e3d4 50%,#33a7b5)}:root .editor-styles-wrapper .has-electric-grass-gradient-background{background:linear-gradient(-135deg,#caf880,#71ce7e)}:root .editor-styles-wrapper .has-subdued-olive-gradient-background{background:linear-gradient(-135deg,#fafae1,#67a671)}:root .editor-styles-wrapper .has-atomic-cream-gradient-background{background:linear-gradient(-135deg,#fdd79a,#004a59)}:root .editor-styles-wrapper .has-nightshade-gradient-background{background:linear-gradient(-135deg,#330968,#31cdcf)}:root .editor-styles-wrapper .has-midnight-gradient-background{background:linear-gradient(-135deg,#020381,#2874fc)}.editor-styles-wrapper .has-small-font-size{font-size:13px}.editor-styles-wrapper .has-normal-font-size,.editor-styles-wrapper .has-regular-font-size{font-size:16px}.editor-styles-wrapper .has-medium-font-size{font-size:20px}.editor-styles-wrapper .has-large-font-size{font-size:36px}.editor-styles-wrapper .has-huge-font-size,.editor-styles-wrapper .has-larger-font-size{font-size:42px}#end-resizable-editor-section{display:none} \ No newline at end of file diff --git a/wp-includes/css/dist/block-library/editor.css b/wp-includes/css/dist/block-library/editor.css new file mode 100644 index 0000000000..76ae920a03 --- /dev/null +++ b/wp-includes/css/dist/block-library/editor.css @@ -0,0 +1,2498 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles for JavaScript UI based pages. + * This is a WP-admin agnostic reset + */ +/** + * Reset the WP Admin page styles for Gutenberg-like pages. + */ +#start-resizable-editor-section { + display: none; +} + +ul.wp-block-archives { + padding-left: 2.5em; +} + +.wp-block-audio { + margin-left: 0; + margin-right: 0; +} + +.edit-post-visual-editor .block-library-block__reusable-block-container .is-root-container { + padding-left: 0; + padding-right: 0; +} +.edit-post-visual-editor .block-library-block__reusable-block-container .block-editor-writing-flow { + display: block; +} +.edit-post-visual-editor .block-library-block__reusable-block-container .components-disabled .block-list-appender { + display: none; +} + +.wp-block[data-align=center] > .wp-block-button { + text-align: center; + margin-left: auto; + margin-right: auto; +} + +.wp-block[data-align=right] > .wp-block-button { + /*!rtl:ignore*/ + text-align: right; +} + +.wp-block-button { + position: relative; + cursor: text; +} +.wp-block-button:not(.has-text-color):not(.is-style-outline) [data-rich-text-placeholder]::after { + color: #fff; +} +.wp-block-button:focus { + box-shadow: 0 0 0 1px #fff, 0 0 0 3px var(--wp-admin-theme-color); + outline: 2px solid transparent; + outline-offset: -2px; +} +.wp-block-button[data-rich-text-placeholder]::after { + opacity: 0.8; +} + +.wp-block-button__inline-link { + color: #757575; + height: 0; + overflow: hidden; + max-width: 290px; +} +.wp-block-button__inline-link-input__suggestions { + max-width: 290px; +} +@media (min-width: 782px) { + .wp-block-button__inline-link { + max-width: 260px; + } + .wp-block-button__inline-link-input__suggestions { + max-width: 260px; + } +} +@media (min-width: 960px) { + .wp-block-button__inline-link { + max-width: 290px; + } + .wp-block-button__inline-link-input__suggestions { + max-width: 290px; + } +} +.is-selected .wp-block-button__inline-link { + height: auto; + overflow: visible; + margin-top: 16px; +} + +.wp-button-label__width .components-button-group { + display: block; +} +.wp-button-label__width .components-base-control__field { + margin-bottom: 12px; +} + +div[data-type="core/button"] { + display: table; +} + +.wp-block > .wp-block-buttons { + display: flex; + flex-wrap: wrap; +} + +.wp-block-buttons { + /* stylelint-disable indentation */ +} +.wp-block-buttons > .wp-block { + margin-left: 0; + margin-top: 0.5em; + margin-right: 0.5em; +} +.wp-block-buttons > .block-list-appender { + display: inline-flex; + align-items: center; +} +.wp-block-buttons.is-vertical > .block-list-appender .block-list-appender__toggle { + justify-content: flex-start; +} +.wp-block-buttons > .wp-block-button:focus { + box-shadow: none; +} +.wp-block-buttons:not(.is-content-justification-space-between, +.is-content-justification-right, +.is-content-justification-left, +.is-content-justification-center) .wp-block[data-align=center] { + /* stylelint-enable indentation */ + margin-left: auto; + margin-right: auto; + margin-top: 0; + width: 100%; +} +.wp-block-buttons:not(.is-content-justification-space-between, +.is-content-justification-right, +.is-content-justification-left, +.is-content-justification-center) .wp-block[data-align=center] .wp-block-button { + margin-bottom: 0; +} + +.wp-block[data-align=center] > .wp-block-buttons { + align-items: center; + justify-content: center; +} + +.wp-block[data-align=right] > .wp-block-buttons { + justify-content: flex-end; +} + +.wp-block-categories ul { + padding-left: 2.5em; +} +.wp-block-categories ul ul { + margin-top: 6px; +} + +.wp-block-columns .wp-block { + max-width: none; + margin-left: 0; + margin-right: 0; +} + +@media (min-width: 600px) { + .editor-styles-wrapper .block-editor-block-list__block.wp-block-column:nth-child(even) { + margin-left: 32px; + } +} +@media (min-width: 782px) { + .editor-styles-wrapper .block-editor-block-list__block.wp-block-column:not(:first-child) { + margin-left: 32px; + } +} +.block-editor-block-list__block.wp-block-column.wp-block-column { + margin-top: 0; + margin-bottom: 0; +} + +.wp-block-cover.is-placeholder { + min-height: auto !important; + padding: 0 !important; +} +.wp-block-cover.components-placeholder h2 { + color: inherit; +} +.wp-block-cover.is-transient::before { + background-color: #fff; + opacity: 0.3; +} +.wp-block-cover .components-spinner { + position: absolute; + z-index: 1; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + margin: 0; +} +.wp-block-cover .block-editor-block-list__layout { + width: 100%; +} +.wp-block-cover .wp-block-cover__inner-container { + text-align: left; + margin-left: 0; + margin-right: 0; +} +.wp-block-cover .wp-block-cover__placeholder-background-options { + width: 100%; +} + +[data-align=left] > .wp-block-cover, +[data-align=right] > .wp-block-cover { + max-width: 420px; + width: 100%; +} + +.block-library-cover__reset-button { + margin-left: auto; +} + +.block-library-cover__resize-container { + position: absolute !important; + top: 0; + left: 0; + right: 0; + bottom: 0; +} + +.block-library-cover__resize-container:not(.is-resizing) { + height: auto !important; +} + +.wp-block-cover > .components-drop-zone.is-active { + transition: 0.2s opacity, 0.2s border; +} +@media (prefers-reduced-motion: reduce) { + .wp-block-cover > .components-drop-zone.is-active { + transition-duration: 0s; + transition-delay: 0s; + } +} +.wp-block-cover > .components-drop-zone.is-dragging-over-element { + background-color: transparent; + border: 48px solid var(--wp-admin-theme-color); +} +.wp-block-cover > .components-drop-zone.is-dragging-over-element .components-drop-zone__content { + transform: none; +} +.wp-block-cover > .components-drop-zone .components-drop-zone__content { + display: flex; + align-items: center; + top: -36px; + left: -36px; + transform: none; +} +.wp-block-cover > .components-drop-zone .components-drop-zone__content-icon, +.wp-block-cover > .components-drop-zone .components-drop-zone__content-text { + display: inline; +} +.wp-block-cover > .components-drop-zone .components-drop-zone__content-icon { + margin: 0; + margin-right: 8px; +} +.wp-block-cover > .components-drop-zone .components-drop-zone__content-text { + font-size: 13px; +} + +.block-editor-block-patterns-list__list-item .has-parallax.wp-block-cover { + background-attachment: scroll; +} + +.wp-block-embed { + margin-left: 0; + margin-right: 0; + clear: both; +} +.wp-block-embed.is-loading { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + padding: 1em; + min-height: 200px; + text-align: center; + border-radius: 2px; + background-color: #fff; + box-shadow: inset 0 0 0 1px #1e1e1e; +} +.wp-block-embed.is-loading p { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + font-size: 13px; +} +.wp-block-embed .components-placeholder__error { + word-break: break-word; +} +.wp-block-embed .components-placeholder__learn-more { + margin-top: 1em; +} + +.block-library-embed__interactive-overlay { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + opacity: 0; +} + +.wp-block[data-align=left] > .wp-block-embed, +.wp-block[data-align=right] > .wp-block-embed { + max-width: 360px; + width: 100%; +} +.wp-block[data-align=left] > .wp-block-embed .wp-block-embed__wrapper, +.wp-block[data-align=right] > .wp-block-embed .wp-block-embed__wrapper { + min-width: 280px; +} + +.wp-block-file { + display: flex; + flex-wrap: wrap; + justify-content: space-between; + align-items: center; + margin-bottom: 0; +} +.wp-block[data-align=left] > .wp-block-file, .wp-block[data-align=right] > .wp-block-file { + height: auto; +} +.wp-block-file .components-resizable-box__container { + margin-bottom: 1em; +} +.wp-block-file .wp-block-file__preview { + margin-bottom: 1em; + width: 100%; + height: 100%; +} +.wp-block-file .wp-block-file__preview-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; +} +.wp-block-file .wp-block-file__content-wrapper { + flex-grow: 1; +} +.wp-block-file a { + min-width: 1em; +} +.wp-block-file .wp-block-file__button-richtext-wrapper { + display: inline-block; + margin-left: 0.75em; +} + +.wp-block-freeform.block-library-rich-text__tinymce { + height: auto; + /* Allow height of embed iframes to be calculated properly */ + /* Remove blue highlighting of selected images in WebKit */ + /* Image captions */ + /* WP Views */ +} +.wp-block-freeform.block-library-rich-text__tinymce p, +.wp-block-freeform.block-library-rich-text__tinymce li { + line-height: 1.8; +} +.wp-block-freeform.block-library-rich-text__tinymce ul, +.wp-block-freeform.block-library-rich-text__tinymce ol { + padding-left: 2.5em; + margin-left: 0; +} +.wp-block-freeform.block-library-rich-text__tinymce blockquote { + margin: 0; + box-shadow: inset 0 0 0 0 #ddd; + border-left: 4px solid #000; + padding-left: 1em; +} +.wp-block-freeform.block-library-rich-text__tinymce pre { + white-space: pre-wrap; + font-family: Menlo, Consolas, monaco, monospace; + font-size: 15px; + color: #1e1e1e; +} +.wp-block-freeform.block-library-rich-text__tinymce > *:first-child { + margin-top: 0; +} +.wp-block-freeform.block-library-rich-text__tinymce > *:last-child { + margin-bottom: 0; +} +.wp-block-freeform.block-library-rich-text__tinymce.mce-edit-focus { + outline: none; +} +.wp-block-freeform.block-library-rich-text__tinymce a { + color: var(--wp-admin-theme-color); +} +.wp-block-freeform.block-library-rich-text__tinymce:focus a[data-mce-selected] { + padding: 0 2px; + margin: 0 -2px; + border-radius: 2px; + box-shadow: 0 0 0 1px #e5f5fa; + background: #e5f5fa; +} +.wp-block-freeform.block-library-rich-text__tinymce code { + padding: 2px; + border-radius: 2px; + color: #1e1e1e; + background: #f0f0f0; + font-family: Menlo, Consolas, monaco, monospace; + font-size: 14px; +} +.wp-block-freeform.block-library-rich-text__tinymce:focus code[data-mce-selected] { + background: #ddd; +} +.wp-block-freeform.block-library-rich-text__tinymce .alignright { + /*rtl:ignore*/ + float: right; + /*rtl:ignore*/ + margin: 0.5em 0 0.5em 1em; +} +.wp-block-freeform.block-library-rich-text__tinymce .alignleft { + /*rtl:ignore*/ + float: left; + /*rtl:ignore*/ + margin: 0.5em 1em 0.5em 0; +} +.wp-block-freeform.block-library-rich-text__tinymce .aligncenter { + display: block; + margin-left: auto; + margin-right: auto; +} +.wp-block-freeform.block-library-rich-text__tinymce .wp-more-tag { + width: 96%; + height: 20px; + display: block; + margin: 15px auto; + outline: 0; + cursor: default; + background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAADtgAAAAoBAMAAAA86gLBAAAAJFBMVEVMaXG7u7vBwcHDw8POzs68vLzGxsbMzMy+vr7AwMDQ0NDGxsYKLGzpAAAADHRSTlMA///zWf+/f///TMxNVGuqAAABwklEQVR4Ae3dMXLaQBTH4bfj8UCpx8hq0vgKvgFNemhT6Qo6gg6R+0ZahM2QLmyBJ99XWP9V5+o3jIUcLQEAAAAAAAAAAAAAAAAAAAAAAABQ8j0WL9lfTtlt18uNXAUA8O/KVtfa1tdcrOdSh9gCQAMlh1hMNbZZ1bsrsQWABsrhLRbz7z5in/32UbfUMUbkMQCAh5RfGYv82UdMdZ6HS2wjT2ILAI8r3XmM2B3WvM59vfO2xXYW2yYAENuPU8S+X/N67mKxzy225yaxBQCxLV392UdcvwV0jPVUj98ntkBWT7C7+9u2/V/vGtvXIWJ6/4rtbottWa6Ri0NUT/u72LYttrb97LHdvUXMxxrb8TO2W2TF1rYbbLG1bbGNjMi4+2Sbi1FsbbvNFlvbFtt5fDnE3d9sP1/XeIyV2Nr2U2/guZUuptNrH/dPI9eLB6SaAEBs6wPJf3/PNk9tYgsAYrv/8TFuzx/fvkFqGtrEFgDEdpcZUb7ejXy6ntrEFgDENvL6gsas4vbdyKt4DACI7TxElJv/Z7udpqFNbAFAbKduy2uU2trttM/x28UWAAAAAAAAAAAAAAAAAAAAAAAAAADgDyPwGmGTCZp7AAAAAElFTkSuQmCC); + background-size: 1900px 20px; + background-repeat: no-repeat; + background-position: center; +} +.wp-block-freeform.block-library-rich-text__tinymce img::selection { + background-color: transparent; +} +.wp-block-freeform.block-library-rich-text__tinymce div.mceTemp { + -ms-user-select: element; +} +.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption { + margin: 0; + /* dl browser reset */ + max-width: 100%; +} +.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption a, +.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption img { + display: block; +} +.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption, .wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption * { + -webkit-user-drag: none; +} +.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption .wp-caption-dd { + padding-top: 0.5em; + margin: 0; + /* browser dd reset */ +} +.wp-block-freeform.block-library-rich-text__tinymce .wpview { + width: 99.99%; + /* All IE need hasLayout, incl. 11 (ugh, not again!!) */ + position: relative; + clear: both; + margin-bottom: 16px; + border: 1px solid transparent; +} +.wp-block-freeform.block-library-rich-text__tinymce .wpview iframe { + display: block; + max-width: 100%; + background: transparent; +} +.wp-block-freeform.block-library-rich-text__tinymce .wpview .mce-shim { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; +} +.wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected="2"] .mce-shim { + display: none; +} +.wp-block-freeform.block-library-rich-text__tinymce .wpview .loading-placeholder { + border: 1px dashed #ddd; + padding: 10px; +} +.wp-block-freeform.block-library-rich-text__tinymce .wpview .wpview-error { + border: 1px solid #ddd; + padding: 1em 0; + margin: 0; + word-wrap: break-word; +} +.wp-block-freeform.block-library-rich-text__tinymce .wpview .wpview-error p { + margin: 0; + text-align: center; +} +.wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected] .loading-placeholder, .wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected] .wpview-error { + border-color: transparent; +} +.wp-block-freeform.block-library-rich-text__tinymce .wpview .dashicons { + display: block; + margin: 0 auto; + width: 32px; + height: 32px; + font-size: 32px; +} +.wp-block-freeform.block-library-rich-text__tinymce .wpview.wpview-type-gallery::after { + content: ""; + display: table; + clear: both; +} +.wp-block-freeform.block-library-rich-text__tinymce .gallery img[data-mce-selected]:focus { + outline: none; +} +.wp-block-freeform.block-library-rich-text__tinymce .gallery a { + cursor: default; +} +.wp-block-freeform.block-library-rich-text__tinymce .gallery { + margin: auto -6px; + padding: 6px 0; + line-height: 1; + overflow-x: hidden; +} +.wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-item { + float: left; + margin: 0; + text-align: center; + padding: 6px; + box-sizing: border-box; +} +.wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-caption, +.wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-icon { + margin: 0; +} +.wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-caption { + font-size: 13px; + margin: 4px 0; +} +.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-1 .gallery-item { + width: 100%; +} +.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-2 .gallery-item { + width: 50%; +} +.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-3 .gallery-item { + width: 33.3333333333%; +} +.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-4 .gallery-item { + width: 25%; +} +.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-5 .gallery-item { + width: 20%; +} +.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-6 .gallery-item { + width: 16.6666666667%; +} +.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-7 .gallery-item { + width: 14.2857142857%; +} +.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-8 .gallery-item { + width: 12.5%; +} +.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-9 .gallery-item { + width: 11.1111111111%; +} +.wp-block-freeform.block-library-rich-text__tinymce .gallery img { + max-width: 100%; + height: auto; + border: none; + padding: 0; +} + +div[data-type="core/freeform"]::before { + transition: border-color 0.1s linear, box-shadow 0.1s linear; + border: 1px solid #ddd; + outline: 1px solid transparent; +} +@media (prefers-reduced-motion: reduce) { + div[data-type="core/freeform"]::before { + transition-duration: 0s; + transition-delay: 0s; + } +} +div[data-type="core/freeform"].is-selected::before { + border-color: #1e1e1e; +} +div[data-type="core/freeform"] .block-editor-block-contextual-toolbar + div { + margin-top: 0; + padding-top: 0; +} +div[data-type="core/freeform"].is-selected .block-library-rich-text__tinymce::after { + content: ""; + display: table; + clear: both; +} + +.mce-toolbar-grp .mce-btn.mce-active button, +.mce-toolbar-grp .mce-btn.mce-active:hover button, +.mce-toolbar-grp .mce-btn.mce-active i, +.mce-toolbar-grp .mce-btn.mce-active:hover i { + color: #1e1e1e; +} +.mce-toolbar-grp .mce-rtl .mce-flow-layout-item.mce-last { + margin-right: 0; + margin-left: 8px; +} +.mce-toolbar-grp .mce-btn i { + font-style: normal; +} + +.block-library-classic__toolbar { + display: none; + width: auto; + margin: 0; + position: sticky; + z-index: 31; + top: 0; + border: 1px solid #ddd; + border-bottom: none; + border-radius: 2px; + margin-bottom: 8px; + padding: 0; +} +div[data-type="core/freeform"].is-selected .block-library-classic__toolbar { + display: block; + border-color: #1e1e1e; +} +.block-library-classic__toolbar .mce-tinymce { + box-shadow: none; +} +@media (min-width: 600px) { + .block-library-classic__toolbar { + padding: 0; + } +} +.block-library-classic__toolbar:empty { + display: block; + background: #f5f5f5; + border-bottom: 1px solid #e2e4e7; +} +.block-library-classic__toolbar:empty::before { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + font-size: 13px; + content: attr(data-placeholder); + color: #555d66; + line-height: 37px; + padding: 14px; +} +.block-library-classic__toolbar div.mce-toolbar-grp { + border-bottom: 1px solid #1e1e1e; +} +.block-library-classic__toolbar .mce-tinymce-inline, +.block-library-classic__toolbar .mce-tinymce-inline > div, +.block-library-classic__toolbar div.mce-toolbar-grp, +.block-library-classic__toolbar div.mce-toolbar-grp > div, +.block-library-classic__toolbar .mce-menubar, +.block-library-classic__toolbar .mce-menubar > div { + height: auto !important; + width: 100% !important; +} +.block-library-classic__toolbar .mce-container-body.mce-abs-layout { + overflow: visible; +} +.block-library-classic__toolbar .mce-menubar, +.block-library-classic__toolbar div.mce-toolbar-grp { + position: static; +} +.block-library-classic__toolbar .mce-toolbar-grp > div { + padding: 1px 3px; +} +.block-library-classic__toolbar .mce-toolbar-grp .mce-toolbar:not(:first-child) { + display: none; +} +.block-library-classic__toolbar.has-advanced-toolbar .mce-toolbar-grp .mce-toolbar { + display: block; +} + +.wp-block-gallery li { + list-style-type: none; +} +.wp-block-gallery .block-editor-media-placeholder.is-appender .components-placeholder__label { + display: none; +} +.wp-block-gallery .block-editor-media-placeholder.is-appender .block-editor-media-placeholder__button { + margin-bottom: 0; +} + +figure.wp-block-gallery { + display: block; + margin: 0; +} + +.blocks-gallery-grid.blocks-gallery-grid { + padding-left: 0; + margin-left: 0; + margin-bottom: 0; +} + +.blocks-gallery-item figure:not(.is-selected):focus, +.blocks-gallery-item img:focus { + outline: none; +} +.blocks-gallery-item figure.is-selected::before { + box-shadow: 0 0 0 1px #fff inset, 0 0 0 3px var(--wp-admin-theme-color) inset; + content: ""; + outline: 2px solid transparent; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1; + pointer-events: none; +} +.blocks-gallery-item figure.is-selected figcaption { + z-index: 2; +} +.blocks-gallery-item figure.is-transient img { + opacity: 0.3; +} +.blocks-gallery-item .is-selected .block-library-gallery-item__inline-menu { + display: inline-flex; +} +.blocks-gallery-item .block-editor-media-placeholder { + margin: 0; + height: 100%; +} +.blocks-gallery-item .block-editor-media-placeholder .components-placeholder__label { + display: flex; +} + +.block-library-gallery-item__inline-menu { + display: none; + position: absolute; + top: -2px; + margin: 8px; + z-index: 20; + transition: box-shadow 0.2s ease-out; + border-radius: 2px; + background: #fff; + border: 1px solid #1e1e1e; +} +@media (prefers-reduced-motion: reduce) { + .block-library-gallery-item__inline-menu { + transition-duration: 0s; + transition-delay: 0s; + } +} +.block-library-gallery-item__inline-menu:hover { + box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); +} +@media (min-width: 600px) { + .columns-7 .block-library-gallery-item__inline-menu, .columns-8 .block-library-gallery-item__inline-menu { + padding: 2px; + } +} +.block-library-gallery-item__inline-menu .components-button.has-icon:not(:focus) { + border: none; + box-shadow: none; +} +@media (min-width: 600px) { + .columns-7 .block-library-gallery-item__inline-menu .components-button.has-icon, .columns-8 .block-library-gallery-item__inline-menu .components-button.has-icon { + padding: 0; + width: inherit; + height: inherit; + } +} +.block-library-gallery-item__inline-menu.is-left { + left: -2px; +} +.block-library-gallery-item__inline-menu.is-right { + right: -2px; +} + +.blocks-gallery-item .components-spinner { + position: absolute; + top: 50%; + left: 50%; + margin-top: -9px; + margin-left: -9px; +} + +/** + * Group: All Alignment Settings + */ +.wp-block-group .block-editor-block-list__insertion-point { + left: 0; + right: 0; +} + +[data-type="core/group"].is-selected .block-list-appender { + margin-left: 0; + margin-right: 0; +} +[data-type="core/group"].is-selected .has-background .block-list-appender { + margin-top: 18px; + margin-bottom: 18px; +} + +.block-library-heading-level-dropdown .components-popover__content { + min-width: 230px; +} +.block-library-heading-level-dropdown .components-popover__content > div { + padding: 0; +} + +.block-library-heading-level-toolbar { + border: none; +} + +.block-library-html__edit { + margin-bottom: 28px; +} +.block-library-html__edit .block-library-html__preview-overlay { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; +} +.block-library-html__edit .block-editor-plain-text { + font-family: Menlo, Consolas, monaco, monospace; + color: #1e1e1e; + padding: 0.8em 1em; + border: 1px solid #ddd; + border-radius: 4px; + max-height: 250px; + /* Fonts smaller than 16px causes mobile safari to zoom. */ + font-size: 16px; +} +@media (min-width: 600px) { + .block-library-html__edit .block-editor-plain-text { + font-size: 13px; + } +} +.block-library-html__edit .block-editor-plain-text:focus { + box-shadow: none; +} + +figure.wp-block-image:not(.wp-block) { + margin: 0; +} + +.wp-block-image { + position: relative; +} +.wp-block-image .is-applying img, .wp-block-image.is-transient img { + opacity: 0.3; +} +.wp-block-image figcaption img { + display: inline; +} +.wp-block-image .components-spinner { + position: absolute; + top: 50%; + left: 50%; + margin-top: -9px; + margin-left: -9px; +} +.wp-block-image:not(.is-style-rounded) > div { + border-radius: inherit; +} + +.wp-block-image .components-resizable-box__container { + display: inline-block; +} +.wp-block-image .components-resizable-box__container img { + display: block; + width: inherit; + height: inherit; +} + +.block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal { + position: absolute; + left: 0; + right: 0; + margin: -1px 0; +} +@media (min-width: 600px) { + .block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal { + margin: -1px; + } +} + +[data-align=wide] > .wp-block-image img, +[data-align=full] > .wp-block-image img { + width: 100%; +} + +.wp-block[data-align=left] > .wp-block-image, +.wp-block[data-align=center] > .wp-block-image, +.wp-block[data-align=right] > .wp-block-image { + display: table; +} +.wp-block[data-align=left] > .wp-block-image > figcaption, +.wp-block[data-align=center] > .wp-block-image > figcaption, +.wp-block[data-align=right] > .wp-block-image > figcaption { + display: table-caption; + caption-side: bottom; +} + +.wp-block[data-align=left] > .wp-block-image { + margin-right: 1em; + margin-left: 0; + margin-top: 0.5em; + margin-bottom: 0.5em; +} + +.wp-block[data-align=right] > .wp-block-image { + margin-left: 1em; + margin-right: 0; + margin-top: 0.5em; + margin-bottom: 0.5em; +} + +.wp-block[data-align=center] > .wp-block-image { + margin-left: auto; + margin-right: auto; + text-align: center; +} + +.wp-block-image__crop-area { + position: relative; + max-width: 100%; + width: 100%; +} + +.wp-block-image__crop-icon { + padding: 0 8px; + min-width: 48px; + display: flex; + justify-content: center; + align-items: center; +} +.wp-block-image__crop-icon svg { + fill: currentColor; +} + +.wp-block-image__zoom .components-popover__content { + overflow: visible; + min-width: 260px; +} +.wp-block-image__zoom .components-range-control { + flex: 1; +} +.wp-block-image__zoom .components-base-control__field { + display: flex; + margin-bottom: 0; + flex-direction: column; + align-items: flex-start; +} + +.wp-block-image__aspect-ratio { + height: 46px; + margin-bottom: -8px; + display: flex; + align-items: center; +} +.wp-block-image__aspect-ratio .components-button { + width: 36px; + padding-left: 0; + padding-right: 0; +} + +.wp-block-latest-posts { + padding-left: 2.5em; +} +.wp-block-latest-posts.is-grid { + padding-left: 0; +} + +.wp-block-latest-posts li a > div { + display: inline; +} + +.edit-post-visual-editor .wp-block-latest-posts.is-grid li { + margin-bottom: 20px; +} + +.wp-block-media-text .__resizable_base__ { + grid-column: 1/span 2; + grid-row: 2; +} + +.wp-block-media-text .editor-media-container__resizer { + width: 100% !important; +} + +.wp-block-media-text.is-image-fill .editor-media-container__resizer { + height: 100% !important; +} + +.wp-block-media-text > .block-editor-block-list__layout > .block-editor-block-list__block { + max-width: unset; +} + +.block-editor-block-list__block[data-type="core/more"] { + max-width: 100%; + text-align: center; + margin-top: 28px; + margin-bottom: 28px; +} + +.wp-block-more { + display: block; + text-align: center; + white-space: nowrap; +} +.wp-block-more input[type=text] { + position: relative; + font-size: 13px; + text-transform: uppercase; + font-weight: 600; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + color: #757575; + border: none; + box-shadow: none; + white-space: nowrap; + text-align: center; + margin: 0; + border-radius: 4px; + background: #fff; + padding: 6px 8px; + height: 24px; + max-width: 100%; +} +.wp-block-more input[type=text]:focus { + box-shadow: none; +} +.wp-block-more::before { + content: ""; + position: absolute; + top: calc(50%); + left: 0; + right: 0; + border-top: 3px dashed #ccc; +} + +/** + * Editor only CSS. + */ +.editor-styles-wrapper .wp-block-navigation ul { + margin-top: 0; + margin-bottom: 0; + margin-left: 0; + padding-left: 0; +} + +/** + * Submenus. + */ +.wp-block-navigation__container.is-parent-of-selected-block { + visibility: visible; + opacity: 1; +} + +.wp-block-navigation__container, +.wp-block-navigation-link { + background-color: inherit; +} + +.wp-block-navigation:not(.is-selected):not(.has-child-selected) .has-child:hover > .wp-block-navigation-link__container { + opacity: 0; + visibility: hidden; +} + +.has-child.is-selected > .wp-block-navigation-link__container, .has-child.has-child-selected > .wp-block-navigation-link__container { + display: flex; + opacity: 1; + visibility: visible; +} + +.is-dragging-components-draggable .has-child.is-dragging-within > .wp-block-navigation-link__container { + opacity: 1; + visibility: visible; +} + +.is-editing > .wp-block-navigation__container { + visibility: visible; + opacity: 1; + display: flex; + flex-direction: column; +} + +.is-dragging-components-draggable .wp-block-navigation-link > .wp-block-navigation__container { + opacity: 1; + visibility: hidden; +} +.is-dragging-components-draggable .wp-block-navigation-link > .wp-block-navigation__container .block-editor-block-draggable-chip-wrapper { + visibility: visible; +} + +/** + * Colors Selector component + */ +.block-library-colors-selector { + width: auto; +} +.block-library-colors-selector .block-library-colors-selector__toggle { + display: block; + margin: 0 auto; + padding: 3px; + width: auto; +} +.block-library-colors-selector .block-library-colors-selector__icon-container { + height: 30px; + position: relative; + margin: 0 auto; + padding: 3px; + display: flex; + align-items: center; + border-radius: 4px; +} +.block-library-colors-selector .block-library-colors-selector__state-selection { + margin-left: auto; + margin-right: auto; + border-radius: 11px; + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); + width: 22px; + min-width: 22px; + height: 22px; + min-height: 22px; + line-height: 20px; + padding: 2px; +} +.block-library-colors-selector .block-library-colors-selector__state-selection > svg { + min-width: auto !important; +} +.block-library-colors-selector .block-library-colors-selector__state-selection.has-text-color > svg, +.block-library-colors-selector .block-library-colors-selector__state-selection.has-text-color > svg path { + color: inherit; +} + +.block-library-colors-selector__popover .color-palette-controller-container { + padding: 16px; +} +.block-library-colors-selector__popover .components-base-control__label { + height: 20px; + line-height: 20px; +} +.block-library-colors-selector__popover .component-color-indicator { + float: right; + margin-top: 2px; +} +.block-library-colors-selector__popover .components-panel__body-title { + display: none; +} + +.wp-block-navigation .block-editor-button-block-appender { + justify-content: flex-start; +} + +/** + * Setup state + */ +.components-placeholder.wp-block-navigation-placeholder { + outline: none; + padding: 0; + box-shadow: none; + background: none; + min-height: 0; + color: inherit; +} +.components-placeholder.wp-block-navigation-placeholder .components-placeholder__fieldset { + font-size: inherit; +} +.components-placeholder.wp-block-navigation-placeholder .components-placeholder__fieldset .components-button { + margin-bottom: 0; +} +.is-selected .components-placeholder.wp-block-navigation-placeholder { + color: #1e1e1e; +} + +.wp-block-navigation-placeholder .components-spinner { + margin-top: -4px; + margin-left: 4px; + vertical-align: middle; + margin-right: 7px; +} + +.wp-block-navigation-placeholder__preview { + display: flex; + flex-direction: row; + align-items: center; + flex-wrap: nowrap; + width: 100%; + overflow: hidden; +} +.wp-block-navigation-placeholder__preview .wp-block-navigation-link.wp-block-navigation-link { + position: relative; + min-width: 72px; +} +.wp-block-navigation-placeholder__preview .wp-block-navigation-link.wp-block-navigation-link::before { + display: block; + content: ""; + border-radius: 2px; + background: currentColor; + height: 16px; + width: 100%; +} +.wp-block-navigation-placeholder__preview svg { + fill: currentColor; +} +.wp-block-navigation-placeholder__preview .wp-block-navigation-link.wp-block-navigation-link, +.wp-block-navigation-placeholder__preview svg { + opacity: 0.3; +} +.wp-block-navigation.is-selected .wp-block-navigation-placeholder__preview { + display: flex; + opacity: 0; + width: 0; + overflow: hidden; + flex-wrap: nowrap; +} +.wp-block-navigation.is-selected .is-small .wp-block-navigation-placeholder__preview { + display: none; +} +.wp-block-navigation.is-selected .is-medium .wp-block-navigation-placeholder__preview { + display: none; +} + +.wp-block-navigation-placeholder__controls { + padding: 8px; + border-radius: 2px; + background-color: #fff; + box-shadow: inset 0 0 0 1px #1e1e1e; + flex-direction: row; + align-items: center; + display: none; + position: relative; + z-index: 1; + float: left; + width: 100%; +} +.is-large .wp-block-navigation-placeholder__controls { + padding: 4px 8px; +} +.wp-block-navigation.is-selected .wp-block-navigation-placeholder__controls { + display: flex; +} +.is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions, .is-medium .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions, .is-vertical .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions { + flex-direction: column; +} +.is-selected.is-vertical .wp-block-navigation-placeholder__controls { + display: inline-flex; + padding: 12px; +} +.wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__icon { + margin-right: 12px; + height: 36px; +} +.wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator { + margin-right: 12px; + padding: 0; + align-items: center; + justify-content: flex-start; + line-height: 0; + margin-left: 5px; + display: none; +} +.wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator svg { + margin-right: 4px; +} +.is-vertical .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator { + margin-bottom: 4px; + margin-left: 0; +} +.is-large .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator { + display: inline-flex; +} + +.is-vertical .wp-block-navigation-placeholder, +.is-vertical .wp-block-navigation-placeholder__preview, +.is-vertical .wp-block-navigation-placeholder__controls { + min-height: 156px; +} + +.is-vertical .wp-block-navigation-placeholder__preview, +.is-vertical .wp-block-navigation-placeholder__controls { + flex-direction: column; + align-items: flex-start; +} + +.wp-block-navigation-placeholder__actions { + display: flex; + font-size: 13px; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; +} +.wp-block-navigation-placeholder__actions .components-button.components-dropdown-menu__toggle.has-icon { + padding: 6px 4px 6px 12px; + display: flex; + flex-direction: row-reverse; +} +.wp-block-navigation-placeholder__actions .components-dropdown, +.wp-block-navigation-placeholder__actions > .components-button { + margin-right: 12px; +} + +/** + * Mobile menu. + */ +@media (min-width: 600px) { + .wp-block-navigation__responsive-container:not(.is-menu-open) .components-button.wp-block-navigation__responsive-container-close { + display: none; + } +} + +@media (min-width: 600px) { + .components-button.wp-block-navigation__responsive-container-open { + display: none; + } +} + +.wp-block-navigation__responsive-container.is-menu-open { + position: fixed; +} +body.admin-bar .wp-block-navigation__responsive-container.is-menu-open { + top: 155px; +} +@media (min-width: 782px) { + body.admin-bar .wp-block-navigation__responsive-container.is-menu-open { + top: 61px; + } +} + +@media (min-width: 600px) { + .wp-block-navigation__responsive-close { + pointer-events: none; + } + .wp-block-navigation__responsive-close .wp-block-navigation__responsive-container-close, +.wp-block-navigation__responsive-close .block-editor-block-list__layout * { + pointer-events: all; + } +} +.wp-block-navigation__responsive-close .wp-block-pages-list__item__link { + pointer-events: none; +} + +.components-button.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open, +.components-button.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close { + padding: 0; + height: auto; + color: inherit; +} + +.is-menu-open .wp-block-navigation__responsive-container-content * .block-list-appender { + margin-top: 16px; +} + +.wp-block-navigation-link__container { + border-radius: 0; + min-height: 36px; +} + +/** + * Submenus. + */ +.wp-block-navigation .has-child { + cursor: pointer; +} +.wp-block-navigation .has-child .submenu-container, +.wp-block-navigation .has-child .wp-block-navigation-link__container { + z-index: 28; +} +.wp-block-navigation .has-child:hover .submenu-container, +.wp-block-navigation .has-child:hover .wp-block-navigation-link__container { + z-index: 29; +} +.wp-block-navigation .has-child.is-selected > .wp-block-navigation-link__container, .wp-block-navigation .has-child.has-child-selected > .wp-block-navigation-link__container { + visibility: visible !important; + opacity: 1 !important; +} + +/** + * Navigation Items. + */ +.wp-block-navigation-link .wp-block-navigation-link__container { + display: block; +} +.wp-block-navigation-link .wp-block-navigation-link__content { + cursor: text; +} +.wp-block-navigation-link.is-editing, .wp-block-navigation-link.is-selected { + min-width: 20px; +} +.wp-block-navigation-link .block-list-appender { + margin-top: 16px; + margin-right: auto; + margin-bottom: 16px; + margin-left: 16px; +} + +.wp-block-navigation .block-editor-block-list__block[data-type="core/navigation-link"] > .block-editor-block-list__insertion-point { + display: none; +} + +/** + * Menu item setup state. Is shown when a menu item has no URL configured. + */ +.wp-block-navigation-link__placeholder { + position: relative; + margin: 2px; +} +.wp-block-navigation-link__placeholder .wp-block-navigation-link__placeholder-text { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + font-size: 13px; + padding-left: 4px; + padding-right: 4px; +} +.wp-block-navigation-link__placeholder.wp-block-navigation-link__content { + cursor: pointer; +} +.wp-block-navigation-link__placeholder::before { + content: ""; + display: block; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + border-radius: 2px; + opacity: 0.1; +} +.is-dark-theme .wp-block-navigation-link__placeholder::before { + opacity: 0.2; +} +.is-editing .wp-block-navigation-link__placeholder::before { + background: currentColor; +} + +.wp-block-navigation .wp-block-navigation-link:not(.is-editing) .wp-block-navigation-link__content.wp-block-navigation-link__placeholder { + box-shadow: inset 0 0 0 1px #757575; + border-radius: 2px; + color: var(--wp-admin-theme-color); +} + +.block-editor-block-list__block[data-type="core/nextpage"] { + max-width: 100%; + text-align: center; + margin-top: 28px; + margin-bottom: 28px; +} + +.wp-block-nextpage { + display: block; + text-align: center; + white-space: nowrap; +} +.wp-block-nextpage > span { + font-size: 13px; + position: relative; + text-transform: uppercase; + font-weight: 600; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + color: #757575; + border-radius: 4px; + background: #fff; + padding: 6px 8px; + height: 24px; +} +.wp-block-nextpage::before { + content: ""; + position: absolute; + top: calc(50%); + left: 0; + right: 0; + border-top: 3px dashed #ccc; +} + +.wp-block-navigation .wp-block-page-list > div, +.wp-block-navigation .wp-block-page-list { + background-color: inherit; +} +.wp-block-navigation.items-justified-space-between .wp-block-page-list > div, +.wp-block-navigation.items-justified-space-between .wp-block-page-list { + display: contents; + flex: 1; +} +.wp-block-navigation.items-justified-space-between.has-child-selected .wp-block-page-list > div, .wp-block-navigation.items-justified-space-between.has-child-selected .wp-block-page-list, .wp-block-navigation.items-justified-space-between.is-selected .wp-block-page-list > div, .wp-block-navigation.items-justified-space-between.is-selected .wp-block-page-list { + flex: inherit; +} + +.wp-block-pages-list__item__link { + pointer-events: none; +} + +.wp-block-page-list .components-placeholder { + min-height: 0; + padding: 0; + background-color: inherit; +} +.wp-block-page-list .components-placeholder .components-spinner { + margin: 0.5em; +} + +.wp-block-page-list-modal { + max-width: 400px; +} + +.wp-block-page-list-modal-buttons { + display: flex; + justify-content: flex-end; +} +.wp-block-page-list-modal-buttons .components-button { + margin-left: 12px; +} + +.block-editor-block-list__block[data-type="core/paragraph"].has-drop-cap:focus { + min-height: auto !important; +} + +.block-editor-block-list__block[data-empty=true] [data-rich-text-placeholder] { + opacity: 1; +} + +.block-editor-block-list__block[data-empty=true] + .block-editor-block-list__block[data-empty=true] [data-rich-text-placeholder] { + opacity: 0; +} + +.wp-block-post-content__placeholder { + height: 100px; + border: 1px dashed; + display: flex; + justify-content: center; + align-items: center; +} +.wp-block-post-content__placeholder span { + font-style: italic; +} + +.wp-block-post-excerpt .wp-block-post-excerpt__excerpt.is-inline { + display: inline-block; +} + +.wp-block-post-author { + display: flex; + flex-wrap: wrap; +} +.wp-block-post-author .wp-block-post-author__byline { + font-size: 0.5em; + margin-top: 0; + position: relative; + font-style: normal; +} +.wp-block-post-author .wp-block-post-author__content { + flex-grow: 1; + flex-basis: 0; +} +.wp-block-post-author .wp-block-post-author__avatar img { + margin: 0; +} +.wp-block-post-author .wp-block-post-author__avatar { + margin-bottom: -8px; +} +.wp-block-post-author .wp-block-post-author__name { + margin: 0; + font-weight: bold; +} +.wp-block-post-author .wp-block-post-author__bio { + margin: 0 0 8px; + font-size: 0.7em; +} + +.wp-block[data-align=left] > .wp-block-pullquote p, +.wp-block[data-align=right] > .wp-block-pullquote p { + font-size: 20px; +} + +.wp-block-pullquote blockquote p { + font-size: 28px; + line-height: 1.6; +} + +.wp-block-pullquote.is-style-solid-color blockquote p { + font-size: 32px; +} +.wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation { + text-transform: none; + font-style: normal; +} + +.wp-block-pullquote .wp-block-pullquote__citation { + color: inherit; +} + +.wp-block-rss li a > div { + display: inline; +} + +.wp-block-rss__placeholder-form { + display: flex; + align-items: stretch; +} +.wp-block-rss__placeholder-form > * { + margin-bottom: 8px; +} +@media (min-width: 782px) { + .wp-block-rss__placeholder-form > * { + margin-bottom: 0; + } +} + +.wp-block-rss__placeholder-input { + display: flex; + align-items: stretch; + flex-grow: 1; +} +.wp-block-rss__placeholder-input .components-base-control__field { + margin: 0; + display: flex; + align-items: stretch; + flex-grow: 1; + margin-right: 8px; +} + +.wp-block[data-align=center] .wp-block-search .wp-block-search__inside-wrapper { + margin: auto; +} + +.wp-block-search .wp-block-search__input { + padding: 8px; +} +.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper { + padding: 4px; +} +.wp-block-search .wp-block-search__button { + height: auto; + border-radius: initial; +} +.wp-block-search .wp-block-search__button.wp-block-search__button.wp-block-search__button { + padding: 6px 10px; +} +.wp-block-search__components-button-group { + margin-top: 10px; +} + +.block-editor-block-list__block[data-type="core/separator"] { + padding-top: 0.1px; + padding-bottom: 0.1px; +} + +[data-type="core/shortcode"] .block-editor-plain-text { + max-height: 250px; +} +[data-type="core/shortcode"].components-placeholder { + min-height: 0; +} + +.blocks-shortcode__textarea { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + padding: 6px 8px; + box-shadow: 0 0 0 transparent; + transition: box-shadow 0.1s linear; + border-radius: 2px; + border: 1px solid #757575; + /* Fonts smaller than 16px causes mobile safari to zoom. */ + font-size: 16px; + /* Override core line-height. To be reviewed. */ + line-height: normal; +} +@media (prefers-reduced-motion: reduce) { + .blocks-shortcode__textarea { + transition-duration: 0s; + transition-delay: 0s; + } +} +@media (min-width: 600px) { + .blocks-shortcode__textarea { + font-size: 13px; + /* Override core line-height. To be reviewed. */ + line-height: normal; + } +} +.blocks-shortcode__textarea:focus { + border-color: var(--wp-admin-theme-color); + box-shadow: 0 0 0 1px var(--wp-admin-theme-color); + outline: 2px solid transparent; +} +.blocks-shortcode__textarea::-webkit-input-placeholder { + color: rgba(30, 30, 30, 0.62); +} +.blocks-shortcode__textarea::-moz-placeholder { + opacity: 1; + color: rgba(30, 30, 30, 0.62); +} +.blocks-shortcode__textarea:-ms-input-placeholder { + color: rgba(30, 30, 30, 0.62); +} + +.wp-block[data-align=center] > .wp-block-site-logo { + margin-left: auto; + margin-right: auto; + text-align: center; +} + +.wp-block-site-logo a { + pointer-events: none; +} +.wp-block-site-logo:not(.is-default-size) { + display: table; +} +.wp-block-site-logo.is-default-size { + width: 120px; +} +.wp-block-site-logo.is-default-size img { + width: 100%; +} +.wp-block-site-logo .custom-logo-link { + cursor: inherit; +} +.wp-block-site-logo .custom-logo-link:focus { + box-shadow: none; +} +.wp-block-site-logo .custom-logo-link.is-transient img { + opacity: 0.3; +} +.wp-block-site-logo img { + display: block; + max-width: 100%; +} +.wp-block-site-logo .components-placeholder { + justify-content: flex-start; + min-height: auto; + height: 120px; + padding: 12px; +} +.wp-block-site-logo .components-placeholder .components-placeholder__label { + margin-top: 12px; + white-space: nowrap; +} +.wp-block-site-logo .components-placeholder .components-placeholder__label .block-editor-block-icon, +.wp-block-site-logo .components-placeholder .components-placeholder__label > svg { + margin-right: 4px; +} +.wp-block-site-logo .components-placeholder .components-form-file-upload { + display: none; +} +.wp-block-site-logo .components-placeholder .components-placeholder__preview { + position: absolute; + top: 4px; + right: 4px; + bottom: 4px; + left: 4px; + background: rgba(255, 255, 255, 0.8); + display: flex; + align-items: center; + justify-content: center; +} +.wp-block-site-logo .components-placeholder .components-drop-zone__content-text { + display: none; +} + +.wp-block-site-tagline__placeholder { + padding: 1em 0; + border: 1px dashed; +} + +.wp-block-site-title__placeholder { + padding: 1em 0; + border: 1px dashed; +} + +.wp-block-social-links .wp-social-link { + line-height: 0; +} +.wp-block-social-links .wp-social-link button { + font-size: inherit; + color: currentColor; + height: auto; + line-height: 0; + padding: 0.25em; +} + +.wp-block-social-links.is-style-pill-shape .wp-social-link button { + padding-left: calc((2/3) * 1em); + padding-right: calc((2/3) * 1em); +} + +.wp-block-social-links div.block-editor-url-input { + display: inline-block; + margin-left: 8px; +} + +.wp-social-link:hover { + transform: none; +} + +.editor-styles-wrapper .wp-block-social-links { + padding: 0; +} + +.wp-block-social-links__social-placeholder { + display: flex; + opacity: 0.8; + list-style: none; +} +.wp-block-social-links__social-placeholder > .wp-social-link { + padding-left: 0 !important; + margin-left: 0 !important; + padding-right: 0 !important; + margin-right: 0 !important; + width: 0 !important; + visibility: hidden; +} +.wp-block-social-links__social-placeholder > .wp-block-social-links__social-placeholder-icons { + display: flex; +} +.wp-block-social-links__social-placeholder + .block-list-appender, +.wp-block-social-links__social-placeholder .wp-social-link { + padding: 0.25em; +} +.is-style-pill-shape .wp-block-social-links__social-placeholder + .block-list-appender, +.is-style-pill-shape .wp-block-social-links__social-placeholder .wp-social-link { + padding-left: calc((2/3) * 1em); + padding-right: calc((2/3) * 1em); +} +.wp-block-social-links__social-placeholder .wp-social-link::before { + content: ""; + display: block; + width: 1em; + height: 1em; + border-radius: 50%; +} +.is-style-logos-only .wp-block-social-links__social-placeholder .wp-social-link::before { + background: currentColor; +} + +.wp-block-social-links .wp-block-social-links__social-prompt { + list-style: none; + order: 2; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + font-size: 13px; + line-height: 24px; + margin-top: auto; + margin-bottom: auto; + cursor: default; + padding-right: 8px; +} +.wp-block-social-links .wp-block-social-links__social-prompt + .block-list-appender { + margin-right: 8px; + padding: 0.25em; +} + +.wp-block-social-links .block-list-appender { + margin: 4px auto 4px 0; + border-radius: 9999px; +} +.wp-block-social-links .block-list-appender .block-editor-inserter { + display: flex; + align-items: center; + justify-content: center; + font-size: inherit; + width: 1em; + height: 1em; +} +.has-small-icon-size .wp-block-social-links .block-list-appender { + font-size: 16px; +} +.has-normal-icon-size .wp-block-social-links .block-list-appender { + font-size: 24px; +} +.has-large-icon-size .wp-block-social-links .block-list-appender { + font-size: 36px; +} +.has-huge-icon-size .wp-block-social-links .block-list-appender { + font-size: 48px; +} +.wp-block-social-links .block-list-appender::before { + content: none; +} + +.wp-block[data-align=center] > .wp-block-social-links { + justify-content: center; +} + +.block-editor-block-preview__content .components-button:disabled { + opacity: 1; +} + +.wp-social-link.wp-social-link__is-incomplete { + opacity: 0.5; +} +@media (prefers-reduced-motion: reduce) { + .wp-social-link.wp-social-link__is-incomplete { + transition-duration: 0s; + transition-delay: 0s; + } +} + +.wp-block-social-links .is-selected .wp-social-link__is-incomplete, +.wp-social-link.wp-social-link__is-incomplete:hover, +.wp-social-link.wp-social-link__is-incomplete:focus { + opacity: 1; +} + +.block-editor-block-list__block[data-type="core/spacer"]::before { + content: ""; + display: block; + position: absolute; + width: 100%; + height: 24px; + transform: translateY(-12px); +} + +.wp-block-spacer.is-hovered .block-library-spacer__resize-container, +.block-library-spacer__resize-container.has-show-handle { + background: rgba(0, 0, 0, 0.1); +} +.is-dark-theme .wp-block-spacer.is-hovered .block-library-spacer__resize-container, +.is-dark-theme .block-library-spacer__resize-container.has-show-handle { + background: rgba(255, 255, 255, 0.15); +} + +.block-library-spacer__resize-container { + clear: both; +} +.block-library-spacer__resize-container .components-resizable-box__handle::before { + content: none; +} +.block-library-spacer__resize-container.resize-horizontal { + margin-bottom: 0; +} + +.wp-block-table { + margin: 0; +} +.wp-block[data-align=left] > .wp-block-table, .wp-block[data-align=right] > .wp-block-table, .wp-block[data-align=center] > .wp-block-table { + height: auto; +} +.wp-block[data-align=left] > .wp-block-table table, .wp-block[data-align=right] > .wp-block-table table, .wp-block[data-align=center] > .wp-block-table table { + width: auto; +} +.wp-block[data-align=left] > .wp-block-table td, +.wp-block[data-align=left] > .wp-block-table th, .wp-block[data-align=right] > .wp-block-table td, +.wp-block[data-align=right] > .wp-block-table th, .wp-block[data-align=center] > .wp-block-table td, +.wp-block[data-align=center] > .wp-block-table th { + word-break: break-word; +} +.wp-block[data-align=center] > .wp-block-table { + text-align: initial; +} +.wp-block[data-align=center] > .wp-block-table table { + margin: 0 auto; +} +.wp-block-table td, +.wp-block-table th { + border: 1px solid; +} +.wp-block-table td.is-selected, +.wp-block-table th.is-selected { + border-color: var(--wp-admin-theme-color); + box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color); + border-style: double; +} +.wp-block-table figcaption { + color: #555; + font-size: 13px; + text-align: center; +} +.is-dark-theme .wp-block-table figcaption { + color: rgba(255, 255, 255, 0.65); +} + +.blocks-table__placeholder-form.blocks-table__placeholder-form { + display: flex; + flex-direction: column; + align-items: flex-start; +} +.blocks-table__placeholder-form.blocks-table__placeholder-form > * { + margin-bottom: 8px; +} +@media (min-width: 782px) { + .blocks-table__placeholder-form.blocks-table__placeholder-form { + flex-direction: row; + align-items: flex-end; + } + .blocks-table__placeholder-form.blocks-table__placeholder-form > * { + margin-bottom: 0; + } +} + +.blocks-table__placeholder-input { + width: 112px; + margin-right: 8px; + margin-bottom: 0; +} +.blocks-table__placeholder-input input { + height: 36px; +} +.blocks-table__placeholder-input .components-base-control__field { + margin-bottom: 0; +} + +.wp-block-tag-cloud a { + display: inline-block; + margin-right: 5px; +} +.wp-block-tag-cloud span { + display: inline-block; + margin-left: 5px; + color: #757575; + text-decoration: none; +} + +.wp-block-template-part__placeholder-preview-dropdown-content .components-popover__content, +.wp-block-template-part__preview-dropdown-content .components-popover__content { + min-width: 320px; + padding: 0; +} + +.wp-block-template-part__selection-preview-search-form { + border-bottom: 1px solid #ddd; +} + +.wp-block-template-part__selection-preview-container { + background: #fff; + padding-bottom: 16px; +} +.wp-block-template-part__selection-preview-container .wp-block-template-part__selection-preview-item { + border-radius: 2px; + cursor: pointer; + margin-top: 16px; + transition: all 0.05s ease-in-out; + border: 1px solid transparent; + width: 100%; + background-color: #fff; +} +.wp-block-template-part__selection-preview-container .wp-block-template-part__selection-preview-item:hover { + border: 1px solid var(--wp-admin-theme-color); +} +.wp-block-template-part__selection-preview-container .wp-block-template-part__selection-preview-item:focus { + box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + outline: 2px solid transparent; +} +.wp-block-template-part__selection-preview-container .wp-block-template-part__selection-preview-item.is-placeholder { + min-height: 100px; +} +.wp-block-template-part__selection-preview-container .wp-block-template-part__selection-preview-item-title { + padding: 4px; + font-size: 12px; + text-align: left; +} +.wp-block-template-part__selection-preview-container .wp-block-template-part__selection-panel-group-header { + padding: 16px 16px 0; +} +.wp-block-template-part__selection-preview-container .wp-block-template-part__selection-panel-group-content { + padding: 0 16px; +} +.wp-block-template-part__selection-preview-container .wp-block-template-part__selection-panel-group-title { + color: var(--wp-admin-theme-color); + text-transform: uppercase; + font-size: 11px; + font-weight: 500; +} + +.block-editor-block-list__block[data-type="core/template-part"].has-child-selected::after { + border: 1px dotted var(--wp-admin-theme-color); +} +.block-editor-block-list__block[data-type="core/template-part"].has-child-selected.is-hovered::after, .block-editor-block-list__block[data-type="core/template-part"].has-child-selected.is-highlighted::after { + border: none; +} + +.wp-block-text-columns .block-editor-rich-text__editable:focus { + outline: 1px solid #ddd; +} + +.wp-block[data-align=center] > .wp-block-video { + text-align: center; +} + +.wp-block-video { + position: relative; +} +.wp-block-video.is-transient video { + opacity: 0.3; +} +.wp-block-video .components-spinner { + position: absolute; + top: 50%; + left: 50%; + margin-top: -9px; + margin-left: -9px; +} + +.editor-video-poster-control .components-base-control__label { + display: block; +} +.editor-video-poster-control .components-button { + margin-right: 8px; +} + +.block-library-video-tracks-editor { + z-index: 159990; +} + +.block-library-video-tracks-editor > .components-popover__content { + width: 360px; +} + +.block-library-video-tracks-editor__track-list-track { + display: flex; + place-content: space-between; + align-items: baseline; + padding-left: 12px; +} + +.block-library-video-tracks-editor__single-track-editor-label-language { + display: flex; + margin-top: 12px; +} +.block-library-video-tracks-editor__single-track-editor-label-language > .components-base-control { + width: 50%; +} +.block-library-video-tracks-editor__single-track-editor-label-language > .components-base-control:first-child { + margin-right: 16px; +} + +.block-library-video-tracks-editor__single-track-editor-kind-select { + max-width: 240px; +} + +.block-library-video-tracks-editor__single-track-editor-buttons-container { + display: flex; + place-content: space-between; + margin-top: 32px; +} + +.block-library-video-tracks-editor__single-track-editor-edit-track-label { + margin-top: 4px; + margin-bottom: 12px; + color: #757575; + text-transform: uppercase; + font-size: 11px; + font-weight: 500; + display: block; +} + +.block-library-video-tracks-editor > .components-popover__content > div { + padding: 0; +} + +.block-library-video-tracks-editor__track-list .components-menu-group__label, +.block-library-video-tracks-editor__add-tracks-container .components-menu-group__label { + padding: 0; +} + +.block-library-video-tracks-editor__single-track-editor, +.block-library-video-tracks-editor__track-list, +.block-library-video-tracks-editor__add-tracks-container { + padding: 12px; +} + +.block-library-video-tracks-editor__single-track-editor .components-base-control .components-base-control__label { + margin-bottom: 4px; +} +.block-library-video-tracks-editor__single-track-editor .components-base-control .components-base-control__field { + margin-bottom: 12px; +} +.block-library-video-tracks-editor__single-track-editor .components-base-control .components-text-control__input { + margin-left: 0; +} +.block-library-video-tracks-editor__single-track-editor .components-base-control .components-input-control__label { + margin-bottom: 4px; +} + +.wp-block-query-title__placeholder { + padding: 1em 0; + border: 1px dashed; +} + +.editor-styles-wrapper ul.wp-block-post-template { + padding-left: 0; + margin-left: 0; + list-style: none; +} + +.block-library-query-toolbar__popover .components-popover__content { + min-width: 230px; +} + +.wp-block-query__create-new-link { + padding: 0 16px 16px 56px; +} + +.wp-block > .wp-block-query-pagination { + display: flex; + flex-wrap: wrap; + flex-direction: row; +} + +.editor-styles-wrapper .wp-block-query-pagination { + max-width: 100%; +} +.editor-styles-wrapper .wp-block-query-pagination.block-editor-block-list__layout { + margin: 0; +} + +.block-library-query-pagination-toolbar__popover .components-popover__content { + min-width: 230px; +} + +.wp-block-query-pagination > .wp-block-query-pagination-next, +.wp-block-query-pagination > .wp-block-query-pagination-previous, +.wp-block-query-pagination > .wp-block-query-pagination-numbers { + display: inline-block; + margin-left: 0; + margin-top: 0.5em; + /*rtl:ignore*/ + margin-right: 0.5em; + margin-bottom: 0.5em; +} +.wp-block-query-pagination > .wp-block-query-pagination-next:last-child, +.wp-block-query-pagination > .wp-block-query-pagination-previous:last-child, +.wp-block-query-pagination > .wp-block-query-pagination-numbers:last-child { + /*rtl:ignore*/ + margin-right: 0; +} + +.wp-block-query-pagination-numbers a { + text-decoration: underline; +} +.wp-block-query-pagination-numbers .page-numbers { + margin-right: 2px; +} +.wp-block-query-pagination-numbers .page-numbers:last-child { + /*rtl:ignore*/ + margin-right: 0; +} + +div[data-type="core/post-featured-image"] img { + max-width: 100%; + height: auto; + display: block; +} + +.editor-styles-wrapper .post-featured-image_placeholder { + display: flex; + flex-direction: row; + align-items: flex-start; + border-radius: 2px; + background-color: #fff; + box-shadow: inset 0 0 0 1px #1e1e1e; + padding: 12px; +} +.editor-styles-wrapper .post-featured-image_placeholder svg { + margin-right: 12px; +} +.editor-styles-wrapper .post-featured-image_placeholder p { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + font-size: 13px; + margin: 0; +} + +.wp-block-term-description__placeholder { + padding: 1em 0; + border: 1px dashed; +} + +:root .editor-styles-wrapper { + /* stylelint-disable function-comma-space-after */ + /* stylelint-enable function-comma-space-after */ +} +:root .editor-styles-wrapper .has-pale-pink-background-color { + background-color: #f78da7; +} +:root .editor-styles-wrapper .has-vivid-red-background-color { + background-color: #cf2e2e; +} +:root .editor-styles-wrapper .has-luminous-vivid-orange-background-color { + background-color: #ff6900; +} +:root .editor-styles-wrapper .has-luminous-vivid-amber-background-color { + background-color: #fcb900; +} +:root .editor-styles-wrapper .has-light-green-cyan-background-color { + background-color: #7bdcb5; +} +:root .editor-styles-wrapper .has-vivid-green-cyan-background-color { + background-color: #00d084; +} +:root .editor-styles-wrapper .has-pale-cyan-blue-background-color { + background-color: #8ed1fc; +} +:root .editor-styles-wrapper .has-vivid-cyan-blue-background-color { + background-color: #0693e3; +} +:root .editor-styles-wrapper .has-vivid-purple-background-color { + background-color: #9b51e0; +} +:root .editor-styles-wrapper .has-white-background-color { + background-color: #fff; +} +:root .editor-styles-wrapper .has-very-light-gray-background-color { + background-color: #eee; +} +:root .editor-styles-wrapper .has-cyan-bluish-gray-background-color { + background-color: #abb8c3; +} +:root .editor-styles-wrapper .has-very-dark-gray-background-color { + background-color: #313131; +} +:root .editor-styles-wrapper .has-black-background-color { + background-color: #000; +} +:root .editor-styles-wrapper .has-pale-pink-color { + color: #f78da7; +} +:root .editor-styles-wrapper .has-vivid-red-color { + color: #cf2e2e; +} +:root .editor-styles-wrapper .has-luminous-vivid-orange-color { + color: #ff6900; +} +:root .editor-styles-wrapper .has-luminous-vivid-amber-color { + color: #fcb900; +} +:root .editor-styles-wrapper .has-light-green-cyan-color { + color: #7bdcb5; +} +:root .editor-styles-wrapper .has-vivid-green-cyan-color { + color: #00d084; +} +:root .editor-styles-wrapper .has-pale-cyan-blue-color { + color: #8ed1fc; +} +:root .editor-styles-wrapper .has-vivid-cyan-blue-color { + color: #0693e3; +} +:root .editor-styles-wrapper .has-vivid-purple-color { + color: #9b51e0; +} +:root .editor-styles-wrapper .has-white-color { + color: #fff; +} +:root .editor-styles-wrapper .has-very-light-gray-color { + color: #eee; +} +:root .editor-styles-wrapper .has-cyan-bluish-gray-color { + color: #abb8c3; +} +:root .editor-styles-wrapper .has-very-dark-gray-color { + color: #313131; +} +:root .editor-styles-wrapper .has-black-color { + color: #000; +} +:root .editor-styles-wrapper .has-vivid-cyan-blue-to-vivid-purple-gradient-background { + background: linear-gradient(135deg, #0693e3 0%, #9b51e0 100%); +} +:root .editor-styles-wrapper .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background { + background: linear-gradient(135deg, #00d084 0%, #0693e3 100%); +} +:root .editor-styles-wrapper .has-light-green-cyan-to-vivid-green-cyan-gradient-background { + background: linear-gradient(135deg, #7adcb4 0%, #00d082 100%); +} +:root .editor-styles-wrapper .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background { + background: linear-gradient(135deg, #fcb900 0%, #ff6900 100%); +} +:root .editor-styles-wrapper .has-luminous-vivid-orange-to-vivid-red-gradient-background { + background: linear-gradient(135deg, #ff6900 0%, #cf2e2e 100%); +} +:root .editor-styles-wrapper .has-very-light-gray-to-cyan-bluish-gray-gradient-background { + background: linear-gradient(135deg, #eeeeee 0%, #a9b8c3 100%); +} +:root .editor-styles-wrapper .has-cool-to-warm-spectrum-gradient-background { + background: linear-gradient(135deg, #4aeadc 0%, #9778d1 20%, #cf2aba 40%, #ee2c82 60%, #fb6962 80%, #fef84c 100%); +} +:root .editor-styles-wrapper .has-blush-light-purple-gradient-background { + background: linear-gradient(135deg, #ffceec 0%, #9896f0 100%); +} +:root .editor-styles-wrapper .has-blush-bordeaux-gradient-background { + background: linear-gradient(135deg, #fecda5 0%, #fe2d2d 50%, #6b003e 100%); +} +:root .editor-styles-wrapper .has-purple-crush-gradient-background { + background: linear-gradient(135deg, #34e2e4 0%, #4721fb 50%, #ab1dfe 100%); +} +:root .editor-styles-wrapper .has-luminous-dusk-gradient-background { + background: linear-gradient(135deg, #ffcb70 0%, #c751c0 50%, #4158d0 100%); +} +:root .editor-styles-wrapper .has-hazy-dawn-gradient-background { + background: linear-gradient(135deg, #faaca8 0%, #dad0ec 100%); +} +:root .editor-styles-wrapper .has-pale-ocean-gradient-background { + background: linear-gradient(135deg, #fff5cb 0%, #b6e3d4 50%, #33a7b5 100%); +} +:root .editor-styles-wrapper .has-electric-grass-gradient-background { + background: linear-gradient(135deg, #caf880 0%, #71ce7e 100%); +} +:root .editor-styles-wrapper .has-subdued-olive-gradient-background { + background: linear-gradient(135deg, #fafae1 0%, #67a671 100%); +} +:root .editor-styles-wrapper .has-atomic-cream-gradient-background { + background: linear-gradient(135deg, #fdd79a 0%, #004a59 100%); +} +:root .editor-styles-wrapper .has-nightshade-gradient-background { + background: linear-gradient(135deg, #330968 0%, #31cdcf 100%); +} +:root .editor-styles-wrapper .has-midnight-gradient-background { + background: linear-gradient(135deg, #020381 0%, #2874fc 100%); +} + +.editor-styles-wrapper .has-small-font-size { + font-size: 13px; +} + +.editor-styles-wrapper .has-regular-font-size, +.editor-styles-wrapper .has-normal-font-size { + font-size: 16px; +} + +.editor-styles-wrapper .has-medium-font-size { + font-size: 20px; +} + +.editor-styles-wrapper .has-large-font-size { + font-size: 36px; +} + +.editor-styles-wrapper .has-larger-font-size, +.editor-styles-wrapper .has-huge-font-size { + font-size: 42px; +} + +/** + * Editor Normalization Styles + * + * These are only output in the editor, but styles here are NOT prefixed .editor-styles-wrapper. + * This allows us to create normalization styles that are easily overridden by editor styles. + */ +#end-resizable-editor-section { + display: none; +} \ No newline at end of file diff --git a/wp-includes/css/dist/block-library/editor.min.css b/wp-includes/css/dist/block-library/editor.min.css new file mode 100644 index 0000000000..1f042b3bbf --- /dev/null +++ b/wp-includes/css/dist/block-library/editor.min.css @@ -0,0 +1,2 @@ +#start-resizable-editor-section{display:none}ul.wp-block-archives{padding-left:2.5em}.wp-block-audio{margin-left:0;margin-right:0}.edit-post-visual-editor .block-library-block__reusable-block-container .is-root-container{padding-left:0;padding-right:0}.edit-post-visual-editor .block-library-block__reusable-block-container .block-editor-writing-flow{display:block}.edit-post-visual-editor .block-library-block__reusable-block-container .components-disabled .block-list-appender{display:none}.wp-block[data-align=center]>.wp-block-button{text-align:center;margin-left:auto;margin-right:auto}.wp-block[data-align=right]>.wp-block-button{ + /*!rtl:ignore*/text-align:right}.wp-block-button{position:relative;cursor:text}.wp-block-button:not(.has-text-color):not(.is-style-outline) [data-rich-text-placeholder]:after{color:#fff}.wp-block-button:focus{box-shadow:0 0 0 1px #fff,0 0 0 3px var(--wp-admin-theme-color);outline:2px solid transparent;outline-offset:-2px}.wp-block-button[data-rich-text-placeholder]:after{opacity:.8}.wp-block-button__inline-link{color:#757575;height:0;overflow:hidden;max-width:290px}.wp-block-button__inline-link-input__suggestions{max-width:290px}@media (min-width:782px){.wp-block-button__inline-link,.wp-block-button__inline-link-input__suggestions{max-width:260px}}@media (min-width:960px){.wp-block-button__inline-link,.wp-block-button__inline-link-input__suggestions{max-width:290px}}.is-selected .wp-block-button__inline-link{height:auto;overflow:visible;margin-top:16px}.wp-button-label__width .components-button-group{display:block}.wp-button-label__width .components-base-control__field{margin-bottom:12px}div[data-type="core/button"]{display:table}.wp-block>.wp-block-buttons{display:flex;flex-wrap:wrap}.wp-block-buttons>.wp-block{margin-left:0;margin-top:.5em;margin-right:.5em}.wp-block-buttons>.block-list-appender{display:inline-flex;align-items:center}.wp-block-buttons.is-vertical>.block-list-appender .block-list-appender__toggle{justify-content:flex-start}.wp-block-buttons>.wp-block-button:focus{box-shadow:none}.wp-block-buttons:not(.is-content-justification-space-between,.is-content-justification-right,.is-content-justification-left,.is-content-justification-center) .wp-block[data-align=center]{margin-left:auto;margin-right:auto;margin-top:0;width:100%}.wp-block-buttons:not(.is-content-justification-space-between,.is-content-justification-right,.is-content-justification-left,.is-content-justification-center) .wp-block[data-align=center] .wp-block-button{margin-bottom:0}.wp-block[data-align=center]>.wp-block-buttons{align-items:center;justify-content:center}.wp-block[data-align=right]>.wp-block-buttons{justify-content:flex-end}.wp-block-categories ul{padding-left:2.5em}.wp-block-categories ul ul{margin-top:6px}.wp-block-columns .wp-block{max-width:none;margin-left:0;margin-right:0}@media (min-width:600px){.editor-styles-wrapper .block-editor-block-list__block.wp-block-column:nth-child(2n){margin-left:32px}}@media (min-width:782px){.editor-styles-wrapper .block-editor-block-list__block.wp-block-column:not(:first-child){margin-left:32px}}.block-editor-block-list__block.wp-block-column.wp-block-column{margin-top:0;margin-bottom:0}.wp-block-cover.is-placeholder{min-height:auto!important;padding:0!important}.wp-block-cover.components-placeholder h2{color:inherit}.wp-block-cover.is-transient:before{background-color:#fff;opacity:.3}.wp-block-cover .components-spinner{position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);margin:0}.wp-block-cover .block-editor-block-list__layout{width:100%}.wp-block-cover .wp-block-cover__inner-container{text-align:left;margin-left:0;margin-right:0}.wp-block-cover .wp-block-cover__placeholder-background-options{width:100%}[data-align=left]>.wp-block-cover,[data-align=right]>.wp-block-cover{max-width:420px;width:100%}.block-library-cover__reset-button{margin-left:auto}.block-library-cover__resize-container{position:absolute!important;top:0;left:0;right:0;bottom:0}.block-library-cover__resize-container:not(.is-resizing){height:auto!important}.wp-block-cover>.components-drop-zone.is-active{transition:opacity .2s,border .2s}@media (prefers-reduced-motion:reduce){.wp-block-cover>.components-drop-zone.is-active{transition-duration:0s;transition-delay:0s}}.wp-block-cover>.components-drop-zone.is-dragging-over-element{background-color:transparent;border:48px solid var(--wp-admin-theme-color)}.wp-block-cover>.components-drop-zone.is-dragging-over-element .components-drop-zone__content{transform:none}.wp-block-cover>.components-drop-zone .components-drop-zone__content{display:flex;align-items:center;top:-36px;left:-36px;transform:none}.wp-block-cover>.components-drop-zone .components-drop-zone__content-icon,.wp-block-cover>.components-drop-zone .components-drop-zone__content-text{display:inline}.wp-block-cover>.components-drop-zone .components-drop-zone__content-icon{margin:0 8px 0 0}.wp-block-cover>.components-drop-zone .components-drop-zone__content-text{font-size:13px}.block-editor-block-patterns-list__list-item .has-parallax.wp-block-cover{background-attachment:scroll}.wp-block-embed{margin-left:0;margin-right:0;clear:both}.wp-block-embed.is-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1em;min-height:200px;text-align:center;border-radius:2px;background-color:#fff;box-shadow:inset 0 0 0 1px #1e1e1e}.wp-block-embed.is-loading p{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px}.wp-block-embed .components-placeholder__error{word-break:break-word}.wp-block-embed .components-placeholder__learn-more{margin-top:1em}.block-library-embed__interactive-overlay{position:absolute;top:0;left:0;right:0;bottom:0;opacity:0}.wp-block[data-align=left]>.wp-block-embed,.wp-block[data-align=right]>.wp-block-embed{max-width:360px;width:100%}.wp-block[data-align=left]>.wp-block-embed .wp-block-embed__wrapper,.wp-block[data-align=right]>.wp-block-embed .wp-block-embed__wrapper{min-width:280px}.wp-block-file{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:0}.wp-block[data-align=left]>.wp-block-file,.wp-block[data-align=right]>.wp-block-file{height:auto}.wp-block-file .components-resizable-box__container{margin-bottom:1em}.wp-block-file .wp-block-file__preview{margin-bottom:1em;width:100%;height:100%}.wp-block-file .wp-block-file__preview-overlay{position:absolute;top:0;right:0;bottom:0;left:0}.wp-block-file .wp-block-file__content-wrapper{flex-grow:1}.wp-block-file a{min-width:1em}.wp-block-file .wp-block-file__button-richtext-wrapper{display:inline-block;margin-left:.75em}.wp-block-freeform.block-library-rich-text__tinymce{height:auto}.wp-block-freeform.block-library-rich-text__tinymce li,.wp-block-freeform.block-library-rich-text__tinymce p{line-height:1.8}.wp-block-freeform.block-library-rich-text__tinymce ol,.wp-block-freeform.block-library-rich-text__tinymce ul{padding-left:2.5em;margin-left:0}.wp-block-freeform.block-library-rich-text__tinymce blockquote{margin:0;box-shadow:inset 0 0 0 0 #ddd;border-left:4px solid #000;padding-left:1em}.wp-block-freeform.block-library-rich-text__tinymce pre{white-space:pre-wrap;font-family:Menlo,Consolas,monaco,monospace;font-size:15px;color:#1e1e1e}.wp-block-freeform.block-library-rich-text__tinymce>:first-child{margin-top:0}.wp-block-freeform.block-library-rich-text__tinymce>:last-child{margin-bottom:0}.wp-block-freeform.block-library-rich-text__tinymce.mce-edit-focus{outline:none}.wp-block-freeform.block-library-rich-text__tinymce a{color:var(--wp-admin-theme-color)}.wp-block-freeform.block-library-rich-text__tinymce:focus a[data-mce-selected]{padding:0 2px;margin:0 -2px;border-radius:2px;box-shadow:0 0 0 1px #e5f5fa;background:#e5f5fa}.wp-block-freeform.block-library-rich-text__tinymce code{padding:2px;border-radius:2px;color:#1e1e1e;background:#f0f0f0;font-family:Menlo,Consolas,monaco,monospace;font-size:14px}.wp-block-freeform.block-library-rich-text__tinymce:focus code[data-mce-selected]{background:#ddd}.wp-block-freeform.block-library-rich-text__tinymce .alignright{float:right;margin:.5em 0 .5em 1em}.wp-block-freeform.block-library-rich-text__tinymce .alignleft{float:left;margin:.5em 1em .5em 0}.wp-block-freeform.block-library-rich-text__tinymce .aligncenter{display:block;margin-left:auto;margin-right:auto}.wp-block-freeform.block-library-rich-text__tinymce .wp-more-tag{width:96%;height:20px;display:block;margin:15px auto;outline:0;cursor:default;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAADtgAAAAoBAMAAAA86gLBAAAAJFBMVEVMaXG7u7vBwcHDw8POzs68vLzGxsbMzMy+vr7AwMDQ0NDGxsYKLGzpAAAADHRSTlMA///zWf+/f///TMxNVGuqAAABwklEQVR4Ae3dMXLaQBTH4bfj8UCpx8hq0vgKvgFNemhT6Qo6gg6R+0ZahM2QLmyBJ99XWP9V5+o3jIUcLQEAAAAAAAAAAAAAAAAAAAAAAABQ8j0WL9lfTtlt18uNXAUA8O/KVtfa1tdcrOdSh9gCQAMlh1hMNbZZ1bsrsQWABsrhLRbz7z5in/32UbfUMUbkMQCAh5RfGYv82UdMdZ6HS2wjT2ILAI8r3XmM2B3WvM59vfO2xXYW2yYAENuPU8S+X/N67mKxzy225yaxBQCxLV392UdcvwV0jPVUj98ntkBWT7C7+9u2/V/vGtvXIWJ6/4rtbottWa6Ri0NUT/u72LYttrb97LHdvUXMxxrb8TO2W2TF1rYbbLG1bbGNjMi4+2Sbi1FsbbvNFlvbFtt5fDnE3d9sP1/XeIyV2Nr2U2/guZUuptNrH/dPI9eLB6SaAEBs6wPJf3/PNk9tYgsAYrv/8TFuzx/fvkFqGtrEFgDEdpcZUb7ejXy6ntrEFgDENvL6gsas4vbdyKt4DACI7TxElJv/Z7udpqFNbAFAbKduy2uU2trttM/x28UWAAAAAAAAAAAAAAAAAAAAAAAAAADgDyPwGmGTCZp7AAAAAElFTkSuQmCC);background-size:1900px 20px;background-repeat:no-repeat;background-position:50%}.wp-block-freeform.block-library-rich-text__tinymce img::selection{background-color:transparent}.wp-block-freeform.block-library-rich-text__tinymce div.mceTemp{-ms-user-select:element}.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption{margin:0;max-width:100%}.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption a,.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption img{display:block}.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption,.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption *{-webkit-user-drag:none}.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption .wp-caption-dd{padding-top:.5em;margin:0}.wp-block-freeform.block-library-rich-text__tinymce .wpview{width:99.99%;position:relative;clear:both;margin-bottom:16px;border:1px solid transparent}.wp-block-freeform.block-library-rich-text__tinymce .wpview iframe{display:block;max-width:100%;background:transparent}.wp-block-freeform.block-library-rich-text__tinymce .wpview .mce-shim{position:absolute;top:0;right:0;bottom:0;left:0}.wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected="2"] .mce-shim{display:none}.wp-block-freeform.block-library-rich-text__tinymce .wpview .loading-placeholder{border:1px dashed #ddd;padding:10px}.wp-block-freeform.block-library-rich-text__tinymce .wpview .wpview-error{border:1px solid #ddd;padding:1em 0;margin:0;word-wrap:break-word}.wp-block-freeform.block-library-rich-text__tinymce .wpview .wpview-error p{margin:0;text-align:center}.wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected] .loading-placeholder,.wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected] .wpview-error{border-color:transparent}.wp-block-freeform.block-library-rich-text__tinymce .wpview .dashicons{display:block;margin:0 auto;width:32px;height:32px;font-size:32px}.wp-block-freeform.block-library-rich-text__tinymce .wpview.wpview-type-gallery:after{content:"";display:table;clear:both}.wp-block-freeform.block-library-rich-text__tinymce .gallery img[data-mce-selected]:focus{outline:none}.wp-block-freeform.block-library-rich-text__tinymce .gallery a{cursor:default}.wp-block-freeform.block-library-rich-text__tinymce .gallery{margin:auto -6px;padding:6px 0;line-height:1;overflow-x:hidden}.wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-item{float:left;margin:0;text-align:center;padding:6px;box-sizing:border-box}.wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-caption,.wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-icon{margin:0}.wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-caption{font-size:13px;margin:4px 0}.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-1 .gallery-item{width:100%}.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-2 .gallery-item{width:50%}.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-3 .gallery-item{width:33.3333333333%}.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-4 .gallery-item{width:25%}.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-5 .gallery-item{width:20%}.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-6 .gallery-item{width:16.6666666667%}.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-7 .gallery-item{width:14.2857142857%}.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-8 .gallery-item{width:12.5%}.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-9 .gallery-item{width:11.1111111111%}.wp-block-freeform.block-library-rich-text__tinymce .gallery img{max-width:100%;height:auto;border:none;padding:0}div[data-type="core/freeform"]:before{transition:border-color .1s linear,box-shadow .1s linear;border:1px solid #ddd;outline:1px solid transparent}@media (prefers-reduced-motion:reduce){div[data-type="core/freeform"]:before{transition-duration:0s;transition-delay:0s}}div[data-type="core/freeform"].is-selected:before{border-color:#1e1e1e}div[data-type="core/freeform"] .block-editor-block-contextual-toolbar+div{margin-top:0;padding-top:0}div[data-type="core/freeform"].is-selected .block-library-rich-text__tinymce:after{content:"";display:table;clear:both}.mce-toolbar-grp .mce-btn.mce-active:hover button,.mce-toolbar-grp .mce-btn.mce-active:hover i,.mce-toolbar-grp .mce-btn.mce-active button,.mce-toolbar-grp .mce-btn.mce-active i{color:#1e1e1e}.mce-toolbar-grp .mce-rtl .mce-flow-layout-item.mce-last{margin-right:0;margin-left:8px}.mce-toolbar-grp .mce-btn i{font-style:normal}.block-library-classic__toolbar{display:none;width:auto;position:sticky;z-index:31;top:0;border:1px solid #ddd;border-bottom:none;border-radius:2px;margin:0 0 8px;padding:0}div[data-type="core/freeform"].is-selected .block-library-classic__toolbar{display:block;border-color:#1e1e1e}.block-library-classic__toolbar .mce-tinymce{box-shadow:none}@media (min-width:600px){.block-library-classic__toolbar{padding:0}}.block-library-classic__toolbar:empty{display:block;background:#f5f5f5;border-bottom:1px solid #e2e4e7}.block-library-classic__toolbar:empty:before{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;content:attr(data-placeholder);color:#555d66;line-height:37px;padding:14px}.block-library-classic__toolbar div.mce-toolbar-grp{border-bottom:1px solid #1e1e1e}.block-library-classic__toolbar .mce-menubar,.block-library-classic__toolbar .mce-menubar>div,.block-library-classic__toolbar .mce-tinymce-inline,.block-library-classic__toolbar .mce-tinymce-inline>div,.block-library-classic__toolbar div.mce-toolbar-grp,.block-library-classic__toolbar div.mce-toolbar-grp>div{height:auto!important;width:100%!important}.block-library-classic__toolbar .mce-container-body.mce-abs-layout{overflow:visible}.block-library-classic__toolbar .mce-menubar,.block-library-classic__toolbar div.mce-toolbar-grp{position:static}.block-library-classic__toolbar .mce-toolbar-grp>div{padding:1px 3px}.block-library-classic__toolbar .mce-toolbar-grp .mce-toolbar:not(:first-child){display:none}.block-library-classic__toolbar.has-advanced-toolbar .mce-toolbar-grp .mce-toolbar{display:block}.wp-block-gallery li{list-style-type:none}.wp-block-gallery .block-editor-media-placeholder.is-appender .components-placeholder__label{display:none}.wp-block-gallery .block-editor-media-placeholder.is-appender .block-editor-media-placeholder__button{margin-bottom:0}figure.wp-block-gallery{display:block;margin:0}.blocks-gallery-grid.blocks-gallery-grid{padding-left:0;margin-left:0;margin-bottom:0}.blocks-gallery-item figure:not(.is-selected):focus,.blocks-gallery-item img:focus{outline:none}.blocks-gallery-item figure.is-selected:before{box-shadow:0 0 0 1px #fff inset,0 0 0 3px var(--wp-admin-theme-color) inset;content:"";outline:2px solid transparent;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.blocks-gallery-item figure.is-selected figcaption{z-index:2}.blocks-gallery-item figure.is-transient img{opacity:.3}.blocks-gallery-item .is-selected .block-library-gallery-item__inline-menu{display:inline-flex}.blocks-gallery-item .block-editor-media-placeholder{margin:0;height:100%}.blocks-gallery-item .block-editor-media-placeholder .components-placeholder__label{display:flex}.block-library-gallery-item__inline-menu{display:none;position:absolute;top:-2px;margin:8px;z-index:20;transition:box-shadow .2s ease-out;border-radius:2px;background:#fff;border:1px solid #1e1e1e}@media (prefers-reduced-motion:reduce){.block-library-gallery-item__inline-menu{transition-duration:0s;transition-delay:0s}}.block-library-gallery-item__inline-menu:hover{box-shadow:0 2px 6px rgba(0,0,0,.05)}@media (min-width:600px){.columns-7 .block-library-gallery-item__inline-menu,.columns-8 .block-library-gallery-item__inline-menu{padding:2px}}.block-library-gallery-item__inline-menu .components-button.has-icon:not(:focus){border:none;box-shadow:none}@media (min-width:600px){.columns-7 .block-library-gallery-item__inline-menu .components-button.has-icon,.columns-8 .block-library-gallery-item__inline-menu .components-button.has-icon{padding:0;width:inherit;height:inherit}}.block-library-gallery-item__inline-menu.is-left{left:-2px}.block-library-gallery-item__inline-menu.is-right{right:-2px}.blocks-gallery-item .components-spinner{position:absolute;top:50%;left:50%;margin-top:-9px;margin-left:-9px}.wp-block-group .block-editor-block-list__insertion-point{left:0;right:0}[data-type="core/group"].is-selected .block-list-appender{margin-left:0;margin-right:0}[data-type="core/group"].is-selected .has-background .block-list-appender{margin-top:18px;margin-bottom:18px}.block-library-heading-level-dropdown .components-popover__content{min-width:230px}.block-library-heading-level-dropdown .components-popover__content>div{padding:0}.block-library-heading-level-toolbar{border:none}.block-library-html__edit{margin-bottom:28px}.block-library-html__edit .block-library-html__preview-overlay{position:absolute;width:100%;height:100%;top:0;left:0}.block-library-html__edit .block-editor-plain-text{font-family:Menlo,Consolas,monaco,monospace;color:#1e1e1e;padding:.8em 1em;border:1px solid #ddd;border-radius:4px;max-height:250px;font-size:16px}@media (min-width:600px){.block-library-html__edit .block-editor-plain-text{font-size:13px}}.block-library-html__edit .block-editor-plain-text:focus{box-shadow:none}figure.wp-block-image:not(.wp-block){margin:0}.wp-block-image{position:relative}.wp-block-image .is-applying img,.wp-block-image.is-transient img{opacity:.3}.wp-block-image figcaption img{display:inline}.wp-block-image .components-spinner{position:absolute;top:50%;left:50%;margin-top:-9px;margin-left:-9px}.wp-block-image:not(.is-style-rounded)>div{border-radius:inherit}.wp-block-image .components-resizable-box__container{display:inline-block}.wp-block-image .components-resizable-box__container img{display:block;width:inherit;height:inherit}.block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal{position:absolute;left:0;right:0;margin:-1px 0}@media (min-width:600px){.block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal{margin:-1px}}[data-align=full]>.wp-block-image img,[data-align=wide]>.wp-block-image img{width:100%}.wp-block[data-align=center]>.wp-block-image,.wp-block[data-align=left]>.wp-block-image,.wp-block[data-align=right]>.wp-block-image{display:table}.wp-block[data-align=center]>.wp-block-image>figcaption,.wp-block[data-align=left]>.wp-block-image>figcaption,.wp-block[data-align=right]>.wp-block-image>figcaption{display:table-caption;caption-side:bottom}.wp-block[data-align=left]>.wp-block-image{margin:.5em 1em .5em 0}.wp-block[data-align=right]>.wp-block-image{margin:.5em 0 .5em 1em}.wp-block[data-align=center]>.wp-block-image{margin-left:auto;margin-right:auto;text-align:center}.wp-block-image__crop-area{position:relative;max-width:100%;width:100%}.wp-block-image__crop-icon{padding:0 8px;min-width:48px;display:flex;justify-content:center;align-items:center}.wp-block-image__crop-icon svg{fill:currentColor}.wp-block-image__zoom .components-popover__content{overflow:visible;min-width:260px}.wp-block-image__zoom .components-range-control{flex:1}.wp-block-image__zoom .components-base-control__field{display:flex;margin-bottom:0;flex-direction:column;align-items:flex-start}.wp-block-image__aspect-ratio{height:46px;margin-bottom:-8px;display:flex;align-items:center}.wp-block-image__aspect-ratio .components-button{width:36px;padding-left:0;padding-right:0}.wp-block-latest-posts{padding-left:2.5em}.wp-block-latest-posts.is-grid{padding-left:0}.wp-block-latest-posts li a>div{display:inline}.edit-post-visual-editor .wp-block-latest-posts.is-grid li{margin-bottom:20px}.wp-block-media-text .__resizable_base__{grid-column:1/span 2;grid-row:2}.wp-block-media-text .editor-media-container__resizer{width:100%!important}.wp-block-media-text.is-image-fill .editor-media-container__resizer{height:100%!important}.wp-block-media-text>.block-editor-block-list__layout>.block-editor-block-list__block{max-width:unset}.block-editor-block-list__block[data-type="core/more"]{max-width:100%;text-align:center;margin-top:28px;margin-bottom:28px}.wp-block-more{display:block;text-align:center;white-space:nowrap}.wp-block-more input[type=text]{position:relative;font-size:13px;text-transform:uppercase;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;color:#757575;border:none;box-shadow:none;white-space:nowrap;text-align:center;margin:0;border-radius:4px;background:#fff;padding:6px 8px;height:24px;max-width:100%}.wp-block-more input[type=text]:focus{box-shadow:none}.wp-block-more:before{content:"";position:absolute;top:50%;left:0;right:0;border-top:3px dashed #ccc}.editor-styles-wrapper .wp-block-navigation ul{margin-top:0;margin-bottom:0;margin-left:0;padding-left:0}.wp-block-navigation__container.is-parent-of-selected-block{visibility:visible;opacity:1}.wp-block-navigation-link,.wp-block-navigation__container{background-color:inherit}.wp-block-navigation:not(.is-selected):not(.has-child-selected) .has-child:hover>.wp-block-navigation-link__container{opacity:0;visibility:hidden}.has-child.has-child-selected>.wp-block-navigation-link__container,.has-child.is-selected>.wp-block-navigation-link__container{display:flex;opacity:1;visibility:visible}.is-dragging-components-draggable .has-child.is-dragging-within>.wp-block-navigation-link__container{opacity:1;visibility:visible}.is-editing>.wp-block-navigation__container{visibility:visible;opacity:1;display:flex;flex-direction:column}.is-dragging-components-draggable .wp-block-navigation-link>.wp-block-navigation__container{opacity:1;visibility:hidden}.is-dragging-components-draggable .wp-block-navigation-link>.wp-block-navigation__container .block-editor-block-draggable-chip-wrapper{visibility:visible}.block-library-colors-selector{width:auto}.block-library-colors-selector .block-library-colors-selector__toggle{display:block;margin:0 auto;padding:3px;width:auto}.block-library-colors-selector .block-library-colors-selector__icon-container{height:30px;position:relative;margin:0 auto;padding:3px;display:flex;align-items:center;border-radius:4px}.block-library-colors-selector .block-library-colors-selector__state-selection{margin-left:auto;margin-right:auto;border-radius:11px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.2);width:22px;min-width:22px;height:22px;min-height:22px;line-height:20px;padding:2px}.block-library-colors-selector .block-library-colors-selector__state-selection>svg{min-width:auto!important}.block-library-colors-selector .block-library-colors-selector__state-selection.has-text-color>svg,.block-library-colors-selector .block-library-colors-selector__state-selection.has-text-color>svg path{color:inherit}.block-library-colors-selector__popover .color-palette-controller-container{padding:16px}.block-library-colors-selector__popover .components-base-control__label{height:20px;line-height:20px}.block-library-colors-selector__popover .component-color-indicator{float:right;margin-top:2px}.block-library-colors-selector__popover .components-panel__body-title{display:none}.wp-block-navigation .block-editor-button-block-appender{justify-content:flex-start}.components-placeholder.wp-block-navigation-placeholder{outline:none;padding:0;box-shadow:none;background:none;min-height:0;color:inherit}.components-placeholder.wp-block-navigation-placeholder .components-placeholder__fieldset{font-size:inherit}.components-placeholder.wp-block-navigation-placeholder .components-placeholder__fieldset .components-button{margin-bottom:0}.is-selected .components-placeholder.wp-block-navigation-placeholder{color:#1e1e1e}.wp-block-navigation-placeholder .components-spinner{margin-top:-4px;margin-left:4px;vertical-align:middle;margin-right:7px}.wp-block-navigation-placeholder__preview{display:flex;flex-direction:row;align-items:center;flex-wrap:nowrap;width:100%;overflow:hidden}.wp-block-navigation-placeholder__preview .wp-block-navigation-link.wp-block-navigation-link{position:relative;min-width:72px}.wp-block-navigation-placeholder__preview .wp-block-navigation-link.wp-block-navigation-link:before{display:block;content:"";border-radius:2px;background:currentColor;height:16px;width:100%}.wp-block-navigation-placeholder__preview svg{fill:currentColor}.wp-block-navigation-placeholder__preview .wp-block-navigation-link.wp-block-navigation-link,.wp-block-navigation-placeholder__preview svg{opacity:.3}.wp-block-navigation.is-selected .wp-block-navigation-placeholder__preview{display:flex;opacity:0;width:0;overflow:hidden;flex-wrap:nowrap}.wp-block-navigation.is-selected .is-medium .wp-block-navigation-placeholder__preview,.wp-block-navigation.is-selected .is-small .wp-block-navigation-placeholder__preview{display:none}.wp-block-navigation-placeholder__controls{padding:8px;border-radius:2px;background-color:#fff;box-shadow:inset 0 0 0 1px #1e1e1e;flex-direction:row;align-items:center;display:none;position:relative;z-index:1;float:left;width:100%}.is-large .wp-block-navigation-placeholder__controls{padding:4px 8px}.wp-block-navigation.is-selected .wp-block-navigation-placeholder__controls{display:flex}.is-medium .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions,.is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions,.is-vertical .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions{flex-direction:column}.is-selected.is-vertical .wp-block-navigation-placeholder__controls{display:inline-flex;padding:12px}.wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__icon{margin-right:12px;height:36px}.wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator{margin-right:12px;padding:0;align-items:center;justify-content:flex-start;line-height:0;margin-left:5px;display:none}.wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator svg{margin-right:4px}.is-vertical .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator{margin-bottom:4px;margin-left:0}.is-large .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator{display:inline-flex}.is-vertical .wp-block-navigation-placeholder,.is-vertical .wp-block-navigation-placeholder__controls,.is-vertical .wp-block-navigation-placeholder__preview{min-height:156px}.is-vertical .wp-block-navigation-placeholder__controls,.is-vertical .wp-block-navigation-placeholder__preview{flex-direction:column;align-items:flex-start}.wp-block-navigation-placeholder__actions{display:flex;font-size:13px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.wp-block-navigation-placeholder__actions .components-button.components-dropdown-menu__toggle.has-icon{padding:6px 4px 6px 12px;display:flex;flex-direction:row-reverse}.wp-block-navigation-placeholder__actions .components-dropdown,.wp-block-navigation-placeholder__actions>.components-button{margin-right:12px}@media (min-width:600px){.components-button.wp-block-navigation__responsive-container-open,.wp-block-navigation__responsive-container:not(.is-menu-open) .components-button.wp-block-navigation__responsive-container-close{display:none}}.wp-block-navigation__responsive-container.is-menu-open{position:fixed}body.admin-bar .wp-block-navigation__responsive-container.is-menu-open{top:155px}@media (min-width:782px){body.admin-bar .wp-block-navigation__responsive-container.is-menu-open{top:61px}}@media (min-width:600px){.wp-block-navigation__responsive-close{pointer-events:none}.wp-block-navigation__responsive-close .block-editor-block-list__layout *,.wp-block-navigation__responsive-close .wp-block-navigation__responsive-container-close{pointer-events:all}}.wp-block-navigation__responsive-close .wp-block-pages-list__item__link{pointer-events:none}.components-button.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close,.components-button.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open{padding:0;height:auto;color:inherit}.is-menu-open .wp-block-navigation__responsive-container-content * .block-list-appender{margin-top:16px}.wp-block-navigation-link__container{border-radius:0;min-height:36px}.wp-block-navigation .has-child{cursor:pointer}.wp-block-navigation .has-child .submenu-container,.wp-block-navigation .has-child .wp-block-navigation-link__container{z-index:28}.wp-block-navigation .has-child:hover .submenu-container,.wp-block-navigation .has-child:hover .wp-block-navigation-link__container{z-index:29}.wp-block-navigation .has-child.has-child-selected>.wp-block-navigation-link__container,.wp-block-navigation .has-child.is-selected>.wp-block-navigation-link__container{visibility:visible!important;opacity:1!important}.wp-block-navigation-link .wp-block-navigation-link__container{display:block}.wp-block-navigation-link .wp-block-navigation-link__content{cursor:text}.wp-block-navigation-link.is-editing,.wp-block-navigation-link.is-selected{min-width:20px}.wp-block-navigation-link .block-list-appender{margin:16px auto 16px 16px}.wp-block-navigation .block-editor-block-list__block[data-type="core/navigation-link"]>.block-editor-block-list__insertion-point{display:none}.wp-block-navigation-link__placeholder{position:relative;margin:2px}.wp-block-navigation-link__placeholder .wp-block-navigation-link__placeholder-text{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;padding-left:4px;padding-right:4px}.wp-block-navigation-link__placeholder.wp-block-navigation-link__content{cursor:pointer}.wp-block-navigation-link__placeholder:before{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2px;opacity:.1}.is-dark-theme .wp-block-navigation-link__placeholder:before{opacity:.2}.is-editing .wp-block-navigation-link__placeholder:before{background:currentColor}.wp-block-navigation .wp-block-navigation-link:not(.is-editing) .wp-block-navigation-link__content.wp-block-navigation-link__placeholder{box-shadow:inset 0 0 0 1px #757575;border-radius:2px;color:var(--wp-admin-theme-color)}.block-editor-block-list__block[data-type="core/nextpage"]{max-width:100%;text-align:center;margin-top:28px;margin-bottom:28px}.wp-block-nextpage{display:block;text-align:center;white-space:nowrap}.wp-block-nextpage>span{font-size:13px;position:relative;text-transform:uppercase;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;color:#757575;border-radius:4px;background:#fff;padding:6px 8px;height:24px}.wp-block-nextpage:before{content:"";position:absolute;top:50%;left:0;right:0;border-top:3px dashed #ccc}.wp-block-navigation .wp-block-page-list,.wp-block-navigation .wp-block-page-list>div{background-color:inherit}.wp-block-navigation.items-justified-space-between .wp-block-page-list,.wp-block-navigation.items-justified-space-between .wp-block-page-list>div{display:contents;flex:1}.wp-block-navigation.items-justified-space-between.has-child-selected .wp-block-page-list,.wp-block-navigation.items-justified-space-between.has-child-selected .wp-block-page-list>div,.wp-block-navigation.items-justified-space-between.is-selected .wp-block-page-list,.wp-block-navigation.items-justified-space-between.is-selected .wp-block-page-list>div{flex:inherit}.wp-block-pages-list__item__link{pointer-events:none}.wp-block-page-list .components-placeholder{min-height:0;padding:0;background-color:inherit}.wp-block-page-list .components-placeholder .components-spinner{margin:.5em}.wp-block-page-list-modal{max-width:400px}.wp-block-page-list-modal-buttons{display:flex;justify-content:flex-end}.wp-block-page-list-modal-buttons .components-button{margin-left:12px}.block-editor-block-list__block[data-type="core/paragraph"].has-drop-cap:focus{min-height:auto!important}.block-editor-block-list__block[data-empty=true] [data-rich-text-placeholder]{opacity:1}.block-editor-block-list__block[data-empty=true]+.block-editor-block-list__block[data-empty=true] [data-rich-text-placeholder]{opacity:0}.wp-block-post-content__placeholder{height:100px;border:1px dashed;display:flex;justify-content:center;align-items:center}.wp-block-post-content__placeholder span{font-style:italic}.wp-block-post-excerpt .wp-block-post-excerpt__excerpt.is-inline{display:inline-block}.wp-block-post-author{display:flex;flex-wrap:wrap}.wp-block-post-author .wp-block-post-author__byline{font-size:.5em;margin-top:0;position:relative;font-style:normal}.wp-block-post-author .wp-block-post-author__content{flex-grow:1;flex-basis:0}.wp-block-post-author .wp-block-post-author__avatar img{margin:0}.wp-block-post-author .wp-block-post-author__avatar{margin-bottom:-8px}.wp-block-post-author .wp-block-post-author__name{margin:0;font-weight:700}.wp-block-post-author .wp-block-post-author__bio{margin:0 0 8px;font-size:.7em}.wp-block[data-align=left]>.wp-block-pullquote p,.wp-block[data-align=right]>.wp-block-pullquote p{font-size:20px}.wp-block-pullquote blockquote p{font-size:28px;line-height:1.6}.wp-block-pullquote.is-style-solid-color blockquote p{font-size:32px}.wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation{text-transform:none;font-style:normal}.wp-block-pullquote .wp-block-pullquote__citation{color:inherit}.wp-block-rss li a>div{display:inline}.wp-block-rss__placeholder-form{display:flex;align-items:stretch}.wp-block-rss__placeholder-form>*{margin-bottom:8px}@media (min-width:782px){.wp-block-rss__placeholder-form>*{margin-bottom:0}}.wp-block-rss__placeholder-input{display:flex;align-items:stretch;flex-grow:1}.wp-block-rss__placeholder-input .components-base-control__field{display:flex;align-items:stretch;flex-grow:1;margin:0 8px 0 0}.wp-block[data-align=center] .wp-block-search .wp-block-search__inside-wrapper{margin:auto}.wp-block-search .wp-block-search__input{padding:8px}.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper{padding:4px}.wp-block-search .wp-block-search__button{height:auto;border-radius:initial}.wp-block-search .wp-block-search__button.wp-block-search__button.wp-block-search__button{padding:6px 10px}.wp-block-search__components-button-group{margin-top:10px}.block-editor-block-list__block[data-type="core/separator"]{padding-top:.1px;padding-bottom:.1px}[data-type="core/shortcode"] .block-editor-plain-text{max-height:250px}[data-type="core/shortcode"].components-placeholder{min-height:0}.blocks-shortcode__textarea{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;padding:6px 8px;box-shadow:0 0 0 transparent;transition:box-shadow .1s linear;border-radius:2px;border:1px solid #757575;font-size:16px;line-height:normal}@media (prefers-reduced-motion:reduce){.blocks-shortcode__textarea{transition-duration:0s;transition-delay:0s}}@media (min-width:600px){.blocks-shortcode__textarea{font-size:13px;line-height:normal}}.blocks-shortcode__textarea:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 1px var(--wp-admin-theme-color);outline:2px solid transparent}.blocks-shortcode__textarea::-webkit-input-placeholder{color:rgba(30,30,30,.62)}.blocks-shortcode__textarea::-moz-placeholder{opacity:1;color:rgba(30,30,30,.62)}.blocks-shortcode__textarea:-ms-input-placeholder{color:rgba(30,30,30,.62)}.wp-block[data-align=center]>.wp-block-site-logo{margin-left:auto;margin-right:auto;text-align:center}.wp-block-site-logo a{pointer-events:none}.wp-block-site-logo:not(.is-default-size){display:table}.wp-block-site-logo.is-default-size{width:120px}.wp-block-site-logo.is-default-size img{width:100%}.wp-block-site-logo .custom-logo-link{cursor:inherit}.wp-block-site-logo .custom-logo-link:focus{box-shadow:none}.wp-block-site-logo .custom-logo-link.is-transient img{opacity:.3}.wp-block-site-logo img{display:block;max-width:100%}.wp-block-site-logo .components-placeholder{justify-content:flex-start;min-height:auto;height:120px;padding:12px}.wp-block-site-logo .components-placeholder .components-placeholder__label{margin-top:12px;white-space:nowrap}.wp-block-site-logo .components-placeholder .components-placeholder__label .block-editor-block-icon,.wp-block-site-logo .components-placeholder .components-placeholder__label>svg{margin-right:4px}.wp-block-site-logo .components-placeholder .components-form-file-upload{display:none}.wp-block-site-logo .components-placeholder .components-placeholder__preview{position:absolute;top:4px;right:4px;bottom:4px;left:4px;background:hsla(0,0%,100%,.8);display:flex;align-items:center;justify-content:center}.wp-block-site-logo .components-placeholder .components-drop-zone__content-text{display:none}.wp-block-site-tagline__placeholder,.wp-block-site-title__placeholder{padding:1em 0;border:1px dashed}.wp-block-social-links .wp-social-link{line-height:0}.wp-block-social-links .wp-social-link button{font-size:inherit;color:currentColor;height:auto;line-height:0;padding:.25em}.wp-block-social-links.is-style-pill-shape .wp-social-link button{padding-left:.66667em;padding-right:.66667em}.wp-block-social-links div.block-editor-url-input{display:inline-block;margin-left:8px}.wp-social-link:hover{transform:none}.editor-styles-wrapper .wp-block-social-links{padding:0}.wp-block-social-links__social-placeholder{display:flex;opacity:.8;list-style:none}.wp-block-social-links__social-placeholder>.wp-social-link{padding-left:0!important;margin-left:0!important;padding-right:0!important;margin-right:0!important;width:0!important;visibility:hidden}.wp-block-social-links__social-placeholder>.wp-block-social-links__social-placeholder-icons{display:flex}.wp-block-social-links__social-placeholder+.block-list-appender,.wp-block-social-links__social-placeholder .wp-social-link{padding:.25em}.is-style-pill-shape .wp-block-social-links__social-placeholder+.block-list-appender,.is-style-pill-shape .wp-block-social-links__social-placeholder .wp-social-link{padding-left:.66667em;padding-right:.66667em}.wp-block-social-links__social-placeholder .wp-social-link:before{content:"";display:block;width:1em;height:1em;border-radius:50%}.is-style-logos-only .wp-block-social-links__social-placeholder .wp-social-link:before{background:currentColor}.wp-block-social-links .wp-block-social-links__social-prompt{list-style:none;order:2;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;line-height:24px;margin-top:auto;margin-bottom:auto;cursor:default;padding-right:8px}.wp-block-social-links .wp-block-social-links__social-prompt+.block-list-appender{margin-right:8px;padding:.25em}.wp-block-social-links .block-list-appender{margin:4px auto 4px 0;border-radius:9999px}.wp-block-social-links .block-list-appender .block-editor-inserter{display:flex;align-items:center;justify-content:center;font-size:inherit;width:1em;height:1em}.has-small-icon-size .wp-block-social-links .block-list-appender{font-size:16px}.has-normal-icon-size .wp-block-social-links .block-list-appender{font-size:24px}.has-large-icon-size .wp-block-social-links .block-list-appender{font-size:36px}.has-huge-icon-size .wp-block-social-links .block-list-appender{font-size:48px}.wp-block-social-links .block-list-appender:before{content:none}.wp-block[data-align=center]>.wp-block-social-links{justify-content:center}.block-editor-block-preview__content .components-button:disabled{opacity:1}.wp-social-link.wp-social-link__is-incomplete{opacity:.5}@media (prefers-reduced-motion:reduce){.wp-social-link.wp-social-link__is-incomplete{transition-duration:0s;transition-delay:0s}}.wp-block-social-links .is-selected .wp-social-link__is-incomplete,.wp-social-link.wp-social-link__is-incomplete:focus,.wp-social-link.wp-social-link__is-incomplete:hover{opacity:1}.block-editor-block-list__block[data-type="core/spacer"]:before{content:"";display:block;position:absolute;width:100%;height:24px;transform:translateY(-12px)}.block-library-spacer__resize-container.has-show-handle,.wp-block-spacer.is-hovered .block-library-spacer__resize-container{background:rgba(0,0,0,.1)}.is-dark-theme .block-library-spacer__resize-container.has-show-handle,.is-dark-theme .wp-block-spacer.is-hovered .block-library-spacer__resize-container{background:hsla(0,0%,100%,.15)}.block-library-spacer__resize-container{clear:both}.block-library-spacer__resize-container .components-resizable-box__handle:before{content:none}.block-library-spacer__resize-container.resize-horizontal{margin-bottom:0}.wp-block-table{margin:0}.wp-block[data-align=center]>.wp-block-table,.wp-block[data-align=left]>.wp-block-table,.wp-block[data-align=right]>.wp-block-table{height:auto}.wp-block[data-align=center]>.wp-block-table table,.wp-block[data-align=left]>.wp-block-table table,.wp-block[data-align=right]>.wp-block-table table{width:auto}.wp-block[data-align=center]>.wp-block-table td,.wp-block[data-align=center]>.wp-block-table th,.wp-block[data-align=left]>.wp-block-table td,.wp-block[data-align=left]>.wp-block-table th,.wp-block[data-align=right]>.wp-block-table td,.wp-block[data-align=right]>.wp-block-table th{word-break:break-word}.wp-block[data-align=center]>.wp-block-table{text-align:initial}.wp-block[data-align=center]>.wp-block-table table{margin:0 auto}.wp-block-table td,.wp-block-table th{border:1px solid}.wp-block-table td.is-selected,.wp-block-table th.is-selected{border-color:var(--wp-admin-theme-color);box-shadow:inset 0 0 0 1px var(--wp-admin-theme-color);border-style:double}.wp-block-table figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-table figcaption{color:hsla(0,0%,100%,.65)}.blocks-table__placeholder-form.blocks-table__placeholder-form{display:flex;flex-direction:column;align-items:flex-start}.blocks-table__placeholder-form.blocks-table__placeholder-form>*{margin-bottom:8px}@media (min-width:782px){.blocks-table__placeholder-form.blocks-table__placeholder-form{flex-direction:row;align-items:flex-end}.blocks-table__placeholder-form.blocks-table__placeholder-form>*{margin-bottom:0}}.blocks-table__placeholder-input{width:112px;margin-right:8px;margin-bottom:0}.blocks-table__placeholder-input input{height:36px}.blocks-table__placeholder-input .components-base-control__field{margin-bottom:0}.wp-block-tag-cloud a{display:inline-block;margin-right:5px}.wp-block-tag-cloud span{display:inline-block;margin-left:5px;color:#757575;text-decoration:none}.wp-block-template-part__placeholder-preview-dropdown-content .components-popover__content,.wp-block-template-part__preview-dropdown-content .components-popover__content{min-width:320px;padding:0}.wp-block-template-part__selection-preview-search-form{border-bottom:1px solid #ddd}.wp-block-template-part__selection-preview-container{background:#fff;padding-bottom:16px}.wp-block-template-part__selection-preview-container .wp-block-template-part__selection-preview-item{border-radius:2px;cursor:pointer;margin-top:16px;transition:all .05s ease-in-out;border:1px solid transparent;width:100%;background-color:#fff}.wp-block-template-part__selection-preview-container .wp-block-template-part__selection-preview-item:hover{border:1px solid var(--wp-admin-theme-color)}.wp-block-template-part__selection-preview-container .wp-block-template-part__selection-preview-item:focus{box-shadow:inset 0 0 0 1px #fff,0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);outline:2px solid transparent}.wp-block-template-part__selection-preview-container .wp-block-template-part__selection-preview-item.is-placeholder{min-height:100px}.wp-block-template-part__selection-preview-container .wp-block-template-part__selection-preview-item-title{padding:4px;font-size:12px;text-align:left}.wp-block-template-part__selection-preview-container .wp-block-template-part__selection-panel-group-header{padding:16px 16px 0}.wp-block-template-part__selection-preview-container .wp-block-template-part__selection-panel-group-content{padding:0 16px}.wp-block-template-part__selection-preview-container .wp-block-template-part__selection-panel-group-title{color:var(--wp-admin-theme-color);text-transform:uppercase;font-size:11px;font-weight:500}.block-editor-block-list__block[data-type="core/template-part"].has-child-selected:after{border:1px dotted var(--wp-admin-theme-color)}.block-editor-block-list__block[data-type="core/template-part"].has-child-selected.is-highlighted:after,.block-editor-block-list__block[data-type="core/template-part"].has-child-selected.is-hovered:after{border:none}.wp-block-text-columns .block-editor-rich-text__editable:focus{outline:1px solid #ddd}.wp-block[data-align=center]>.wp-block-video{text-align:center}.wp-block-video{position:relative}.wp-block-video.is-transient video{opacity:.3}.wp-block-video .components-spinner{position:absolute;top:50%;left:50%;margin-top:-9px;margin-left:-9px}.editor-video-poster-control .components-base-control__label{display:block}.editor-video-poster-control .components-button{margin-right:8px}.block-library-video-tracks-editor{z-index:159990}.block-library-video-tracks-editor>.components-popover__content{width:360px}.block-library-video-tracks-editor__track-list-track{display:flex;place-content:space-between;align-items:baseline;padding-left:12px}.block-library-video-tracks-editor__single-track-editor-label-language{display:flex;margin-top:12px}.block-library-video-tracks-editor__single-track-editor-label-language>.components-base-control{width:50%}.block-library-video-tracks-editor__single-track-editor-label-language>.components-base-control:first-child{margin-right:16px}.block-library-video-tracks-editor__single-track-editor-kind-select{max-width:240px}.block-library-video-tracks-editor__single-track-editor-buttons-container{display:flex;place-content:space-between;margin-top:32px}.block-library-video-tracks-editor__single-track-editor-edit-track-label{margin-top:4px;margin-bottom:12px;color:#757575;text-transform:uppercase;font-size:11px;font-weight:500;display:block}.block-library-video-tracks-editor>.components-popover__content>div,.block-library-video-tracks-editor__add-tracks-container .components-menu-group__label,.block-library-video-tracks-editor__track-list .components-menu-group__label{padding:0}.block-library-video-tracks-editor__add-tracks-container,.block-library-video-tracks-editor__single-track-editor,.block-library-video-tracks-editor__track-list{padding:12px}.block-library-video-tracks-editor__single-track-editor .components-base-control .components-base-control__label{margin-bottom:4px}.block-library-video-tracks-editor__single-track-editor .components-base-control .components-base-control__field{margin-bottom:12px}.block-library-video-tracks-editor__single-track-editor .components-base-control .components-text-control__input{margin-left:0}.block-library-video-tracks-editor__single-track-editor .components-base-control .components-input-control__label{margin-bottom:4px}.wp-block-query-title__placeholder{padding:1em 0;border:1px dashed}.editor-styles-wrapper ul.wp-block-post-template{padding-left:0;margin-left:0;list-style:none}.block-library-query-toolbar__popover .components-popover__content{min-width:230px}.wp-block-query__create-new-link{padding:0 16px 16px 56px}.wp-block>.wp-block-query-pagination{display:flex;flex-wrap:wrap;flex-direction:row}.editor-styles-wrapper .wp-block-query-pagination{max-width:100%}.editor-styles-wrapper .wp-block-query-pagination.block-editor-block-list__layout{margin:0}.block-library-query-pagination-toolbar__popover .components-popover__content{min-width:230px}.wp-block-query-pagination>.wp-block-query-pagination-next,.wp-block-query-pagination>.wp-block-query-pagination-numbers,.wp-block-query-pagination>.wp-block-query-pagination-previous{display:inline-block;margin:.5em .5em .5em 0}.wp-block-query-pagination>.wp-block-query-pagination-next:last-child,.wp-block-query-pagination>.wp-block-query-pagination-numbers:last-child,.wp-block-query-pagination>.wp-block-query-pagination-previous:last-child{margin-right:0}.wp-block-query-pagination-numbers a{text-decoration:underline}.wp-block-query-pagination-numbers .page-numbers{margin-right:2px}.wp-block-query-pagination-numbers .page-numbers:last-child{margin-right:0}div[data-type="core/post-featured-image"] img{max-width:100%;height:auto;display:block}.editor-styles-wrapper .post-featured-image_placeholder{display:flex;flex-direction:row;align-items:flex-start;border-radius:2px;background-color:#fff;box-shadow:inset 0 0 0 1px #1e1e1e;padding:12px}.editor-styles-wrapper .post-featured-image_placeholder svg{margin-right:12px}.editor-styles-wrapper .post-featured-image_placeholder p{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;margin:0}.wp-block-term-description__placeholder{padding:1em 0;border:1px dashed}:root .editor-styles-wrapper .has-pale-pink-background-color{background-color:#f78da7}:root .editor-styles-wrapper .has-vivid-red-background-color{background-color:#cf2e2e}:root .editor-styles-wrapper .has-luminous-vivid-orange-background-color{background-color:#ff6900}:root .editor-styles-wrapper .has-luminous-vivid-amber-background-color{background-color:#fcb900}:root .editor-styles-wrapper .has-light-green-cyan-background-color{background-color:#7bdcb5}:root .editor-styles-wrapper .has-vivid-green-cyan-background-color{background-color:#00d084}:root .editor-styles-wrapper .has-pale-cyan-blue-background-color{background-color:#8ed1fc}:root .editor-styles-wrapper .has-vivid-cyan-blue-background-color{background-color:#0693e3}:root .editor-styles-wrapper .has-vivid-purple-background-color{background-color:#9b51e0}:root .editor-styles-wrapper .has-white-background-color{background-color:#fff}:root .editor-styles-wrapper .has-very-light-gray-background-color{background-color:#eee}:root .editor-styles-wrapper .has-cyan-bluish-gray-background-color{background-color:#abb8c3}:root .editor-styles-wrapper .has-very-dark-gray-background-color{background-color:#313131}:root .editor-styles-wrapper .has-black-background-color{background-color:#000}:root .editor-styles-wrapper .has-pale-pink-color{color:#f78da7}:root .editor-styles-wrapper .has-vivid-red-color{color:#cf2e2e}:root .editor-styles-wrapper .has-luminous-vivid-orange-color{color:#ff6900}:root .editor-styles-wrapper .has-luminous-vivid-amber-color{color:#fcb900}:root .editor-styles-wrapper .has-light-green-cyan-color{color:#7bdcb5}:root .editor-styles-wrapper .has-vivid-green-cyan-color{color:#00d084}:root .editor-styles-wrapper .has-pale-cyan-blue-color{color:#8ed1fc}:root .editor-styles-wrapper .has-vivid-cyan-blue-color{color:#0693e3}:root .editor-styles-wrapper .has-vivid-purple-color{color:#9b51e0}:root .editor-styles-wrapper .has-white-color{color:#fff}:root .editor-styles-wrapper .has-very-light-gray-color{color:#eee}:root .editor-styles-wrapper .has-cyan-bluish-gray-color{color:#abb8c3}:root .editor-styles-wrapper .has-very-dark-gray-color{color:#313131}:root .editor-styles-wrapper .has-black-color{color:#000}:root .editor-styles-wrapper .has-vivid-cyan-blue-to-vivid-purple-gradient-background{background:linear-gradient(135deg,#0693e3,#9b51e0)}:root .editor-styles-wrapper .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .editor-styles-wrapper .has-light-green-cyan-to-vivid-green-cyan-gradient-background{background:linear-gradient(135deg,#7adcb4,#00d082)}:root .editor-styles-wrapper .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background:linear-gradient(135deg,#fcb900,#ff6900)}:root .editor-styles-wrapper .has-luminous-vivid-orange-to-vivid-red-gradient-background{background:linear-gradient(135deg,#ff6900,#cf2e2e)}:root .editor-styles-wrapper .has-very-light-gray-to-cyan-bluish-gray-gradient-background{background:linear-gradient(135deg,#eee,#a9b8c3)}:root .editor-styles-wrapper .has-cool-to-warm-spectrum-gradient-background{background:linear-gradient(135deg,#4aeadc,#9778d1 20%,#cf2aba 40%,#ee2c82 60%,#fb6962 80%,#fef84c)}:root .editor-styles-wrapper .has-blush-light-purple-gradient-background{background:linear-gradient(135deg,#ffceec,#9896f0)}:root .editor-styles-wrapper .has-blush-bordeaux-gradient-background{background:linear-gradient(135deg,#fecda5,#fe2d2d 50%,#6b003e)}:root .editor-styles-wrapper .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .editor-styles-wrapper .has-luminous-dusk-gradient-background{background:linear-gradient(135deg,#ffcb70,#c751c0 50%,#4158d0)}:root .editor-styles-wrapper .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .editor-styles-wrapper .has-pale-ocean-gradient-background{background:linear-gradient(135deg,#fff5cb,#b6e3d4 50%,#33a7b5)}:root .editor-styles-wrapper .has-electric-grass-gradient-background{background:linear-gradient(135deg,#caf880,#71ce7e)}:root .editor-styles-wrapper .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .editor-styles-wrapper .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .editor-styles-wrapper .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .editor-styles-wrapper .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}.editor-styles-wrapper .has-small-font-size{font-size:13px}.editor-styles-wrapper .has-normal-font-size,.editor-styles-wrapper .has-regular-font-size{font-size:16px}.editor-styles-wrapper .has-medium-font-size{font-size:20px}.editor-styles-wrapper .has-large-font-size{font-size:36px}.editor-styles-wrapper .has-huge-font-size,.editor-styles-wrapper .has-larger-font-size{font-size:42px}#end-resizable-editor-section{display:none} \ No newline at end of file diff --git a/wp-includes/css/dist/block-library/reset-rtl.css b/wp-includes/css/dist/block-library/reset-rtl.css new file mode 100644 index 0000000000..7d8fdbd16c --- /dev/null +++ b/wp-includes/css/dist/block-library/reset-rtl.css @@ -0,0 +1,181 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles for JavaScript UI based pages. + * This is a WP-admin agnostic reset + */ +/** + * Reset the WP Admin page styles for Gutenberg-like pages. + */ +/** +* Editor Normalization Styles +* +* These are only output in the editor, but styles here are prefixed .editor-styles-wrapper and affect the theming +* of the editor by themes. +*/ +.editor-styles-wrapper { + padding: 8px; + /** + * The following styles revert to the browser defaults overriding the WPAdmin styles. + * This is only needed while the block editor is not being loaded in an iframe. + */ + font-family: serif; + font-size: initial; + line-height: initial; + color: initial; + background: #fff; +} +.editor-styles-wrapper .block-editor-block-list__layout.is-root-container > .wp-block[data-align=full] { + margin-right: -8px; + margin-left: -8px; +} +.editor-styles-wrapper .wp-align-wrapper { + max-width: 840px; +} +.editor-styles-wrapper .wp-align-wrapper > .wp-block, .editor-styles-wrapper .wp-align-wrapper.wp-align-full { + max-width: none; +} +.editor-styles-wrapper .wp-align-wrapper.wp-align-wide { + max-width: 840px; +} +.editor-styles-wrapper a { + transition: none; +} +.editor-styles-wrapper code, +.editor-styles-wrapper kbd { + padding: 0; + margin: 0; + background: inherit; + font-size: inherit; + font-family: monospace; +} +.editor-styles-wrapper p { + font-size: revert; + line-height: revert; + margin: revert; +} +.editor-styles-wrapper ul, +.editor-styles-wrapper ol { + margin: revert; + padding: revert; + list-style-type: revert; + box-sizing: revert; +} +.editor-styles-wrapper ul ul, +.editor-styles-wrapper ul ol, +.editor-styles-wrapper ol ul, +.editor-styles-wrapper ol ol { + margin: revert; +} +.editor-styles-wrapper ul li, +.editor-styles-wrapper ol li { + margin: revert; +} +.editor-styles-wrapper ul ul, +.editor-styles-wrapper ol ul { + list-style-type: revert; +} +.editor-styles-wrapper h1, +.editor-styles-wrapper h2, +.editor-styles-wrapper h3, +.editor-styles-wrapper h4, +.editor-styles-wrapper h5, +.editor-styles-wrapper h6 { + font-size: revert; + margin: revert; + color: revert; + line-height: revert; + font-weight: revert; +} +.editor-styles-wrapper select { + font-family: system-ui; + -webkit-appearance: revert; + color: revert; + border: revert; + border-radius: revert; + background: revert; + box-shadow: revert; + text-shadow: revert; + outline: revert; + cursor: revert; + transform: revert; + font-size: revert; + line-height: revert; + padding: revert; + margin: revert; + min-height: revert; + max-width: revert; + vertical-align: revert; + font-weight: revert; +} +.editor-styles-wrapper select:disabled, +.editor-styles-wrapper select:focus { + color: revert; + border-color: revert; + background: revert; + box-shadow: revert; + text-shadow: revert; + cursor: revert; + transform: revert; +} \ No newline at end of file diff --git a/wp-includes/css/dist/block-library/reset-rtl.min.css b/wp-includes/css/dist/block-library/reset-rtl.min.css new file mode 100644 index 0000000000..e427409d57 --- /dev/null +++ b/wp-includes/css/dist/block-library/reset-rtl.min.css @@ -0,0 +1 @@ +.editor-styles-wrapper{padding:8px;font-family:serif;font-size:medium;line-height:normal;color:initial;background:#fff}.editor-styles-wrapper .block-editor-block-list__layout.is-root-container>.wp-block[data-align=full]{margin-right:-8px;margin-left:-8px}.editor-styles-wrapper .wp-align-wrapper{max-width:840px}.editor-styles-wrapper .wp-align-wrapper.wp-align-full,.editor-styles-wrapper .wp-align-wrapper>.wp-block{max-width:none}.editor-styles-wrapper .wp-align-wrapper.wp-align-wide{max-width:840px}.editor-styles-wrapper a{transition:none}.editor-styles-wrapper code,.editor-styles-wrapper kbd{padding:0;margin:0;background:inherit;font-size:inherit;font-family:monospace}.editor-styles-wrapper p{font-size:revert;line-height:revert;margin:revert}.editor-styles-wrapper ol,.editor-styles-wrapper ul{margin:revert;padding:revert;list-style-type:revert;box-sizing:revert}.editor-styles-wrapper ol li,.editor-styles-wrapper ol ol,.editor-styles-wrapper ol ul,.editor-styles-wrapper ul li,.editor-styles-wrapper ul ol,.editor-styles-wrapper ul ul{margin:revert}.editor-styles-wrapper ol ul,.editor-styles-wrapper ul ul{list-style-type:revert}.editor-styles-wrapper h1,.editor-styles-wrapper h2,.editor-styles-wrapper h3,.editor-styles-wrapper h4,.editor-styles-wrapper h5,.editor-styles-wrapper h6{font-size:revert;margin:revert;color:revert;line-height:revert;font-weight:revert}.editor-styles-wrapper select{font-family:system-ui;-webkit-appearance:revert;color:revert;border:revert;border-radius:revert;background:revert;box-shadow:revert;text-shadow:revert;outline:revert;cursor:revert;transform:revert;font-size:revert;line-height:revert;padding:revert;margin:revert;min-height:revert;max-width:revert;vertical-align:revert;font-weight:revert}.editor-styles-wrapper select:disabled,.editor-styles-wrapper select:focus{color:revert;border-color:revert;background:revert;box-shadow:revert;text-shadow:revert;cursor:revert;transform:revert} \ No newline at end of file diff --git a/wp-includes/css/dist/block-library/reset.css b/wp-includes/css/dist/block-library/reset.css new file mode 100644 index 0000000000..5f48736680 --- /dev/null +++ b/wp-includes/css/dist/block-library/reset.css @@ -0,0 +1,181 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles for JavaScript UI based pages. + * This is a WP-admin agnostic reset + */ +/** + * Reset the WP Admin page styles for Gutenberg-like pages. + */ +/** +* Editor Normalization Styles +* +* These are only output in the editor, but styles here are prefixed .editor-styles-wrapper and affect the theming +* of the editor by themes. +*/ +.editor-styles-wrapper { + padding: 8px; + /** + * The following styles revert to the browser defaults overriding the WPAdmin styles. + * This is only needed while the block editor is not being loaded in an iframe. + */ + font-family: serif; + font-size: initial; + line-height: initial; + color: initial; + background: #fff; +} +.editor-styles-wrapper .block-editor-block-list__layout.is-root-container > .wp-block[data-align=full] { + margin-left: -8px; + margin-right: -8px; +} +.editor-styles-wrapper .wp-align-wrapper { + max-width: 840px; +} +.editor-styles-wrapper .wp-align-wrapper > .wp-block, .editor-styles-wrapper .wp-align-wrapper.wp-align-full { + max-width: none; +} +.editor-styles-wrapper .wp-align-wrapper.wp-align-wide { + max-width: 840px; +} +.editor-styles-wrapper a { + transition: none; +} +.editor-styles-wrapper code, +.editor-styles-wrapper kbd { + padding: 0; + margin: 0; + background: inherit; + font-size: inherit; + font-family: monospace; +} +.editor-styles-wrapper p { + font-size: revert; + line-height: revert; + margin: revert; +} +.editor-styles-wrapper ul, +.editor-styles-wrapper ol { + margin: revert; + padding: revert; + list-style-type: revert; + box-sizing: revert; +} +.editor-styles-wrapper ul ul, +.editor-styles-wrapper ul ol, +.editor-styles-wrapper ol ul, +.editor-styles-wrapper ol ol { + margin: revert; +} +.editor-styles-wrapper ul li, +.editor-styles-wrapper ol li { + margin: revert; +} +.editor-styles-wrapper ul ul, +.editor-styles-wrapper ol ul { + list-style-type: revert; +} +.editor-styles-wrapper h1, +.editor-styles-wrapper h2, +.editor-styles-wrapper h3, +.editor-styles-wrapper h4, +.editor-styles-wrapper h5, +.editor-styles-wrapper h6 { + font-size: revert; + margin: revert; + color: revert; + line-height: revert; + font-weight: revert; +} +.editor-styles-wrapper select { + font-family: system-ui; + -webkit-appearance: revert; + color: revert; + border: revert; + border-radius: revert; + background: revert; + box-shadow: revert; + text-shadow: revert; + outline: revert; + cursor: revert; + transform: revert; + font-size: revert; + line-height: revert; + padding: revert; + margin: revert; + min-height: revert; + max-width: revert; + vertical-align: revert; + font-weight: revert; +} +.editor-styles-wrapper select:disabled, +.editor-styles-wrapper select:focus { + color: revert; + border-color: revert; + background: revert; + box-shadow: revert; + text-shadow: revert; + cursor: revert; + transform: revert; +} \ No newline at end of file diff --git a/wp-includes/css/dist/block-library/reset.min.css b/wp-includes/css/dist/block-library/reset.min.css new file mode 100644 index 0000000000..be12b0cec1 --- /dev/null +++ b/wp-includes/css/dist/block-library/reset.min.css @@ -0,0 +1 @@ +.editor-styles-wrapper{padding:8px;font-family:serif;font-size:medium;line-height:normal;color:initial;background:#fff}.editor-styles-wrapper .block-editor-block-list__layout.is-root-container>.wp-block[data-align=full]{margin-left:-8px;margin-right:-8px}.editor-styles-wrapper .wp-align-wrapper{max-width:840px}.editor-styles-wrapper .wp-align-wrapper.wp-align-full,.editor-styles-wrapper .wp-align-wrapper>.wp-block{max-width:none}.editor-styles-wrapper .wp-align-wrapper.wp-align-wide{max-width:840px}.editor-styles-wrapper a{transition:none}.editor-styles-wrapper code,.editor-styles-wrapper kbd{padding:0;margin:0;background:inherit;font-size:inherit;font-family:monospace}.editor-styles-wrapper p{font-size:revert;line-height:revert;margin:revert}.editor-styles-wrapper ol,.editor-styles-wrapper ul{margin:revert;padding:revert;list-style-type:revert;box-sizing:revert}.editor-styles-wrapper ol li,.editor-styles-wrapper ol ol,.editor-styles-wrapper ol ul,.editor-styles-wrapper ul li,.editor-styles-wrapper ul ol,.editor-styles-wrapper ul ul{margin:revert}.editor-styles-wrapper ol ul,.editor-styles-wrapper ul ul{list-style-type:revert}.editor-styles-wrapper h1,.editor-styles-wrapper h2,.editor-styles-wrapper h3,.editor-styles-wrapper h4,.editor-styles-wrapper h5,.editor-styles-wrapper h6{font-size:revert;margin:revert;color:revert;line-height:revert;font-weight:revert}.editor-styles-wrapper select{font-family:system-ui;-webkit-appearance:revert;color:revert;border:revert;border-radius:revert;background:revert;box-shadow:revert;text-shadow:revert;outline:revert;cursor:revert;transform:revert;font-size:revert;line-height:revert;padding:revert;margin:revert;min-height:revert;max-width:revert;vertical-align:revert;font-weight:revert}.editor-styles-wrapper select:disabled,.editor-styles-wrapper select:focus{color:revert;border-color:revert;background:revert;box-shadow:revert;text-shadow:revert;cursor:revert;transform:revert} \ No newline at end of file diff --git a/wp-includes/css/dist/block-library/style-rtl.css b/wp-includes/css/dist/block-library/style-rtl.css new file mode 100644 index 0000000000..f5a61d3264 --- /dev/null +++ b/wp-includes/css/dist/block-library/style-rtl.css @@ -0,0 +1,3030 @@ +@charset "UTF-8"; +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles for JavaScript UI based pages. + * This is a WP-admin agnostic reset + */ +/** + * Reset the WP Admin page styles for Gutenberg-like pages. + */ +#start-resizable-editor-section { + display: none; +} + +.wp-block-audio { + margin: 0 0 1em 0; +} +.wp-block-audio figcaption { + margin-top: 0.5em; + margin-bottom: 1em; +} +.wp-block-audio audio { + width: 100%; + min-width: 300px; +} + +.wp-block-button__link { + color: #fff; + background-color: #32373c; + border-radius: 9999px; + box-shadow: none; + cursor: pointer; + display: inline-block; + font-size: 1.125em; + padding: calc(0.667em + 2px) calc(1.333em + 2px); + text-align: center; + text-decoration: none; + overflow-wrap: break-word; + box-sizing: border-box; +} +.wp-block-button__link:hover, .wp-block-button__link:focus, .wp-block-button__link:active, .wp-block-button__link:visited { + color: #fff; +} +.wp-block-button__link.aligncenter { + text-align: center; +} +.wp-block-button__link.alignright { + text-align: right; +} + +.wp-block-buttons > .wp-block-button.has-custom-width { + max-width: none; +} +.wp-block-buttons > .wp-block-button.has-custom-width .wp-block-button__link { + width: 100%; +} +.wp-block-buttons > .wp-block-button.has-custom-font-size .wp-block-button__link { + font-size: inherit; +} +.wp-block-buttons > .wp-block-button.wp-block-button__width-25 { + width: calc(25% - 0.5em); +} +.wp-block-buttons > .wp-block-button.wp-block-button__width-50 { + width: calc(50% - 0.5em); +} +.wp-block-buttons > .wp-block-button.wp-block-button__width-75 { + width: calc(75% - 0.5em); +} +.wp-block-buttons > .wp-block-button.wp-block-button__width-100 { + width: calc(100% - 0.5em); +} +.wp-block-buttons > .wp-block-button.wp-block-button__width-100:only-child { + margin-left: 0; + width: 100%; +} + +@supports (column-gap: 0.5em) { + .wp-block-buttons > .wp-block-button.wp-block-button, .wp-block-buttons.is-content-justification-right > .wp-block-button.wp-block-button { + margin-left: 0; + margin-right: 0; + } + .wp-block-buttons > .wp-block-button.wp-block-button__width-25 { + width: calc(25% - 0.375em); + } + .wp-block-buttons > .wp-block-button.wp-block-button__width-50 { + width: calc(50% - 0.25em); + } + .wp-block-buttons > .wp-block-button.wp-block-button__width-75 { + width: calc(75% - 0.125em); + } + .wp-block-buttons > .wp-block-button.wp-block-button__width-100 { + width: auto; + flex-basis: 100%; + } +} +.wp-block-button.is-style-squared, +.wp-block-button__link.wp-block-button.is-style-squared { + border-radius: 0; +} + +.wp-block-button.no-border-radius, +.wp-block-button__link.no-border-radius { + border-radius: 0 !important; +} + +.is-style-outline > .wp-block-button__link, +.wp-block-button__link.is-style-outline { + border: 2px solid currentColor; + padding: 0.667em 1.333em; +} + +.is-style-outline > .wp-block-button__link:not(.has-text-color), +.wp-block-button__link.is-style-outline:not(.has-text-color) { + color: currentColor; +} + +.is-style-outline > .wp-block-button__link:not(.has-background), +.wp-block-button__link.is-style-outline:not(.has-background) { + background-color: transparent; +} + +.wp-block-buttons { + display: flex; + flex-direction: row; + flex-wrap: wrap; + column-gap: 0.5em; + /* stylelint-disable indentation */ +} +.wp-block-buttons.is-vertical { + flex-direction: column; +} +.wp-block-buttons.is-vertical > .wp-block-button { + margin-right: 0; +} +.wp-block-buttons.is-vertical > .wp-block-button:last-child { + margin-bottom: 0; +} +.wp-block-buttons > .wp-block-button { + display: inline-block; + margin-left: 0; + margin-right: 0.5em; + margin-bottom: 0.5em; +} +.wp-block-buttons > .wp-block-button:last-child { + margin-right: 0; +} +.wp-block-buttons.is-content-justification-left { + justify-content: flex-start; +} +.wp-block-buttons.is-content-justification-left.is-vertical { + align-items: flex-start; +} +.wp-block-buttons.is-content-justification-center { + justify-content: center; +} +.wp-block-buttons.is-content-justification-center.is-vertical { + align-items: center; +} +.wp-block-buttons.is-content-justification-right { + justify-content: flex-end; +} +.wp-block-buttons.is-content-justification-right > .wp-block-button { + margin-left: 0.5em; + margin-right: 0; +} +.wp-block-buttons.is-content-justification-right > .wp-block-button:first-child { + margin-left: 0; +} +.wp-block-buttons.is-content-justification-right.is-vertical { + align-items: flex-end; +} +.wp-block-buttons.is-content-justification-space-between { + justify-content: space-between; +} +.wp-block-buttons.aligncenter { + text-align: center; +} +.wp-block-buttons.alignleft .wp-block-button { + margin-left: 0; + margin-right: 0.5em; +} +.wp-block-buttons.alignleft .wp-block-button:last-child { + margin-right: 0; +} +.wp-block-buttons.alignright .wp-block-button { + margin-right: 0; + margin-left: 0.5em; +} +.wp-block-buttons.alignright .wp-block-button:first-child { + margin-left: 0; +} +.wp-block-buttons:not(.is-content-justification-space-between, +.is-content-justification-right, +.is-content-justification-left, +.is-content-justification-center) .wp-block-button.aligncenter { + /* stylelint-enable indentation */ + margin-right: auto; + margin-left: auto; + margin-bottom: 0.5em; + width: 100%; +} + +.wp-block-button.aligncenter { + text-align: center; +} + +.wp-block-calendar { + text-align: center; +} +.wp-block-calendar th, +.wp-block-calendar tbody td { + padding: 0.25em; + border: 1px solid #ddd; +} +.wp-block-calendar tfoot td { + border: none; +} +.wp-block-calendar table { + width: 100%; + border-collapse: collapse; +} +.wp-block-calendar table th { + font-weight: 400; + background: #ddd; +} +.wp-block-calendar a { + text-decoration: underline; +} +.wp-block-calendar table tbody, +.wp-block-calendar table caption { + color: #40464d; +} + +.wp-block-categories.alignleft { + margin-right: 2em; +} +.wp-block-categories.alignright { + margin-left: 2em; +} + +.wp-block-code code { + display: block; + white-space: pre-wrap; + overflow-wrap: break-word; +} + +.wp-block-columns { + display: flex; + margin-bottom: 1.75em; + box-sizing: border-box; + flex-wrap: wrap; + /** + * All Columns Alignment + */ +} +@media (min-width: 782px) { + .wp-block-columns { + flex-wrap: nowrap; + } +} +.wp-block-columns.has-background { + padding: 1.25em 2.375em; +} +.wp-block-columns.are-vertically-aligned-top { + align-items: flex-start; +} +.wp-block-columns.are-vertically-aligned-center { + align-items: center; +} +.wp-block-columns.are-vertically-aligned-bottom { + align-items: flex-end; +} + +.wp-block-column { + flex-grow: 1; + min-width: 0; + word-break: break-word; + overflow-wrap: break-word; + /** + * Individual Column Alignment + */ +} +@media (max-width: 599px) { + .wp-block-column { + flex-basis: 100% !important; + } +} +@media (min-width: 600px) and (max-width: 781px) { + .wp-block-column:not(:only-child) { + flex-basis: calc(50% - 1em) !important; + flex-grow: 0; + } + .wp-block-column:nth-child(even) { + margin-right: 2em; + } +} +@media (min-width: 782px) { + .wp-block-column { + flex-basis: 0; + flex-grow: 1; + } + .wp-block-column[style*=flex-basis] { + flex-grow: 0; + } + .wp-block-column:not(:first-child) { + margin-right: 2em; + } +} +.wp-block-column.is-vertically-aligned-top { + align-self: flex-start; +} +.wp-block-column.is-vertically-aligned-center { + align-self: center; +} +.wp-block-column.is-vertically-aligned-bottom { + align-self: flex-end; +} +.wp-block-column.is-vertically-aligned-top, .wp-block-column.is-vertically-aligned-center, .wp-block-column.is-vertically-aligned-bottom { + width: 100%; +} + +.wp-block-cover-image, +.wp-block-cover { + position: relative; + background-size: cover; + background-position: center center; + min-height: 430px; + width: 100%; + display: flex; + justify-content: center; + align-items: center; + padding: 1em; + box-sizing: border-box; + /** + * Set a default background color for has-background-dim _unless_ it includes another + * background-color class (e.g. has-green-background-color). The presence of another + * background-color class implies that another style will provide the background color + * for the overlay. + * + * See: + * - Issue with background color specificity: https://github.com/WordPress/gutenberg/issues/26545 + * - Issue with alternative fix: https://github.com/WordPress/gutenberg/issues/26545 + */ +} +.wp-block-cover-image.has-parallax, +.wp-block-cover.has-parallax { + background-attachment: fixed; +} +@supports (-webkit-overflow-scrolling: touch) { + .wp-block-cover-image.has-parallax, +.wp-block-cover.has-parallax { + background-attachment: scroll; + } +} +@media (prefers-reduced-motion: reduce) { + .wp-block-cover-image.has-parallax, +.wp-block-cover.has-parallax { + background-attachment: scroll; + } +} +.wp-block-cover-image.is-repeated, +.wp-block-cover.is-repeated { + background-repeat: repeat; + background-size: auto; +} +.wp-block-cover-image.has-background-dim:not([class*=-background-color]), +.wp-block-cover.has-background-dim:not([class*=-background-color]) { + background-color: #000; +} +.wp-block-cover-image.has-background-dim::before, +.wp-block-cover.has-background-dim::before { + content: ""; + background-color: inherit; +} +.wp-block-cover-image.has-background-dim:not(.has-background-gradient)::before, +.wp-block-cover-image .wp-block-cover__gradient-background, +.wp-block-cover.has-background-dim:not(.has-background-gradient)::before, +.wp-block-cover .wp-block-cover__gradient-background { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1; + opacity: 0.5; +} +.wp-block-cover-image.has-background-dim.has-background-dim-10:not(.has-background-gradient)::before, +.wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background, +.wp-block-cover.has-background-dim.has-background-dim-10:not(.has-background-gradient)::before, +.wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background { + opacity: 0.1; +} +.wp-block-cover-image.has-background-dim.has-background-dim-20:not(.has-background-gradient)::before, +.wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background, +.wp-block-cover.has-background-dim.has-background-dim-20:not(.has-background-gradient)::before, +.wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background { + opacity: 0.2; +} +.wp-block-cover-image.has-background-dim.has-background-dim-30:not(.has-background-gradient)::before, +.wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background, +.wp-block-cover.has-background-dim.has-background-dim-30:not(.has-background-gradient)::before, +.wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background { + opacity: 0.3; +} +.wp-block-cover-image.has-background-dim.has-background-dim-40:not(.has-background-gradient)::before, +.wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background, +.wp-block-cover.has-background-dim.has-background-dim-40:not(.has-background-gradient)::before, +.wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background { + opacity: 0.4; +} +.wp-block-cover-image.has-background-dim.has-background-dim-50:not(.has-background-gradient)::before, +.wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background, +.wp-block-cover.has-background-dim.has-background-dim-50:not(.has-background-gradient)::before, +.wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background { + opacity: 0.5; +} +.wp-block-cover-image.has-background-dim.has-background-dim-60:not(.has-background-gradient)::before, +.wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background, +.wp-block-cover.has-background-dim.has-background-dim-60:not(.has-background-gradient)::before, +.wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background { + opacity: 0.6; +} +.wp-block-cover-image.has-background-dim.has-background-dim-70:not(.has-background-gradient)::before, +.wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background, +.wp-block-cover.has-background-dim.has-background-dim-70:not(.has-background-gradient)::before, +.wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background { + opacity: 0.7; +} +.wp-block-cover-image.has-background-dim.has-background-dim-80:not(.has-background-gradient)::before, +.wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background, +.wp-block-cover.has-background-dim.has-background-dim-80:not(.has-background-gradient)::before, +.wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background { + opacity: 0.8; +} +.wp-block-cover-image.has-background-dim.has-background-dim-90:not(.has-background-gradient)::before, +.wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background, +.wp-block-cover.has-background-dim.has-background-dim-90:not(.has-background-gradient)::before, +.wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background { + opacity: 0.9; +} +.wp-block-cover-image.has-background-dim.has-background-dim-100:not(.has-background-gradient)::before, +.wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background, +.wp-block-cover.has-background-dim.has-background-dim-100:not(.has-background-gradient)::before, +.wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background { + opacity: 1; +} +.wp-block-cover-image.alignleft, .wp-block-cover-image.alignright, +.wp-block-cover.alignleft, +.wp-block-cover.alignright { + max-width: 420px; + width: 100%; +} +.wp-block-cover-image::after, +.wp-block-cover::after { + display: block; + content: ""; + font-size: 0; + min-height: inherit; +} +@supports (position: sticky) { + .wp-block-cover-image::after, +.wp-block-cover::after { + content: none; + } +} +.wp-block-cover-image.aligncenter, .wp-block-cover-image.alignleft, .wp-block-cover-image.alignright, +.wp-block-cover.aligncenter, +.wp-block-cover.alignleft, +.wp-block-cover.alignright { + display: flex; +} +.wp-block-cover-image .wp-block-cover__inner-container, +.wp-block-cover .wp-block-cover__inner-container { + width: 100%; + z-index: 1; + color: #fff; +} +.wp-block-cover-image p:not(.has-text-color), +.wp-block-cover-image h1:not(.has-text-color), +.wp-block-cover-image h2:not(.has-text-color), +.wp-block-cover-image h3:not(.has-text-color), +.wp-block-cover-image h4:not(.has-text-color), +.wp-block-cover-image h5:not(.has-text-color), +.wp-block-cover-image h6:not(.has-text-color), +.wp-block-cover p:not(.has-text-color), +.wp-block-cover h1:not(.has-text-color), +.wp-block-cover h2:not(.has-text-color), +.wp-block-cover h3:not(.has-text-color), +.wp-block-cover h4:not(.has-text-color), +.wp-block-cover h5:not(.has-text-color), +.wp-block-cover h6:not(.has-text-color) { + color: inherit; +} +.wp-block-cover-image.is-position-top-left, +.wp-block-cover.is-position-top-left { + align-items: flex-start; + justify-content: flex-start; +} +.wp-block-cover-image.is-position-top-center, +.wp-block-cover.is-position-top-center { + align-items: flex-start; + justify-content: center; +} +.wp-block-cover-image.is-position-top-right, +.wp-block-cover.is-position-top-right { + align-items: flex-start; + justify-content: flex-end; +} +.wp-block-cover-image.is-position-center-left, +.wp-block-cover.is-position-center-left { + align-items: center; + justify-content: flex-start; +} +.wp-block-cover-image.is-position-center-center, +.wp-block-cover.is-position-center-center { + align-items: center; + justify-content: center; +} +.wp-block-cover-image.is-position-center-right, +.wp-block-cover.is-position-center-right { + align-items: center; + justify-content: flex-end; +} +.wp-block-cover-image.is-position-bottom-left, +.wp-block-cover.is-position-bottom-left { + align-items: flex-end; + justify-content: flex-start; +} +.wp-block-cover-image.is-position-bottom-center, +.wp-block-cover.is-position-bottom-center { + align-items: flex-end; + justify-content: center; +} +.wp-block-cover-image.is-position-bottom-right, +.wp-block-cover.is-position-bottom-right { + align-items: flex-end; + justify-content: flex-end; +} +.wp-block-cover-image.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container, +.wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container { + margin: 0; + width: auto; +} +.wp-block-cover-image img.wp-block-cover__image-background, +.wp-block-cover-image video.wp-block-cover__video-background, +.wp-block-cover img.wp-block-cover__image-background, +.wp-block-cover video.wp-block-cover__video-background { + position: absolute; + top: 0; + right: 0; + left: 0; + bottom: 0; + margin: 0; + padding: 0; + width: 100%; + height: 100%; + max-width: none; + max-height: none; + -o-object-fit: cover; + object-fit: cover; + outline: none; + border: none; + box-shadow: none; +} + +.wp-block-cover__video-background { + z-index: 0; +} + +.wp-block-cover__image-background { + z-index: 0; +} + +section.wp-block-cover-image h2, +.wp-block-cover-image-text, +.wp-block-cover-text { + color: #fff; +} +section.wp-block-cover-image h2 a, +section.wp-block-cover-image h2 a:hover, +section.wp-block-cover-image h2 a:focus, +section.wp-block-cover-image h2 a:active, +.wp-block-cover-image-text a, +.wp-block-cover-image-text a:hover, +.wp-block-cover-image-text a:focus, +.wp-block-cover-image-text a:active, +.wp-block-cover-text a, +.wp-block-cover-text a:hover, +.wp-block-cover-text a:focus, +.wp-block-cover-text a:active { + color: #fff; +} + +.wp-block-cover-image .wp-block-cover.has-left-content { + justify-content: flex-start; +} +.wp-block-cover-image .wp-block-cover.has-right-content { + justify-content: flex-end; +} + +section.wp-block-cover-image.has-left-content > h2, +.wp-block-cover-image.has-left-content .wp-block-cover-image-text, +.wp-block-cover.has-left-content .wp-block-cover-text { + margin-right: 0; + text-align: right; +} + +section.wp-block-cover-image.has-right-content > h2, +.wp-block-cover-image.has-right-content .wp-block-cover-image-text, +.wp-block-cover.has-right-content .wp-block-cover-text { + margin-left: 0; + text-align: left; +} + +section.wp-block-cover-image > h2, +.wp-block-cover-image .wp-block-cover-image-text, +.wp-block-cover .wp-block-cover-text { + font-size: 2em; + line-height: 1.25; + z-index: 1; + margin-bottom: 0; + max-width: 840px; + padding: 0.44em; + text-align: center; +} + +.wp-block[data-align=left] > [data-type="core/embed"], +.wp-block[data-align=right] > [data-type="core/embed"], +.wp-block-embed.alignleft, +.wp-block-embed.alignright { + max-width: 360px; + width: 100%; +} +.wp-block[data-align=left] > [data-type="core/embed"] .wp-block-embed__wrapper, +.wp-block[data-align=right] > [data-type="core/embed"] .wp-block-embed__wrapper, +.wp-block-embed.alignleft .wp-block-embed__wrapper, +.wp-block-embed.alignright .wp-block-embed__wrapper { + min-width: 280px; +} + +.wp-block-cover .wp-block-embed { + min-width: 320px; + min-height: 240px; +} + +.wp-block-embed { + margin: 0 0 1em 0; +} +.wp-block-embed figcaption { + margin-top: 0.5em; + margin-bottom: 1em; +} +.wp-block-embed iframe { + max-width: 100%; +} + +.wp-block-embed__wrapper { + position: relative; +} + +.wp-embed-responsive .wp-has-aspect-ratio .wp-block-embed__wrapper::before { + content: ""; + display: block; + padding-top: 50%; +} +.wp-embed-responsive .wp-has-aspect-ratio iframe { + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + height: 100%; + width: 100%; +} + +.wp-embed-responsive .wp-embed-aspect-21-9 .wp-block-embed__wrapper::before { + padding-top: 42.85%; +} +.wp-embed-responsive .wp-embed-aspect-18-9 .wp-block-embed__wrapper::before { + padding-top: 50%; +} +.wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper::before { + padding-top: 56.25%; +} +.wp-embed-responsive .wp-embed-aspect-4-3 .wp-block-embed__wrapper::before { + padding-top: 75%; +} +.wp-embed-responsive .wp-embed-aspect-1-1 .wp-block-embed__wrapper::before { + padding-top: 100%; +} +.wp-embed-responsive .wp-embed-aspect-9-16 .wp-block-embed__wrapper::before { + padding-top: 177.77%; +} +.wp-embed-responsive .wp-embed-aspect-1-2 .wp-block-embed__wrapper::before { + padding-top: 200%; +} + +.wp-block-file { + margin-bottom: 1.5em; +} +.wp-block-file.aligncenter { + text-align: center; +} +.wp-block-file.alignright { + text-align: right; +} +.wp-block-file .wp-block-file__embed { + margin-bottom: 1em; +} +.wp-block-file .wp-block-file__button { + background: #32373c; + border-radius: 2em; + color: #fff; + font-size: 0.8em; + padding: 0.5em 1em; +} +.wp-block-file a.wp-block-file__button { + text-decoration: none; +} +.wp-block-file a.wp-block-file__button:hover, .wp-block-file a.wp-block-file__button:visited, .wp-block-file a.wp-block-file__button:focus, .wp-block-file a.wp-block-file__button:active { + box-shadow: none; + color: #fff; + opacity: 0.85; + text-decoration: none; +} +.wp-block-file * + .wp-block-file__button { + margin-right: 0.75em; +} + +.wp-block-gallery, +.blocks-gallery-grid { + display: flex; + flex-wrap: wrap; + list-style-type: none; + padding: 0; + margin: 0; +} +.wp-block-gallery .blocks-gallery-image, +.wp-block-gallery .blocks-gallery-item, +.blocks-gallery-grid .blocks-gallery-image, +.blocks-gallery-grid .blocks-gallery-item { + margin: 0 0 1em 1em; + display: flex; + flex-grow: 1; + flex-direction: column; + justify-content: center; + position: relative; + align-self: flex-start; + width: calc(50% - 1em); +} +.wp-block-gallery .blocks-gallery-image:nth-of-type(even), +.wp-block-gallery .blocks-gallery-item:nth-of-type(even), +.blocks-gallery-grid .blocks-gallery-image:nth-of-type(even), +.blocks-gallery-grid .blocks-gallery-item:nth-of-type(even) { + margin-left: 0; +} +.wp-block-gallery .blocks-gallery-image figure, +.wp-block-gallery .blocks-gallery-item figure, +.blocks-gallery-grid .blocks-gallery-image figure, +.blocks-gallery-grid .blocks-gallery-item figure { + margin: 0; + height: 100%; +} +@supports (position: sticky) { + .wp-block-gallery .blocks-gallery-image figure, +.wp-block-gallery .blocks-gallery-item figure, +.blocks-gallery-grid .blocks-gallery-image figure, +.blocks-gallery-grid .blocks-gallery-item figure { + display: flex; + align-items: flex-end; + justify-content: flex-start; + } +} +.wp-block-gallery .blocks-gallery-image img, +.wp-block-gallery .blocks-gallery-item img, +.blocks-gallery-grid .blocks-gallery-image img, +.blocks-gallery-grid .blocks-gallery-item img { + display: block; + max-width: 100%; + height: auto; + width: 100%; +} +@supports (position: sticky) { + .wp-block-gallery .blocks-gallery-image img, +.wp-block-gallery .blocks-gallery-item img, +.blocks-gallery-grid .blocks-gallery-image img, +.blocks-gallery-grid .blocks-gallery-item img { + width: auto; + } +} +.wp-block-gallery .blocks-gallery-image figcaption, +.wp-block-gallery .blocks-gallery-item figcaption, +.blocks-gallery-grid .blocks-gallery-image figcaption, +.blocks-gallery-grid .blocks-gallery-item figcaption { + position: absolute; + bottom: 0; + width: 100%; + max-height: 100%; + overflow: auto; + padding: 3em 0.77em 0.7em; + color: #fff; + text-align: center; + font-size: 0.8em; + background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.3) 70%, transparent); + box-sizing: border-box; + margin: 0; +} +.wp-block-gallery .blocks-gallery-image figcaption img, +.wp-block-gallery .blocks-gallery-item figcaption img, +.blocks-gallery-grid .blocks-gallery-image figcaption img, +.blocks-gallery-grid .blocks-gallery-item figcaption img { + display: inline; +} +.wp-block-gallery figcaption, +.blocks-gallery-grid figcaption { + flex-grow: 1; +} +.wp-block-gallery.is-cropped .blocks-gallery-image, .wp-block-gallery.is-cropped .blocks-gallery-item, +.blocks-gallery-grid.is-cropped .blocks-gallery-image, +.blocks-gallery-grid.is-cropped .blocks-gallery-item { + align-self: inherit; +} +.wp-block-gallery.is-cropped .blocks-gallery-image a, +.wp-block-gallery.is-cropped .blocks-gallery-image img, .wp-block-gallery.is-cropped .blocks-gallery-item a, +.wp-block-gallery.is-cropped .blocks-gallery-item img, +.blocks-gallery-grid.is-cropped .blocks-gallery-image a, +.blocks-gallery-grid.is-cropped .blocks-gallery-image img, +.blocks-gallery-grid.is-cropped .blocks-gallery-item a, +.blocks-gallery-grid.is-cropped .blocks-gallery-item img { + width: 100%; +} +@supports (position: sticky) { + .wp-block-gallery.is-cropped .blocks-gallery-image a, +.wp-block-gallery.is-cropped .blocks-gallery-image img, .wp-block-gallery.is-cropped .blocks-gallery-item a, +.wp-block-gallery.is-cropped .blocks-gallery-item img, +.blocks-gallery-grid.is-cropped .blocks-gallery-image a, +.blocks-gallery-grid.is-cropped .blocks-gallery-image img, +.blocks-gallery-grid.is-cropped .blocks-gallery-item a, +.blocks-gallery-grid.is-cropped .blocks-gallery-item img { + height: 100%; + flex: 1; + -o-object-fit: cover; + object-fit: cover; + } +} +.wp-block-gallery.columns-1 .blocks-gallery-image, .wp-block-gallery.columns-1 .blocks-gallery-item, +.blocks-gallery-grid.columns-1 .blocks-gallery-image, +.blocks-gallery-grid.columns-1 .blocks-gallery-item { + width: 100%; + margin-left: 0; +} +@media (min-width: 600px) { + .wp-block-gallery.columns-3 .blocks-gallery-image, .wp-block-gallery.columns-3 .blocks-gallery-item, +.blocks-gallery-grid.columns-3 .blocks-gallery-image, +.blocks-gallery-grid.columns-3 .blocks-gallery-item { + width: calc(33.3333333333% - 0.6666666667em); + margin-left: 1em; + } + .wp-block-gallery.columns-4 .blocks-gallery-image, .wp-block-gallery.columns-4 .blocks-gallery-item, +.blocks-gallery-grid.columns-4 .blocks-gallery-image, +.blocks-gallery-grid.columns-4 .blocks-gallery-item { + width: calc(25% - 0.75em); + margin-left: 1em; + } + .wp-block-gallery.columns-5 .blocks-gallery-image, .wp-block-gallery.columns-5 .blocks-gallery-item, +.blocks-gallery-grid.columns-5 .blocks-gallery-image, +.blocks-gallery-grid.columns-5 .blocks-gallery-item { + width: calc(20% - 0.8em); + margin-left: 1em; + } + .wp-block-gallery.columns-6 .blocks-gallery-image, .wp-block-gallery.columns-6 .blocks-gallery-item, +.blocks-gallery-grid.columns-6 .blocks-gallery-image, +.blocks-gallery-grid.columns-6 .blocks-gallery-item { + width: calc(16.6666666667% - 0.8333333333em); + margin-left: 1em; + } + .wp-block-gallery.columns-7 .blocks-gallery-image, .wp-block-gallery.columns-7 .blocks-gallery-item, +.blocks-gallery-grid.columns-7 .blocks-gallery-image, +.blocks-gallery-grid.columns-7 .blocks-gallery-item { + width: calc(14.2857142857% - 0.8571428571em); + margin-left: 1em; + } + .wp-block-gallery.columns-8 .blocks-gallery-image, .wp-block-gallery.columns-8 .blocks-gallery-item, +.blocks-gallery-grid.columns-8 .blocks-gallery-image, +.blocks-gallery-grid.columns-8 .blocks-gallery-item { + width: calc(12.5% - 0.875em); + margin-left: 1em; + } + .wp-block-gallery.columns-1 .blocks-gallery-image:nth-of-type(1n), .wp-block-gallery.columns-1 .blocks-gallery-item:nth-of-type(1n), +.blocks-gallery-grid.columns-1 .blocks-gallery-image:nth-of-type(1n), +.blocks-gallery-grid.columns-1 .blocks-gallery-item:nth-of-type(1n) { + margin-left: 0; + } + .wp-block-gallery.columns-2 .blocks-gallery-image:nth-of-type(2n), .wp-block-gallery.columns-2 .blocks-gallery-item:nth-of-type(2n), +.blocks-gallery-grid.columns-2 .blocks-gallery-image:nth-of-type(2n), +.blocks-gallery-grid.columns-2 .blocks-gallery-item:nth-of-type(2n) { + margin-left: 0; + } + .wp-block-gallery.columns-3 .blocks-gallery-image:nth-of-type(3n), .wp-block-gallery.columns-3 .blocks-gallery-item:nth-of-type(3n), +.blocks-gallery-grid.columns-3 .blocks-gallery-image:nth-of-type(3n), +.blocks-gallery-grid.columns-3 .blocks-gallery-item:nth-of-type(3n) { + margin-left: 0; + } + .wp-block-gallery.columns-4 .blocks-gallery-image:nth-of-type(4n), .wp-block-gallery.columns-4 .blocks-gallery-item:nth-of-type(4n), +.blocks-gallery-grid.columns-4 .blocks-gallery-image:nth-of-type(4n), +.blocks-gallery-grid.columns-4 .blocks-gallery-item:nth-of-type(4n) { + margin-left: 0; + } + .wp-block-gallery.columns-5 .blocks-gallery-image:nth-of-type(5n), .wp-block-gallery.columns-5 .blocks-gallery-item:nth-of-type(5n), +.blocks-gallery-grid.columns-5 .blocks-gallery-image:nth-of-type(5n), +.blocks-gallery-grid.columns-5 .blocks-gallery-item:nth-of-type(5n) { + margin-left: 0; + } + .wp-block-gallery.columns-6 .blocks-gallery-image:nth-of-type(6n), .wp-block-gallery.columns-6 .blocks-gallery-item:nth-of-type(6n), +.blocks-gallery-grid.columns-6 .blocks-gallery-image:nth-of-type(6n), +.blocks-gallery-grid.columns-6 .blocks-gallery-item:nth-of-type(6n) { + margin-left: 0; + } + .wp-block-gallery.columns-7 .blocks-gallery-image:nth-of-type(7n), .wp-block-gallery.columns-7 .blocks-gallery-item:nth-of-type(7n), +.blocks-gallery-grid.columns-7 .blocks-gallery-image:nth-of-type(7n), +.blocks-gallery-grid.columns-7 .blocks-gallery-item:nth-of-type(7n) { + margin-left: 0; + } + .wp-block-gallery.columns-8 .blocks-gallery-image:nth-of-type(8n), .wp-block-gallery.columns-8 .blocks-gallery-item:nth-of-type(8n), +.blocks-gallery-grid.columns-8 .blocks-gallery-image:nth-of-type(8n), +.blocks-gallery-grid.columns-8 .blocks-gallery-item:nth-of-type(8n) { + margin-left: 0; + } +} +.wp-block-gallery .blocks-gallery-image:last-child, +.wp-block-gallery .blocks-gallery-item:last-child, +.blocks-gallery-grid .blocks-gallery-image:last-child, +.blocks-gallery-grid .blocks-gallery-item:last-child { + margin-left: 0; +} +.wp-block-gallery.alignleft, .wp-block-gallery.alignright, +.blocks-gallery-grid.alignleft, +.blocks-gallery-grid.alignright { + max-width: 420px; + width: 100%; +} +.wp-block-gallery.aligncenter .blocks-gallery-item figure, +.blocks-gallery-grid.aligncenter .blocks-gallery-item figure { + justify-content: center; +} + +.wp-block-group { + box-sizing: border-box; +} + +h1.has-background, +h2.has-background, +h3.has-background, +h4.has-background, +h5.has-background, +h6.has-background { + padding: 1.25em 2.375em; +} + +.wp-block-image { + margin: 0 0 1em 0; +} +.wp-block-image img { + max-width: 100%; +} +.wp-block-image:not(.is-style-rounded) img { + border-radius: inherit; +} +.wp-block-image.aligncenter { + text-align: center; +} +.wp-block-image.alignfull img, .wp-block-image.alignwide img { + width: 100%; +} +.wp-block-image .alignleft, +.wp-block-image .alignright, +.wp-block-image .aligncenter { + display: table; +} +.wp-block-image .alignleft > figcaption, +.wp-block-image .alignright > figcaption, +.wp-block-image .aligncenter > figcaption { + display: table-caption; + caption-side: bottom; +} +.wp-block-image .alignleft { + float: left; + margin-left: 0; + margin-left: 1em; + margin-top: 0.5em; + margin-bottom: 0.5em; +} +.wp-block-image .alignright { + float: right; + margin-right: 0; + margin-right: 1em; + margin-top: 0.5em; + margin-bottom: 0.5em; +} +.wp-block-image .aligncenter { + margin-right: auto; + margin-left: auto; +} +.wp-block-image figcaption { + margin-top: 0.5em; + margin-bottom: 1em; +} +.wp-block-image.is-style-rounded img { + border-radius: 9999px; +} +.wp-block-image.is-style-circle-mask img { + border-radius: 9999px; +} +@supports ((-webkit-mask-image: none) or (mask-image: none)) or (-webkit-mask-image: none) { + .wp-block-image.is-style-circle-mask img { + /* stylelint-disable */ + -webkit-mask-image: url('data:image/svg+xml;utf8,'); + mask-image: url('data:image/svg+xml;utf8,'); + /* stylelint-enable */ + mask-mode: alpha; + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-size: contain; + mask-size: contain; + -webkit-mask-position: center; + mask-position: center; + border-radius: 0; + } +} + +.wp-block-image figure { + margin: 0; +} + +ol.wp-block-latest-comments { + margin-right: 0; +} + +.wp-block-latest-comments .wp-block-latest-comments { + padding-right: 0; +} + +.wp-block-latest-comments__comment { + line-height: 1.1; + list-style: none; + margin-bottom: 1em; +} +.has-avatars .wp-block-latest-comments__comment { + min-height: 2.25em; + list-style: none; +} +.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta, +.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt { + margin-right: 3.25em; +} +.has-dates .wp-block-latest-comments__comment, .has-excerpts .wp-block-latest-comments__comment { + line-height: 1.5; +} + +.wp-block-latest-comments__comment-excerpt p { + font-size: 0.875em; + line-height: 1.8; + margin: 0.36em 0 1.4em; +} + +.wp-block-latest-comments__comment-date { + display: block; + font-size: 0.75em; +} + +.wp-block-latest-comments .avatar, +.wp-block-latest-comments__comment-avatar { + border-radius: 1.5em; + display: block; + float: right; + height: 2.5em; + margin-left: 0.75em; + width: 2.5em; +} + +.wp-block-latest-posts.alignleft { + margin-right: 2em; +} +.wp-block-latest-posts.alignright { + margin-left: 2em; +} +.wp-block-latest-posts.wp-block-latest-posts__list { + list-style: none; + padding-right: 0; +} +.wp-block-latest-posts.wp-block-latest-posts__list li { + clear: both; +} +.wp-block-latest-posts.is-grid { + display: flex; + flex-wrap: wrap; + padding: 0; +} +.wp-block-latest-posts.is-grid li { + margin: 0 0 1.25em 1.25em; + width: 100%; +} +@media (min-width: 600px) { + .wp-block-latest-posts.columns-2 li { + width: calc((100% / 2) - 1.25em + (1.25em / 2)); + } + .wp-block-latest-posts.columns-2 li:nth-child(2n) { + margin-left: 0; + } + .wp-block-latest-posts.columns-3 li { + width: calc((100% / 3) - 1.25em + (1.25em / 3)); + } + .wp-block-latest-posts.columns-3 li:nth-child(3n) { + margin-left: 0; + } + .wp-block-latest-posts.columns-4 li { + width: calc((100% / 4) - 1.25em + (1.25em / 4)); + } + .wp-block-latest-posts.columns-4 li:nth-child(4n) { + margin-left: 0; + } + .wp-block-latest-posts.columns-5 li { + width: calc((100% / 5) - 1.25em + (1.25em / 5)); + } + .wp-block-latest-posts.columns-5 li:nth-child(5n) { + margin-left: 0; + } + .wp-block-latest-posts.columns-6 li { + width: calc((100% / 6) - 1.25em + (1.25em / 6)); + } + .wp-block-latest-posts.columns-6 li:nth-child(6n) { + margin-left: 0; + } +} + +.wp-block-latest-posts__post-date, +.wp-block-latest-posts__post-author { + display: block; + color: #555; + font-size: 0.8125em; +} + +.wp-block-latest-posts__post-excerpt { + margin-top: 0.5em; + margin-bottom: 1em; +} + +.wp-block-latest-posts__featured-image a { + display: inline-block; +} +.wp-block-latest-posts__featured-image img { + height: auto; + width: auto; + max-width: 100%; +} +.wp-block-latest-posts__featured-image.alignleft { + margin-right: 1em; +} +.wp-block-latest-posts__featured-image.alignright { + margin-left: 1em; +} +.wp-block-latest-posts__featured-image.aligncenter { + margin-bottom: 1em; + text-align: center; +} + +.block-editor-image-alignment-control__row .components-base-control__field { + display: flex; + justify-content: space-between; + align-items: center; +} +.block-editor-image-alignment-control__row .components-base-control__field .components-base-control__label { + margin-bottom: 0; +} + +ol.has-background, +ul.has-background { + padding: 1.25em 2.375em; +} + +.wp-block-media-text { + direction: ltr; + display: grid; + grid-template-columns: 50% 1fr; + grid-template-rows: auto; +} +.wp-block-media-text.has-media-on-the-right { + grid-template-columns: 1fr 50%; +} + +.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__content, +.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__media { + align-self: start; +} + +.wp-block-media-text .wp-block-media-text__content, +.wp-block-media-text .wp-block-media-text__media, +.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__content, +.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__media { + align-self: center; +} + +.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__content, +.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__media { + align-self: end; +} + +.wp-block-media-text .wp-block-media-text__media { + grid-column: 1; + grid-row: 1; + margin: 0; +} + +.wp-block-media-text .wp-block-media-text__content { + direction: rtl; + grid-column: 2; + grid-row: 1; + padding: 0 8% 0 8%; + word-break: break-word; +} + +.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media { + grid-column: 2; + grid-row: 1; +} + +.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content { + grid-column: 1; + grid-row: 1; +} + +.wp-block-media-text__media img, +.wp-block-media-text__media video { + max-width: unset; + width: 100%; + vertical-align: middle; +} + +.wp-block-media-text.is-image-fill .wp-block-media-text__media { + height: 100%; + min-height: 250px; + background-size: cover; +} + +.wp-block-media-text.is-image-fill .wp-block-media-text__media > a { + display: block; + height: 100%; +} + +.wp-block-media-text.is-image-fill .wp-block-media-text__media img { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + border: 0; +} + +/* +* Here we here not able to use a mobile first CSS approach. +* Custom widths are set using inline styles, and on mobile, +* we need 100% width, so we use important to overwrite the inline style. +* If the style were set on mobile first, on desktop styles, +* we would have no way of setting the style again to the inline style. +*/ +@media (max-width: 600px) { + .wp-block-media-text.is-stacked-on-mobile { + grid-template-columns: 100% !important; + } + .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media { + grid-column: 1; + grid-row: 1; + } + .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content { + grid-column: 1; + grid-row: 2; + } +} +.wp-block-navigation { + position: relative; +} +.wp-block-navigation ul, +.wp-block-navigation ul li { + list-style: none; + padding: 0; +} +.wp-block-navigation .wp-block-pages-list__item, +.wp-block-navigation .wp-block-navigation-link { + display: flex; + align-items: center; + position: relative; +} +.wp-block-navigation .wp-block-pages-list__item .wp-block-navigation-link__container:empty, +.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__container:empty { + display: none; +} +.wp-block-navigation .wp-block-pages-list__item__link, +.wp-block-navigation .wp-block-navigation-link__content { + color: inherit; + display: block; +} +.wp-block-navigation[style*=text-decoration] .wp-block-pages-list__item, +.wp-block-navigation[style*=text-decoration] .wp-block-navigation-link__container, +.wp-block-navigation[style*=text-decoration] .wp-block-navigation-link { + text-decoration: inherit; +} +.wp-block-navigation[style*=text-decoration] .wp-block-pages-list__item__link, +.wp-block-navigation[style*=text-decoration] .wp-block-navigation-link__content { + text-decoration: inherit; +} +.wp-block-navigation[style*=text-decoration] .wp-block-pages-list__item__link:focus, .wp-block-navigation[style*=text-decoration] .wp-block-pages-list__item__link:active, +.wp-block-navigation[style*=text-decoration] .wp-block-navigation-link__content:focus, +.wp-block-navigation[style*=text-decoration] .wp-block-navigation-link__content:active { + text-decoration: inherit; +} +.wp-block-navigation:not([style*=text-decoration]) .wp-block-pages-list__item__link, +.wp-block-navigation:not([style*=text-decoration]) .wp-block-navigation-link__content { + text-decoration: none; +} +.wp-block-navigation:not([style*=text-decoration]) .wp-block-pages-list__item__link:focus, .wp-block-navigation:not([style*=text-decoration]) .wp-block-pages-list__item__link:active, +.wp-block-navigation:not([style*=text-decoration]) .wp-block-navigation-link__content:focus, +.wp-block-navigation:not([style*=text-decoration]) .wp-block-navigation-link__content:active { + text-decoration: none; +} +.wp-block-navigation .wp-block-page-list__submenu-icon, +.wp-block-navigation .wp-block-navigation-link__submenu-icon { + height: inherit; +} +.wp-block-navigation .wp-block-page-list__submenu-icon svg, +.wp-block-navigation .wp-block-navigation-link__submenu-icon svg { + stroke: currentColor; +} +.wp-block-navigation .wp-block-pages-list__item .wp-block-pages-list__item__link, +.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__content.wp-block-navigation-link__content.wp-block-navigation-link__content { + padding: 0; +} +.wp-block-navigation .has-child > .wp-block-pages-list__item__link, +.wp-block-navigation .has-child > .wp-block-navigation-link__content { + margin-left: 0.5em; +} +.wp-block-navigation .has-child .submenu-container, +.wp-block-navigation .has-child .wp-block-navigation-link__container { + background-color: inherit; + color: inherit; + position: absolute; + z-index: 2; + flex-direction: column; + align-items: normal; + min-width: 200px; + display: none; + opacity: 0; + transition: opacity 0.1s linear; + visibility: hidden; +} +.wp-block-navigation .has-child .submenu-container > .wp-block-pages-list__item > .wp-block-pages-list__item__link, +.wp-block-navigation .has-child .submenu-container > .wp-block-pages-list__item > .wp-block-navigation-link__content, +.wp-block-navigation .has-child .submenu-container > .wp-block-navigation-link > .wp-block-pages-list__item__link, +.wp-block-navigation .has-child .submenu-container > .wp-block-navigation-link > .wp-block-navigation-link__content, +.wp-block-navigation .has-child .wp-block-navigation-link__container > .wp-block-pages-list__item > .wp-block-pages-list__item__link, +.wp-block-navigation .has-child .wp-block-navigation-link__container > .wp-block-pages-list__item > .wp-block-navigation-link__content, +.wp-block-navigation .has-child .wp-block-navigation-link__container > .wp-block-navigation-link > .wp-block-pages-list__item__link, +.wp-block-navigation .has-child .wp-block-navigation-link__container > .wp-block-navigation-link > .wp-block-navigation-link__content { + flex-grow: 1; +} +.wp-block-navigation .has-child .submenu-container > .wp-block-pages-list__item > .wp-block-page-list__submenu-icon, +.wp-block-navigation .has-child .submenu-container > .wp-block-pages-list__item > .wp-block-navigation-link__submenu-icon, +.wp-block-navigation .has-child .submenu-container > .wp-block-navigation-link > .wp-block-page-list__submenu-icon, +.wp-block-navigation .has-child .submenu-container > .wp-block-navigation-link > .wp-block-navigation-link__submenu-icon, +.wp-block-navigation .has-child .wp-block-navigation-link__container > .wp-block-pages-list__item > .wp-block-page-list__submenu-icon, +.wp-block-navigation .has-child .wp-block-navigation-link__container > .wp-block-pages-list__item > .wp-block-navigation-link__submenu-icon, +.wp-block-navigation .has-child .wp-block-navigation-link__container > .wp-block-navigation-link > .wp-block-page-list__submenu-icon, +.wp-block-navigation .has-child .wp-block-navigation-link__container > .wp-block-navigation-link > .wp-block-navigation-link__submenu-icon { + padding-left: 0.5em; +} +@media (min-width: 782px) { + .wp-block-navigation .has-child .submenu-container .submenu-container::before, +.wp-block-navigation .has-child .submenu-container .wp-block-navigation-link__container::before, +.wp-block-navigation .has-child .wp-block-navigation-link__container .submenu-container::before, +.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container::before { + content: ""; + position: absolute; + left: 100%; + height: 100%; + display: block; + width: 0.5em; + background: transparent; + } + .wp-block-navigation .has-child .submenu-container .wp-block-page-list__submenu-icon svg, +.wp-block-navigation .has-child .submenu-container .wp-block-navigation-link__submenu-icon svg, +.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-page-list__submenu-icon svg, +.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-navigation-link__submenu-icon svg { + transform: rotate(90deg); + } +} +.wp-block-navigation .has-child:hover > .wp-block-navigation-link__container { + display: flex; + visibility: visible; + opacity: 1; +} +.wp-block-navigation .has-child:focus-within > .wp-block-navigation-link__container { + display: flex; + visibility: visible; + opacity: 1; +} +.wp-block-navigation .has-child:hover { + cursor: pointer; +} +.wp-block-navigation .has-child:hover > .submenu-container { + display: flex; + visibility: visible; + opacity: 1; +} +.wp-block-navigation .has-child:focus-within { + cursor: pointer; +} +.wp-block-navigation .has-child:focus-within > .submenu-container { + display: flex; + visibility: visible; + opacity: 1; +} +.wp-block-navigation.wp-block-navigation.items-justified-space-between > .submenu-container > .has-child:last-child .submenu-container, +.wp-block-navigation.wp-block-navigation.items-justified-space-between > .submenu-container > .has-child:last-child .wp-block-navigation-link__container, .wp-block-navigation.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .submenu-container, +.wp-block-navigation.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .wp-block-navigation-link__container, .wp-block-navigation.wp-block-navigation.items-justified-right > .submenu-container .has-child .submenu-container, +.wp-block-navigation.wp-block-navigation.items-justified-right > .submenu-container .has-child .wp-block-navigation-link__container, .wp-block-navigation.wp-block-navigation.items-justified-right > .wp-block-navigation__container .has-child .submenu-container, +.wp-block-navigation.wp-block-navigation.items-justified-right > .wp-block-navigation__container .has-child .wp-block-navigation-link__container { + right: auto; + left: 0; +} +.wp-block-navigation.wp-block-navigation.items-justified-space-between > .submenu-container > .has-child:last-child .submenu-container .submenu-container, +.wp-block-navigation.wp-block-navigation.items-justified-space-between > .submenu-container > .has-child:last-child .submenu-container .wp-block-navigation-link__container, +.wp-block-navigation.wp-block-navigation.items-justified-space-between > .submenu-container > .has-child:last-child .wp-block-navigation-link__container .submenu-container, +.wp-block-navigation.wp-block-navigation.items-justified-space-between > .submenu-container > .has-child:last-child .wp-block-navigation-link__container .wp-block-navigation-link__container, .wp-block-navigation.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .submenu-container .submenu-container, +.wp-block-navigation.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .submenu-container .wp-block-navigation-link__container, +.wp-block-navigation.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .wp-block-navigation-link__container .submenu-container, +.wp-block-navigation.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .wp-block-navigation-link__container .wp-block-navigation-link__container, .wp-block-navigation.wp-block-navigation.items-justified-right > .submenu-container .has-child .submenu-container .submenu-container, +.wp-block-navigation.wp-block-navigation.items-justified-right > .submenu-container .has-child .submenu-container .wp-block-navigation-link__container, +.wp-block-navigation.wp-block-navigation.items-justified-right > .submenu-container .has-child .wp-block-navigation-link__container .submenu-container, +.wp-block-navigation.wp-block-navigation.items-justified-right > .submenu-container .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container, .wp-block-navigation.wp-block-navigation.items-justified-right > .wp-block-navigation__container .has-child .submenu-container .submenu-container, +.wp-block-navigation.wp-block-navigation.items-justified-right > .wp-block-navigation__container .has-child .submenu-container .wp-block-navigation-link__container, +.wp-block-navigation.wp-block-navigation.items-justified-right > .wp-block-navigation__container .has-child .wp-block-navigation-link__container .submenu-container, +.wp-block-navigation.wp-block-navigation.items-justified-right > .wp-block-navigation__container .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container { + right: auto; + left: 100%; +} + +.wp-block-navigation.wp-block-navigation .wp-block-page-list, +.wp-block-navigation.wp-block-navigation .wp-block-page-list > .wp-block-pages-list__item, +.wp-block-navigation.wp-block-navigation .wp-block-navigation__container > .wp-block-navigation-link { + margin: 0 0 0 2em; +} +.wp-block-navigation.wp-block-navigation .wp-block-page-list:last-child, +.wp-block-navigation.wp-block-navigation .wp-block-page-list > .wp-block-pages-list__item:last-child, +.wp-block-navigation.wp-block-navigation .wp-block-navigation__container > .wp-block-navigation-link:last-child { + margin-left: 0; +} +.wp-block-navigation.wp-block-navigation.has-background .wp-block-page-list, +.wp-block-navigation.wp-block-navigation.has-background .wp-block-page-list > .wp-block-pages-list__item, +.wp-block-navigation.wp-block-navigation.has-background .wp-block-navigation__container > .wp-block-navigation-link { + margin: 0 0 0 0.5em; +} +.wp-block-navigation.wp-block-navigation.has-background .wp-block-page-list .wp-block-pages-list__item__link, +.wp-block-navigation.wp-block-navigation.has-background .wp-block-navigation__container .wp-block-navigation-link__content { + padding: 0.5em 1em; +} +.wp-block-navigation.wp-block-navigation .has-child .submenu-container, +.wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container { + right: -1em; + top: 100%; +} +.wp-block-navigation.wp-block-navigation .has-child .submenu-container .wp-block-pages-list__item, +.wp-block-navigation.wp-block-navigation .has-child .submenu-container .wp-block-navigation-link, +.wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-pages-list__item, +.wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-navigation-link { + margin: 0; +} +.wp-block-navigation.wp-block-navigation .has-child .submenu-container .wp-block-pages-list__item__link, +.wp-block-navigation.wp-block-navigation .has-child .submenu-container .wp-block-navigation-link__content, +.wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-pages-list__item__link, +.wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-navigation-link__content { + padding: 0.5em 1em; +} +.wp-block-navigation.wp-block-navigation .has-child .submenu-container .submenu-container, +.wp-block-navigation.wp-block-navigation .has-child .submenu-container .wp-block-navigation-link__container, +.wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .submenu-container, +.wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container { + right: -1px; +} +@media (min-width: 782px) { + .wp-block-navigation.wp-block-navigation .has-child .submenu-container .submenu-container, +.wp-block-navigation.wp-block-navigation .has-child .submenu-container .wp-block-navigation-link__container, +.wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .submenu-container, +.wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container { + right: 100%; + top: -1px; + } +} +.wp-block-navigation.wp-block-navigation.has-background .has-child .submenu-container, .wp-block-navigation.wp-block-navigation.has-background .has-child .wp-block-navigation-link__container { + right: 0; + top: 100%; +} +.wp-block-navigation.wp-block-navigation.has-background .has-child .submenu-container .submenu-container, +.wp-block-navigation.wp-block-navigation.has-background .has-child .submenu-container .wp-block-navigation-link__container, .wp-block-navigation.wp-block-navigation.has-background .has-child .wp-block-navigation-link__container .submenu-container, +.wp-block-navigation.wp-block-navigation.has-background .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container { + right: 0; +} +@media (min-width: 782px) { + .wp-block-navigation.wp-block-navigation.has-background .has-child .submenu-container .submenu-container, +.wp-block-navigation.wp-block-navigation.has-background .has-child .submenu-container .wp-block-navigation-link__container, .wp-block-navigation.wp-block-navigation.has-background .has-child .wp-block-navigation-link__container .submenu-container, +.wp-block-navigation.wp-block-navigation.has-background .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container { + right: 100%; + top: 0; + } +} + +.wp-block-navigation:not(.has-background) .submenu-container, +.wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-navigation-link__container { + background-color: #fff; + color: #000; + border: 1px solid rgba(0, 0, 0, 0.15); +} + +.wp-block-navigation__container { + align-items: center; + list-style: none; + margin: 0; + padding-right: 0; +} +.wp-block-navigation__container .is-responsive { + display: none; +} +@media (min-width: 600px) { + .wp-block-navigation__container { + display: flex; + flex-wrap: wrap; + } + .is-vertical .wp-block-navigation__container { + display: block; + flex-direction: column; + align-items: flex-start; + } +} + +.items-justified-center .wp-block-navigation__container { + justify-content: center; +} + +.items-justified-right .wp-block-navigation__container { + justify-content: flex-end; +} + +.items-justified-space-between .wp-block-navigation__container { + justify-content: space-between; +} + +.is-vertical.items-justified-center > ul { + align-items: center; +} + +.is-vertical.items-justified-right > ul { + align-items: flex-end; +} +.is-vertical.items-justified-right > ul .wp-block-navigation-link, +.is-vertical.items-justified-right > ul .wp-block-pages-list__item { + margin-left: 0; + justify-content: flex-end; +} + +/** + * Mobile menu. + */ +.wp-block-navigation__responsive-container { + display: none; + position: fixed; + top: 0; + right: 0; + left: 0; + bottom: 0; + z-index: 1; + align-items: flex-start; + justify-content: flex-start; +} +.wp-block-navigation__responsive-container.is-menu-open { + display: flex; + flex-direction: column; + overflow: auto; + z-index: 100000; + padding: 24px; + background-color: inherit; +} +.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container { + display: flex; + flex-direction: column; + margin-right: auto; + margin-left: auto; + align-items: flex-start; + line-height: 48px; + padding: 0; +} +.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container .wp-block-page-list { + flex-direction: column; +} +.wp-block-navigation__responsive-container.is-menu-open .wp-block-pages-list__item .submenu-container, +.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link .wp-block-navigation-link__container, +.wp-block-navigation__responsive-container.is-menu-open .wp-block-pages-list__item, +.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link { + background: transparent !important; +} +@media (min-width: 600px) { + .wp-block-navigation__responsive-container:not(.is-menu-open) { + display: flex; + flex-direction: row; + position: relative; + background-color: inherit; + } + .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__responsive-container-close { + display: none; + } + .wp-block-navigation__responsive-container.is-menu-open .submenu-container.submenu-container.submenu-container.submenu-container, +.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link__container.wp-block-navigation-link__container.wp-block-navigation-link__container.wp-block-navigation-link__container { + right: 0; + } +} + +.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open { + background-color: #fff; + color: #000; +} + +.wp-block-navigation__responsive-container-open, +.wp-block-navigation__responsive-container-close { + vertical-align: middle; + cursor: pointer; + color: currentColor; + background: transparent; + border: none; + margin: 0; + padding: 0; +} +.wp-block-navigation__responsive-container-open svg, +.wp-block-navigation__responsive-container-close svg { + fill: currentColor; + pointer-events: none; + display: block; + width: 24px; + height: 24px; +} + +.wp-block-navigation__responsive-container-open { + display: flex; +} +@media (min-width: 600px) { + .wp-block-navigation__responsive-container-open { + display: none; + } +} +.items-justified-left .wp-block-navigation__responsive-container-open { + margin-right: 0; + margin-left: auto; +} +.items-justified-center .wp-block-navigation__responsive-container-open { + margin-right: auto; + margin-left: auto; +} +.items-justified-right .wp-block-navigation__responsive-container-open { + margin-right: auto; + margin-left: 0; +} + +.wp-block-navigation__responsive-container-close { + position: absolute; + top: 24px; + left: 24px; + z-index: 2; +} + +.wp-block-navigation__responsive-close { + width: 100%; +} + +.is-menu-open .wp-block-navigation__responsive-close, +.is-menu-open .wp-block-navigation__responsive-dialog, +.is-menu-open .wp-block-navigation__responsive-container-content { + width: 100%; + height: 100%; +} + +.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list__submenu-icon, +.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link__submenu-icon { + display: none; +} +.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .has-child .submenu-container, +.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .has-child .wp-block-navigation-link__container { + position: relative; + opacity: 1; + visibility: visible; + padding: 0 32px 0 0; + border: none; +} +.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link, +.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-pages-list__item { + flex-direction: column; + align-items: flex-start; +} + +html.has-modal-open { + overflow: hidden; +} + +.wp-block-navigation .wp-block-navigation-link__label { + word-break: normal; + overflow-wrap: break-word; +} + +.wp-block-navigation .wp-block-home-link__content { + color: inherit; + display: block; + padding: 0.5em 1em; +} +.wp-block-navigation[style*=text-decoration] .wp-block-home-link { + text-decoration: inherit; +} +.wp-block-navigation[style*=text-decoration] .wp-block-home-link__content { + text-decoration: inherit; +} +.wp-block-navigation[style*=text-decoration] .wp-block-home-link__content:focus, .wp-block-navigation[style*=text-decoration] .wp-block-home-link__content:active { + text-decoration: inherit; +} +.wp-block-navigation:not([style*=text-decoration]) .wp-block-home-link__content { + text-decoration: none; +} +.wp-block-navigation:not([style*=text-decoration]) .wp-block-home-link__content:focus, .wp-block-navigation:not([style*=text-decoration]) .wp-block-home-link__content:active { + text-decoration: none; +} + +.wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-home-link__container { + background-color: #fff; + color: #000; + border: 1px solid rgba(0, 0, 0, 0.15); +} +.wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-home-link__container .wp-block-home-link__container { + top: -1px; +} + +.wp-block-navigation .wp-block-page-list { + display: flex; + flex-wrap: wrap; + background-color: inherit; +} +.wp-block-navigation .wp-block-pages-list__item { + background-color: inherit; +} +.wp-block-navigation .wp-block-page-list__submenu-icon { + display: none; +} +.wp-block-navigation .show-submenu-icons .wp-block-page-list__submenu-icon { + display: block; +} + +.is-vertical .wp-block-navigation__container .wp-block-page-list, +.is-open .wp-block-navigation__container .wp-block-page-list { + display: block; +} + +@media (min-width: 480px) { + .is-open .wp-block-navigation__container .wp-block-page-list { + display: flex; + } +} + +.items-justified-space-between .wp-block-page-list { + display: contents; +} + +.is-small-text { + font-size: 0.875em; +} + +.is-regular-text { + font-size: 1em; +} + +.is-large-text { + font-size: 2.25em; +} + +.is-larger-text { + font-size: 3em; +} + +.has-drop-cap:not(:focus)::first-letter { + float: right; + font-size: 8.4em; + line-height: 0.68; + font-weight: 100; + margin: 0.05em 0 0 0.1em; + text-transform: uppercase; + font-style: normal; +} + +p.has-drop-cap.has-background { + overflow: hidden; +} + +p.has-background { + padding: 1.25em 2.375em; +} + +p.has-text-color a { + color: inherit; +} + +.wp-block-post-author { + display: flex; + flex-wrap: wrap; +} +.wp-block-post-author__byline { + width: 100%; + margin-top: 0; + margin-bottom: 0; + font-size: 0.5em; +} +.wp-block-post-author__avatar { + margin-left: 1em; +} +.wp-block-post-author__bio { + margin-bottom: 0.7em; + font-size: 0.7em; +} +.wp-block-post-author__content { + flex-grow: 1; + flex-basis: 0; +} +.wp-block-post-author__name { + font-weight: bold; + margin: 0; +} + +.wp-block-post-comments .commentlist { + list-style: none; + margin: 0; + padding: 0; +} +.wp-block-post-comments .commentlist .comment { + min-height: 2.25em; + padding-right: 3.25em; +} +.wp-block-post-comments .commentlist .comment p { + font-size: 0.875em; + line-height: 1.8; + margin: 0.36em 0 1.4em; +} +.wp-block-post-comments .commentlist .children { + list-style: none; + margin: 0; + padding: 0; +} +.wp-block-post-comments .comment-author { + line-height: 1.5; + margin-right: -3.25em; +} +.wp-block-post-comments .comment-author .avatar { + border-radius: 1.5em; + display: block; + float: right; + height: 2.5em; + margin-left: 0.75em; + width: 2.5em; +} +.wp-block-post-comments .comment-author cite { + font-style: normal; +} +.wp-block-post-comments .comment-meta { + line-height: 1.5; + margin-right: -3.25em; +} +.wp-block-post-comments .comment-body .commentmetadata { + font-size: 0.75em; +} +.wp-block-post-comments .comment-form-comment label, +.wp-block-post-comments .comment-form-author label, +.wp-block-post-comments .comment-form-email label, +.wp-block-post-comments .comment-form-url label { + display: block; +} +.wp-block-post-comments .comment-form-comment textarea { + box-sizing: border-box; + width: 100%; +} +.wp-block-post-comments .reply { + font-size: 0.75em; + margin-bottom: 1.4em; +} +.wp-block-post-comments textarea, +.wp-block-post-comments input { + border: 1px solid #949494; +} + +.wp-block-post-comments-form input[type=submit] { + border: none; + box-shadow: none; + cursor: pointer; + display: inline-block; + text-align: center; + overflow-wrap: break-word; +} + +.wp-block-post-excerpt__more-link { + display: inline-block; +} + +.wp-block-post-title a { + display: inline-block; +} + +.wp-block-preformatted { + white-space: pre-wrap; +} + +.wp-block-preformatted.has-background { + padding: 1.25em 2.375em; +} + +.wp-block-pullquote { + margin: 0 0 1em 0; + padding: 3em 0; + text-align: center; +} +.wp-block-pullquote.alignleft, .wp-block-pullquote.alignright { + max-width: 420px; +} +.wp-block-pullquote.alignleft p, .wp-block-pullquote.alignright p { + font-size: 1.25em; +} +.wp-block-pullquote p { + font-size: 1.75em; + line-height: 1.6; +} +.wp-block-pullquote cite, +.wp-block-pullquote footer { + position: relative; +} +.wp-block-pullquote .has-text-color a { + color: inherit; +} + +.wp-block-pullquote:not(.is-style-solid-color) { + background: none; +} + +.wp-block-pullquote.is-style-solid-color { + border: none; +} +.wp-block-pullquote.is-style-solid-color blockquote { + margin-right: auto; + margin-left: auto; + text-align: right; + max-width: 60%; +} +.wp-block-pullquote.is-style-solid-color blockquote p { + margin-top: 0; + margin-bottom: 0; + font-size: 2em; +} +.wp-block-pullquote.is-style-solid-color blockquote cite { + text-transform: none; + font-style: normal; +} + +.wp-block-pullquote cite { + color: inherit; +} + +.wp-block-post-template, +.wp-block-query-loop { + max-width: 100%; + list-style: none; + padding: 0; +} +.wp-block-post-template li, +.wp-block-query-loop li { + clear: both; +} +.wp-block-post-template.is-flex-container, +.wp-block-query-loop.is-flex-container { + flex-direction: row; + display: flex; + flex-wrap: wrap; +} +.wp-block-post-template.is-flex-container li, +.wp-block-query-loop.is-flex-container li { + margin: 0 0 1.25em 0; + width: 100%; +} +@media (min-width: 600px) { + .wp-block-post-template.is-flex-container li, +.wp-block-query-loop.is-flex-container li { + margin-left: 1.25em; + } + .wp-block-post-template.is-flex-container.is-flex-container.columns-2 > li, +.wp-block-query-loop.is-flex-container.is-flex-container.columns-2 > li { + width: calc((100% / 2) - 1.25em + (1.25em / 2)); + } + .wp-block-post-template.is-flex-container.is-flex-container.columns-2 > li:nth-child(2n), +.wp-block-query-loop.is-flex-container.is-flex-container.columns-2 > li:nth-child(2n) { + margin-left: 0; + } + .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li, +.wp-block-query-loop.is-flex-container.is-flex-container.columns-3 > li { + width: calc((100% / 3) - 1.25em + (1.25em / 3)); + } + .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li:nth-child(3n), +.wp-block-query-loop.is-flex-container.is-flex-container.columns-3 > li:nth-child(3n) { + margin-left: 0; + } + .wp-block-post-template.is-flex-container.is-flex-container.columns-4 > li, +.wp-block-query-loop.is-flex-container.is-flex-container.columns-4 > li { + width: calc((100% / 4) - 1.25em + (1.25em / 4)); + } + .wp-block-post-template.is-flex-container.is-flex-container.columns-4 > li:nth-child(4n), +.wp-block-query-loop.is-flex-container.is-flex-container.columns-4 > li:nth-child(4n) { + margin-left: 0; + } + .wp-block-post-template.is-flex-container.is-flex-container.columns-5 > li, +.wp-block-query-loop.is-flex-container.is-flex-container.columns-5 > li { + width: calc((100% / 5) - 1.25em + (1.25em / 5)); + } + .wp-block-post-template.is-flex-container.is-flex-container.columns-5 > li:nth-child(5n), +.wp-block-query-loop.is-flex-container.is-flex-container.columns-5 > li:nth-child(5n) { + margin-left: 0; + } + .wp-block-post-template.is-flex-container.is-flex-container.columns-6 > li, +.wp-block-query-loop.is-flex-container.is-flex-container.columns-6 > li { + width: calc((100% / 6) - 1.25em + (1.25em / 6)); + } + .wp-block-post-template.is-flex-container.is-flex-container.columns-6 > li:nth-child(6n), +.wp-block-query-loop.is-flex-container.is-flex-container.columns-6 > li:nth-child(6n) { + margin-left: 0; + } +} + +.wp-block-query-pagination { + display: flex; + flex-direction: row; + flex-wrap: wrap; +} +.wp-block-query-pagination > .wp-block-query-pagination-next, +.wp-block-query-pagination > .wp-block-query-pagination-previous, +.wp-block-query-pagination > .wp-block-query-pagination-numbers { + display: inline-block; + margin-right: 0.5em; + margin-bottom: 0.5em; +} +.wp-block-query-pagination > .wp-block-query-pagination-next:last-child, +.wp-block-query-pagination > .wp-block-query-pagination-previous:last-child, +.wp-block-query-pagination > .wp-block-query-pagination-numbers:last-child { + margin-right: 0; +} + +.wp-block-quote.is-style-large, .wp-block-quote.is-large { + margin-bottom: 1em; + padding: 0 1em; +} +.wp-block-quote.is-style-large p, .wp-block-quote.is-large p { + font-size: 1.5em; + font-style: italic; + line-height: 1.6; +} +.wp-block-quote.is-style-large cite, +.wp-block-quote.is-style-large footer, .wp-block-quote.is-large cite, +.wp-block-quote.is-large footer { + font-size: 1.125em; + text-align: left; +} + +.wp-block-rss.wp-block-rss { + box-sizing: border-box; +} +.wp-block-rss.alignleft { + margin-right: 2em; +} +.wp-block-rss.alignright { + margin-left: 2em; +} +.wp-block-rss.is-grid { + display: flex; + flex-wrap: wrap; + padding: 0; + list-style: none; +} +.wp-block-rss.is-grid li { + margin: 0 0 1em 1em; + width: 100%; +} +@media (min-width: 600px) { + .wp-block-rss.columns-2 li { + width: calc(( 100% / 2 ) - 1em); + } + .wp-block-rss.columns-3 li { + width: calc(( 100% / 3 ) - 1em); + } + .wp-block-rss.columns-4 li { + width: calc(( 100% / 4 ) - 1em); + } + .wp-block-rss.columns-5 li { + width: calc(( 100% / 5 ) - 1em); + } + .wp-block-rss.columns-6 li { + width: calc(( 100% / 6 ) - 1em); + } +} + +.wp-block-rss__item-publish-date, +.wp-block-rss__item-author { + display: block; + color: #555; + font-size: 0.8125em; +} + +.wp-block-search .wp-block-search__button { + background: #f7f7f7; + border: 1px solid #ccc; + padding: 0.375em 0.625em; + color: #32373c; + margin-right: 0.625em; + word-break: normal; +} +.wp-block-search .wp-block-search__button.has-icon { + line-height: 0; +} +.wp-block-search .wp-block-search__button svg { + min-width: 1.5em; + min-height: 1.5em; +} +.wp-block-search .wp-block-search__inside-wrapper { + display: flex; + flex: auto; + flex-wrap: nowrap; + max-width: 100%; +} +.wp-block-search .wp-block-search__label { + width: 100%; +} +.wp-block-search .wp-block-search__input { + flex-grow: 1; + min-width: 3em; + border: 1px solid #949494; +} +.wp-block-search.wp-block-search__button-only .wp-block-search__button { + margin-right: 0; +} +.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper { + padding: 4px; + border: 1px solid #949494; +} +.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input { + border-radius: 0; + border: none; + padding: 0 0.25em 0 0; +} +.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input:focus { + outline: none; +} +.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button { + padding: 0.125em 0.5em; +} +.wp-block-search.aligncenter .wp-block-search__inside-wrapper { + margin: auto; +} + +.wp-block-separator { + border-top: 1px solid currentColor; + border-bottom: 1px solid currentColor; +} +.wp-block-separator.is-style-wide { + border-bottom-width: 1px; +} +.wp-block-separator.is-style-dots { + background: none !important; + border: none; + text-align: center; + width: none; + line-height: 1; + height: auto; +} +.wp-block-separator.is-style-dots::before { + content: "···"; + color: currentColor; + font-size: 1.5em; + letter-spacing: 2em; + padding-left: 2em; + font-family: serif; +} + +.wp-block-site-logo { + line-height: 0; +} +.wp-block-site-logo a { + display: inline-block; +} +.wp-block-site-logo.is-default-size img { + width: 120px; + height: auto; +} +.wp-block-site-logo .aligncenter { + display: table; +} +.wp-block-site-logo.is-style-rounded img { + border-radius: 9999px; +} + +.wp-block-social-links { + display: flex; + flex-wrap: wrap; + padding-right: 0; + padding-left: 0; + text-indent: 0; + margin-right: 0; +} +.wp-block-social-links .wp-social-link a, +.wp-block-social-links .wp-social-link a:hover { + text-decoration: none; + border-bottom: 0; + box-shadow: none; +} +.wp-block-social-links .wp-social-link.wp-social-link.wp-social-link { + margin: 4px 0 4px 8px; +} +.wp-block-social-links .wp-social-link a { + padding: 0.25em; +} +.wp-block-social-links .wp-social-link svg { + width: 1em; + height: 1em; +} +.wp-block-social-links.has-small-icon-size { + font-size: 16px; +} +.wp-block-social-links, .wp-block-social-links.has-normal-icon-size { + font-size: 24px; +} +.wp-block-social-links.has-large-icon-size { + font-size: 36px; +} +.wp-block-social-links.has-huge-icon-size { + font-size: 48px; +} +.wp-block-social-links.aligncenter { + justify-content: center; + display: flex; +} +.wp-block-social-links.alignright { + justify-content: flex-end; +} + +.wp-block-social-link { + display: block; + border-radius: 9999px; + transition: transform 0.1s ease; + height: auto; +} +@media (prefers-reduced-motion: reduce) { + .wp-block-social-link { + transition-duration: 0s; + transition-delay: 0s; + } +} +.wp-block-social-link a { + display: block; + line-height: 0; + transition: transform 0.1s ease; +} +.wp-block-social-link:hover { + transform: scale(1.1); +} + +.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:hover, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:active, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:visited, +.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor svg { + color: currentColor; + fill: currentColor; +} + +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link { + background-color: #f0f0f0; + color: #444; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-amazon { + background-color: #f90; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-bandcamp { + background-color: #1ea0c3; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-behance { + background-color: #0757fe; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-codepen { + background-color: #1e1f26; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-deviantart { + background-color: #02e49b; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dribbble { + background-color: #e94c89; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dropbox { + background-color: #4280ff; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-etsy { + background-color: #f45800; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook { + background-color: #1778f2; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-fivehundredpx { + background-color: #000; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-flickr { + background-color: #0461dd; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-foursquare { + background-color: #e65678; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-github { + background-color: #24292d; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-goodreads { + background-color: #eceadd; + color: #382110; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-google { + background-color: #ea4434; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram { + background-color: #f00075; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-lastfm { + background-color: #e21b24; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-linkedin { + background-color: #0d66c2; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-mastodon { + background-color: #3288d4; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-medium { + background-color: #02ab6c; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-meetup { + background-color: #f6405f; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-patreon { + background-color: #ff424d; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pinterest { + background-color: #e60122; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pocket { + background-color: #ef4155; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-reddit { + background-color: #fe4500; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-skype { + background-color: #0478d7; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-snapchat { + background-color: #fefc00; + color: #fff; + stroke: #000; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-soundcloud { + background-color: #ff5600; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-spotify { + background-color: #1bd760; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-telegram { + background-color: #2aabee; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tiktok { + background-color: #000; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tumblr { + background-color: #011835; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitch { + background-color: #6440a4; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitter { + background-color: #1da1f2; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vimeo { + background-color: #1eb7ea; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vk { + background-color: #4680c2; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-wordpress { + background-color: #3499cd; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-yelp { + background-color: #d32422; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-youtube { + background-color: #f00; + color: #fff; +} + +.wp-block-social-links.is-style-logos-only .wp-social-link { + background: none; + padding: 4px; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-amazon { + color: #f90; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-bandcamp { + color: #1ea0c3; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-behance { + color: #0757fe; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-codepen { + color: #1e1f26; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-deviantart { + color: #02e49b; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-dribbble { + color: #e94c89; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-dropbox { + color: #4280ff; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-etsy { + color: #f45800; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-facebook { + color: #1778f2; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-fivehundredpx { + color: #000; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-flickr { + color: #0461dd; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-foursquare { + color: #e65678; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-github { + color: #24292d; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-goodreads { + color: #382110; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-google { + color: #ea4434; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-instagram { + color: #f00075; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-lastfm { + color: #e21b24; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-linkedin { + color: #0d66c2; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-mastodon { + color: #3288d4; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-medium { + color: #02ab6c; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-meetup { + color: #f6405f; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-patreon { + color: #ff424d; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-pinterest { + color: #e60122; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-pocket { + color: #ef4155; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-reddit { + color: #fe4500; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-skype { + color: #0478d7; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-snapchat { + color: #fff; + stroke: #000; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-soundcloud { + color: #ff5600; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-spotify { + color: #1bd760; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-telegram { + color: #2aabee; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-tiktok { + color: #000; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-tumblr { + color: #011835; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-twitch { + color: #6440a4; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-twitter { + color: #1da1f2; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-vimeo { + color: #1eb7ea; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-vk { + color: #4680c2; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-wordpress { + color: #3499cd; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-yelp { + color: #d32422; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-youtube { + color: #f00; +} + +.wp-block-social-links.is-style-pill-shape .wp-social-link { + width: auto; +} +.wp-block-social-links.is-style-pill-shape .wp-social-link a { + padding-right: calc((2/3) * 1em); + padding-left: calc((2/3) * 1em); +} + +.wp-block-spacer { + clear: both; +} + +.wp-block-tag-cloud.aligncenter { + text-align: center; +} +.wp-block-tag-cloud.alignfull { + padding-right: 1em; + padding-left: 1em; +} + +.wp-block-table { + margin: 0 0 1em 0; + overflow-x: auto; +} +.wp-block-table table { + border-collapse: collapse; + width: 100%; +} +.wp-block-table .has-fixed-layout { + table-layout: fixed; + width: 100%; +} +.wp-block-table .has-fixed-layout td, +.wp-block-table .has-fixed-layout th { + word-break: break-word; +} +.wp-block-table.alignleft, .wp-block-table.aligncenter, .wp-block-table.alignright { + display: table; + width: auto; +} +.wp-block-table.alignleft td, +.wp-block-table.alignleft th, .wp-block-table.aligncenter td, +.wp-block-table.aligncenter th, .wp-block-table.alignright td, +.wp-block-table.alignright th { + word-break: break-word; +} +.wp-block-table .has-subtle-light-gray-background-color { + background-color: #f3f4f5; +} +.wp-block-table .has-subtle-pale-green-background-color { + background-color: #e9fbe5; +} +.wp-block-table .has-subtle-pale-blue-background-color { + background-color: #e7f5fe; +} +.wp-block-table .has-subtle-pale-pink-background-color { + background-color: #fcf0ef; +} +.wp-block-table.is-style-stripes { + border-spacing: 0; + border-collapse: inherit; + background-color: transparent; + border-bottom: 1px solid #f0f0f0; +} +.wp-block-table.is-style-stripes tbody tr:nth-child(odd) { + background-color: #f0f0f0; +} +.wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(odd) { + background-color: #f3f4f5; +} +.wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(odd) { + background-color: #e9fbe5; +} +.wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(odd) { + background-color: #e7f5fe; +} +.wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(odd) { + background-color: #fcf0ef; +} +.wp-block-table.is-style-stripes th, +.wp-block-table.is-style-stripes td { + border-color: transparent; +} +.wp-block-table .has-border-color > *, +.wp-block-table .has-border-color tr, +.wp-block-table .has-border-color th, +.wp-block-table .has-border-color td { + border-color: inherit; +} +.wp-block-table table[style*=border-style] > *, +.wp-block-table table[style*=border-style] tr, +.wp-block-table table[style*=border-style] th, +.wp-block-table table[style*=border-style] td { + border-style: inherit; +} +.wp-block-table table[style*=border-width] > *, +.wp-block-table table[style*=border-width] tr, +.wp-block-table table[style*=border-width] th, +.wp-block-table table[style*=border-width] td { + border-width: inherit; +} + +.wp-block-text-columns { + display: flex; +} +.wp-block-text-columns.aligncenter { + display: flex; +} +.wp-block-text-columns .wp-block-column { + margin: 0 1em; + padding: 0; +} +.wp-block-text-columns .wp-block-column:first-child { + margin-right: 0; +} +.wp-block-text-columns .wp-block-column:last-child { + margin-left: 0; +} +.wp-block-text-columns.columns-2 .wp-block-column { + width: calc(100% / 2); +} +.wp-block-text-columns.columns-3 .wp-block-column { + width: calc(100% / 3); +} +.wp-block-text-columns.columns-4 .wp-block-column { + width: calc(100% / 4); +} + +pre.wp-block-verse { + font-family: inherit; + overflow: auto; + white-space: pre-wrap; +} + +.wp-block-video { + margin: 0 0 1em 0; +} +.wp-block-video video { + width: 100%; +} +@supports (position: sticky) { + .wp-block-video [poster] { + -o-object-fit: cover; + object-fit: cover; + } +} +.wp-block-video.aligncenter { + text-align: center; +} +.wp-block-video figcaption { + margin-top: 0.5em; + margin-bottom: 1em; +} + +.wp-block-post-featured-image { + margin-right: 0; + margin-left: 0; +} +.wp-block-post-featured-image a { + display: inline-block; +} +.wp-block-post-featured-image img { + max-width: 100%; + height: auto; +} +.wp-block-post-featured-image.alignwide img, .wp-block-post-featured-image.alignfull img { + width: 100%; +} + +:root { + /* stylelint-disable function-comma-space-after */ + /* stylelint-enable function-comma-space-after */ +} +:root .has-pale-pink-background-color { + background-color: #f78da7; +} +:root .has-vivid-red-background-color { + background-color: #cf2e2e; +} +:root .has-luminous-vivid-orange-background-color { + background-color: #ff6900; +} +:root .has-luminous-vivid-amber-background-color { + background-color: #fcb900; +} +:root .has-light-green-cyan-background-color { + background-color: #7bdcb5; +} +:root .has-vivid-green-cyan-background-color { + background-color: #00d084; +} +:root .has-pale-cyan-blue-background-color { + background-color: #8ed1fc; +} +:root .has-vivid-cyan-blue-background-color { + background-color: #0693e3; +} +:root .has-vivid-purple-background-color { + background-color: #9b51e0; +} +:root .has-white-background-color { + background-color: #fff; +} +:root .has-very-light-gray-background-color { + background-color: #eee; +} +:root .has-cyan-bluish-gray-background-color { + background-color: #abb8c3; +} +:root .has-very-dark-gray-background-color { + background-color: #313131; +} +:root .has-black-background-color { + background-color: #000; +} +:root .has-pale-pink-color { + color: #f78da7; +} +:root .has-vivid-red-color { + color: #cf2e2e; +} +:root .has-luminous-vivid-orange-color { + color: #ff6900; +} +:root .has-luminous-vivid-amber-color { + color: #fcb900; +} +:root .has-light-green-cyan-color { + color: #7bdcb5; +} +:root .has-vivid-green-cyan-color { + color: #00d084; +} +:root .has-pale-cyan-blue-color { + color: #8ed1fc; +} +:root .has-vivid-cyan-blue-color { + color: #0693e3; +} +:root .has-vivid-purple-color { + color: #9b51e0; +} +:root .has-white-color { + color: #fff; +} +:root .has-very-light-gray-color { + color: #eee; +} +:root .has-cyan-bluish-gray-color { + color: #abb8c3; +} +:root .has-very-dark-gray-color { + color: #313131; +} +:root .has-black-color { + color: #000; +} +:root .has-vivid-cyan-blue-to-vivid-purple-gradient-background { + background: linear-gradient(-135deg, #0693e3 0%, #9b51e0 100%); +} +:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background { + background: linear-gradient(-135deg, #00d084 0%, #0693e3 100%); +} +:root .has-light-green-cyan-to-vivid-green-cyan-gradient-background { + background: linear-gradient(-135deg, #7adcb4 0%, #00d082 100%); +} +:root .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background { + background: linear-gradient(-135deg, #fcb900 0%, #ff6900 100%); +} +:root .has-luminous-vivid-orange-to-vivid-red-gradient-background { + background: linear-gradient(-135deg, #ff6900 0%, #cf2e2e 100%); +} +:root .has-very-light-gray-to-cyan-bluish-gray-gradient-background { + background: linear-gradient(-135deg, #eeeeee 0%, #a9b8c3 100%); +} +:root .has-cool-to-warm-spectrum-gradient-background { + background: linear-gradient(-135deg, #4aeadc 0%, #9778d1 20%, #cf2aba 40%, #ee2c82 60%, #fb6962 80%, #fef84c 100%); +} +:root .has-blush-light-purple-gradient-background { + background: linear-gradient(-135deg, #ffceec 0%, #9896f0 100%); +} +:root .has-blush-bordeaux-gradient-background { + background: linear-gradient(-135deg, #fecda5 0%, #fe2d2d 50%, #6b003e 100%); +} +:root .has-purple-crush-gradient-background { + background: linear-gradient(-135deg, #34e2e4 0%, #4721fb 50%, #ab1dfe 100%); +} +:root .has-luminous-dusk-gradient-background { + background: linear-gradient(-135deg, #ffcb70 0%, #c751c0 50%, #4158d0 100%); +} +:root .has-hazy-dawn-gradient-background { + background: linear-gradient(-135deg, #faaca8 0%, #dad0ec 100%); +} +:root .has-pale-ocean-gradient-background { + background: linear-gradient(-135deg, #fff5cb 0%, #b6e3d4 50%, #33a7b5 100%); +} +:root .has-electric-grass-gradient-background { + background: linear-gradient(-135deg, #caf880 0%, #71ce7e 100%); +} +:root .has-subdued-olive-gradient-background { + background: linear-gradient(-135deg, #fafae1 0%, #67a671 100%); +} +:root .has-atomic-cream-gradient-background { + background: linear-gradient(-135deg, #fdd79a 0%, #004a59 100%); +} +:root .has-nightshade-gradient-background { + background: linear-gradient(-135deg, #330968 0%, #31cdcf 100%); +} +:root .has-midnight-gradient-background { + background: linear-gradient(-135deg, #020381 0%, #2874fc 100%); +} + +.has-small-font-size { + font-size: 0.8125em; +} + +.has-regular-font-size, +.has-normal-font-size { + font-size: 1em; +} + +.has-medium-font-size { + font-size: 1.25em; +} + +.has-large-font-size { + font-size: 2.25em; +} + +.has-larger-font-size, +.has-huge-font-size { + font-size: 2.625em; +} + +.has-text-align-center { + text-align: center; +} + +.has-text-align-left { + text-align: left; +} + +.has-text-align-right { + text-align: right; +} + +#end-resizable-editor-section { + display: none; +} + +.aligncenter { + clear: both; +} + +.items-justified-left { + justify-content: flex-start; +} + +.items-justified-center { + justify-content: center; +} + +.items-justified-right { + justify-content: flex-end; +} + +.items-justified-space-between { + justify-content: space-between; +} + +.screen-reader-text { + border: 0; + clip: rect(1px, 1px, 1px, 1px); + -webkit-clip-path: inset(50%); + clip-path: inset(50%); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; + word-wrap: normal !important; +} + +.screen-reader-text:focus { + background-color: #ddd; + clip: auto !important; + -webkit-clip-path: none; + clip-path: none; + color: #444; + display: block; + font-size: 1em; + height: auto; + right: 5px; + line-height: normal; + padding: 15px 23px 14px; + text-decoration: none; + top: 5px; + width: auto; + z-index: 100000; +} \ No newline at end of file diff --git a/wp-includes/css/dist/block-library/style-rtl.min.css b/wp-includes/css/dist/block-library/style-rtl.min.css new file mode 100644 index 0000000000..7dc1b6bb71 --- /dev/null +++ b/wp-includes/css/dist/block-library/style-rtl.min.css @@ -0,0 +1 @@ +@charset "UTF-8";#start-resizable-editor-section{display:none}.wp-block-audio{margin:0 0 1em}.wp-block-audio figcaption{margin-top:.5em;margin-bottom:1em}.wp-block-audio audio{width:100%;min-width:300px}.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;cursor:pointer;display:inline-block;font-size:1.125em;padding:calc(.667em + 2px) calc(1.333em + 2px);text-align:center;text-decoration:none;overflow-wrap:break-word;box-sizing:border-box}.wp-block-button__link:active,.wp-block-button__link:focus,.wp-block-button__link:hover,.wp-block-button__link:visited{color:#fff}.wp-block-button__link.aligncenter{text-align:center}.wp-block-button__link.alignright{text-align:right}.wp-block-buttons>.wp-block-button.has-custom-width{max-width:none}.wp-block-buttons>.wp-block-button.has-custom-width .wp-block-button__link{width:100%}.wp-block-buttons>.wp-block-button.has-custom-font-size .wp-block-button__link{font-size:inherit}.wp-block-buttons>.wp-block-button.wp-block-button__width-25{width:calc(25% - .5em)}.wp-block-buttons>.wp-block-button.wp-block-button__width-50{width:calc(50% - .5em)}.wp-block-buttons>.wp-block-button.wp-block-button__width-75{width:calc(75% - .5em)}.wp-block-buttons>.wp-block-button.wp-block-button__width-100{width:calc(100% - .5em)}.wp-block-buttons>.wp-block-button.wp-block-button__width-100:only-child{margin-left:0;width:100%}@supports (column-gap:0.5em){.wp-block-buttons.is-content-justification-right>.wp-block-button.wp-block-button,.wp-block-buttons>.wp-block-button.wp-block-button{margin-left:0;margin-right:0}.wp-block-buttons>.wp-block-button.wp-block-button__width-25{width:calc(25% - .375em)}.wp-block-buttons>.wp-block-button.wp-block-button__width-50{width:calc(50% - .25em)}.wp-block-buttons>.wp-block-button.wp-block-button__width-75{width:calc(75% - .125em)}.wp-block-buttons>.wp-block-button.wp-block-button__width-100{width:auto;flex-basis:100%}}.wp-block-button.is-style-squared,.wp-block-button__link.wp-block-button.is-style-squared{border-radius:0}.wp-block-button.no-border-radius,.wp-block-button__link.no-border-radius{border-radius:0!important}.is-style-outline>.wp-block-button__link,.wp-block-button__link.is-style-outline{border:2px solid;padding:.667em 1.333em}.is-style-outline>.wp-block-button__link:not(.has-text-color),.wp-block-button__link.is-style-outline:not(.has-text-color){color:currentColor}.is-style-outline>.wp-block-button__link:not(.has-background),.wp-block-button__link.is-style-outline:not(.has-background){background-color:transparent}.wp-block-buttons{display:flex;flex-direction:row;flex-wrap:wrap;column-gap:.5em}.wp-block-buttons.is-vertical{flex-direction:column}.wp-block-buttons.is-vertical>.wp-block-button{margin-right:0}.wp-block-buttons.is-vertical>.wp-block-button:last-child{margin-bottom:0}.wp-block-buttons>.wp-block-button{display:inline-block;margin-left:0;margin-right:.5em;margin-bottom:.5em}.wp-block-buttons>.wp-block-button:last-child{margin-right:0}.wp-block-buttons.is-content-justification-left{justify-content:flex-start}.wp-block-buttons.is-content-justification-left.is-vertical{align-items:flex-start}.wp-block-buttons.is-content-justification-center{justify-content:center}.wp-block-buttons.is-content-justification-center.is-vertical{align-items:center}.wp-block-buttons.is-content-justification-right{justify-content:flex-end}.wp-block-buttons.is-content-justification-right>.wp-block-button{margin-left:.5em;margin-right:0}.wp-block-buttons.is-content-justification-right>.wp-block-button:first-child{margin-left:0}.wp-block-buttons.is-content-justification-right.is-vertical{align-items:flex-end}.wp-block-buttons.is-content-justification-space-between{justify-content:space-between}.wp-block-buttons.aligncenter{text-align:center}.wp-block-buttons.alignleft .wp-block-button{margin-left:0;margin-right:.5em}.wp-block-buttons.alignleft .wp-block-button:last-child{margin-right:0}.wp-block-buttons.alignright .wp-block-button{margin-right:0;margin-left:.5em}.wp-block-buttons.alignright .wp-block-button:first-child{margin-left:0}.wp-block-buttons:not(.is-content-justification-space-between,.is-content-justification-right,.is-content-justification-left,.is-content-justification-center) .wp-block-button.aligncenter{margin-right:auto;margin-left:auto;margin-bottom:.5em;width:100%}.wp-block-button.aligncenter,.wp-block-calendar{text-align:center}.wp-block-calendar tbody td,.wp-block-calendar th{padding:.25em;border:1px solid #ddd}.wp-block-calendar tfoot td{border:none}.wp-block-calendar table{width:100%;border-collapse:collapse}.wp-block-calendar table th{font-weight:400;background:#ddd}.wp-block-calendar a{text-decoration:underline}.wp-block-calendar table caption,.wp-block-calendar table tbody{color:#40464d}.wp-block-categories.alignleft{margin-right:2em}.wp-block-categories.alignright{margin-left:2em}.wp-block-code code{display:block;white-space:pre-wrap;overflow-wrap:break-word}.wp-block-columns{display:flex;margin-bottom:1.75em;box-sizing:border-box;flex-wrap:wrap}@media (min-width:782px){.wp-block-columns{flex-wrap:nowrap}}.wp-block-columns.has-background{padding:1.25em 2.375em}.wp-block-columns.are-vertically-aligned-top{align-items:flex-start}.wp-block-columns.are-vertically-aligned-center{align-items:center}.wp-block-columns.are-vertically-aligned-bottom{align-items:flex-end}.wp-block-column{flex-grow:1;min-width:0;word-break:break-word;overflow-wrap:break-word}@media (max-width:599px){.wp-block-column{flex-basis:100%!important}}@media (min-width:600px) and (max-width:781px){.wp-block-column:not(:only-child){flex-basis:calc(50% - 1em)!important;flex-grow:0}.wp-block-column:nth-child(2n){margin-right:2em}}@media (min-width:782px){.wp-block-column{flex-basis:0;flex-grow:1}.wp-block-column[style*=flex-basis]{flex-grow:0}.wp-block-column:not(:first-child){margin-right:2em}}.wp-block-column.is-vertically-aligned-top{align-self:flex-start}.wp-block-column.is-vertically-aligned-center{align-self:center}.wp-block-column.is-vertically-aligned-bottom{align-self:flex-end}.wp-block-column.is-vertically-aligned-bottom,.wp-block-column.is-vertically-aligned-center,.wp-block-column.is-vertically-aligned-top{width:100%}.wp-block-cover,.wp-block-cover-image{position:relative;background-size:cover;background-position:50%;min-height:430px;width:100%;display:flex;justify-content:center;align-items:center;padding:1em;box-sizing:border-box}.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax{background-attachment:fixed}@supports (-webkit-overflow-scrolling:touch){.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax{background-attachment:scroll}}@media (prefers-reduced-motion:reduce){.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax{background-attachment:scroll}}.wp-block-cover-image.is-repeated,.wp-block-cover.is-repeated{background-repeat:repeat;background-size:auto}.wp-block-cover-image.has-background-dim:not([class*=-background-color]),.wp-block-cover.has-background-dim:not([class*=-background-color]){background-color:#000}.wp-block-cover-image.has-background-dim:before,.wp-block-cover.has-background-dim:before{content:"";background-color:inherit}.wp-block-cover-image.has-background-dim:not(.has-background-gradient):before,.wp-block-cover-image .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim:not(.has-background-gradient):before,.wp-block-cover .wp-block-cover__gradient-background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;opacity:.5}.wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-10:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-10:not(.has-background-gradient):before{opacity:.1}.wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-20:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-20:not(.has-background-gradient):before{opacity:.2}.wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-30:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-30:not(.has-background-gradient):before{opacity:.3}.wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-40:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-40:not(.has-background-gradient):before{opacity:.4}.wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-50:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-50:not(.has-background-gradient):before{opacity:.5}.wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-60:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-60:not(.has-background-gradient):before{opacity:.6}.wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-70:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-70:not(.has-background-gradient):before{opacity:.7}.wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-80:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-80:not(.has-background-gradient):before{opacity:.8}.wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-90:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-90:not(.has-background-gradient):before{opacity:.9}.wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-100:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-100:not(.has-background-gradient):before{opacity:1}.wp-block-cover-image.alignleft,.wp-block-cover-image.alignright,.wp-block-cover.alignleft,.wp-block-cover.alignright{max-width:420px;width:100%}.wp-block-cover-image:after,.wp-block-cover:after{display:block;content:"";font-size:0;min-height:inherit}@supports (position:sticky){.wp-block-cover-image:after,.wp-block-cover:after{content:none}}.wp-block-cover-image.aligncenter,.wp-block-cover-image.alignleft,.wp-block-cover-image.alignright,.wp-block-cover.aligncenter,.wp-block-cover.alignleft,.wp-block-cover.alignright{display:flex}.wp-block-cover-image .wp-block-cover__inner-container,.wp-block-cover .wp-block-cover__inner-container{width:100%;z-index:1;color:#fff}.wp-block-cover-image h1:not(.has-text-color),.wp-block-cover-image h2:not(.has-text-color),.wp-block-cover-image h3:not(.has-text-color),.wp-block-cover-image h4:not(.has-text-color),.wp-block-cover-image h5:not(.has-text-color),.wp-block-cover-image h6:not(.has-text-color),.wp-block-cover-image p:not(.has-text-color),.wp-block-cover h1:not(.has-text-color),.wp-block-cover h2:not(.has-text-color),.wp-block-cover h3:not(.has-text-color),.wp-block-cover h4:not(.has-text-color),.wp-block-cover h5:not(.has-text-color),.wp-block-cover h6:not(.has-text-color),.wp-block-cover p:not(.has-text-color){color:inherit}.wp-block-cover-image.is-position-top-left,.wp-block-cover.is-position-top-left{align-items:flex-start;justify-content:flex-start}.wp-block-cover-image.is-position-top-center,.wp-block-cover.is-position-top-center{align-items:flex-start;justify-content:center}.wp-block-cover-image.is-position-top-right,.wp-block-cover.is-position-top-right{align-items:flex-start;justify-content:flex-end}.wp-block-cover-image.is-position-center-left,.wp-block-cover.is-position-center-left{align-items:center;justify-content:flex-start}.wp-block-cover-image.is-position-center-center,.wp-block-cover.is-position-center-center{align-items:center;justify-content:center}.wp-block-cover-image.is-position-center-right,.wp-block-cover.is-position-center-right{align-items:center;justify-content:flex-end}.wp-block-cover-image.is-position-bottom-left,.wp-block-cover.is-position-bottom-left{align-items:flex-end;justify-content:flex-start}.wp-block-cover-image.is-position-bottom-center,.wp-block-cover.is-position-bottom-center{align-items:flex-end;justify-content:center}.wp-block-cover-image.is-position-bottom-right,.wp-block-cover.is-position-bottom-right{align-items:flex-end;justify-content:flex-end}.wp-block-cover-image.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container,.wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container{margin:0;width:auto}.wp-block-cover-image img.wp-block-cover__image-background,.wp-block-cover-image video.wp-block-cover__video-background,.wp-block-cover img.wp-block-cover__image-background,.wp-block-cover video.wp-block-cover__video-background{position:absolute;top:0;right:0;left:0;bottom:0;margin:0;padding:0;width:100%;height:100%;max-width:none;max-height:none;-o-object-fit:cover;object-fit:cover;outline:none;border:none;box-shadow:none}.wp-block-cover__image-background,.wp-block-cover__video-background{z-index:0}.wp-block-cover-image-text,.wp-block-cover-image-text a,.wp-block-cover-image-text a:active,.wp-block-cover-image-text a:focus,.wp-block-cover-image-text a:hover,.wp-block-cover-text,.wp-block-cover-text a,.wp-block-cover-text a:active,.wp-block-cover-text a:focus,.wp-block-cover-text a:hover,section.wp-block-cover-image h2,section.wp-block-cover-image h2 a,section.wp-block-cover-image h2 a:active,section.wp-block-cover-image h2 a:focus,section.wp-block-cover-image h2 a:hover{color:#fff}.wp-block-cover-image .wp-block-cover.has-left-content{justify-content:flex-start}.wp-block-cover-image .wp-block-cover.has-right-content{justify-content:flex-end}.wp-block-cover-image.has-left-content .wp-block-cover-image-text,.wp-block-cover.has-left-content .wp-block-cover-text,section.wp-block-cover-image.has-left-content>h2{margin-right:0;text-align:right}.wp-block-cover-image.has-right-content .wp-block-cover-image-text,.wp-block-cover.has-right-content .wp-block-cover-text,section.wp-block-cover-image.has-right-content>h2{margin-left:0;text-align:left}.wp-block-cover-image .wp-block-cover-image-text,.wp-block-cover .wp-block-cover-text,section.wp-block-cover-image>h2{font-size:2em;line-height:1.25;z-index:1;margin-bottom:0;max-width:840px;padding:.44em;text-align:center}.wp-block-embed.alignleft,.wp-block-embed.alignright,.wp-block[data-align=left]>[data-type="core/embed"],.wp-block[data-align=right]>[data-type="core/embed"]{max-width:360px;width:100%}.wp-block-embed.alignleft .wp-block-embed__wrapper,.wp-block-embed.alignright .wp-block-embed__wrapper,.wp-block[data-align=left]>[data-type="core/embed"] .wp-block-embed__wrapper,.wp-block[data-align=right]>[data-type="core/embed"] .wp-block-embed__wrapper{min-width:280px}.wp-block-cover .wp-block-embed{min-width:320px;min-height:240px}.wp-block-embed{margin:0 0 1em}.wp-block-embed figcaption{margin-top:.5em;margin-bottom:1em}.wp-block-embed iframe{max-width:100%}.wp-block-embed__wrapper{position:relative}.wp-embed-responsive .wp-has-aspect-ratio .wp-block-embed__wrapper:before{content:"";display:block;padding-top:50%}.wp-embed-responsive .wp-has-aspect-ratio iframe{position:absolute;top:0;left:0;bottom:0;right:0;height:100%;width:100%}.wp-embed-responsive .wp-embed-aspect-21-9 .wp-block-embed__wrapper:before{padding-top:42.85%}.wp-embed-responsive .wp-embed-aspect-18-9 .wp-block-embed__wrapper:before{padding-top:50%}.wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper:before{padding-top:56.25%}.wp-embed-responsive .wp-embed-aspect-4-3 .wp-block-embed__wrapper:before{padding-top:75%}.wp-embed-responsive .wp-embed-aspect-1-1 .wp-block-embed__wrapper:before{padding-top:100%}.wp-embed-responsive .wp-embed-aspect-9-16 .wp-block-embed__wrapper:before{padding-top:177.77%}.wp-embed-responsive .wp-embed-aspect-1-2 .wp-block-embed__wrapper:before{padding-top:200%}.wp-block-file{margin-bottom:1.5em}.wp-block-file.aligncenter{text-align:center}.wp-block-file.alignright{text-align:right}.wp-block-file .wp-block-file__embed{margin-bottom:1em}.wp-block-file .wp-block-file__button{background:#32373c;border-radius:2em;color:#fff;font-size:.8em;padding:.5em 1em}.wp-block-file a.wp-block-file__button{text-decoration:none}.wp-block-file a.wp-block-file__button:active,.wp-block-file a.wp-block-file__button:focus,.wp-block-file a.wp-block-file__button:hover,.wp-block-file a.wp-block-file__button:visited{box-shadow:none;color:#fff;opacity:.85;text-decoration:none}.wp-block-file *+.wp-block-file__button{margin-right:.75em}.blocks-gallery-grid,.wp-block-gallery{display:flex;flex-wrap:wrap;list-style-type:none;padding:0;margin:0}.blocks-gallery-grid .blocks-gallery-image,.blocks-gallery-grid .blocks-gallery-item,.wp-block-gallery .blocks-gallery-image,.wp-block-gallery .blocks-gallery-item{margin:0 0 1em 1em;display:flex;flex-grow:1;flex-direction:column;justify-content:center;position:relative;align-self:flex-start;width:calc(50% - 1em)}.blocks-gallery-grid .blocks-gallery-image:nth-of-type(2n),.blocks-gallery-grid .blocks-gallery-item:nth-of-type(2n),.wp-block-gallery .blocks-gallery-image:nth-of-type(2n),.wp-block-gallery .blocks-gallery-item:nth-of-type(2n){margin-left:0}.blocks-gallery-grid .blocks-gallery-image figure,.blocks-gallery-grid .blocks-gallery-item figure,.wp-block-gallery .blocks-gallery-image figure,.wp-block-gallery .blocks-gallery-item figure{margin:0;height:100%}@supports (position:sticky){.blocks-gallery-grid .blocks-gallery-image figure,.blocks-gallery-grid .blocks-gallery-item figure,.wp-block-gallery .blocks-gallery-image figure,.wp-block-gallery .blocks-gallery-item figure{display:flex;align-items:flex-end;justify-content:flex-start}}.blocks-gallery-grid .blocks-gallery-image img,.blocks-gallery-grid .blocks-gallery-item img,.wp-block-gallery .blocks-gallery-image img,.wp-block-gallery .blocks-gallery-item img{display:block;max-width:100%;height:auto;width:100%}@supports (position:sticky){.blocks-gallery-grid .blocks-gallery-image img,.blocks-gallery-grid .blocks-gallery-item img,.wp-block-gallery .blocks-gallery-image img,.wp-block-gallery .blocks-gallery-item img{width:auto}}.blocks-gallery-grid .blocks-gallery-image figcaption,.blocks-gallery-grid .blocks-gallery-item figcaption,.wp-block-gallery .blocks-gallery-image figcaption,.wp-block-gallery .blocks-gallery-item figcaption{position:absolute;bottom:0;width:100%;max-height:100%;overflow:auto;padding:3em .77em .7em;color:#fff;text-align:center;font-size:.8em;background:linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.3) 70%,transparent);box-sizing:border-box;margin:0}.blocks-gallery-grid .blocks-gallery-image figcaption img,.blocks-gallery-grid .blocks-gallery-item figcaption img,.wp-block-gallery .blocks-gallery-image figcaption img,.wp-block-gallery .blocks-gallery-item figcaption img{display:inline}.blocks-gallery-grid figcaption,.wp-block-gallery figcaption{flex-grow:1}.blocks-gallery-grid.is-cropped .blocks-gallery-image,.blocks-gallery-grid.is-cropped .blocks-gallery-item,.wp-block-gallery.is-cropped .blocks-gallery-image,.wp-block-gallery.is-cropped .blocks-gallery-item{align-self:inherit}.blocks-gallery-grid.is-cropped .blocks-gallery-image a,.blocks-gallery-grid.is-cropped .blocks-gallery-image img,.blocks-gallery-grid.is-cropped .blocks-gallery-item a,.blocks-gallery-grid.is-cropped .blocks-gallery-item img,.wp-block-gallery.is-cropped .blocks-gallery-image a,.wp-block-gallery.is-cropped .blocks-gallery-image img,.wp-block-gallery.is-cropped .blocks-gallery-item a,.wp-block-gallery.is-cropped .blocks-gallery-item img{width:100%}@supports (position:sticky){.blocks-gallery-grid.is-cropped .blocks-gallery-image a,.blocks-gallery-grid.is-cropped .blocks-gallery-image img,.blocks-gallery-grid.is-cropped .blocks-gallery-item a,.blocks-gallery-grid.is-cropped .blocks-gallery-item img,.wp-block-gallery.is-cropped .blocks-gallery-image a,.wp-block-gallery.is-cropped .blocks-gallery-image img,.wp-block-gallery.is-cropped .blocks-gallery-item a,.wp-block-gallery.is-cropped .blocks-gallery-item img{height:100%;flex:1;-o-object-fit:cover;object-fit:cover}}.blocks-gallery-grid.columns-1 .blocks-gallery-image,.blocks-gallery-grid.columns-1 .blocks-gallery-item,.wp-block-gallery.columns-1 .blocks-gallery-image,.wp-block-gallery.columns-1 .blocks-gallery-item{width:100%;margin-left:0}@media (min-width:600px){.blocks-gallery-grid.columns-3 .blocks-gallery-image,.blocks-gallery-grid.columns-3 .blocks-gallery-item,.wp-block-gallery.columns-3 .blocks-gallery-image,.wp-block-gallery.columns-3 .blocks-gallery-item{width:calc(33.33333% - .66667em);margin-left:1em}.blocks-gallery-grid.columns-4 .blocks-gallery-image,.blocks-gallery-grid.columns-4 .blocks-gallery-item,.wp-block-gallery.columns-4 .blocks-gallery-image,.wp-block-gallery.columns-4 .blocks-gallery-item{width:calc(25% - .75em);margin-left:1em}.blocks-gallery-grid.columns-5 .blocks-gallery-image,.blocks-gallery-grid.columns-5 .blocks-gallery-item,.wp-block-gallery.columns-5 .blocks-gallery-image,.wp-block-gallery.columns-5 .blocks-gallery-item{width:calc(20% - .8em);margin-left:1em}.blocks-gallery-grid.columns-6 .blocks-gallery-image,.blocks-gallery-grid.columns-6 .blocks-gallery-item,.wp-block-gallery.columns-6 .blocks-gallery-image,.wp-block-gallery.columns-6 .blocks-gallery-item{width:calc(16.66667% - .83333em);margin-left:1em}.blocks-gallery-grid.columns-7 .blocks-gallery-image,.blocks-gallery-grid.columns-7 .blocks-gallery-item,.wp-block-gallery.columns-7 .blocks-gallery-image,.wp-block-gallery.columns-7 .blocks-gallery-item{width:calc(14.28571% - .85714em);margin-left:1em}.blocks-gallery-grid.columns-8 .blocks-gallery-image,.blocks-gallery-grid.columns-8 .blocks-gallery-item,.wp-block-gallery.columns-8 .blocks-gallery-image,.wp-block-gallery.columns-8 .blocks-gallery-item{width:calc(12.5% - .875em);margin-left:1em}.blocks-gallery-grid.columns-1 .blocks-gallery-image:nth-of-type(1n),.blocks-gallery-grid.columns-1 .blocks-gallery-item:nth-of-type(1n),.blocks-gallery-grid.columns-2 .blocks-gallery-image:nth-of-type(2n),.blocks-gallery-grid.columns-2 .blocks-gallery-item:nth-of-type(2n),.blocks-gallery-grid.columns-3 .blocks-gallery-image:nth-of-type(3n),.blocks-gallery-grid.columns-3 .blocks-gallery-item:nth-of-type(3n),.blocks-gallery-grid.columns-4 .blocks-gallery-image:nth-of-type(4n),.blocks-gallery-grid.columns-4 .blocks-gallery-item:nth-of-type(4n),.blocks-gallery-grid.columns-5 .blocks-gallery-image:nth-of-type(5n),.blocks-gallery-grid.columns-5 .blocks-gallery-item:nth-of-type(5n),.blocks-gallery-grid.columns-6 .blocks-gallery-image:nth-of-type(6n),.blocks-gallery-grid.columns-6 .blocks-gallery-item:nth-of-type(6n),.blocks-gallery-grid.columns-7 .blocks-gallery-image:nth-of-type(7n),.blocks-gallery-grid.columns-7 .blocks-gallery-item:nth-of-type(7n),.blocks-gallery-grid.columns-8 .blocks-gallery-image:nth-of-type(8n),.blocks-gallery-grid.columns-8 .blocks-gallery-item:nth-of-type(8n),.wp-block-gallery.columns-1 .blocks-gallery-image:nth-of-type(1n),.wp-block-gallery.columns-1 .blocks-gallery-item:nth-of-type(1n),.wp-block-gallery.columns-2 .blocks-gallery-image:nth-of-type(2n),.wp-block-gallery.columns-2 .blocks-gallery-item:nth-of-type(2n),.wp-block-gallery.columns-3 .blocks-gallery-image:nth-of-type(3n),.wp-block-gallery.columns-3 .blocks-gallery-item:nth-of-type(3n),.wp-block-gallery.columns-4 .blocks-gallery-image:nth-of-type(4n),.wp-block-gallery.columns-4 .blocks-gallery-item:nth-of-type(4n),.wp-block-gallery.columns-5 .blocks-gallery-image:nth-of-type(5n),.wp-block-gallery.columns-5 .blocks-gallery-item:nth-of-type(5n),.wp-block-gallery.columns-6 .blocks-gallery-image:nth-of-type(6n),.wp-block-gallery.columns-6 .blocks-gallery-item:nth-of-type(6n),.wp-block-gallery.columns-7 .blocks-gallery-image:nth-of-type(7n),.wp-block-gallery.columns-7 .blocks-gallery-item:nth-of-type(7n),.wp-block-gallery.columns-8 .blocks-gallery-image:nth-of-type(8n),.wp-block-gallery.columns-8 .blocks-gallery-item:nth-of-type(8n){margin-left:0}}.blocks-gallery-grid .blocks-gallery-image:last-child,.blocks-gallery-grid .blocks-gallery-item:last-child,.wp-block-gallery .blocks-gallery-image:last-child,.wp-block-gallery .blocks-gallery-item:last-child{margin-left:0}.blocks-gallery-grid.alignleft,.blocks-gallery-grid.alignright,.wp-block-gallery.alignleft,.wp-block-gallery.alignright{max-width:420px;width:100%}.blocks-gallery-grid.aligncenter .blocks-gallery-item figure,.wp-block-gallery.aligncenter .blocks-gallery-item figure{justify-content:center}.wp-block-group{box-sizing:border-box}h1.has-background,h2.has-background,h3.has-background,h4.has-background,h5.has-background,h6.has-background{padding:1.25em 2.375em}.wp-block-image{margin:0 0 1em}.wp-block-image img{max-width:100%}.wp-block-image:not(.is-style-rounded) img{border-radius:inherit}.wp-block-image.aligncenter{text-align:center}.wp-block-image.alignfull img,.wp-block-image.alignwide img{width:100%}.wp-block-image .aligncenter,.wp-block-image .alignleft,.wp-block-image .alignright{display:table}.wp-block-image .aligncenter>figcaption,.wp-block-image .alignleft>figcaption,.wp-block-image .alignright>figcaption{display:table-caption;caption-side:bottom}.wp-block-image .alignleft{float:left;margin-left:1em;margin-top:.5em;margin-bottom:.5em}.wp-block-image .alignright{float:right;margin-right:1em;margin-top:.5em;margin-bottom:.5em}.wp-block-image .aligncenter{margin-right:auto;margin-left:auto}.wp-block-image figcaption{margin-top:.5em;margin-bottom:1em}.wp-block-image.is-style-circle-mask img,.wp-block-image.is-style-rounded img{border-radius:9999px}@supports ((-webkit-mask-image:none) or (mask-image:none)) or (-webkit-mask-image:none){.wp-block-image.is-style-circle-mask img{-webkit-mask-image:url('data:image/svg+xml;utf8,');mask-image:url('data:image/svg+xml;utf8,');mask-mode:alpha;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;border-radius:0}}.wp-block-image figure{margin:0}ol.wp-block-latest-comments{margin-right:0}.wp-block-latest-comments .wp-block-latest-comments{padding-right:0}.wp-block-latest-comments__comment{line-height:1.1;list-style:none;margin-bottom:1em}.has-avatars .wp-block-latest-comments__comment{min-height:2.25em;list-style:none}.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta{margin-right:3.25em}.has-dates .wp-block-latest-comments__comment,.has-excerpts .wp-block-latest-comments__comment{line-height:1.5}.wp-block-latest-comments__comment-excerpt p{font-size:.875em;line-height:1.8;margin:.36em 0 1.4em}.wp-block-latest-comments__comment-date{display:block;font-size:.75em}.wp-block-latest-comments .avatar,.wp-block-latest-comments__comment-avatar{border-radius:1.5em;display:block;float:right;height:2.5em;margin-left:.75em;width:2.5em}.wp-block-latest-posts.alignleft{margin-right:2em}.wp-block-latest-posts.alignright{margin-left:2em}.wp-block-latest-posts.wp-block-latest-posts__list{list-style:none;padding-right:0}.wp-block-latest-posts.wp-block-latest-posts__list li{clear:both}.wp-block-latest-posts.is-grid{display:flex;flex-wrap:wrap;padding:0}.wp-block-latest-posts.is-grid li{margin:0 0 1.25em 1.25em;width:100%}@media (min-width:600px){.wp-block-latest-posts.columns-2 li{width:calc(50% - .625em)}.wp-block-latest-posts.columns-2 li:nth-child(2n){margin-left:0}.wp-block-latest-posts.columns-3 li{width:calc(33.33333% - .83333em)}.wp-block-latest-posts.columns-3 li:nth-child(3n){margin-left:0}.wp-block-latest-posts.columns-4 li{width:calc(25% - .9375em)}.wp-block-latest-posts.columns-4 li:nth-child(4n){margin-left:0}.wp-block-latest-posts.columns-5 li{width:calc(20% - 1em)}.wp-block-latest-posts.columns-5 li:nth-child(5n){margin-left:0}.wp-block-latest-posts.columns-6 li{width:calc(16.66667% - 1.04167em)}.wp-block-latest-posts.columns-6 li:nth-child(6n){margin-left:0}}.wp-block-latest-posts__post-author,.wp-block-latest-posts__post-date{display:block;color:#555;font-size:.8125em}.wp-block-latest-posts__post-excerpt{margin-top:.5em;margin-bottom:1em}.wp-block-latest-posts__featured-image a{display:inline-block}.wp-block-latest-posts__featured-image img{height:auto;width:auto;max-width:100%}.wp-block-latest-posts__featured-image.alignleft{margin-right:1em}.wp-block-latest-posts__featured-image.alignright{margin-left:1em}.wp-block-latest-posts__featured-image.aligncenter{margin-bottom:1em;text-align:center}.block-editor-image-alignment-control__row .components-base-control__field{display:flex;justify-content:space-between;align-items:center}.block-editor-image-alignment-control__row .components-base-control__field .components-base-control__label{margin-bottom:0}ol.has-background,ul.has-background{padding:1.25em 2.375em}.wp-block-media-text{direction:ltr;display:grid;grid-template-columns:50% 1fr;grid-template-rows:auto}.wp-block-media-text.has-media-on-the-right{grid-template-columns:1fr 50%}.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__media{align-self:start}.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__media,.wp-block-media-text .wp-block-media-text__content,.wp-block-media-text .wp-block-media-text__media{align-self:center}.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__media{align-self:end}.wp-block-media-text .wp-block-media-text__media{grid-column:1;grid-row:1;margin:0}.wp-block-media-text .wp-block-media-text__content{direction:rtl;grid-column:2;grid-row:1;padding:0 8%;word-break:break-word}.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media{grid-column:2;grid-row:1}.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content{grid-column:1;grid-row:1}.wp-block-media-text__media img,.wp-block-media-text__media video{max-width:unset;width:100%;vertical-align:middle}.wp-block-media-text.is-image-fill .wp-block-media-text__media{height:100%;min-height:250px;background-size:cover}.wp-block-media-text.is-image-fill .wp-block-media-text__media>a{display:block;height:100%}.wp-block-media-text.is-image-fill .wp-block-media-text__media img{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@media (max-width:600px){.wp-block-media-text.is-stacked-on-mobile{grid-template-columns:100%!important}.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media{grid-column:1;grid-row:1}.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content{grid-column:1;grid-row:2}}.wp-block-navigation{position:relative}.wp-block-navigation ul,.wp-block-navigation ul li{list-style:none;padding:0}.wp-block-navigation .wp-block-navigation-link,.wp-block-navigation .wp-block-pages-list__item{display:flex;align-items:center;position:relative}.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__container:empty,.wp-block-navigation .wp-block-pages-list__item .wp-block-navigation-link__container:empty{display:none}.wp-block-navigation .wp-block-navigation-link__content,.wp-block-navigation .wp-block-pages-list__item__link{color:inherit;display:block}.wp-block-navigation[style*=text-decoration] .wp-block-navigation-link,.wp-block-navigation[style*=text-decoration] .wp-block-navigation-link__container,.wp-block-navigation[style*=text-decoration] .wp-block-navigation-link__content,.wp-block-navigation[style*=text-decoration] .wp-block-navigation-link__content:active,.wp-block-navigation[style*=text-decoration] .wp-block-navigation-link__content:focus,.wp-block-navigation[style*=text-decoration] .wp-block-pages-list__item,.wp-block-navigation[style*=text-decoration] .wp-block-pages-list__item__link,.wp-block-navigation[style*=text-decoration] .wp-block-pages-list__item__link:active,.wp-block-navigation[style*=text-decoration] .wp-block-pages-list__item__link:focus{text-decoration:inherit}.wp-block-navigation:not([style*=text-decoration]) .wp-block-navigation-link__content,.wp-block-navigation:not([style*=text-decoration]) .wp-block-navigation-link__content:active,.wp-block-navigation:not([style*=text-decoration]) .wp-block-navigation-link__content:focus,.wp-block-navigation:not([style*=text-decoration]) .wp-block-pages-list__item__link,.wp-block-navigation:not([style*=text-decoration]) .wp-block-pages-list__item__link:active,.wp-block-navigation:not([style*=text-decoration]) .wp-block-pages-list__item__link:focus{text-decoration:none}.wp-block-navigation .wp-block-navigation-link__submenu-icon,.wp-block-navigation .wp-block-page-list__submenu-icon{height:inherit}.wp-block-navigation .wp-block-navigation-link__submenu-icon svg,.wp-block-navigation .wp-block-page-list__submenu-icon svg{stroke:currentColor}.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__content.wp-block-navigation-link__content.wp-block-navigation-link__content,.wp-block-navigation .wp-block-pages-list__item .wp-block-pages-list__item__link{padding:0}.wp-block-navigation .has-child>.wp-block-navigation-link__content,.wp-block-navigation .has-child>.wp-block-pages-list__item__link{margin-left:.5em}.wp-block-navigation .has-child .submenu-container,.wp-block-navigation .has-child .wp-block-navigation-link__container{background-color:inherit;color:inherit;position:absolute;z-index:2;flex-direction:column;align-items:normal;min-width:200px;display:none;opacity:0;transition:opacity .1s linear;visibility:hidden}.wp-block-navigation .has-child .submenu-container>.wp-block-navigation-link>.wp-block-navigation-link__content,.wp-block-navigation .has-child .submenu-container>.wp-block-navigation-link>.wp-block-pages-list__item__link,.wp-block-navigation .has-child .submenu-container>.wp-block-pages-list__item>.wp-block-navigation-link__content,.wp-block-navigation .has-child .submenu-container>.wp-block-pages-list__item>.wp-block-pages-list__item__link,.wp-block-navigation .has-child .wp-block-navigation-link__container>.wp-block-navigation-link>.wp-block-navigation-link__content,.wp-block-navigation .has-child .wp-block-navigation-link__container>.wp-block-navigation-link>.wp-block-pages-list__item__link,.wp-block-navigation .has-child .wp-block-navigation-link__container>.wp-block-pages-list__item>.wp-block-navigation-link__content,.wp-block-navigation .has-child .wp-block-navigation-link__container>.wp-block-pages-list__item>.wp-block-pages-list__item__link{flex-grow:1}.wp-block-navigation .has-child .submenu-container>.wp-block-navigation-link>.wp-block-navigation-link__submenu-icon,.wp-block-navigation .has-child .submenu-container>.wp-block-navigation-link>.wp-block-page-list__submenu-icon,.wp-block-navigation .has-child .submenu-container>.wp-block-pages-list__item>.wp-block-navigation-link__submenu-icon,.wp-block-navigation .has-child .submenu-container>.wp-block-pages-list__item>.wp-block-page-list__submenu-icon,.wp-block-navigation .has-child .wp-block-navigation-link__container>.wp-block-navigation-link>.wp-block-navigation-link__submenu-icon,.wp-block-navigation .has-child .wp-block-navigation-link__container>.wp-block-navigation-link>.wp-block-page-list__submenu-icon,.wp-block-navigation .has-child .wp-block-navigation-link__container>.wp-block-pages-list__item>.wp-block-navigation-link__submenu-icon,.wp-block-navigation .has-child .wp-block-navigation-link__container>.wp-block-pages-list__item>.wp-block-page-list__submenu-icon{padding-left:.5em}@media (min-width:782px){.wp-block-navigation .has-child .submenu-container .submenu-container:before,.wp-block-navigation .has-child .submenu-container .wp-block-navigation-link__container:before,.wp-block-navigation .has-child .wp-block-navigation-link__container .submenu-container:before,.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container:before{content:"";position:absolute;left:100%;height:100%;display:block;width:.5em;background:transparent}.wp-block-navigation .has-child .submenu-container .wp-block-navigation-link__submenu-icon svg,.wp-block-navigation .has-child .submenu-container .wp-block-page-list__submenu-icon svg,.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-navigation-link__submenu-icon svg,.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-page-list__submenu-icon svg{transform:rotate(90deg)}}.wp-block-navigation .has-child:hover>.wp-block-navigation-link__container{display:flex;visibility:visible;opacity:1}.wp-block-navigation .has-child:focus-within>.wp-block-navigation-link__container{display:flex;visibility:visible;opacity:1}.wp-block-navigation .has-child:hover{cursor:pointer}.wp-block-navigation .has-child:hover>.submenu-container{display:flex;visibility:visible;opacity:1}.wp-block-navigation .has-child:focus-within{cursor:pointer}.wp-block-navigation .has-child:focus-within>.submenu-container{display:flex;visibility:visible;opacity:1}.wp-block-navigation.wp-block-navigation.items-justified-right>.submenu-container .has-child .submenu-container,.wp-block-navigation.wp-block-navigation.items-justified-right>.submenu-container .has-child .wp-block-navigation-link__container,.wp-block-navigation.wp-block-navigation.items-justified-right>.wp-block-navigation__container .has-child .submenu-container,.wp-block-navigation.wp-block-navigation.items-justified-right>.wp-block-navigation__container .has-child .wp-block-navigation-link__container,.wp-block-navigation.wp-block-navigation.items-justified-space-between>.submenu-container>.has-child:last-child .submenu-container,.wp-block-navigation.wp-block-navigation.items-justified-space-between>.submenu-container>.has-child:last-child .wp-block-navigation-link__container,.wp-block-navigation.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .submenu-container,.wp-block-navigation.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation-link__container{right:auto;left:0}.wp-block-navigation.wp-block-navigation.items-justified-right>.submenu-container .has-child .submenu-container .submenu-container,.wp-block-navigation.wp-block-navigation.items-justified-right>.submenu-container .has-child .submenu-container .wp-block-navigation-link__container,.wp-block-navigation.wp-block-navigation.items-justified-right>.submenu-container .has-child .wp-block-navigation-link__container .submenu-container,.wp-block-navigation.wp-block-navigation.items-justified-right>.submenu-container .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container,.wp-block-navigation.wp-block-navigation.items-justified-right>.wp-block-navigation__container .has-child .submenu-container .submenu-container,.wp-block-navigation.wp-block-navigation.items-justified-right>.wp-block-navigation__container .has-child .submenu-container .wp-block-navigation-link__container,.wp-block-navigation.wp-block-navigation.items-justified-right>.wp-block-navigation__container .has-child .wp-block-navigation-link__container .submenu-container,.wp-block-navigation.wp-block-navigation.items-justified-right>.wp-block-navigation__container .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container,.wp-block-navigation.wp-block-navigation.items-justified-space-between>.submenu-container>.has-child:last-child .submenu-container .submenu-container,.wp-block-navigation.wp-block-navigation.items-justified-space-between>.submenu-container>.has-child:last-child .submenu-container .wp-block-navigation-link__container,.wp-block-navigation.wp-block-navigation.items-justified-space-between>.submenu-container>.has-child:last-child .wp-block-navigation-link__container .submenu-container,.wp-block-navigation.wp-block-navigation.items-justified-space-between>.submenu-container>.has-child:last-child .wp-block-navigation-link__container .wp-block-navigation-link__container,.wp-block-navigation.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .submenu-container .submenu-container,.wp-block-navigation.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .submenu-container .wp-block-navigation-link__container,.wp-block-navigation.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation-link__container .submenu-container,.wp-block-navigation.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation-link__container .wp-block-navigation-link__container{right:auto;left:100%}.wp-block-navigation.wp-block-navigation .wp-block-navigation__container>.wp-block-navigation-link,.wp-block-navigation.wp-block-navigation .wp-block-page-list,.wp-block-navigation.wp-block-navigation .wp-block-page-list>.wp-block-pages-list__item{margin:0 0 0 2em}.wp-block-navigation.wp-block-navigation .wp-block-navigation__container>.wp-block-navigation-link:last-child,.wp-block-navigation.wp-block-navigation .wp-block-page-list:last-child,.wp-block-navigation.wp-block-navigation .wp-block-page-list>.wp-block-pages-list__item:last-child{margin-left:0}.wp-block-navigation.wp-block-navigation.has-background .wp-block-navigation__container>.wp-block-navigation-link,.wp-block-navigation.wp-block-navigation.has-background .wp-block-page-list,.wp-block-navigation.wp-block-navigation.has-background .wp-block-page-list>.wp-block-pages-list__item{margin:0 0 0 .5em}.wp-block-navigation.wp-block-navigation.has-background .wp-block-navigation__container .wp-block-navigation-link__content,.wp-block-navigation.wp-block-navigation.has-background .wp-block-page-list .wp-block-pages-list__item__link{padding:.5em 1em}.wp-block-navigation.wp-block-navigation .has-child .submenu-container,.wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container{right:-1em;top:100%}.wp-block-navigation.wp-block-navigation .has-child .submenu-container .wp-block-navigation-link,.wp-block-navigation.wp-block-navigation .has-child .submenu-container .wp-block-pages-list__item,.wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-navigation-link,.wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-pages-list__item{margin:0}.wp-block-navigation.wp-block-navigation .has-child .submenu-container .wp-block-navigation-link__content,.wp-block-navigation.wp-block-navigation .has-child .submenu-container .wp-block-pages-list__item__link,.wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-navigation-link__content,.wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-pages-list__item__link{padding:.5em 1em}.wp-block-navigation.wp-block-navigation .has-child .submenu-container .submenu-container,.wp-block-navigation.wp-block-navigation .has-child .submenu-container .wp-block-navigation-link__container,.wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .submenu-container,.wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container{right:-1px}@media (min-width:782px){.wp-block-navigation.wp-block-navigation .has-child .submenu-container .submenu-container,.wp-block-navigation.wp-block-navigation .has-child .submenu-container .wp-block-navigation-link__container,.wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .submenu-container,.wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container{right:100%;top:-1px}}.wp-block-navigation.wp-block-navigation.has-background .has-child .submenu-container,.wp-block-navigation.wp-block-navigation.has-background .has-child .wp-block-navigation-link__container{right:0;top:100%}.wp-block-navigation.wp-block-navigation.has-background .has-child .submenu-container .submenu-container,.wp-block-navigation.wp-block-navigation.has-background .has-child .submenu-container .wp-block-navigation-link__container,.wp-block-navigation.wp-block-navigation.has-background .has-child .wp-block-navigation-link__container .submenu-container,.wp-block-navigation.wp-block-navigation.has-background .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container{right:0}@media (min-width:782px){.wp-block-navigation.wp-block-navigation.has-background .has-child .submenu-container .submenu-container,.wp-block-navigation.wp-block-navigation.has-background .has-child .submenu-container .wp-block-navigation-link__container,.wp-block-navigation.wp-block-navigation.has-background .has-child .wp-block-navigation-link__container .submenu-container,.wp-block-navigation.wp-block-navigation.has-background .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container{right:100%;top:0}}.wp-block-navigation:not(.has-background) .submenu-container,.wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-navigation-link__container{background-color:#fff;color:#000;border:1px solid rgba(0,0,0,.15)}.wp-block-navigation__container{align-items:center;list-style:none;margin:0;padding-right:0}.wp-block-navigation__container .is-responsive{display:none}@media (min-width:600px){.wp-block-navigation__container{display:flex;flex-wrap:wrap}.is-vertical .wp-block-navigation__container{display:block;flex-direction:column;align-items:flex-start}}.items-justified-center .wp-block-navigation__container{justify-content:center}.items-justified-right .wp-block-navigation__container{justify-content:flex-end}.items-justified-space-between .wp-block-navigation__container{justify-content:space-between}.is-vertical.items-justified-center>ul{align-items:center}.is-vertical.items-justified-right>ul{align-items:flex-end}.is-vertical.items-justified-right>ul .wp-block-navigation-link,.is-vertical.items-justified-right>ul .wp-block-pages-list__item{margin-left:0;justify-content:flex-end}.wp-block-navigation__responsive-container{display:none;position:fixed;top:0;right:0;left:0;bottom:0;z-index:1;align-items:flex-start;justify-content:flex-start}.wp-block-navigation__responsive-container.is-menu-open{display:flex;flex-direction:column;overflow:auto;z-index:100000;padding:24px;background-color:inherit}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{display:flex;flex-direction:column;margin-right:auto;margin-left:auto;align-items:flex-start;line-height:48px;padding:0}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container .wp-block-page-list{flex-direction:column}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link .wp-block-navigation-link__container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-pages-list__item,.wp-block-navigation__responsive-container.is-menu-open .wp-block-pages-list__item .submenu-container{background:transparent!important}@media (min-width:600px){.wp-block-navigation__responsive-container:not(.is-menu-open){display:flex;flex-direction:row;position:relative;background-color:inherit}.wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__responsive-container-close{display:none}.wp-block-navigation__responsive-container.is-menu-open .submenu-container.submenu-container.submenu-container.submenu-container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link__container.wp-block-navigation-link__container.wp-block-navigation-link__container.wp-block-navigation-link__container{right:0}}.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open{background-color:#fff;color:#000}.wp-block-navigation__responsive-container-close,.wp-block-navigation__responsive-container-open{vertical-align:middle;cursor:pointer;color:currentColor;background:transparent;border:none;margin:0;padding:0}.wp-block-navigation__responsive-container-close svg,.wp-block-navigation__responsive-container-open svg{fill:currentColor;pointer-events:none;display:block;width:24px;height:24px}.wp-block-navigation__responsive-container-open{display:flex}@media (min-width:600px){.wp-block-navigation__responsive-container-open{display:none}}.items-justified-left .wp-block-navigation__responsive-container-open{margin-right:0;margin-left:auto}.items-justified-center .wp-block-navigation__responsive-container-open{margin-right:auto;margin-left:auto}.items-justified-right .wp-block-navigation__responsive-container-open{margin-right:auto;margin-left:0}.wp-block-navigation__responsive-container-close{position:absolute;top:24px;left:24px;z-index:2}.wp-block-navigation__responsive-close{width:100%}.is-menu-open .wp-block-navigation__responsive-close,.is-menu-open .wp-block-navigation__responsive-container-content,.is-menu-open .wp-block-navigation__responsive-dialog{width:100%;height:100%}.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link__submenu-icon,.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list__submenu-icon{display:none}.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .has-child .submenu-container,.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .has-child .wp-block-navigation-link__container{position:relative;opacity:1;visibility:visible;padding:0 32px 0 0;border:none}.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link,.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-pages-list__item{flex-direction:column;align-items:flex-start}html.has-modal-open{overflow:hidden}.wp-block-navigation .wp-block-navigation-link__label{word-break:normal;overflow-wrap:break-word}.wp-block-navigation .wp-block-home-link__content{color:inherit;display:block;padding:.5em 1em}.wp-block-navigation[style*=text-decoration] .wp-block-home-link,.wp-block-navigation[style*=text-decoration] .wp-block-home-link__content,.wp-block-navigation[style*=text-decoration] .wp-block-home-link__content:active,.wp-block-navigation[style*=text-decoration] .wp-block-home-link__content:focus{text-decoration:inherit}.wp-block-navigation:not([style*=text-decoration]) .wp-block-home-link__content,.wp-block-navigation:not([style*=text-decoration]) .wp-block-home-link__content:active,.wp-block-navigation:not([style*=text-decoration]) .wp-block-home-link__content:focus{text-decoration:none}.wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-home-link__container{background-color:#fff;color:#000;border:1px solid rgba(0,0,0,.15)}.wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-home-link__container .wp-block-home-link__container{top:-1px}.wp-block-navigation .wp-block-page-list{display:flex;flex-wrap:wrap;background-color:inherit}.wp-block-navigation .wp-block-pages-list__item{background-color:inherit}.wp-block-navigation .wp-block-page-list__submenu-icon{display:none}.is-open .wp-block-navigation__container .wp-block-page-list,.is-vertical .wp-block-navigation__container .wp-block-page-list,.wp-block-navigation .show-submenu-icons .wp-block-page-list__submenu-icon{display:block}@media (min-width:480px){.is-open .wp-block-navigation__container .wp-block-page-list{display:flex}}.items-justified-space-between .wp-block-page-list{display:contents}.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:right;font-size:8.4em;line-height:.68;font-weight:100;margin:.05em 0 0 .1em;text-transform:uppercase;font-style:normal}p.has-drop-cap.has-background{overflow:hidden}p.has-background{padding:1.25em 2.375em}p.has-text-color a{color:inherit}.wp-block-post-author{display:flex;flex-wrap:wrap}.wp-block-post-author__byline{width:100%;margin-top:0;margin-bottom:0;font-size:.5em}.wp-block-post-author__avatar{margin-left:1em}.wp-block-post-author__bio{margin-bottom:.7em;font-size:.7em}.wp-block-post-author__content{flex-grow:1;flex-basis:0}.wp-block-post-author__name{font-weight:700;margin:0}.wp-block-post-comments .commentlist{list-style:none;margin:0;padding:0}.wp-block-post-comments .commentlist .comment{min-height:2.25em;padding-right:3.25em}.wp-block-post-comments .commentlist .comment p{font-size:.875em;line-height:1.8;margin:.36em 0 1.4em}.wp-block-post-comments .commentlist .children{list-style:none;margin:0;padding:0}.wp-block-post-comments .comment-author{line-height:1.5;margin-right:-3.25em}.wp-block-post-comments .comment-author .avatar{border-radius:1.5em;display:block;float:right;height:2.5em;margin-left:.75em;width:2.5em}.wp-block-post-comments .comment-author cite{font-style:normal}.wp-block-post-comments .comment-meta{line-height:1.5;margin-right:-3.25em}.wp-block-post-comments .comment-body .commentmetadata{font-size:.75em}.wp-block-post-comments .comment-form-author label,.wp-block-post-comments .comment-form-comment label,.wp-block-post-comments .comment-form-email label,.wp-block-post-comments .comment-form-url label{display:block}.wp-block-post-comments .comment-form-comment textarea{box-sizing:border-box;width:100%}.wp-block-post-comments .reply{font-size:.75em;margin-bottom:1.4em}.wp-block-post-comments input,.wp-block-post-comments textarea{border:1px solid #949494}.wp-block-post-comments-form input[type=submit]{border:none;box-shadow:none;cursor:pointer;display:inline-block;text-align:center;overflow-wrap:break-word}.wp-block-post-excerpt__more-link,.wp-block-post-title a{display:inline-block}.wp-block-preformatted{white-space:pre-wrap}.wp-block-preformatted.has-background{padding:1.25em 2.375em}.wp-block-pullquote{margin:0 0 1em;padding:3em 0;text-align:center}.wp-block-pullquote.alignleft,.wp-block-pullquote.alignright{max-width:420px}.wp-block-pullquote.alignleft p,.wp-block-pullquote.alignright p{font-size:1.25em}.wp-block-pullquote p{font-size:1.75em;line-height:1.6}.wp-block-pullquote cite,.wp-block-pullquote footer{position:relative}.wp-block-pullquote .has-text-color a{color:inherit}.wp-block-pullquote:not(.is-style-solid-color){background:none}.wp-block-pullquote.is-style-solid-color{border:none}.wp-block-pullquote.is-style-solid-color blockquote{margin-right:auto;margin-left:auto;text-align:right;max-width:60%}.wp-block-pullquote.is-style-solid-color blockquote p{margin-top:0;margin-bottom:0;font-size:2em}.wp-block-pullquote.is-style-solid-color blockquote cite{text-transform:none;font-style:normal}.wp-block-pullquote cite{color:inherit}.wp-block-post-template,.wp-block-query-loop{max-width:100%;list-style:none;padding:0}.wp-block-post-template li,.wp-block-query-loop li{clear:both}.wp-block-post-template.is-flex-container,.wp-block-query-loop.is-flex-container{flex-direction:row;display:flex;flex-wrap:wrap}.wp-block-post-template.is-flex-container li,.wp-block-query-loop.is-flex-container li{margin:0 0 1.25em;width:100%}@media (min-width:600px){.wp-block-post-template.is-flex-container li,.wp-block-query-loop.is-flex-container li{margin-left:1.25em}.wp-block-post-template.is-flex-container.is-flex-container.columns-2>li,.wp-block-query-loop.is-flex-container.is-flex-container.columns-2>li{width:calc(50% - .625em)}.wp-block-post-template.is-flex-container.is-flex-container.columns-2>li:nth-child(2n),.wp-block-query-loop.is-flex-container.is-flex-container.columns-2>li:nth-child(2n){margin-left:0}.wp-block-post-template.is-flex-container.is-flex-container.columns-3>li,.wp-block-query-loop.is-flex-container.is-flex-container.columns-3>li{width:calc(33.33333% - .83333em)}.wp-block-post-template.is-flex-container.is-flex-container.columns-3>li:nth-child(3n),.wp-block-query-loop.is-flex-container.is-flex-container.columns-3>li:nth-child(3n){margin-left:0}.wp-block-post-template.is-flex-container.is-flex-container.columns-4>li,.wp-block-query-loop.is-flex-container.is-flex-container.columns-4>li{width:calc(25% - .9375em)}.wp-block-post-template.is-flex-container.is-flex-container.columns-4>li:nth-child(4n),.wp-block-query-loop.is-flex-container.is-flex-container.columns-4>li:nth-child(4n){margin-left:0}.wp-block-post-template.is-flex-container.is-flex-container.columns-5>li,.wp-block-query-loop.is-flex-container.is-flex-container.columns-5>li{width:calc(20% - 1em)}.wp-block-post-template.is-flex-container.is-flex-container.columns-5>li:nth-child(5n),.wp-block-query-loop.is-flex-container.is-flex-container.columns-5>li:nth-child(5n){margin-left:0}.wp-block-post-template.is-flex-container.is-flex-container.columns-6>li,.wp-block-query-loop.is-flex-container.is-flex-container.columns-6>li{width:calc(16.66667% - 1.04167em)}.wp-block-post-template.is-flex-container.is-flex-container.columns-6>li:nth-child(6n),.wp-block-query-loop.is-flex-container.is-flex-container.columns-6>li:nth-child(6n){margin-left:0}}.wp-block-query-pagination{display:flex;flex-direction:row;flex-wrap:wrap}.wp-block-query-pagination>.wp-block-query-pagination-next,.wp-block-query-pagination>.wp-block-query-pagination-numbers,.wp-block-query-pagination>.wp-block-query-pagination-previous{display:inline-block;margin-right:.5em;margin-bottom:.5em}.wp-block-query-pagination>.wp-block-query-pagination-next:last-child,.wp-block-query-pagination>.wp-block-query-pagination-numbers:last-child,.wp-block-query-pagination>.wp-block-query-pagination-previous:last-child{margin-right:0}.wp-block-quote.is-large,.wp-block-quote.is-style-large{margin-bottom:1em;padding:0 1em}.wp-block-quote.is-large p,.wp-block-quote.is-style-large p{font-size:1.5em;font-style:italic;line-height:1.6}.wp-block-quote.is-large cite,.wp-block-quote.is-large footer,.wp-block-quote.is-style-large cite,.wp-block-quote.is-style-large footer{font-size:1.125em;text-align:left}.wp-block-rss.wp-block-rss{box-sizing:border-box}.wp-block-rss.alignleft{margin-right:2em}.wp-block-rss.alignright{margin-left:2em}.wp-block-rss.is-grid{display:flex;flex-wrap:wrap;padding:0;list-style:none}.wp-block-rss.is-grid li{margin:0 0 1em 1em;width:100%}@media (min-width:600px){.wp-block-rss.columns-2 li{width:calc(50% - 1em)}.wp-block-rss.columns-3 li{width:calc(33.33333% - 1em)}.wp-block-rss.columns-4 li{width:calc(25% - 1em)}.wp-block-rss.columns-5 li{width:calc(20% - 1em)}.wp-block-rss.columns-6 li{width:calc(16.66667% - 1em)}}.wp-block-rss__item-author,.wp-block-rss__item-publish-date{display:block;color:#555;font-size:.8125em}.wp-block-search .wp-block-search__button{background:#f7f7f7;border:1px solid #ccc;padding:.375em .625em;color:#32373c;margin-right:.625em;word-break:normal}.wp-block-search .wp-block-search__button.has-icon{line-height:0}.wp-block-search .wp-block-search__button svg{min-width:1.5em;min-height:1.5em}.wp-block-search .wp-block-search__inside-wrapper{display:flex;flex:auto;flex-wrap:nowrap;max-width:100%}.wp-block-search .wp-block-search__label{width:100%}.wp-block-search .wp-block-search__input{flex-grow:1;min-width:3em;border:1px solid #949494}.wp-block-search.wp-block-search__button-only .wp-block-search__button{margin-right:0}.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper{padding:4px;border:1px solid #949494}.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input{border-radius:0;border:none;padding:0 .25em 0 0}.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input:focus{outline:none}.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button{padding:.125em .5em}.wp-block-search.aligncenter .wp-block-search__inside-wrapper{margin:auto}.wp-block-separator{border-top:1px solid;border-bottom:1px solid}.wp-block-separator.is-style-wide{border-bottom-width:1px}.wp-block-separator.is-style-dots{background:none!important;border:none;text-align:center;width:none;line-height:1;height:auto}.wp-block-separator.is-style-dots:before{content:"···";color:currentColor;font-size:1.5em;letter-spacing:2em;padding-left:2em;font-family:serif}.wp-block-site-logo{line-height:0}.wp-block-site-logo a{display:inline-block}.wp-block-site-logo.is-default-size img{width:120px;height:auto}.wp-block-site-logo .aligncenter{display:table}.wp-block-site-logo.is-style-rounded img{border-radius:9999px}.wp-block-social-links{display:flex;flex-wrap:wrap;padding-right:0;padding-left:0;text-indent:0;margin-right:0}.wp-block-social-links .wp-social-link a,.wp-block-social-links .wp-social-link a:hover{text-decoration:none;border-bottom:0;box-shadow:none}.wp-block-social-links .wp-social-link.wp-social-link.wp-social-link{margin:4px 0 4px 8px}.wp-block-social-links .wp-social-link a{padding:.25em}.wp-block-social-links .wp-social-link svg{width:1em;height:1em}.wp-block-social-links.has-small-icon-size{font-size:16px}.wp-block-social-links,.wp-block-social-links.has-normal-icon-size{font-size:24px}.wp-block-social-links.has-large-icon-size{font-size:36px}.wp-block-social-links.has-huge-icon-size{font-size:48px}.wp-block-social-links.aligncenter{justify-content:center;display:flex}.wp-block-social-links.alignright{justify-content:flex-end}.wp-block-social-link{display:block;border-radius:9999px;transition:transform .1s ease;height:auto}@media (prefers-reduced-motion:reduce){.wp-block-social-link{transition-duration:0s;transition-delay:0s}}.wp-block-social-link a{display:block;line-height:0;transition:transform .1s ease}.wp-block-social-link:hover{transform:scale(1.1)}.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor,.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:active,.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:hover,.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:visited,.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor svg{color:currentColor;fill:currentColor}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link{background-color:#f0f0f0;color:#444}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-amazon{background-color:#f90;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-bandcamp{background-color:#1ea0c3;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-behance{background-color:#0757fe;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-codepen{background-color:#1e1f26;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-deviantart{background-color:#02e49b;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dribbble{background-color:#e94c89;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dropbox{background-color:#4280ff;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-etsy{background-color:#f45800;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook{background-color:#1778f2;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-fivehundredpx{background-color:#000;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-flickr{background-color:#0461dd;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-foursquare{background-color:#e65678;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-github{background-color:#24292d;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-goodreads{background-color:#eceadd;color:#382110}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-google{background-color:#ea4434;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram{background-color:#f00075;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-lastfm{background-color:#e21b24;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-linkedin{background-color:#0d66c2;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-mastodon{background-color:#3288d4;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-medium{background-color:#02ab6c;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-meetup{background-color:#f6405f;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-patreon{background-color:#ff424d;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pinterest{background-color:#e60122;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pocket{background-color:#ef4155;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-reddit{background-color:#fe4500;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-skype{background-color:#0478d7;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-snapchat{background-color:#fefc00;color:#fff;stroke:#000}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-soundcloud{background-color:#ff5600;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-spotify{background-color:#1bd760;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-telegram{background-color:#2aabee;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tiktok{background-color:#000;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tumblr{background-color:#011835;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitch{background-color:#6440a4;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitter{background-color:#1da1f2;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vimeo{background-color:#1eb7ea;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vk{background-color:#4680c2;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-wordpress{background-color:#3499cd;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-yelp{background-color:#d32422;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-youtube{background-color:red;color:#fff}.wp-block-social-links.is-style-logos-only .wp-social-link{background:none;padding:4px}.wp-block-social-links.is-style-logos-only .wp-social-link-amazon{color:#f90}.wp-block-social-links.is-style-logos-only .wp-social-link-bandcamp{color:#1ea0c3}.wp-block-social-links.is-style-logos-only .wp-social-link-behance{color:#0757fe}.wp-block-social-links.is-style-logos-only .wp-social-link-codepen{color:#1e1f26}.wp-block-social-links.is-style-logos-only .wp-social-link-deviantart{color:#02e49b}.wp-block-social-links.is-style-logos-only .wp-social-link-dribbble{color:#e94c89}.wp-block-social-links.is-style-logos-only .wp-social-link-dropbox{color:#4280ff}.wp-block-social-links.is-style-logos-only .wp-social-link-etsy{color:#f45800}.wp-block-social-links.is-style-logos-only .wp-social-link-facebook{color:#1778f2}.wp-block-social-links.is-style-logos-only .wp-social-link-fivehundredpx{color:#000}.wp-block-social-links.is-style-logos-only .wp-social-link-flickr{color:#0461dd}.wp-block-social-links.is-style-logos-only .wp-social-link-foursquare{color:#e65678}.wp-block-social-links.is-style-logos-only .wp-social-link-github{color:#24292d}.wp-block-social-links.is-style-logos-only .wp-social-link-goodreads{color:#382110}.wp-block-social-links.is-style-logos-only .wp-social-link-google{color:#ea4434}.wp-block-social-links.is-style-logos-only .wp-social-link-instagram{color:#f00075}.wp-block-social-links.is-style-logos-only .wp-social-link-lastfm{color:#e21b24}.wp-block-social-links.is-style-logos-only .wp-social-link-linkedin{color:#0d66c2}.wp-block-social-links.is-style-logos-only .wp-social-link-mastodon{color:#3288d4}.wp-block-social-links.is-style-logos-only .wp-social-link-medium{color:#02ab6c}.wp-block-social-links.is-style-logos-only .wp-social-link-meetup{color:#f6405f}.wp-block-social-links.is-style-logos-only .wp-social-link-patreon{color:#ff424d}.wp-block-social-links.is-style-logos-only .wp-social-link-pinterest{color:#e60122}.wp-block-social-links.is-style-logos-only .wp-social-link-pocket{color:#ef4155}.wp-block-social-links.is-style-logos-only .wp-social-link-reddit{color:#fe4500}.wp-block-social-links.is-style-logos-only .wp-social-link-skype{color:#0478d7}.wp-block-social-links.is-style-logos-only .wp-social-link-snapchat{color:#fff;stroke:#000}.wp-block-social-links.is-style-logos-only .wp-social-link-soundcloud{color:#ff5600}.wp-block-social-links.is-style-logos-only .wp-social-link-spotify{color:#1bd760}.wp-block-social-links.is-style-logos-only .wp-social-link-telegram{color:#2aabee}.wp-block-social-links.is-style-logos-only .wp-social-link-tiktok{color:#000}.wp-block-social-links.is-style-logos-only .wp-social-link-tumblr{color:#011835}.wp-block-social-links.is-style-logos-only .wp-social-link-twitch{color:#6440a4}.wp-block-social-links.is-style-logos-only .wp-social-link-twitter{color:#1da1f2}.wp-block-social-links.is-style-logos-only .wp-social-link-vimeo{color:#1eb7ea}.wp-block-social-links.is-style-logos-only .wp-social-link-vk{color:#4680c2}.wp-block-social-links.is-style-logos-only .wp-social-link-wordpress{color:#3499cd}.wp-block-social-links.is-style-logos-only .wp-social-link-yelp{color:#d32422}.wp-block-social-links.is-style-logos-only .wp-social-link-youtube{color:red}.wp-block-social-links.is-style-pill-shape .wp-social-link{width:auto}.wp-block-social-links.is-style-pill-shape .wp-social-link a{padding-right:.66667em;padding-left:.66667em}.wp-block-spacer{clear:both}.wp-block-tag-cloud.aligncenter{text-align:center}.wp-block-tag-cloud.alignfull{padding-right:1em;padding-left:1em}.wp-block-table{margin:0 0 1em;overflow-x:auto}.wp-block-table table{border-collapse:collapse;width:100%}.wp-block-table .has-fixed-layout{table-layout:fixed;width:100%}.wp-block-table .has-fixed-layout td,.wp-block-table .has-fixed-layout th{word-break:break-word}.wp-block-table.aligncenter,.wp-block-table.alignleft,.wp-block-table.alignright{display:table;width:auto}.wp-block-table.aligncenter td,.wp-block-table.aligncenter th,.wp-block-table.alignleft td,.wp-block-table.alignleft th,.wp-block-table.alignright td,.wp-block-table.alignright th{word-break:break-word}.wp-block-table .has-subtle-light-gray-background-color{background-color:#f3f4f5}.wp-block-table .has-subtle-pale-green-background-color{background-color:#e9fbe5}.wp-block-table .has-subtle-pale-blue-background-color{background-color:#e7f5fe}.wp-block-table .has-subtle-pale-pink-background-color{background-color:#fcf0ef}.wp-block-table.is-style-stripes{border-spacing:0;border-collapse:inherit;background-color:transparent;border-bottom:1px solid #f0f0f0}.wp-block-table.is-style-stripes tbody tr:nth-child(odd){background-color:#f0f0f0}.wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(odd){background-color:#f3f4f5}.wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(odd){background-color:#e9fbe5}.wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(odd){background-color:#e7f5fe}.wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(odd){background-color:#fcf0ef}.wp-block-table.is-style-stripes td,.wp-block-table.is-style-stripes th{border-color:transparent}.wp-block-table .has-border-color>*,.wp-block-table .has-border-color td,.wp-block-table .has-border-color th,.wp-block-table .has-border-color tr{border-color:inherit}.wp-block-table table[style*=border-style]>*,.wp-block-table table[style*=border-style] td,.wp-block-table table[style*=border-style] th,.wp-block-table table[style*=border-style] tr{border-style:inherit}.wp-block-table table[style*=border-width]>*,.wp-block-table table[style*=border-width] td,.wp-block-table table[style*=border-width] th,.wp-block-table table[style*=border-width] tr{border-width:inherit}.wp-block-text-columns,.wp-block-text-columns.aligncenter{display:flex}.wp-block-text-columns .wp-block-column{margin:0 1em;padding:0}.wp-block-text-columns .wp-block-column:first-child{margin-right:0}.wp-block-text-columns .wp-block-column:last-child{margin-left:0}.wp-block-text-columns.columns-2 .wp-block-column{width:50%}.wp-block-text-columns.columns-3 .wp-block-column{width:33.33333%}.wp-block-text-columns.columns-4 .wp-block-column{width:25%}pre.wp-block-verse{font-family:inherit;overflow:auto;white-space:pre-wrap}.wp-block-video{margin:0 0 1em}.wp-block-video video{width:100%}@supports (position:sticky){.wp-block-video [poster]{-o-object-fit:cover;object-fit:cover}}.wp-block-video.aligncenter{text-align:center}.wp-block-video figcaption{margin-top:.5em;margin-bottom:1em}.wp-block-post-featured-image{margin-right:0;margin-left:0}.wp-block-post-featured-image a{display:inline-block}.wp-block-post-featured-image img{max-width:100%;height:auto}.wp-block-post-featured-image.alignfull img,.wp-block-post-featured-image.alignwide img{width:100%}:root .has-pale-pink-background-color{background-color:#f78da7}:root .has-vivid-red-background-color{background-color:#cf2e2e}:root .has-luminous-vivid-orange-background-color{background-color:#ff6900}:root .has-luminous-vivid-amber-background-color{background-color:#fcb900}:root .has-light-green-cyan-background-color{background-color:#7bdcb5}:root .has-vivid-green-cyan-background-color{background-color:#00d084}:root .has-pale-cyan-blue-background-color{background-color:#8ed1fc}:root .has-vivid-cyan-blue-background-color{background-color:#0693e3}:root .has-vivid-purple-background-color{background-color:#9b51e0}:root .has-white-background-color{background-color:#fff}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-cyan-bluish-gray-background-color{background-color:#abb8c3}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-black-background-color{background-color:#000}:root .has-pale-pink-color{color:#f78da7}:root .has-vivid-red-color{color:#cf2e2e}:root .has-luminous-vivid-orange-color{color:#ff6900}:root .has-luminous-vivid-amber-color{color:#fcb900}:root .has-light-green-cyan-color{color:#7bdcb5}:root .has-vivid-green-cyan-color{color:#00d084}:root .has-pale-cyan-blue-color{color:#8ed1fc}:root .has-vivid-cyan-blue-color{color:#0693e3}:root .has-vivid-purple-color{color:#9b51e0}:root .has-white-color{color:#fff}:root .has-very-light-gray-color{color:#eee}:root .has-cyan-bluish-gray-color{color:#abb8c3}:root .has-very-dark-gray-color{color:#313131}:root .has-black-color{color:#000}:root .has-vivid-cyan-blue-to-vivid-purple-gradient-background{background:linear-gradient(-135deg,#0693e3,#9b51e0)}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(-135deg,#00d084,#0693e3)}:root .has-light-green-cyan-to-vivid-green-cyan-gradient-background{background:linear-gradient(-135deg,#7adcb4,#00d082)}:root .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background:linear-gradient(-135deg,#fcb900,#ff6900)}:root .has-luminous-vivid-orange-to-vivid-red-gradient-background{background:linear-gradient(-135deg,#ff6900,#cf2e2e)}:root .has-very-light-gray-to-cyan-bluish-gray-gradient-background{background:linear-gradient(-135deg,#eee,#a9b8c3)}:root .has-cool-to-warm-spectrum-gradient-background{background:linear-gradient(-135deg,#4aeadc,#9778d1 20%,#cf2aba 40%,#ee2c82 60%,#fb6962 80%,#fef84c)}:root .has-blush-light-purple-gradient-background{background:linear-gradient(-135deg,#ffceec,#9896f0)}:root .has-blush-bordeaux-gradient-background{background:linear-gradient(-135deg,#fecda5,#fe2d2d 50%,#6b003e)}:root .has-purple-crush-gradient-background{background:linear-gradient(-135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-luminous-dusk-gradient-background{background:linear-gradient(-135deg,#ffcb70,#c751c0 50%,#4158d0)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(-135deg,#faaca8,#dad0ec)}:root .has-pale-ocean-gradient-background{background:linear-gradient(-135deg,#fff5cb,#b6e3d4 50%,#33a7b5)}:root .has-electric-grass-gradient-background{background:linear-gradient(-135deg,#caf880,#71ce7e)}:root .has-subdued-olive-gradient-background{background:linear-gradient(-135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(-135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(-135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(-135deg,#020381,#2874fc)}.has-small-font-size{font-size:.8125em}.has-normal-font-size,.has-regular-font-size{font-size:1em}.has-medium-font-size{font-size:1.25em}.has-large-font-size{font-size:2.25em}.has-huge-font-size,.has-larger-font-size{font-size:2.625em}.has-text-align-center{text-align:center}.has-text-align-left{text-align:left}.has-text-align-right{text-align:right}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#ddd;clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#444;display:block;font-size:1em;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000} \ No newline at end of file diff --git a/wp-includes/css/dist/block-library/style.css b/wp-includes/css/dist/block-library/style.css new file mode 100644 index 0000000000..518c2401f6 --- /dev/null +++ b/wp-includes/css/dist/block-library/style.css @@ -0,0 +1,3072 @@ +@charset "UTF-8"; +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles for JavaScript UI based pages. + * This is a WP-admin agnostic reset + */ +/** + * Reset the WP Admin page styles for Gutenberg-like pages. + */ +#start-resizable-editor-section { + display: none; +} + +.wp-block-audio { + margin: 0 0 1em 0; +} +.wp-block-audio figcaption { + margin-top: 0.5em; + margin-bottom: 1em; +} +.wp-block-audio audio { + width: 100%; + min-width: 300px; +} + +.wp-block-button__link { + color: #fff; + background-color: #32373c; + border-radius: 9999px; + box-shadow: none; + cursor: pointer; + display: inline-block; + font-size: 1.125em; + padding: calc(0.667em + 2px) calc(1.333em + 2px); + text-align: center; + text-decoration: none; + overflow-wrap: break-word; + box-sizing: border-box; +} +.wp-block-button__link:hover, .wp-block-button__link:focus, .wp-block-button__link:active, .wp-block-button__link:visited { + color: #fff; +} +.wp-block-button__link.aligncenter { + text-align: center; +} +.wp-block-button__link.alignright { + /*rtl:ignore*/ + text-align: right; +} + +.wp-block-buttons > .wp-block-button.has-custom-width { + max-width: none; +} +.wp-block-buttons > .wp-block-button.has-custom-width .wp-block-button__link { + width: 100%; +} +.wp-block-buttons > .wp-block-button.has-custom-font-size .wp-block-button__link { + font-size: inherit; +} +.wp-block-buttons > .wp-block-button.wp-block-button__width-25 { + width: calc(25% - 0.5em); +} +.wp-block-buttons > .wp-block-button.wp-block-button__width-50 { + width: calc(50% - 0.5em); +} +.wp-block-buttons > .wp-block-button.wp-block-button__width-75 { + width: calc(75% - 0.5em); +} +.wp-block-buttons > .wp-block-button.wp-block-button__width-100 { + width: calc(100% - 0.5em); +} +.wp-block-buttons > .wp-block-button.wp-block-button__width-100:only-child { + margin-right: 0; + width: 100%; +} + +@supports (column-gap: 0.5em) { + .wp-block-buttons > .wp-block-button.wp-block-button, .wp-block-buttons.is-content-justification-right > .wp-block-button.wp-block-button { + margin-right: 0; + margin-left: 0; + } + .wp-block-buttons > .wp-block-button.wp-block-button__width-25 { + width: calc(25% - 0.375em); + } + .wp-block-buttons > .wp-block-button.wp-block-button__width-50 { + width: calc(50% - 0.25em); + } + .wp-block-buttons > .wp-block-button.wp-block-button__width-75 { + width: calc(75% - 0.125em); + } + .wp-block-buttons > .wp-block-button.wp-block-button__width-100 { + width: auto; + flex-basis: 100%; + } +} +.wp-block-button.is-style-squared, +.wp-block-button__link.wp-block-button.is-style-squared { + border-radius: 0; +} + +.wp-block-button.no-border-radius, +.wp-block-button__link.no-border-radius { + border-radius: 0 !important; +} + +.is-style-outline > .wp-block-button__link, +.wp-block-button__link.is-style-outline { + border: 2px solid currentColor; + padding: 0.667em 1.333em; +} + +.is-style-outline > .wp-block-button__link:not(.has-text-color), +.wp-block-button__link.is-style-outline:not(.has-text-color) { + color: currentColor; +} + +.is-style-outline > .wp-block-button__link:not(.has-background), +.wp-block-button__link.is-style-outline:not(.has-background) { + background-color: transparent; +} + +.wp-block-buttons { + display: flex; + flex-direction: row; + flex-wrap: wrap; + column-gap: 0.5em; + /* stylelint-disable indentation */ +} +.wp-block-buttons.is-vertical { + flex-direction: column; +} +.wp-block-buttons.is-vertical > .wp-block-button { + /*rtl:ignore*/ + margin-right: 0; +} +.wp-block-buttons.is-vertical > .wp-block-button:last-child { + margin-bottom: 0; +} +.wp-block-buttons > .wp-block-button { + display: inline-block; + /*rtl:ignore*/ + margin-left: 0; + /*rtl:ignore*/ + margin-right: 0.5em; + margin-bottom: 0.5em; +} +.wp-block-buttons > .wp-block-button:last-child { + /*rtl:ignore*/ + margin-right: 0; +} +.wp-block-buttons.is-content-justification-left { + justify-content: flex-start; +} +.wp-block-buttons.is-content-justification-left.is-vertical { + align-items: flex-start; +} +.wp-block-buttons.is-content-justification-center { + justify-content: center; +} +.wp-block-buttons.is-content-justification-center.is-vertical { + align-items: center; +} +.wp-block-buttons.is-content-justification-right { + justify-content: flex-end; +} +.wp-block-buttons.is-content-justification-right > .wp-block-button { + /*rtl:ignore*/ + margin-left: 0.5em; + /*rtl:ignore*/ + margin-right: 0; +} +.wp-block-buttons.is-content-justification-right > .wp-block-button:first-child { + /*rtl:ignore*/ + margin-left: 0; +} +.wp-block-buttons.is-content-justification-right.is-vertical { + align-items: flex-end; +} +.wp-block-buttons.is-content-justification-space-between { + justify-content: space-between; +} +.wp-block-buttons.aligncenter { + text-align: center; +} +.wp-block-buttons.alignleft .wp-block-button { + /*rtl:ignore*/ + margin-left: 0; + /*rtl:ignore*/ + margin-right: 0.5em; +} +.wp-block-buttons.alignleft .wp-block-button:last-child { + /*rtl:ignore*/ + margin-right: 0; +} +.wp-block-buttons.alignright .wp-block-button { + /*rtl:ignore*/ + margin-right: 0; + /*rtl:ignore*/ + margin-left: 0.5em; +} +.wp-block-buttons.alignright .wp-block-button:first-child { + /*rtl:ignore*/ + margin-left: 0; +} +.wp-block-buttons:not(.is-content-justification-space-between, +.is-content-justification-right, +.is-content-justification-left, +.is-content-justification-center) .wp-block-button.aligncenter { + /* stylelint-enable indentation */ + margin-left: auto; + margin-right: auto; + margin-bottom: 0.5em; + width: 100%; +} + +.wp-block-button.aligncenter { + text-align: center; +} + +.wp-block-calendar { + text-align: center; +} +.wp-block-calendar th, +.wp-block-calendar tbody td { + padding: 0.25em; + border: 1px solid #ddd; +} +.wp-block-calendar tfoot td { + border: none; +} +.wp-block-calendar table { + width: 100%; + border-collapse: collapse; +} +.wp-block-calendar table th { + font-weight: 400; + background: #ddd; +} +.wp-block-calendar a { + text-decoration: underline; +} +.wp-block-calendar table tbody, +.wp-block-calendar table caption { + color: #40464d; +} + +.wp-block-categories.alignleft { + /*rtl:ignore*/ + margin-right: 2em; +} +.wp-block-categories.alignright { + /*rtl:ignore*/ + margin-left: 2em; +} + +.wp-block-code code { + display: block; + white-space: pre-wrap; + overflow-wrap: break-word; +} + +.wp-block-columns { + display: flex; + margin-bottom: 1.75em; + box-sizing: border-box; + flex-wrap: wrap; + /** + * All Columns Alignment + */ +} +@media (min-width: 782px) { + .wp-block-columns { + flex-wrap: nowrap; + } +} +.wp-block-columns.has-background { + padding: 1.25em 2.375em; +} +.wp-block-columns.are-vertically-aligned-top { + align-items: flex-start; +} +.wp-block-columns.are-vertically-aligned-center { + align-items: center; +} +.wp-block-columns.are-vertically-aligned-bottom { + align-items: flex-end; +} + +.wp-block-column { + flex-grow: 1; + min-width: 0; + word-break: break-word; + overflow-wrap: break-word; + /** + * Individual Column Alignment + */ +} +@media (max-width: 599px) { + .wp-block-column { + flex-basis: 100% !important; + } +} +@media (min-width: 600px) and (max-width: 781px) { + .wp-block-column:not(:only-child) { + flex-basis: calc(50% - 1em) !important; + flex-grow: 0; + } + .wp-block-column:nth-child(even) { + margin-left: 2em; + } +} +@media (min-width: 782px) { + .wp-block-column { + flex-basis: 0; + flex-grow: 1; + } + .wp-block-column[style*=flex-basis] { + flex-grow: 0; + } + .wp-block-column:not(:first-child) { + margin-left: 2em; + } +} +.wp-block-column.is-vertically-aligned-top { + align-self: flex-start; +} +.wp-block-column.is-vertically-aligned-center { + align-self: center; +} +.wp-block-column.is-vertically-aligned-bottom { + align-self: flex-end; +} +.wp-block-column.is-vertically-aligned-top, .wp-block-column.is-vertically-aligned-center, .wp-block-column.is-vertically-aligned-bottom { + width: 100%; +} + +.wp-block-cover-image, +.wp-block-cover { + position: relative; + background-size: cover; + background-position: center center; + min-height: 430px; + width: 100%; + display: flex; + justify-content: center; + align-items: center; + padding: 1em; + box-sizing: border-box; + /** + * Set a default background color for has-background-dim _unless_ it includes another + * background-color class (e.g. has-green-background-color). The presence of another + * background-color class implies that another style will provide the background color + * for the overlay. + * + * See: + * - Issue with background color specificity: https://github.com/WordPress/gutenberg/issues/26545 + * - Issue with alternative fix: https://github.com/WordPress/gutenberg/issues/26545 + */ +} +.wp-block-cover-image.has-parallax, +.wp-block-cover.has-parallax { + background-attachment: fixed; +} +@supports (-webkit-overflow-scrolling: touch) { + .wp-block-cover-image.has-parallax, +.wp-block-cover.has-parallax { + background-attachment: scroll; + } +} +@media (prefers-reduced-motion: reduce) { + .wp-block-cover-image.has-parallax, +.wp-block-cover.has-parallax { + background-attachment: scroll; + } +} +.wp-block-cover-image.is-repeated, +.wp-block-cover.is-repeated { + background-repeat: repeat; + background-size: auto; +} +.wp-block-cover-image.has-background-dim:not([class*=-background-color]), +.wp-block-cover.has-background-dim:not([class*=-background-color]) { + background-color: #000; +} +.wp-block-cover-image.has-background-dim::before, +.wp-block-cover.has-background-dim::before { + content: ""; + background-color: inherit; +} +.wp-block-cover-image.has-background-dim:not(.has-background-gradient)::before, +.wp-block-cover-image .wp-block-cover__gradient-background, +.wp-block-cover.has-background-dim:not(.has-background-gradient)::before, +.wp-block-cover .wp-block-cover__gradient-background { + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + z-index: 1; + opacity: 0.5; +} +.wp-block-cover-image.has-background-dim.has-background-dim-10:not(.has-background-gradient)::before, +.wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background, +.wp-block-cover.has-background-dim.has-background-dim-10:not(.has-background-gradient)::before, +.wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background { + opacity: 0.1; +} +.wp-block-cover-image.has-background-dim.has-background-dim-20:not(.has-background-gradient)::before, +.wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background, +.wp-block-cover.has-background-dim.has-background-dim-20:not(.has-background-gradient)::before, +.wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background { + opacity: 0.2; +} +.wp-block-cover-image.has-background-dim.has-background-dim-30:not(.has-background-gradient)::before, +.wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background, +.wp-block-cover.has-background-dim.has-background-dim-30:not(.has-background-gradient)::before, +.wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background { + opacity: 0.3; +} +.wp-block-cover-image.has-background-dim.has-background-dim-40:not(.has-background-gradient)::before, +.wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background, +.wp-block-cover.has-background-dim.has-background-dim-40:not(.has-background-gradient)::before, +.wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background { + opacity: 0.4; +} +.wp-block-cover-image.has-background-dim.has-background-dim-50:not(.has-background-gradient)::before, +.wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background, +.wp-block-cover.has-background-dim.has-background-dim-50:not(.has-background-gradient)::before, +.wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background { + opacity: 0.5; +} +.wp-block-cover-image.has-background-dim.has-background-dim-60:not(.has-background-gradient)::before, +.wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background, +.wp-block-cover.has-background-dim.has-background-dim-60:not(.has-background-gradient)::before, +.wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background { + opacity: 0.6; +} +.wp-block-cover-image.has-background-dim.has-background-dim-70:not(.has-background-gradient)::before, +.wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background, +.wp-block-cover.has-background-dim.has-background-dim-70:not(.has-background-gradient)::before, +.wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background { + opacity: 0.7; +} +.wp-block-cover-image.has-background-dim.has-background-dim-80:not(.has-background-gradient)::before, +.wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background, +.wp-block-cover.has-background-dim.has-background-dim-80:not(.has-background-gradient)::before, +.wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background { + opacity: 0.8; +} +.wp-block-cover-image.has-background-dim.has-background-dim-90:not(.has-background-gradient)::before, +.wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background, +.wp-block-cover.has-background-dim.has-background-dim-90:not(.has-background-gradient)::before, +.wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background { + opacity: 0.9; +} +.wp-block-cover-image.has-background-dim.has-background-dim-100:not(.has-background-gradient)::before, +.wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background, +.wp-block-cover.has-background-dim.has-background-dim-100:not(.has-background-gradient)::before, +.wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background { + opacity: 1; +} +.wp-block-cover-image.alignleft, .wp-block-cover-image.alignright, +.wp-block-cover.alignleft, +.wp-block-cover.alignright { + max-width: 420px; + width: 100%; +} +.wp-block-cover-image::after, +.wp-block-cover::after { + display: block; + content: ""; + font-size: 0; + min-height: inherit; +} +@supports (position: sticky) { + .wp-block-cover-image::after, +.wp-block-cover::after { + content: none; + } +} +.wp-block-cover-image.aligncenter, .wp-block-cover-image.alignleft, .wp-block-cover-image.alignright, +.wp-block-cover.aligncenter, +.wp-block-cover.alignleft, +.wp-block-cover.alignright { + display: flex; +} +.wp-block-cover-image .wp-block-cover__inner-container, +.wp-block-cover .wp-block-cover__inner-container { + width: 100%; + z-index: 1; + color: #fff; +} +.wp-block-cover-image p:not(.has-text-color), +.wp-block-cover-image h1:not(.has-text-color), +.wp-block-cover-image h2:not(.has-text-color), +.wp-block-cover-image h3:not(.has-text-color), +.wp-block-cover-image h4:not(.has-text-color), +.wp-block-cover-image h5:not(.has-text-color), +.wp-block-cover-image h6:not(.has-text-color), +.wp-block-cover p:not(.has-text-color), +.wp-block-cover h1:not(.has-text-color), +.wp-block-cover h2:not(.has-text-color), +.wp-block-cover h3:not(.has-text-color), +.wp-block-cover h4:not(.has-text-color), +.wp-block-cover h5:not(.has-text-color), +.wp-block-cover h6:not(.has-text-color) { + color: inherit; +} +.wp-block-cover-image.is-position-top-left, +.wp-block-cover.is-position-top-left { + align-items: flex-start; + justify-content: flex-start; +} +.wp-block-cover-image.is-position-top-center, +.wp-block-cover.is-position-top-center { + align-items: flex-start; + justify-content: center; +} +.wp-block-cover-image.is-position-top-right, +.wp-block-cover.is-position-top-right { + align-items: flex-start; + justify-content: flex-end; +} +.wp-block-cover-image.is-position-center-left, +.wp-block-cover.is-position-center-left { + align-items: center; + justify-content: flex-start; +} +.wp-block-cover-image.is-position-center-center, +.wp-block-cover.is-position-center-center { + align-items: center; + justify-content: center; +} +.wp-block-cover-image.is-position-center-right, +.wp-block-cover.is-position-center-right { + align-items: center; + justify-content: flex-end; +} +.wp-block-cover-image.is-position-bottom-left, +.wp-block-cover.is-position-bottom-left { + align-items: flex-end; + justify-content: flex-start; +} +.wp-block-cover-image.is-position-bottom-center, +.wp-block-cover.is-position-bottom-center { + align-items: flex-end; + justify-content: center; +} +.wp-block-cover-image.is-position-bottom-right, +.wp-block-cover.is-position-bottom-right { + align-items: flex-end; + justify-content: flex-end; +} +.wp-block-cover-image.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container, +.wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container { + margin: 0; + width: auto; +} +.wp-block-cover-image img.wp-block-cover__image-background, +.wp-block-cover-image video.wp-block-cover__video-background, +.wp-block-cover img.wp-block-cover__image-background, +.wp-block-cover video.wp-block-cover__video-background { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + margin: 0; + padding: 0; + width: 100%; + height: 100%; + max-width: none; + max-height: none; + -o-object-fit: cover; + object-fit: cover; + outline: none; + border: none; + box-shadow: none; +} + +.wp-block-cover__video-background { + z-index: 0; +} + +.wp-block-cover__image-background { + z-index: 0; +} + +section.wp-block-cover-image h2, +.wp-block-cover-image-text, +.wp-block-cover-text { + color: #fff; +} +section.wp-block-cover-image h2 a, +section.wp-block-cover-image h2 a:hover, +section.wp-block-cover-image h2 a:focus, +section.wp-block-cover-image h2 a:active, +.wp-block-cover-image-text a, +.wp-block-cover-image-text a:hover, +.wp-block-cover-image-text a:focus, +.wp-block-cover-image-text a:active, +.wp-block-cover-text a, +.wp-block-cover-text a:hover, +.wp-block-cover-text a:focus, +.wp-block-cover-text a:active { + color: #fff; +} + +.wp-block-cover-image .wp-block-cover.has-left-content { + justify-content: flex-start; +} +.wp-block-cover-image .wp-block-cover.has-right-content { + justify-content: flex-end; +} + +section.wp-block-cover-image.has-left-content > h2, +.wp-block-cover-image.has-left-content .wp-block-cover-image-text, +.wp-block-cover.has-left-content .wp-block-cover-text { + margin-left: 0; + text-align: left; +} + +section.wp-block-cover-image.has-right-content > h2, +.wp-block-cover-image.has-right-content .wp-block-cover-image-text, +.wp-block-cover.has-right-content .wp-block-cover-text { + margin-right: 0; + text-align: right; +} + +section.wp-block-cover-image > h2, +.wp-block-cover-image .wp-block-cover-image-text, +.wp-block-cover .wp-block-cover-text { + font-size: 2em; + line-height: 1.25; + z-index: 1; + margin-bottom: 0; + max-width: 840px; + padding: 0.44em; + text-align: center; +} + +.wp-block[data-align=left] > [data-type="core/embed"], +.wp-block[data-align=right] > [data-type="core/embed"], +.wp-block-embed.alignleft, +.wp-block-embed.alignright { + max-width: 360px; + width: 100%; +} +.wp-block[data-align=left] > [data-type="core/embed"] .wp-block-embed__wrapper, +.wp-block[data-align=right] > [data-type="core/embed"] .wp-block-embed__wrapper, +.wp-block-embed.alignleft .wp-block-embed__wrapper, +.wp-block-embed.alignright .wp-block-embed__wrapper { + min-width: 280px; +} + +.wp-block-cover .wp-block-embed { + min-width: 320px; + min-height: 240px; +} + +.wp-block-embed { + margin: 0 0 1em 0; +} +.wp-block-embed figcaption { + margin-top: 0.5em; + margin-bottom: 1em; +} +.wp-block-embed iframe { + max-width: 100%; +} + +.wp-block-embed__wrapper { + position: relative; +} + +.wp-embed-responsive .wp-has-aspect-ratio .wp-block-embed__wrapper::before { + content: ""; + display: block; + padding-top: 50%; +} +.wp-embed-responsive .wp-has-aspect-ratio iframe { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + height: 100%; + width: 100%; +} + +.wp-embed-responsive .wp-embed-aspect-21-9 .wp-block-embed__wrapper::before { + padding-top: 42.85%; +} +.wp-embed-responsive .wp-embed-aspect-18-9 .wp-block-embed__wrapper::before { + padding-top: 50%; +} +.wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper::before { + padding-top: 56.25%; +} +.wp-embed-responsive .wp-embed-aspect-4-3 .wp-block-embed__wrapper::before { + padding-top: 75%; +} +.wp-embed-responsive .wp-embed-aspect-1-1 .wp-block-embed__wrapper::before { + padding-top: 100%; +} +.wp-embed-responsive .wp-embed-aspect-9-16 .wp-block-embed__wrapper::before { + padding-top: 177.77%; +} +.wp-embed-responsive .wp-embed-aspect-1-2 .wp-block-embed__wrapper::before { + padding-top: 200%; +} + +.wp-block-file { + margin-bottom: 1.5em; +} +.wp-block-file.aligncenter { + text-align: center; +} +.wp-block-file.alignright { + /*rtl:ignore*/ + text-align: right; +} +.wp-block-file .wp-block-file__embed { + margin-bottom: 1em; +} +.wp-block-file .wp-block-file__button { + background: #32373c; + border-radius: 2em; + color: #fff; + font-size: 0.8em; + padding: 0.5em 1em; +} +.wp-block-file a.wp-block-file__button { + text-decoration: none; +} +.wp-block-file a.wp-block-file__button:hover, .wp-block-file a.wp-block-file__button:visited, .wp-block-file a.wp-block-file__button:focus, .wp-block-file a.wp-block-file__button:active { + box-shadow: none; + color: #fff; + opacity: 0.85; + text-decoration: none; +} +.wp-block-file * + .wp-block-file__button { + margin-left: 0.75em; +} + +.wp-block-gallery, +.blocks-gallery-grid { + display: flex; + flex-wrap: wrap; + list-style-type: none; + padding: 0; + margin: 0; +} +.wp-block-gallery .blocks-gallery-image, +.wp-block-gallery .blocks-gallery-item, +.blocks-gallery-grid .blocks-gallery-image, +.blocks-gallery-grid .blocks-gallery-item { + margin: 0 1em 1em 0; + display: flex; + flex-grow: 1; + flex-direction: column; + justify-content: center; + position: relative; + align-self: flex-start; + width: calc(50% - 1em); +} +.wp-block-gallery .blocks-gallery-image:nth-of-type(even), +.wp-block-gallery .blocks-gallery-item:nth-of-type(even), +.blocks-gallery-grid .blocks-gallery-image:nth-of-type(even), +.blocks-gallery-grid .blocks-gallery-item:nth-of-type(even) { + margin-right: 0; +} +.wp-block-gallery .blocks-gallery-image figure, +.wp-block-gallery .blocks-gallery-item figure, +.blocks-gallery-grid .blocks-gallery-image figure, +.blocks-gallery-grid .blocks-gallery-item figure { + margin: 0; + height: 100%; +} +@supports (position: sticky) { + .wp-block-gallery .blocks-gallery-image figure, +.wp-block-gallery .blocks-gallery-item figure, +.blocks-gallery-grid .blocks-gallery-image figure, +.blocks-gallery-grid .blocks-gallery-item figure { + display: flex; + align-items: flex-end; + justify-content: flex-start; + } +} +.wp-block-gallery .blocks-gallery-image img, +.wp-block-gallery .blocks-gallery-item img, +.blocks-gallery-grid .blocks-gallery-image img, +.blocks-gallery-grid .blocks-gallery-item img { + display: block; + max-width: 100%; + height: auto; + width: 100%; +} +@supports (position: sticky) { + .wp-block-gallery .blocks-gallery-image img, +.wp-block-gallery .blocks-gallery-item img, +.blocks-gallery-grid .blocks-gallery-image img, +.blocks-gallery-grid .blocks-gallery-item img { + width: auto; + } +} +.wp-block-gallery .blocks-gallery-image figcaption, +.wp-block-gallery .blocks-gallery-item figcaption, +.blocks-gallery-grid .blocks-gallery-image figcaption, +.blocks-gallery-grid .blocks-gallery-item figcaption { + position: absolute; + bottom: 0; + width: 100%; + max-height: 100%; + overflow: auto; + padding: 3em 0.77em 0.7em; + color: #fff; + text-align: center; + font-size: 0.8em; + background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.3) 70%, transparent); + box-sizing: border-box; + margin: 0; +} +.wp-block-gallery .blocks-gallery-image figcaption img, +.wp-block-gallery .blocks-gallery-item figcaption img, +.blocks-gallery-grid .blocks-gallery-image figcaption img, +.blocks-gallery-grid .blocks-gallery-item figcaption img { + display: inline; +} +.wp-block-gallery figcaption, +.blocks-gallery-grid figcaption { + flex-grow: 1; +} +.wp-block-gallery.is-cropped .blocks-gallery-image, .wp-block-gallery.is-cropped .blocks-gallery-item, +.blocks-gallery-grid.is-cropped .blocks-gallery-image, +.blocks-gallery-grid.is-cropped .blocks-gallery-item { + align-self: inherit; +} +.wp-block-gallery.is-cropped .blocks-gallery-image a, +.wp-block-gallery.is-cropped .blocks-gallery-image img, .wp-block-gallery.is-cropped .blocks-gallery-item a, +.wp-block-gallery.is-cropped .blocks-gallery-item img, +.blocks-gallery-grid.is-cropped .blocks-gallery-image a, +.blocks-gallery-grid.is-cropped .blocks-gallery-image img, +.blocks-gallery-grid.is-cropped .blocks-gallery-item a, +.blocks-gallery-grid.is-cropped .blocks-gallery-item img { + width: 100%; +} +@supports (position: sticky) { + .wp-block-gallery.is-cropped .blocks-gallery-image a, +.wp-block-gallery.is-cropped .blocks-gallery-image img, .wp-block-gallery.is-cropped .blocks-gallery-item a, +.wp-block-gallery.is-cropped .blocks-gallery-item img, +.blocks-gallery-grid.is-cropped .blocks-gallery-image a, +.blocks-gallery-grid.is-cropped .blocks-gallery-image img, +.blocks-gallery-grid.is-cropped .blocks-gallery-item a, +.blocks-gallery-grid.is-cropped .blocks-gallery-item img { + height: 100%; + flex: 1; + -o-object-fit: cover; + object-fit: cover; + } +} +.wp-block-gallery.columns-1 .blocks-gallery-image, .wp-block-gallery.columns-1 .blocks-gallery-item, +.blocks-gallery-grid.columns-1 .blocks-gallery-image, +.blocks-gallery-grid.columns-1 .blocks-gallery-item { + width: 100%; + margin-right: 0; +} +@media (min-width: 600px) { + .wp-block-gallery.columns-3 .blocks-gallery-image, .wp-block-gallery.columns-3 .blocks-gallery-item, +.blocks-gallery-grid.columns-3 .blocks-gallery-image, +.blocks-gallery-grid.columns-3 .blocks-gallery-item { + width: calc(33.3333333333% - 0.6666666667em); + margin-right: 1em; + } + .wp-block-gallery.columns-4 .blocks-gallery-image, .wp-block-gallery.columns-4 .blocks-gallery-item, +.blocks-gallery-grid.columns-4 .blocks-gallery-image, +.blocks-gallery-grid.columns-4 .blocks-gallery-item { + width: calc(25% - 0.75em); + margin-right: 1em; + } + .wp-block-gallery.columns-5 .blocks-gallery-image, .wp-block-gallery.columns-5 .blocks-gallery-item, +.blocks-gallery-grid.columns-5 .blocks-gallery-image, +.blocks-gallery-grid.columns-5 .blocks-gallery-item { + width: calc(20% - 0.8em); + margin-right: 1em; + } + .wp-block-gallery.columns-6 .blocks-gallery-image, .wp-block-gallery.columns-6 .blocks-gallery-item, +.blocks-gallery-grid.columns-6 .blocks-gallery-image, +.blocks-gallery-grid.columns-6 .blocks-gallery-item { + width: calc(16.6666666667% - 0.8333333333em); + margin-right: 1em; + } + .wp-block-gallery.columns-7 .blocks-gallery-image, .wp-block-gallery.columns-7 .blocks-gallery-item, +.blocks-gallery-grid.columns-7 .blocks-gallery-image, +.blocks-gallery-grid.columns-7 .blocks-gallery-item { + width: calc(14.2857142857% - 0.8571428571em); + margin-right: 1em; + } + .wp-block-gallery.columns-8 .blocks-gallery-image, .wp-block-gallery.columns-8 .blocks-gallery-item, +.blocks-gallery-grid.columns-8 .blocks-gallery-image, +.blocks-gallery-grid.columns-8 .blocks-gallery-item { + width: calc(12.5% - 0.875em); + margin-right: 1em; + } + .wp-block-gallery.columns-1 .blocks-gallery-image:nth-of-type(1n), .wp-block-gallery.columns-1 .blocks-gallery-item:nth-of-type(1n), +.blocks-gallery-grid.columns-1 .blocks-gallery-image:nth-of-type(1n), +.blocks-gallery-grid.columns-1 .blocks-gallery-item:nth-of-type(1n) { + margin-right: 0; + } + .wp-block-gallery.columns-2 .blocks-gallery-image:nth-of-type(2n), .wp-block-gallery.columns-2 .blocks-gallery-item:nth-of-type(2n), +.blocks-gallery-grid.columns-2 .blocks-gallery-image:nth-of-type(2n), +.blocks-gallery-grid.columns-2 .blocks-gallery-item:nth-of-type(2n) { + margin-right: 0; + } + .wp-block-gallery.columns-3 .blocks-gallery-image:nth-of-type(3n), .wp-block-gallery.columns-3 .blocks-gallery-item:nth-of-type(3n), +.blocks-gallery-grid.columns-3 .blocks-gallery-image:nth-of-type(3n), +.blocks-gallery-grid.columns-3 .blocks-gallery-item:nth-of-type(3n) { + margin-right: 0; + } + .wp-block-gallery.columns-4 .blocks-gallery-image:nth-of-type(4n), .wp-block-gallery.columns-4 .blocks-gallery-item:nth-of-type(4n), +.blocks-gallery-grid.columns-4 .blocks-gallery-image:nth-of-type(4n), +.blocks-gallery-grid.columns-4 .blocks-gallery-item:nth-of-type(4n) { + margin-right: 0; + } + .wp-block-gallery.columns-5 .blocks-gallery-image:nth-of-type(5n), .wp-block-gallery.columns-5 .blocks-gallery-item:nth-of-type(5n), +.blocks-gallery-grid.columns-5 .blocks-gallery-image:nth-of-type(5n), +.blocks-gallery-grid.columns-5 .blocks-gallery-item:nth-of-type(5n) { + margin-right: 0; + } + .wp-block-gallery.columns-6 .blocks-gallery-image:nth-of-type(6n), .wp-block-gallery.columns-6 .blocks-gallery-item:nth-of-type(6n), +.blocks-gallery-grid.columns-6 .blocks-gallery-image:nth-of-type(6n), +.blocks-gallery-grid.columns-6 .blocks-gallery-item:nth-of-type(6n) { + margin-right: 0; + } + .wp-block-gallery.columns-7 .blocks-gallery-image:nth-of-type(7n), .wp-block-gallery.columns-7 .blocks-gallery-item:nth-of-type(7n), +.blocks-gallery-grid.columns-7 .blocks-gallery-image:nth-of-type(7n), +.blocks-gallery-grid.columns-7 .blocks-gallery-item:nth-of-type(7n) { + margin-right: 0; + } + .wp-block-gallery.columns-8 .blocks-gallery-image:nth-of-type(8n), .wp-block-gallery.columns-8 .blocks-gallery-item:nth-of-type(8n), +.blocks-gallery-grid.columns-8 .blocks-gallery-image:nth-of-type(8n), +.blocks-gallery-grid.columns-8 .blocks-gallery-item:nth-of-type(8n) { + margin-right: 0; + } +} +.wp-block-gallery .blocks-gallery-image:last-child, +.wp-block-gallery .blocks-gallery-item:last-child, +.blocks-gallery-grid .blocks-gallery-image:last-child, +.blocks-gallery-grid .blocks-gallery-item:last-child { + margin-right: 0; +} +.wp-block-gallery.alignleft, .wp-block-gallery.alignright, +.blocks-gallery-grid.alignleft, +.blocks-gallery-grid.alignright { + max-width: 420px; + width: 100%; +} +.wp-block-gallery.aligncenter .blocks-gallery-item figure, +.blocks-gallery-grid.aligncenter .blocks-gallery-item figure { + justify-content: center; +} + +.wp-block-group { + box-sizing: border-box; +} + +h1.has-background, +h2.has-background, +h3.has-background, +h4.has-background, +h5.has-background, +h6.has-background { + padding: 1.25em 2.375em; +} + +.wp-block-image { + margin: 0 0 1em 0; +} +.wp-block-image img { + max-width: 100%; +} +.wp-block-image:not(.is-style-rounded) img { + border-radius: inherit; +} +.wp-block-image.aligncenter { + text-align: center; +} +.wp-block-image.alignfull img, .wp-block-image.alignwide img { + width: 100%; +} +.wp-block-image .alignleft, +.wp-block-image .alignright, +.wp-block-image .aligncenter { + display: table; +} +.wp-block-image .alignleft > figcaption, +.wp-block-image .alignright > figcaption, +.wp-block-image .aligncenter > figcaption { + display: table-caption; + caption-side: bottom; +} +.wp-block-image .alignleft { + /*rtl:ignore*/ + float: left; + /*rtl:ignore*/ + margin-left: 0; + margin-right: 1em; + margin-top: 0.5em; + margin-bottom: 0.5em; +} +.wp-block-image .alignright { + /*rtl:ignore*/ + float: right; + /*rtl:ignore*/ + margin-right: 0; + margin-left: 1em; + margin-top: 0.5em; + margin-bottom: 0.5em; +} +.wp-block-image .aligncenter { + margin-left: auto; + margin-right: auto; +} +.wp-block-image figcaption { + margin-top: 0.5em; + margin-bottom: 1em; +} +.wp-block-image.is-style-rounded img { + border-radius: 9999px; +} +.wp-block-image.is-style-circle-mask img { + border-radius: 9999px; +} +@supports ((-webkit-mask-image: none) or (mask-image: none)) or (-webkit-mask-image: none) { + .wp-block-image.is-style-circle-mask img { + /* stylelint-disable */ + -webkit-mask-image: url('data:image/svg+xml;utf8,'); + mask-image: url('data:image/svg+xml;utf8,'); + /* stylelint-enable */ + mask-mode: alpha; + -webkit-mask-repeat: no-repeat; + mask-repeat: no-repeat; + -webkit-mask-size: contain; + mask-size: contain; + -webkit-mask-position: center; + mask-position: center; + border-radius: 0; + } +} + +.wp-block-image figure { + margin: 0; +} + +ol.wp-block-latest-comments { + margin-left: 0; +} + +.wp-block-latest-comments .wp-block-latest-comments { + padding-left: 0; +} + +.wp-block-latest-comments__comment { + line-height: 1.1; + list-style: none; + margin-bottom: 1em; +} +.has-avatars .wp-block-latest-comments__comment { + min-height: 2.25em; + list-style: none; +} +.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta, +.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt { + margin-left: 3.25em; +} +.has-dates .wp-block-latest-comments__comment, .has-excerpts .wp-block-latest-comments__comment { + line-height: 1.5; +} + +.wp-block-latest-comments__comment-excerpt p { + font-size: 0.875em; + line-height: 1.8; + margin: 0.36em 0 1.4em; +} + +.wp-block-latest-comments__comment-date { + display: block; + font-size: 0.75em; +} + +.wp-block-latest-comments .avatar, +.wp-block-latest-comments__comment-avatar { + border-radius: 1.5em; + display: block; + float: left; + height: 2.5em; + margin-right: 0.75em; + width: 2.5em; +} + +.wp-block-latest-posts.alignleft { + /*rtl:ignore*/ + margin-right: 2em; +} +.wp-block-latest-posts.alignright { + /*rtl:ignore*/ + margin-left: 2em; +} +.wp-block-latest-posts.wp-block-latest-posts__list { + list-style: none; + padding-left: 0; +} +.wp-block-latest-posts.wp-block-latest-posts__list li { + clear: both; +} +.wp-block-latest-posts.is-grid { + display: flex; + flex-wrap: wrap; + padding: 0; +} +.wp-block-latest-posts.is-grid li { + margin: 0 1.25em 1.25em 0; + width: 100%; +} +@media (min-width: 600px) { + .wp-block-latest-posts.columns-2 li { + width: calc((100% / 2) - 1.25em + (1.25em / 2)); + } + .wp-block-latest-posts.columns-2 li:nth-child(2n) { + margin-right: 0; + } + .wp-block-latest-posts.columns-3 li { + width: calc((100% / 3) - 1.25em + (1.25em / 3)); + } + .wp-block-latest-posts.columns-3 li:nth-child(3n) { + margin-right: 0; + } + .wp-block-latest-posts.columns-4 li { + width: calc((100% / 4) - 1.25em + (1.25em / 4)); + } + .wp-block-latest-posts.columns-4 li:nth-child(4n) { + margin-right: 0; + } + .wp-block-latest-posts.columns-5 li { + width: calc((100% / 5) - 1.25em + (1.25em / 5)); + } + .wp-block-latest-posts.columns-5 li:nth-child(5n) { + margin-right: 0; + } + .wp-block-latest-posts.columns-6 li { + width: calc((100% / 6) - 1.25em + (1.25em / 6)); + } + .wp-block-latest-posts.columns-6 li:nth-child(6n) { + margin-right: 0; + } +} + +.wp-block-latest-posts__post-date, +.wp-block-latest-posts__post-author { + display: block; + color: #555; + font-size: 0.8125em; +} + +.wp-block-latest-posts__post-excerpt { + margin-top: 0.5em; + margin-bottom: 1em; +} + +.wp-block-latest-posts__featured-image a { + display: inline-block; +} +.wp-block-latest-posts__featured-image img { + height: auto; + width: auto; + max-width: 100%; +} +.wp-block-latest-posts__featured-image.alignleft { + /*rtl:ignore*/ + margin-right: 1em; +} +.wp-block-latest-posts__featured-image.alignright { + /*rtl:ignore*/ + margin-left: 1em; +} +.wp-block-latest-posts__featured-image.aligncenter { + margin-bottom: 1em; + text-align: center; +} + +.block-editor-image-alignment-control__row .components-base-control__field { + display: flex; + justify-content: space-between; + align-items: center; +} +.block-editor-image-alignment-control__row .components-base-control__field .components-base-control__label { + margin-bottom: 0; +} + +ol.has-background, +ul.has-background { + padding: 1.25em 2.375em; +} + +.wp-block-media-text { + /*!rtl:begin:ignore*/ + direction: ltr; + /*!rtl:end:ignore*/ + display: grid; + grid-template-columns: 50% 1fr; + grid-template-rows: auto; +} +.wp-block-media-text.has-media-on-the-right { + grid-template-columns: 1fr 50%; +} + +.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__content, +.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__media { + align-self: start; +} + +.wp-block-media-text .wp-block-media-text__content, +.wp-block-media-text .wp-block-media-text__media, +.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__content, +.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__media { + align-self: center; +} + +.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__content, +.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__media { + align-self: end; +} + +.wp-block-media-text .wp-block-media-text__media { + /*!rtl:begin:ignore*/ + grid-column: 1; + grid-row: 1; + /*!rtl:end:ignore*/ + margin: 0; +} + +.wp-block-media-text .wp-block-media-text__content { + direction: ltr; + /*!rtl:begin:ignore*/ + grid-column: 2; + grid-row: 1; + /*!rtl:end:ignore*/ + padding: 0 8% 0 8%; + word-break: break-word; +} + +.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media { + /*!rtl:begin:ignore*/ + grid-column: 2; + grid-row: 1; + /*!rtl:end:ignore*/ +} + +.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content { + /*!rtl:begin:ignore*/ + grid-column: 1; + grid-row: 1; + /*!rtl:end:ignore*/ +} + +.wp-block-media-text__media img, +.wp-block-media-text__media video { + max-width: unset; + width: 100%; + vertical-align: middle; +} + +.wp-block-media-text.is-image-fill .wp-block-media-text__media { + height: 100%; + min-height: 250px; + background-size: cover; +} + +.wp-block-media-text.is-image-fill .wp-block-media-text__media > a { + display: block; + height: 100%; +} + +.wp-block-media-text.is-image-fill .wp-block-media-text__media img { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + border: 0; +} + +/* +* Here we here not able to use a mobile first CSS approach. +* Custom widths are set using inline styles, and on mobile, +* we need 100% width, so we use important to overwrite the inline style. +* If the style were set on mobile first, on desktop styles, +* we would have no way of setting the style again to the inline style. +*/ +@media (max-width: 600px) { + .wp-block-media-text.is-stacked-on-mobile { + grid-template-columns: 100% !important; + } + .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media { + grid-column: 1; + grid-row: 1; + } + .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content { + grid-column: 1; + grid-row: 2; + } +} +.wp-block-navigation { + position: relative; +} +.wp-block-navigation ul, +.wp-block-navigation ul li { + list-style: none; + padding: 0; +} +.wp-block-navigation .wp-block-pages-list__item, +.wp-block-navigation .wp-block-navigation-link { + display: flex; + align-items: center; + position: relative; +} +.wp-block-navigation .wp-block-pages-list__item .wp-block-navigation-link__container:empty, +.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__container:empty { + display: none; +} +.wp-block-navigation .wp-block-pages-list__item__link, +.wp-block-navigation .wp-block-navigation-link__content { + color: inherit; + display: block; +} +.wp-block-navigation[style*=text-decoration] .wp-block-pages-list__item, +.wp-block-navigation[style*=text-decoration] .wp-block-navigation-link__container, +.wp-block-navigation[style*=text-decoration] .wp-block-navigation-link { + text-decoration: inherit; +} +.wp-block-navigation[style*=text-decoration] .wp-block-pages-list__item__link, +.wp-block-navigation[style*=text-decoration] .wp-block-navigation-link__content { + text-decoration: inherit; +} +.wp-block-navigation[style*=text-decoration] .wp-block-pages-list__item__link:focus, .wp-block-navigation[style*=text-decoration] .wp-block-pages-list__item__link:active, +.wp-block-navigation[style*=text-decoration] .wp-block-navigation-link__content:focus, +.wp-block-navigation[style*=text-decoration] .wp-block-navigation-link__content:active { + text-decoration: inherit; +} +.wp-block-navigation:not([style*=text-decoration]) .wp-block-pages-list__item__link, +.wp-block-navigation:not([style*=text-decoration]) .wp-block-navigation-link__content { + text-decoration: none; +} +.wp-block-navigation:not([style*=text-decoration]) .wp-block-pages-list__item__link:focus, .wp-block-navigation:not([style*=text-decoration]) .wp-block-pages-list__item__link:active, +.wp-block-navigation:not([style*=text-decoration]) .wp-block-navigation-link__content:focus, +.wp-block-navigation:not([style*=text-decoration]) .wp-block-navigation-link__content:active { + text-decoration: none; +} +.wp-block-navigation .wp-block-page-list__submenu-icon, +.wp-block-navigation .wp-block-navigation-link__submenu-icon { + height: inherit; +} +.wp-block-navigation .wp-block-page-list__submenu-icon svg, +.wp-block-navigation .wp-block-navigation-link__submenu-icon svg { + stroke: currentColor; +} +.wp-block-navigation .wp-block-pages-list__item .wp-block-pages-list__item__link, +.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__content.wp-block-navigation-link__content.wp-block-navigation-link__content { + padding: 0; +} +.wp-block-navigation .has-child > .wp-block-pages-list__item__link, +.wp-block-navigation .has-child > .wp-block-navigation-link__content { + margin-right: 0.5em; +} +.wp-block-navigation .has-child .submenu-container, +.wp-block-navigation .has-child .wp-block-navigation-link__container { + background-color: inherit; + color: inherit; + position: absolute; + z-index: 2; + flex-direction: column; + align-items: normal; + min-width: 200px; + display: none; + opacity: 0; + transition: opacity 0.1s linear; + visibility: hidden; +} +.wp-block-navigation .has-child .submenu-container > .wp-block-pages-list__item > .wp-block-pages-list__item__link, +.wp-block-navigation .has-child .submenu-container > .wp-block-pages-list__item > .wp-block-navigation-link__content, +.wp-block-navigation .has-child .submenu-container > .wp-block-navigation-link > .wp-block-pages-list__item__link, +.wp-block-navigation .has-child .submenu-container > .wp-block-navigation-link > .wp-block-navigation-link__content, +.wp-block-navigation .has-child .wp-block-navigation-link__container > .wp-block-pages-list__item > .wp-block-pages-list__item__link, +.wp-block-navigation .has-child .wp-block-navigation-link__container > .wp-block-pages-list__item > .wp-block-navigation-link__content, +.wp-block-navigation .has-child .wp-block-navigation-link__container > .wp-block-navigation-link > .wp-block-pages-list__item__link, +.wp-block-navigation .has-child .wp-block-navigation-link__container > .wp-block-navigation-link > .wp-block-navigation-link__content { + flex-grow: 1; +} +.wp-block-navigation .has-child .submenu-container > .wp-block-pages-list__item > .wp-block-page-list__submenu-icon, +.wp-block-navigation .has-child .submenu-container > .wp-block-pages-list__item > .wp-block-navigation-link__submenu-icon, +.wp-block-navigation .has-child .submenu-container > .wp-block-navigation-link > .wp-block-page-list__submenu-icon, +.wp-block-navigation .has-child .submenu-container > .wp-block-navigation-link > .wp-block-navigation-link__submenu-icon, +.wp-block-navigation .has-child .wp-block-navigation-link__container > .wp-block-pages-list__item > .wp-block-page-list__submenu-icon, +.wp-block-navigation .has-child .wp-block-navigation-link__container > .wp-block-pages-list__item > .wp-block-navigation-link__submenu-icon, +.wp-block-navigation .has-child .wp-block-navigation-link__container > .wp-block-navigation-link > .wp-block-page-list__submenu-icon, +.wp-block-navigation .has-child .wp-block-navigation-link__container > .wp-block-navigation-link > .wp-block-navigation-link__submenu-icon { + padding-right: 0.5em; +} +@media (min-width: 782px) { + .wp-block-navigation .has-child .submenu-container .submenu-container::before, +.wp-block-navigation .has-child .submenu-container .wp-block-navigation-link__container::before, +.wp-block-navigation .has-child .wp-block-navigation-link__container .submenu-container::before, +.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container::before { + content: ""; + position: absolute; + right: 100%; + height: 100%; + display: block; + width: 0.5em; + background: transparent; + } + .wp-block-navigation .has-child .submenu-container .wp-block-page-list__submenu-icon svg, +.wp-block-navigation .has-child .submenu-container .wp-block-navigation-link__submenu-icon svg, +.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-page-list__submenu-icon svg, +.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-navigation-link__submenu-icon svg { + transform: rotate(-90deg); + } +} +.wp-block-navigation .has-child:hover > .wp-block-navigation-link__container { + display: flex; + visibility: visible; + opacity: 1; +} +.wp-block-navigation .has-child:focus-within > .wp-block-navigation-link__container { + display: flex; + visibility: visible; + opacity: 1; +} +.wp-block-navigation .has-child:hover { + cursor: pointer; +} +.wp-block-navigation .has-child:hover > .submenu-container { + display: flex; + visibility: visible; + opacity: 1; +} +.wp-block-navigation .has-child:focus-within { + cursor: pointer; +} +.wp-block-navigation .has-child:focus-within > .submenu-container { + display: flex; + visibility: visible; + opacity: 1; +} +.wp-block-navigation.wp-block-navigation.items-justified-space-between > .submenu-container > .has-child:last-child .submenu-container, +.wp-block-navigation.wp-block-navigation.items-justified-space-between > .submenu-container > .has-child:last-child .wp-block-navigation-link__container, .wp-block-navigation.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .submenu-container, +.wp-block-navigation.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .wp-block-navigation-link__container, .wp-block-navigation.wp-block-navigation.items-justified-right > .submenu-container .has-child .submenu-container, +.wp-block-navigation.wp-block-navigation.items-justified-right > .submenu-container .has-child .wp-block-navigation-link__container, .wp-block-navigation.wp-block-navigation.items-justified-right > .wp-block-navigation__container .has-child .submenu-container, +.wp-block-navigation.wp-block-navigation.items-justified-right > .wp-block-navigation__container .has-child .wp-block-navigation-link__container { + left: auto; + right: 0; +} +.wp-block-navigation.wp-block-navigation.items-justified-space-between > .submenu-container > .has-child:last-child .submenu-container .submenu-container, +.wp-block-navigation.wp-block-navigation.items-justified-space-between > .submenu-container > .has-child:last-child .submenu-container .wp-block-navigation-link__container, +.wp-block-navigation.wp-block-navigation.items-justified-space-between > .submenu-container > .has-child:last-child .wp-block-navigation-link__container .submenu-container, +.wp-block-navigation.wp-block-navigation.items-justified-space-between > .submenu-container > .has-child:last-child .wp-block-navigation-link__container .wp-block-navigation-link__container, .wp-block-navigation.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .submenu-container .submenu-container, +.wp-block-navigation.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .submenu-container .wp-block-navigation-link__container, +.wp-block-navigation.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .wp-block-navigation-link__container .submenu-container, +.wp-block-navigation.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .wp-block-navigation-link__container .wp-block-navigation-link__container, .wp-block-navigation.wp-block-navigation.items-justified-right > .submenu-container .has-child .submenu-container .submenu-container, +.wp-block-navigation.wp-block-navigation.items-justified-right > .submenu-container .has-child .submenu-container .wp-block-navigation-link__container, +.wp-block-navigation.wp-block-navigation.items-justified-right > .submenu-container .has-child .wp-block-navigation-link__container .submenu-container, +.wp-block-navigation.wp-block-navigation.items-justified-right > .submenu-container .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container, .wp-block-navigation.wp-block-navigation.items-justified-right > .wp-block-navigation__container .has-child .submenu-container .submenu-container, +.wp-block-navigation.wp-block-navigation.items-justified-right > .wp-block-navigation__container .has-child .submenu-container .wp-block-navigation-link__container, +.wp-block-navigation.wp-block-navigation.items-justified-right > .wp-block-navigation__container .has-child .wp-block-navigation-link__container .submenu-container, +.wp-block-navigation.wp-block-navigation.items-justified-right > .wp-block-navigation__container .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container { + left: auto; + right: 100%; +} + +.wp-block-navigation.wp-block-navigation .wp-block-page-list, +.wp-block-navigation.wp-block-navigation .wp-block-page-list > .wp-block-pages-list__item, +.wp-block-navigation.wp-block-navigation .wp-block-navigation__container > .wp-block-navigation-link { + margin: 0 2em 0 0; +} +.wp-block-navigation.wp-block-navigation .wp-block-page-list:last-child, +.wp-block-navigation.wp-block-navigation .wp-block-page-list > .wp-block-pages-list__item:last-child, +.wp-block-navigation.wp-block-navigation .wp-block-navigation__container > .wp-block-navigation-link:last-child { + margin-right: 0; +} +.wp-block-navigation.wp-block-navigation.has-background .wp-block-page-list, +.wp-block-navigation.wp-block-navigation.has-background .wp-block-page-list > .wp-block-pages-list__item, +.wp-block-navigation.wp-block-navigation.has-background .wp-block-navigation__container > .wp-block-navigation-link { + margin: 0 0.5em 0 0; +} +.wp-block-navigation.wp-block-navigation.has-background .wp-block-page-list .wp-block-pages-list__item__link, +.wp-block-navigation.wp-block-navigation.has-background .wp-block-navigation__container .wp-block-navigation-link__content { + padding: 0.5em 1em; +} +.wp-block-navigation.wp-block-navigation .has-child .submenu-container, +.wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container { + left: -1em; + top: 100%; +} +.wp-block-navigation.wp-block-navigation .has-child .submenu-container .wp-block-pages-list__item, +.wp-block-navigation.wp-block-navigation .has-child .submenu-container .wp-block-navigation-link, +.wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-pages-list__item, +.wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-navigation-link { + margin: 0; +} +.wp-block-navigation.wp-block-navigation .has-child .submenu-container .wp-block-pages-list__item__link, +.wp-block-navigation.wp-block-navigation .has-child .submenu-container .wp-block-navigation-link__content, +.wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-pages-list__item__link, +.wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-navigation-link__content { + padding: 0.5em 1em; +} +.wp-block-navigation.wp-block-navigation .has-child .submenu-container .submenu-container, +.wp-block-navigation.wp-block-navigation .has-child .submenu-container .wp-block-navigation-link__container, +.wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .submenu-container, +.wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container { + left: -1px; +} +@media (min-width: 782px) { + .wp-block-navigation.wp-block-navigation .has-child .submenu-container .submenu-container, +.wp-block-navigation.wp-block-navigation .has-child .submenu-container .wp-block-navigation-link__container, +.wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .submenu-container, +.wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container { + left: 100%; + top: -1px; + } +} +.wp-block-navigation.wp-block-navigation.has-background .has-child .submenu-container, .wp-block-navigation.wp-block-navigation.has-background .has-child .wp-block-navigation-link__container { + left: 0; + top: 100%; +} +.wp-block-navigation.wp-block-navigation.has-background .has-child .submenu-container .submenu-container, +.wp-block-navigation.wp-block-navigation.has-background .has-child .submenu-container .wp-block-navigation-link__container, .wp-block-navigation.wp-block-navigation.has-background .has-child .wp-block-navigation-link__container .submenu-container, +.wp-block-navigation.wp-block-navigation.has-background .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container { + left: 0; +} +@media (min-width: 782px) { + .wp-block-navigation.wp-block-navigation.has-background .has-child .submenu-container .submenu-container, +.wp-block-navigation.wp-block-navigation.has-background .has-child .submenu-container .wp-block-navigation-link__container, .wp-block-navigation.wp-block-navigation.has-background .has-child .wp-block-navigation-link__container .submenu-container, +.wp-block-navigation.wp-block-navigation.has-background .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container { + left: 100%; + top: 0; + } +} + +.wp-block-navigation:not(.has-background) .submenu-container, +.wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-navigation-link__container { + background-color: #fff; + color: #000; + border: 1px solid rgba(0, 0, 0, 0.15); +} + +.wp-block-navigation__container { + align-items: center; + list-style: none; + margin: 0; + padding-left: 0; +} +.wp-block-navigation__container .is-responsive { + display: none; +} +@media (min-width: 600px) { + .wp-block-navigation__container { + display: flex; + flex-wrap: wrap; + } + .is-vertical .wp-block-navigation__container { + display: block; + flex-direction: column; + align-items: flex-start; + } +} + +.items-justified-center .wp-block-navigation__container { + justify-content: center; +} + +.items-justified-right .wp-block-navigation__container { + justify-content: flex-end; +} + +.items-justified-space-between .wp-block-navigation__container { + justify-content: space-between; +} + +.is-vertical.items-justified-center > ul { + align-items: center; +} + +.is-vertical.items-justified-right > ul { + align-items: flex-end; +} +.is-vertical.items-justified-right > ul .wp-block-navigation-link, +.is-vertical.items-justified-right > ul .wp-block-pages-list__item { + margin-right: 0; + justify-content: flex-end; +} + +/** + * Mobile menu. + */ +.wp-block-navigation__responsive-container { + display: none; + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 1; + align-items: flex-start; + justify-content: flex-start; +} +.wp-block-navigation__responsive-container.is-menu-open { + display: flex; + flex-direction: column; + overflow: auto; + z-index: 100000; + padding: 24px; + background-color: inherit; +} +.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container { + display: flex; + flex-direction: column; + margin-left: auto; + margin-right: auto; + align-items: flex-start; + line-height: 48px; + padding: 0; +} +.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container .wp-block-page-list { + flex-direction: column; +} +.wp-block-navigation__responsive-container.is-menu-open .wp-block-pages-list__item .submenu-container, +.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link .wp-block-navigation-link__container, +.wp-block-navigation__responsive-container.is-menu-open .wp-block-pages-list__item, +.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link { + background: transparent !important; +} +@media (min-width: 600px) { + .wp-block-navigation__responsive-container:not(.is-menu-open) { + display: flex; + flex-direction: row; + position: relative; + background-color: inherit; + } + .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__responsive-container-close { + display: none; + } + .wp-block-navigation__responsive-container.is-menu-open .submenu-container.submenu-container.submenu-container.submenu-container, +.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link__container.wp-block-navigation-link__container.wp-block-navigation-link__container.wp-block-navigation-link__container { + left: 0; + } +} + +.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open { + background-color: #fff; + color: #000; +} + +.wp-block-navigation__responsive-container-open, +.wp-block-navigation__responsive-container-close { + vertical-align: middle; + cursor: pointer; + color: currentColor; + background: transparent; + border: none; + margin: 0; + padding: 0; +} +.wp-block-navigation__responsive-container-open svg, +.wp-block-navigation__responsive-container-close svg { + fill: currentColor; + pointer-events: none; + display: block; + width: 24px; + height: 24px; +} + +.wp-block-navigation__responsive-container-open { + display: flex; +} +@media (min-width: 600px) { + .wp-block-navigation__responsive-container-open { + display: none; + } +} +.items-justified-left .wp-block-navigation__responsive-container-open { + margin-left: 0; + margin-right: auto; +} +.items-justified-center .wp-block-navigation__responsive-container-open { + margin-left: auto; + margin-right: auto; +} +.items-justified-right .wp-block-navigation__responsive-container-open { + margin-left: auto; + margin-right: 0; +} + +.wp-block-navigation__responsive-container-close { + position: absolute; + top: 24px; + right: 24px; + z-index: 2; +} + +.wp-block-navigation__responsive-close { + width: 100%; +} + +.is-menu-open .wp-block-navigation__responsive-close, +.is-menu-open .wp-block-navigation__responsive-dialog, +.is-menu-open .wp-block-navigation__responsive-container-content { + width: 100%; + height: 100%; +} + +.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list__submenu-icon, +.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link__submenu-icon { + display: none; +} +.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .has-child .submenu-container, +.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .has-child .wp-block-navigation-link__container { + position: relative; + opacity: 1; + visibility: visible; + padding: 0 0 0 32px; + border: none; +} +.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link, +.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-pages-list__item { + flex-direction: column; + align-items: flex-start; +} + +html.has-modal-open { + overflow: hidden; +} + +.wp-block-navigation .wp-block-navigation-link__label { + word-break: normal; + overflow-wrap: break-word; +} + +.wp-block-navigation .wp-block-home-link__content { + color: inherit; + display: block; + padding: 0.5em 1em; +} +.wp-block-navigation[style*=text-decoration] .wp-block-home-link { + text-decoration: inherit; +} +.wp-block-navigation[style*=text-decoration] .wp-block-home-link__content { + text-decoration: inherit; +} +.wp-block-navigation[style*=text-decoration] .wp-block-home-link__content:focus, .wp-block-navigation[style*=text-decoration] .wp-block-home-link__content:active { + text-decoration: inherit; +} +.wp-block-navigation:not([style*=text-decoration]) .wp-block-home-link__content { + text-decoration: none; +} +.wp-block-navigation:not([style*=text-decoration]) .wp-block-home-link__content:focus, .wp-block-navigation:not([style*=text-decoration]) .wp-block-home-link__content:active { + text-decoration: none; +} + +.wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-home-link__container { + background-color: #fff; + color: #000; + border: 1px solid rgba(0, 0, 0, 0.15); +} +.wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-home-link__container .wp-block-home-link__container { + top: -1px; +} + +.wp-block-navigation .wp-block-page-list { + display: flex; + flex-wrap: wrap; + background-color: inherit; +} +.wp-block-navigation .wp-block-pages-list__item { + background-color: inherit; +} +.wp-block-navigation .wp-block-page-list__submenu-icon { + display: none; +} +.wp-block-navigation .show-submenu-icons .wp-block-page-list__submenu-icon { + display: block; +} + +.is-vertical .wp-block-navigation__container .wp-block-page-list, +.is-open .wp-block-navigation__container .wp-block-page-list { + display: block; +} + +@media (min-width: 480px) { + .is-open .wp-block-navigation__container .wp-block-page-list { + display: flex; + } +} + +.items-justified-space-between .wp-block-page-list { + display: contents; +} + +.is-small-text { + font-size: 0.875em; +} + +.is-regular-text { + font-size: 1em; +} + +.is-large-text { + font-size: 2.25em; +} + +.is-larger-text { + font-size: 3em; +} + +.has-drop-cap:not(:focus)::first-letter { + float: left; + font-size: 8.4em; + line-height: 0.68; + font-weight: 100; + margin: 0.05em 0.1em 0 0; + text-transform: uppercase; + font-style: normal; +} + +p.has-drop-cap.has-background { + overflow: hidden; +} + +p.has-background { + padding: 1.25em 2.375em; +} + +p.has-text-color a { + color: inherit; +} + +.wp-block-post-author { + display: flex; + flex-wrap: wrap; +} +.wp-block-post-author__byline { + width: 100%; + margin-top: 0; + margin-bottom: 0; + font-size: 0.5em; +} +.wp-block-post-author__avatar { + margin-right: 1em; +} +.wp-block-post-author__bio { + margin-bottom: 0.7em; + font-size: 0.7em; +} +.wp-block-post-author__content { + flex-grow: 1; + flex-basis: 0; +} +.wp-block-post-author__name { + font-weight: bold; + margin: 0; +} + +.wp-block-post-comments .commentlist { + list-style: none; + margin: 0; + padding: 0; +} +.wp-block-post-comments .commentlist .comment { + min-height: 2.25em; + padding-left: 3.25em; +} +.wp-block-post-comments .commentlist .comment p { + font-size: 0.875em; + line-height: 1.8; + margin: 0.36em 0 1.4em; +} +.wp-block-post-comments .commentlist .children { + list-style: none; + margin: 0; + padding: 0; +} +.wp-block-post-comments .comment-author { + line-height: 1.5; + margin-left: -3.25em; +} +.wp-block-post-comments .comment-author .avatar { + border-radius: 1.5em; + display: block; + float: left; + height: 2.5em; + margin-right: 0.75em; + width: 2.5em; +} +.wp-block-post-comments .comment-author cite { + font-style: normal; +} +.wp-block-post-comments .comment-meta { + line-height: 1.5; + margin-left: -3.25em; +} +.wp-block-post-comments .comment-body .commentmetadata { + font-size: 0.75em; +} +.wp-block-post-comments .comment-form-comment label, +.wp-block-post-comments .comment-form-author label, +.wp-block-post-comments .comment-form-email label, +.wp-block-post-comments .comment-form-url label { + display: block; +} +.wp-block-post-comments .comment-form-comment textarea { + box-sizing: border-box; + width: 100%; +} +.wp-block-post-comments .reply { + font-size: 0.75em; + margin-bottom: 1.4em; +} +.wp-block-post-comments textarea, +.wp-block-post-comments input { + border: 1px solid #949494; +} + +.wp-block-post-comments-form input[type=submit] { + border: none; + box-shadow: none; + cursor: pointer; + display: inline-block; + text-align: center; + overflow-wrap: break-word; +} + +.wp-block-post-excerpt__more-link { + display: inline-block; +} + +.wp-block-post-title a { + display: inline-block; +} + +.wp-block-preformatted { + white-space: pre-wrap; +} + +.wp-block-preformatted.has-background { + padding: 1.25em 2.375em; +} + +.wp-block-pullquote { + margin: 0 0 1em 0; + padding: 3em 0; + text-align: center; +} +.wp-block-pullquote.alignleft, .wp-block-pullquote.alignright { + max-width: 420px; +} +.wp-block-pullquote.alignleft p, .wp-block-pullquote.alignright p { + font-size: 1.25em; +} +.wp-block-pullquote p { + font-size: 1.75em; + line-height: 1.6; +} +.wp-block-pullquote cite, +.wp-block-pullquote footer { + position: relative; +} +.wp-block-pullquote .has-text-color a { + color: inherit; +} + +.wp-block-pullquote:not(.is-style-solid-color) { + background: none; +} + +.wp-block-pullquote.is-style-solid-color { + border: none; +} +.wp-block-pullquote.is-style-solid-color blockquote { + margin-left: auto; + margin-right: auto; + text-align: left; + max-width: 60%; +} +.wp-block-pullquote.is-style-solid-color blockquote p { + margin-top: 0; + margin-bottom: 0; + font-size: 2em; +} +.wp-block-pullquote.is-style-solid-color blockquote cite { + text-transform: none; + font-style: normal; +} + +.wp-block-pullquote cite { + color: inherit; +} + +.wp-block-post-template, +.wp-block-query-loop { + max-width: 100%; + list-style: none; + padding: 0; +} +.wp-block-post-template li, +.wp-block-query-loop li { + clear: both; +} +.wp-block-post-template.is-flex-container, +.wp-block-query-loop.is-flex-container { + flex-direction: row; + display: flex; + flex-wrap: wrap; +} +.wp-block-post-template.is-flex-container li, +.wp-block-query-loop.is-flex-container li { + margin: 0 0 1.25em 0; + width: 100%; +} +@media (min-width: 600px) { + .wp-block-post-template.is-flex-container li, +.wp-block-query-loop.is-flex-container li { + margin-right: 1.25em; + } + .wp-block-post-template.is-flex-container.is-flex-container.columns-2 > li, +.wp-block-query-loop.is-flex-container.is-flex-container.columns-2 > li { + width: calc((100% / 2) - 1.25em + (1.25em / 2)); + } + .wp-block-post-template.is-flex-container.is-flex-container.columns-2 > li:nth-child(2n), +.wp-block-query-loop.is-flex-container.is-flex-container.columns-2 > li:nth-child(2n) { + margin-right: 0; + } + .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li, +.wp-block-query-loop.is-flex-container.is-flex-container.columns-3 > li { + width: calc((100% / 3) - 1.25em + (1.25em / 3)); + } + .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li:nth-child(3n), +.wp-block-query-loop.is-flex-container.is-flex-container.columns-3 > li:nth-child(3n) { + margin-right: 0; + } + .wp-block-post-template.is-flex-container.is-flex-container.columns-4 > li, +.wp-block-query-loop.is-flex-container.is-flex-container.columns-4 > li { + width: calc((100% / 4) - 1.25em + (1.25em / 4)); + } + .wp-block-post-template.is-flex-container.is-flex-container.columns-4 > li:nth-child(4n), +.wp-block-query-loop.is-flex-container.is-flex-container.columns-4 > li:nth-child(4n) { + margin-right: 0; + } + .wp-block-post-template.is-flex-container.is-flex-container.columns-5 > li, +.wp-block-query-loop.is-flex-container.is-flex-container.columns-5 > li { + width: calc((100% / 5) - 1.25em + (1.25em / 5)); + } + .wp-block-post-template.is-flex-container.is-flex-container.columns-5 > li:nth-child(5n), +.wp-block-query-loop.is-flex-container.is-flex-container.columns-5 > li:nth-child(5n) { + margin-right: 0; + } + .wp-block-post-template.is-flex-container.is-flex-container.columns-6 > li, +.wp-block-query-loop.is-flex-container.is-flex-container.columns-6 > li { + width: calc((100% / 6) - 1.25em + (1.25em / 6)); + } + .wp-block-post-template.is-flex-container.is-flex-container.columns-6 > li:nth-child(6n), +.wp-block-query-loop.is-flex-container.is-flex-container.columns-6 > li:nth-child(6n) { + margin-right: 0; + } +} + +.wp-block-query-pagination { + display: flex; + flex-direction: row; + flex-wrap: wrap; +} +.wp-block-query-pagination > .wp-block-query-pagination-next, +.wp-block-query-pagination > .wp-block-query-pagination-previous, +.wp-block-query-pagination > .wp-block-query-pagination-numbers { + display: inline-block; + /*rtl:ignore*/ + margin-right: 0.5em; + margin-bottom: 0.5em; +} +.wp-block-query-pagination > .wp-block-query-pagination-next:last-child, +.wp-block-query-pagination > .wp-block-query-pagination-previous:last-child, +.wp-block-query-pagination > .wp-block-query-pagination-numbers:last-child { + /*rtl:ignore*/ + margin-right: 0; +} + +.wp-block-quote.is-style-large, .wp-block-quote.is-large { + margin-bottom: 1em; + padding: 0 1em; +} +.wp-block-quote.is-style-large p, .wp-block-quote.is-large p { + font-size: 1.5em; + font-style: italic; + line-height: 1.6; +} +.wp-block-quote.is-style-large cite, +.wp-block-quote.is-style-large footer, .wp-block-quote.is-large cite, +.wp-block-quote.is-large footer { + font-size: 1.125em; + text-align: right; +} + +.wp-block-rss.wp-block-rss { + box-sizing: border-box; +} +.wp-block-rss.alignleft { + /*rtl:ignore*/ + margin-right: 2em; +} +.wp-block-rss.alignright { + /*rtl:ignore*/ + margin-left: 2em; +} +.wp-block-rss.is-grid { + display: flex; + flex-wrap: wrap; + padding: 0; + list-style: none; +} +.wp-block-rss.is-grid li { + margin: 0 1em 1em 0; + width: 100%; +} +@media (min-width: 600px) { + .wp-block-rss.columns-2 li { + width: calc(( 100% / 2 ) - 1em); + } + .wp-block-rss.columns-3 li { + width: calc(( 100% / 3 ) - 1em); + } + .wp-block-rss.columns-4 li { + width: calc(( 100% / 4 ) - 1em); + } + .wp-block-rss.columns-5 li { + width: calc(( 100% / 5 ) - 1em); + } + .wp-block-rss.columns-6 li { + width: calc(( 100% / 6 ) - 1em); + } +} + +.wp-block-rss__item-publish-date, +.wp-block-rss__item-author { + display: block; + color: #555; + font-size: 0.8125em; +} + +.wp-block-search .wp-block-search__button { + background: #f7f7f7; + border: 1px solid #ccc; + padding: 0.375em 0.625em; + color: #32373c; + margin-left: 0.625em; + word-break: normal; +} +.wp-block-search .wp-block-search__button.has-icon { + line-height: 0; +} +.wp-block-search .wp-block-search__button svg { + min-width: 1.5em; + min-height: 1.5em; +} +.wp-block-search .wp-block-search__inside-wrapper { + display: flex; + flex: auto; + flex-wrap: nowrap; + max-width: 100%; +} +.wp-block-search .wp-block-search__label { + width: 100%; +} +.wp-block-search .wp-block-search__input { + flex-grow: 1; + min-width: 3em; + border: 1px solid #949494; +} +.wp-block-search.wp-block-search__button-only .wp-block-search__button { + margin-left: 0; +} +.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper { + padding: 4px; + border: 1px solid #949494; +} +.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input { + border-radius: 0; + border: none; + padding: 0 0 0 0.25em; +} +.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input:focus { + outline: none; +} +.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button { + padding: 0.125em 0.5em; +} +.wp-block-search.aligncenter .wp-block-search__inside-wrapper { + margin: auto; +} + +.wp-block-separator { + border-top: 1px solid currentColor; + border-bottom: 1px solid currentColor; +} +.wp-block-separator.is-style-wide { + border-bottom-width: 1px; +} +.wp-block-separator.is-style-dots { + background: none !important; + border: none; + text-align: center; + width: none; + line-height: 1; + height: auto; +} +.wp-block-separator.is-style-dots::before { + content: "···"; + color: currentColor; + font-size: 1.5em; + letter-spacing: 2em; + /*rtl:ignore*/ + padding-left: 2em; + font-family: serif; +} + +.wp-block-site-logo { + line-height: 0; +} +.wp-block-site-logo a { + display: inline-block; +} +.wp-block-site-logo.is-default-size img { + width: 120px; + height: auto; +} +.wp-block-site-logo .aligncenter { + display: table; +} +.wp-block-site-logo.is-style-rounded img { + border-radius: 9999px; +} + +.wp-block-social-links { + display: flex; + flex-wrap: wrap; + padding-left: 0; + padding-right: 0; + text-indent: 0; + margin-left: 0; +} +.wp-block-social-links .wp-social-link a, +.wp-block-social-links .wp-social-link a:hover { + text-decoration: none; + border-bottom: 0; + box-shadow: none; +} +.wp-block-social-links .wp-social-link.wp-social-link.wp-social-link { + margin: 4px 8px 4px 0; +} +.wp-block-social-links .wp-social-link a { + padding: 0.25em; +} +.wp-block-social-links .wp-social-link svg { + width: 1em; + height: 1em; +} +.wp-block-social-links.has-small-icon-size { + font-size: 16px; +} +.wp-block-social-links, .wp-block-social-links.has-normal-icon-size { + font-size: 24px; +} +.wp-block-social-links.has-large-icon-size { + font-size: 36px; +} +.wp-block-social-links.has-huge-icon-size { + font-size: 48px; +} +.wp-block-social-links.aligncenter { + justify-content: center; + display: flex; +} +.wp-block-social-links.alignright { + justify-content: flex-end; +} + +.wp-block-social-link { + display: block; + border-radius: 9999px; + transition: transform 0.1s ease; + height: auto; +} +@media (prefers-reduced-motion: reduce) { + .wp-block-social-link { + transition-duration: 0s; + transition-delay: 0s; + } +} +.wp-block-social-link a { + display: block; + line-height: 0; + transition: transform 0.1s ease; +} +.wp-block-social-link:hover { + transform: scale(1.1); +} + +.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:hover, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:active, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:visited, +.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor svg { + color: currentColor; + fill: currentColor; +} + +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link { + background-color: #f0f0f0; + color: #444; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-amazon { + background-color: #f90; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-bandcamp { + background-color: #1ea0c3; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-behance { + background-color: #0757fe; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-codepen { + background-color: #1e1f26; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-deviantart { + background-color: #02e49b; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dribbble { + background-color: #e94c89; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dropbox { + background-color: #4280ff; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-etsy { + background-color: #f45800; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook { + background-color: #1778f2; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-fivehundredpx { + background-color: #000; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-flickr { + background-color: #0461dd; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-foursquare { + background-color: #e65678; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-github { + background-color: #24292d; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-goodreads { + background-color: #eceadd; + color: #382110; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-google { + background-color: #ea4434; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram { + background-color: #f00075; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-lastfm { + background-color: #e21b24; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-linkedin { + background-color: #0d66c2; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-mastodon { + background-color: #3288d4; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-medium { + background-color: #02ab6c; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-meetup { + background-color: #f6405f; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-patreon { + background-color: #ff424d; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pinterest { + background-color: #e60122; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pocket { + background-color: #ef4155; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-reddit { + background-color: #fe4500; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-skype { + background-color: #0478d7; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-snapchat { + background-color: #fefc00; + color: #fff; + stroke: #000; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-soundcloud { + background-color: #ff5600; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-spotify { + background-color: #1bd760; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-telegram { + background-color: #2aabee; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tiktok { + background-color: #000; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tumblr { + background-color: #011835; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitch { + background-color: #6440a4; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitter { + background-color: #1da1f2; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vimeo { + background-color: #1eb7ea; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vk { + background-color: #4680c2; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-wordpress { + background-color: #3499cd; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-yelp { + background-color: #d32422; + color: #fff; +} +.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-youtube { + background-color: #f00; + color: #fff; +} + +.wp-block-social-links.is-style-logos-only .wp-social-link { + background: none; + padding: 4px; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-amazon { + color: #f90; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-bandcamp { + color: #1ea0c3; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-behance { + color: #0757fe; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-codepen { + color: #1e1f26; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-deviantart { + color: #02e49b; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-dribbble { + color: #e94c89; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-dropbox { + color: #4280ff; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-etsy { + color: #f45800; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-facebook { + color: #1778f2; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-fivehundredpx { + color: #000; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-flickr { + color: #0461dd; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-foursquare { + color: #e65678; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-github { + color: #24292d; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-goodreads { + color: #382110; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-google { + color: #ea4434; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-instagram { + color: #f00075; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-lastfm { + color: #e21b24; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-linkedin { + color: #0d66c2; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-mastodon { + color: #3288d4; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-medium { + color: #02ab6c; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-meetup { + color: #f6405f; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-patreon { + color: #ff424d; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-pinterest { + color: #e60122; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-pocket { + color: #ef4155; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-reddit { + color: #fe4500; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-skype { + color: #0478d7; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-snapchat { + color: #fff; + stroke: #000; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-soundcloud { + color: #ff5600; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-spotify { + color: #1bd760; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-telegram { + color: #2aabee; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-tiktok { + color: #000; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-tumblr { + color: #011835; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-twitch { + color: #6440a4; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-twitter { + color: #1da1f2; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-vimeo { + color: #1eb7ea; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-vk { + color: #4680c2; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-wordpress { + color: #3499cd; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-yelp { + color: #d32422; +} +.wp-block-social-links.is-style-logos-only .wp-social-link-youtube { + color: #f00; +} + +.wp-block-social-links.is-style-pill-shape .wp-social-link { + width: auto; +} +.wp-block-social-links.is-style-pill-shape .wp-social-link a { + padding-left: calc((2/3) * 1em); + padding-right: calc((2/3) * 1em); +} + +.wp-block-spacer { + clear: both; +} + +.wp-block-tag-cloud.aligncenter { + text-align: center; +} +.wp-block-tag-cloud.alignfull { + padding-left: 1em; + padding-right: 1em; +} + +.wp-block-table { + margin: 0 0 1em 0; + overflow-x: auto; +} +.wp-block-table table { + border-collapse: collapse; + width: 100%; +} +.wp-block-table .has-fixed-layout { + table-layout: fixed; + width: 100%; +} +.wp-block-table .has-fixed-layout td, +.wp-block-table .has-fixed-layout th { + word-break: break-word; +} +.wp-block-table.alignleft, .wp-block-table.aligncenter, .wp-block-table.alignright { + display: table; + width: auto; +} +.wp-block-table.alignleft td, +.wp-block-table.alignleft th, .wp-block-table.aligncenter td, +.wp-block-table.aligncenter th, .wp-block-table.alignright td, +.wp-block-table.alignright th { + word-break: break-word; +} +.wp-block-table .has-subtle-light-gray-background-color { + background-color: #f3f4f5; +} +.wp-block-table .has-subtle-pale-green-background-color { + background-color: #e9fbe5; +} +.wp-block-table .has-subtle-pale-blue-background-color { + background-color: #e7f5fe; +} +.wp-block-table .has-subtle-pale-pink-background-color { + background-color: #fcf0ef; +} +.wp-block-table.is-style-stripes { + border-spacing: 0; + border-collapse: inherit; + background-color: transparent; + border-bottom: 1px solid #f0f0f0; +} +.wp-block-table.is-style-stripes tbody tr:nth-child(odd) { + background-color: #f0f0f0; +} +.wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(odd) { + background-color: #f3f4f5; +} +.wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(odd) { + background-color: #e9fbe5; +} +.wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(odd) { + background-color: #e7f5fe; +} +.wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(odd) { + background-color: #fcf0ef; +} +.wp-block-table.is-style-stripes th, +.wp-block-table.is-style-stripes td { + border-color: transparent; +} +.wp-block-table .has-border-color > *, +.wp-block-table .has-border-color tr, +.wp-block-table .has-border-color th, +.wp-block-table .has-border-color td { + border-color: inherit; +} +.wp-block-table table[style*=border-style] > *, +.wp-block-table table[style*=border-style] tr, +.wp-block-table table[style*=border-style] th, +.wp-block-table table[style*=border-style] td { + border-style: inherit; +} +.wp-block-table table[style*=border-width] > *, +.wp-block-table table[style*=border-width] tr, +.wp-block-table table[style*=border-width] th, +.wp-block-table table[style*=border-width] td { + border-width: inherit; +} + +.wp-block-text-columns { + display: flex; +} +.wp-block-text-columns.aligncenter { + display: flex; +} +.wp-block-text-columns .wp-block-column { + margin: 0 1em; + padding: 0; +} +.wp-block-text-columns .wp-block-column:first-child { + margin-left: 0; +} +.wp-block-text-columns .wp-block-column:last-child { + margin-right: 0; +} +.wp-block-text-columns.columns-2 .wp-block-column { + width: calc(100% / 2); +} +.wp-block-text-columns.columns-3 .wp-block-column { + width: calc(100% / 3); +} +.wp-block-text-columns.columns-4 .wp-block-column { + width: calc(100% / 4); +} + +pre.wp-block-verse { + font-family: inherit; + overflow: auto; + white-space: pre-wrap; +} + +.wp-block-video { + margin: 0 0 1em 0; +} +.wp-block-video video { + width: 100%; +} +@supports (position: sticky) { + .wp-block-video [poster] { + -o-object-fit: cover; + object-fit: cover; + } +} +.wp-block-video.aligncenter { + text-align: center; +} +.wp-block-video figcaption { + margin-top: 0.5em; + margin-bottom: 1em; +} + +.wp-block-post-featured-image { + margin-left: 0; + margin-right: 0; +} +.wp-block-post-featured-image a { + display: inline-block; +} +.wp-block-post-featured-image img { + max-width: 100%; + height: auto; +} +.wp-block-post-featured-image.alignwide img, .wp-block-post-featured-image.alignfull img { + width: 100%; +} + +:root { + /* stylelint-disable function-comma-space-after */ + /* stylelint-enable function-comma-space-after */ +} +:root .has-pale-pink-background-color { + background-color: #f78da7; +} +:root .has-vivid-red-background-color { + background-color: #cf2e2e; +} +:root .has-luminous-vivid-orange-background-color { + background-color: #ff6900; +} +:root .has-luminous-vivid-amber-background-color { + background-color: #fcb900; +} +:root .has-light-green-cyan-background-color { + background-color: #7bdcb5; +} +:root .has-vivid-green-cyan-background-color { + background-color: #00d084; +} +:root .has-pale-cyan-blue-background-color { + background-color: #8ed1fc; +} +:root .has-vivid-cyan-blue-background-color { + background-color: #0693e3; +} +:root .has-vivid-purple-background-color { + background-color: #9b51e0; +} +:root .has-white-background-color { + background-color: #fff; +} +:root .has-very-light-gray-background-color { + background-color: #eee; +} +:root .has-cyan-bluish-gray-background-color { + background-color: #abb8c3; +} +:root .has-very-dark-gray-background-color { + background-color: #313131; +} +:root .has-black-background-color { + background-color: #000; +} +:root .has-pale-pink-color { + color: #f78da7; +} +:root .has-vivid-red-color { + color: #cf2e2e; +} +:root .has-luminous-vivid-orange-color { + color: #ff6900; +} +:root .has-luminous-vivid-amber-color { + color: #fcb900; +} +:root .has-light-green-cyan-color { + color: #7bdcb5; +} +:root .has-vivid-green-cyan-color { + color: #00d084; +} +:root .has-pale-cyan-blue-color { + color: #8ed1fc; +} +:root .has-vivid-cyan-blue-color { + color: #0693e3; +} +:root .has-vivid-purple-color { + color: #9b51e0; +} +:root .has-white-color { + color: #fff; +} +:root .has-very-light-gray-color { + color: #eee; +} +:root .has-cyan-bluish-gray-color { + color: #abb8c3; +} +:root .has-very-dark-gray-color { + color: #313131; +} +:root .has-black-color { + color: #000; +} +:root .has-vivid-cyan-blue-to-vivid-purple-gradient-background { + background: linear-gradient(135deg, #0693e3 0%, #9b51e0 100%); +} +:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background { + background: linear-gradient(135deg, #00d084 0%, #0693e3 100%); +} +:root .has-light-green-cyan-to-vivid-green-cyan-gradient-background { + background: linear-gradient(135deg, #7adcb4 0%, #00d082 100%); +} +:root .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background { + background: linear-gradient(135deg, #fcb900 0%, #ff6900 100%); +} +:root .has-luminous-vivid-orange-to-vivid-red-gradient-background { + background: linear-gradient(135deg, #ff6900 0%, #cf2e2e 100%); +} +:root .has-very-light-gray-to-cyan-bluish-gray-gradient-background { + background: linear-gradient(135deg, #eeeeee 0%, #a9b8c3 100%); +} +:root .has-cool-to-warm-spectrum-gradient-background { + background: linear-gradient(135deg, #4aeadc 0%, #9778d1 20%, #cf2aba 40%, #ee2c82 60%, #fb6962 80%, #fef84c 100%); +} +:root .has-blush-light-purple-gradient-background { + background: linear-gradient(135deg, #ffceec 0%, #9896f0 100%); +} +:root .has-blush-bordeaux-gradient-background { + background: linear-gradient(135deg, #fecda5 0%, #fe2d2d 50%, #6b003e 100%); +} +:root .has-purple-crush-gradient-background { + background: linear-gradient(135deg, #34e2e4 0%, #4721fb 50%, #ab1dfe 100%); +} +:root .has-luminous-dusk-gradient-background { + background: linear-gradient(135deg, #ffcb70 0%, #c751c0 50%, #4158d0 100%); +} +:root .has-hazy-dawn-gradient-background { + background: linear-gradient(135deg, #faaca8 0%, #dad0ec 100%); +} +:root .has-pale-ocean-gradient-background { + background: linear-gradient(135deg, #fff5cb 0%, #b6e3d4 50%, #33a7b5 100%); +} +:root .has-electric-grass-gradient-background { + background: linear-gradient(135deg, #caf880 0%, #71ce7e 100%); +} +:root .has-subdued-olive-gradient-background { + background: linear-gradient(135deg, #fafae1 0%, #67a671 100%); +} +:root .has-atomic-cream-gradient-background { + background: linear-gradient(135deg, #fdd79a 0%, #004a59 100%); +} +:root .has-nightshade-gradient-background { + background: linear-gradient(135deg, #330968 0%, #31cdcf 100%); +} +:root .has-midnight-gradient-background { + background: linear-gradient(135deg, #020381 0%, #2874fc 100%); +} + +.has-small-font-size { + font-size: 0.8125em; +} + +.has-regular-font-size, +.has-normal-font-size { + font-size: 1em; +} + +.has-medium-font-size { + font-size: 1.25em; +} + +.has-large-font-size { + font-size: 2.25em; +} + +.has-larger-font-size, +.has-huge-font-size { + font-size: 2.625em; +} + +.has-text-align-center { + text-align: center; +} + +.has-text-align-left { + /*rtl:ignore*/ + text-align: left; +} + +.has-text-align-right { + /*rtl:ignore*/ + text-align: right; +} + +#end-resizable-editor-section { + display: none; +} + +.aligncenter { + clear: both; +} + +.items-justified-left { + justify-content: flex-start; +} + +.items-justified-center { + justify-content: center; +} + +.items-justified-right { + justify-content: flex-end; +} + +.items-justified-space-between { + justify-content: space-between; +} + +.screen-reader-text { + border: 0; + clip: rect(1px, 1px, 1px, 1px); + -webkit-clip-path: inset(50%); + clip-path: inset(50%); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; + word-wrap: normal !important; +} + +.screen-reader-text:focus { + background-color: #ddd; + clip: auto !important; + -webkit-clip-path: none; + clip-path: none; + color: #444; + display: block; + font-size: 1em; + height: auto; + left: 5px; + line-height: normal; + padding: 15px 23px 14px; + text-decoration: none; + top: 5px; + width: auto; + z-index: 100000; +} \ No newline at end of file diff --git a/wp-includes/css/dist/block-library/style.min.css b/wp-includes/css/dist/block-library/style.min.css new file mode 100644 index 0000000000..e2f52a662f --- /dev/null +++ b/wp-includes/css/dist/block-library/style.min.css @@ -0,0 +1,11 @@ +@charset "UTF-8";#start-resizable-editor-section{display:none}.wp-block-audio{margin:0 0 1em}.wp-block-audio figcaption{margin-top:.5em;margin-bottom:1em}.wp-block-audio audio{width:100%;min-width:300px}.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;cursor:pointer;display:inline-block;font-size:1.125em;padding:calc(.667em + 2px) calc(1.333em + 2px);text-align:center;text-decoration:none;overflow-wrap:break-word;box-sizing:border-box}.wp-block-button__link:active,.wp-block-button__link:focus,.wp-block-button__link:hover,.wp-block-button__link:visited{color:#fff}.wp-block-button__link.aligncenter{text-align:center}.wp-block-button__link.alignright{text-align:right}.wp-block-buttons>.wp-block-button.has-custom-width{max-width:none}.wp-block-buttons>.wp-block-button.has-custom-width .wp-block-button__link{width:100%}.wp-block-buttons>.wp-block-button.has-custom-font-size .wp-block-button__link{font-size:inherit}.wp-block-buttons>.wp-block-button.wp-block-button__width-25{width:calc(25% - .5em)}.wp-block-buttons>.wp-block-button.wp-block-button__width-50{width:calc(50% - .5em)}.wp-block-buttons>.wp-block-button.wp-block-button__width-75{width:calc(75% - .5em)}.wp-block-buttons>.wp-block-button.wp-block-button__width-100{width:calc(100% - .5em)}.wp-block-buttons>.wp-block-button.wp-block-button__width-100:only-child{margin-right:0;width:100%}@supports (column-gap:0.5em){.wp-block-buttons.is-content-justification-right>.wp-block-button.wp-block-button,.wp-block-buttons>.wp-block-button.wp-block-button{margin-right:0;margin-left:0}.wp-block-buttons>.wp-block-button.wp-block-button__width-25{width:calc(25% - .375em)}.wp-block-buttons>.wp-block-button.wp-block-button__width-50{width:calc(50% - .25em)}.wp-block-buttons>.wp-block-button.wp-block-button__width-75{width:calc(75% - .125em)}.wp-block-buttons>.wp-block-button.wp-block-button__width-100{width:auto;flex-basis:100%}}.wp-block-button.is-style-squared,.wp-block-button__link.wp-block-button.is-style-squared{border-radius:0}.wp-block-button.no-border-radius,.wp-block-button__link.no-border-radius{border-radius:0!important}.is-style-outline>.wp-block-button__link,.wp-block-button__link.is-style-outline{border:2px solid;padding:.667em 1.333em}.is-style-outline>.wp-block-button__link:not(.has-text-color),.wp-block-button__link.is-style-outline:not(.has-text-color){color:currentColor}.is-style-outline>.wp-block-button__link:not(.has-background),.wp-block-button__link.is-style-outline:not(.has-background){background-color:transparent}.wp-block-buttons{display:flex;flex-direction:row;flex-wrap:wrap;column-gap:.5em}.wp-block-buttons.is-vertical{flex-direction:column}.wp-block-buttons.is-vertical>.wp-block-button{margin-right:0}.wp-block-buttons.is-vertical>.wp-block-button:last-child{margin-bottom:0}.wp-block-buttons>.wp-block-button{display:inline-block;margin-left:0;margin-right:.5em;margin-bottom:.5em}.wp-block-buttons>.wp-block-button:last-child{margin-right:0}.wp-block-buttons.is-content-justification-left{justify-content:flex-start}.wp-block-buttons.is-content-justification-left.is-vertical{align-items:flex-start}.wp-block-buttons.is-content-justification-center{justify-content:center}.wp-block-buttons.is-content-justification-center.is-vertical{align-items:center}.wp-block-buttons.is-content-justification-right{justify-content:flex-end}.wp-block-buttons.is-content-justification-right>.wp-block-button{margin-left:.5em;margin-right:0}.wp-block-buttons.is-content-justification-right>.wp-block-button:first-child{margin-left:0}.wp-block-buttons.is-content-justification-right.is-vertical{align-items:flex-end}.wp-block-buttons.is-content-justification-space-between{justify-content:space-between}.wp-block-buttons.aligncenter{text-align:center}.wp-block-buttons.alignleft .wp-block-button{margin-left:0;margin-right:.5em}.wp-block-buttons.alignleft .wp-block-button:last-child{margin-right:0}.wp-block-buttons.alignright .wp-block-button{margin-right:0;margin-left:.5em}.wp-block-buttons.alignright .wp-block-button:first-child{margin-left:0}.wp-block-buttons:not(.is-content-justification-space-between,.is-content-justification-right,.is-content-justification-left,.is-content-justification-center) .wp-block-button.aligncenter{margin-left:auto;margin-right:auto;margin-bottom:.5em;width:100%}.wp-block-button.aligncenter,.wp-block-calendar{text-align:center}.wp-block-calendar tbody td,.wp-block-calendar th{padding:.25em;border:1px solid #ddd}.wp-block-calendar tfoot td{border:none}.wp-block-calendar table{width:100%;border-collapse:collapse}.wp-block-calendar table th{font-weight:400;background:#ddd}.wp-block-calendar a{text-decoration:underline}.wp-block-calendar table caption,.wp-block-calendar table tbody{color:#40464d}.wp-block-categories.alignleft{margin-right:2em}.wp-block-categories.alignright{margin-left:2em}.wp-block-code code{display:block;white-space:pre-wrap;overflow-wrap:break-word}.wp-block-columns{display:flex;margin-bottom:1.75em;box-sizing:border-box;flex-wrap:wrap}@media (min-width:782px){.wp-block-columns{flex-wrap:nowrap}}.wp-block-columns.has-background{padding:1.25em 2.375em}.wp-block-columns.are-vertically-aligned-top{align-items:flex-start}.wp-block-columns.are-vertically-aligned-center{align-items:center}.wp-block-columns.are-vertically-aligned-bottom{align-items:flex-end}.wp-block-column{flex-grow:1;min-width:0;word-break:break-word;overflow-wrap:break-word}@media (max-width:599px){.wp-block-column{flex-basis:100%!important}}@media (min-width:600px) and (max-width:781px){.wp-block-column:not(:only-child){flex-basis:calc(50% - 1em)!important;flex-grow:0}.wp-block-column:nth-child(2n){margin-left:2em}}@media (min-width:782px){.wp-block-column{flex-basis:0;flex-grow:1}.wp-block-column[style*=flex-basis]{flex-grow:0}.wp-block-column:not(:first-child){margin-left:2em}}.wp-block-column.is-vertically-aligned-top{align-self:flex-start}.wp-block-column.is-vertically-aligned-center{align-self:center}.wp-block-column.is-vertically-aligned-bottom{align-self:flex-end}.wp-block-column.is-vertically-aligned-bottom,.wp-block-column.is-vertically-aligned-center,.wp-block-column.is-vertically-aligned-top{width:100%}.wp-block-cover,.wp-block-cover-image{position:relative;background-size:cover;background-position:50%;min-height:430px;width:100%;display:flex;justify-content:center;align-items:center;padding:1em;box-sizing:border-box}.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax{background-attachment:fixed}@supports (-webkit-overflow-scrolling:touch){.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax{background-attachment:scroll}}@media (prefers-reduced-motion:reduce){.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax{background-attachment:scroll}}.wp-block-cover-image.is-repeated,.wp-block-cover.is-repeated{background-repeat:repeat;background-size:auto}.wp-block-cover-image.has-background-dim:not([class*=-background-color]),.wp-block-cover.has-background-dim:not([class*=-background-color]){background-color:#000}.wp-block-cover-image.has-background-dim:before,.wp-block-cover.has-background-dim:before{content:"";background-color:inherit}.wp-block-cover-image.has-background-dim:not(.has-background-gradient):before,.wp-block-cover-image .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim:not(.has-background-gradient):before,.wp-block-cover .wp-block-cover__gradient-background{position:absolute;top:0;left:0;bottom:0;right:0;z-index:1;opacity:.5}.wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-10:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-10:not(.has-background-gradient):before{opacity:.1}.wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-20:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-20:not(.has-background-gradient):before{opacity:.2}.wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-30:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-30:not(.has-background-gradient):before{opacity:.3}.wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-40:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-40:not(.has-background-gradient):before{opacity:.4}.wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-50:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-50:not(.has-background-gradient):before{opacity:.5}.wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-60:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-60:not(.has-background-gradient):before{opacity:.6}.wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-70:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-70:not(.has-background-gradient):before{opacity:.7}.wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-80:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-80:not(.has-background-gradient):before{opacity:.8}.wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-90:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-90:not(.has-background-gradient):before{opacity:.9}.wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-100:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-100:not(.has-background-gradient):before{opacity:1}.wp-block-cover-image.alignleft,.wp-block-cover-image.alignright,.wp-block-cover.alignleft,.wp-block-cover.alignright{max-width:420px;width:100%}.wp-block-cover-image:after,.wp-block-cover:after{display:block;content:"";font-size:0;min-height:inherit}@supports (position:sticky){.wp-block-cover-image:after,.wp-block-cover:after{content:none}}.wp-block-cover-image.aligncenter,.wp-block-cover-image.alignleft,.wp-block-cover-image.alignright,.wp-block-cover.aligncenter,.wp-block-cover.alignleft,.wp-block-cover.alignright{display:flex}.wp-block-cover-image .wp-block-cover__inner-container,.wp-block-cover .wp-block-cover__inner-container{width:100%;z-index:1;color:#fff}.wp-block-cover-image h1:not(.has-text-color),.wp-block-cover-image h2:not(.has-text-color),.wp-block-cover-image h3:not(.has-text-color),.wp-block-cover-image h4:not(.has-text-color),.wp-block-cover-image h5:not(.has-text-color),.wp-block-cover-image h6:not(.has-text-color),.wp-block-cover-image p:not(.has-text-color),.wp-block-cover h1:not(.has-text-color),.wp-block-cover h2:not(.has-text-color),.wp-block-cover h3:not(.has-text-color),.wp-block-cover h4:not(.has-text-color),.wp-block-cover h5:not(.has-text-color),.wp-block-cover h6:not(.has-text-color),.wp-block-cover p:not(.has-text-color){color:inherit}.wp-block-cover-image.is-position-top-left,.wp-block-cover.is-position-top-left{align-items:flex-start;justify-content:flex-start}.wp-block-cover-image.is-position-top-center,.wp-block-cover.is-position-top-center{align-items:flex-start;justify-content:center}.wp-block-cover-image.is-position-top-right,.wp-block-cover.is-position-top-right{align-items:flex-start;justify-content:flex-end}.wp-block-cover-image.is-position-center-left,.wp-block-cover.is-position-center-left{align-items:center;justify-content:flex-start}.wp-block-cover-image.is-position-center-center,.wp-block-cover.is-position-center-center{align-items:center;justify-content:center}.wp-block-cover-image.is-position-center-right,.wp-block-cover.is-position-center-right{align-items:center;justify-content:flex-end}.wp-block-cover-image.is-position-bottom-left,.wp-block-cover.is-position-bottom-left{align-items:flex-end;justify-content:flex-start}.wp-block-cover-image.is-position-bottom-center,.wp-block-cover.is-position-bottom-center{align-items:flex-end;justify-content:center}.wp-block-cover-image.is-position-bottom-right,.wp-block-cover.is-position-bottom-right{align-items:flex-end;justify-content:flex-end}.wp-block-cover-image.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container,.wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container{margin:0;width:auto}.wp-block-cover-image img.wp-block-cover__image-background,.wp-block-cover-image video.wp-block-cover__video-background,.wp-block-cover img.wp-block-cover__image-background,.wp-block-cover video.wp-block-cover__video-background{position:absolute;top:0;left:0;right:0;bottom:0;margin:0;padding:0;width:100%;height:100%;max-width:none;max-height:none;-o-object-fit:cover;object-fit:cover;outline:none;border:none;box-shadow:none}.wp-block-cover__image-background,.wp-block-cover__video-background{z-index:0}.wp-block-cover-image-text,.wp-block-cover-image-text a,.wp-block-cover-image-text a:active,.wp-block-cover-image-text a:focus,.wp-block-cover-image-text a:hover,.wp-block-cover-text,.wp-block-cover-text a,.wp-block-cover-text a:active,.wp-block-cover-text a:focus,.wp-block-cover-text a:hover,section.wp-block-cover-image h2,section.wp-block-cover-image h2 a,section.wp-block-cover-image h2 a:active,section.wp-block-cover-image h2 a:focus,section.wp-block-cover-image h2 a:hover{color:#fff}.wp-block-cover-image .wp-block-cover.has-left-content{justify-content:flex-start}.wp-block-cover-image .wp-block-cover.has-right-content{justify-content:flex-end}.wp-block-cover-image.has-left-content .wp-block-cover-image-text,.wp-block-cover.has-left-content .wp-block-cover-text,section.wp-block-cover-image.has-left-content>h2{margin-left:0;text-align:left}.wp-block-cover-image.has-right-content .wp-block-cover-image-text,.wp-block-cover.has-right-content .wp-block-cover-text,section.wp-block-cover-image.has-right-content>h2{margin-right:0;text-align:right}.wp-block-cover-image .wp-block-cover-image-text,.wp-block-cover .wp-block-cover-text,section.wp-block-cover-image>h2{font-size:2em;line-height:1.25;z-index:1;margin-bottom:0;max-width:840px;padding:.44em;text-align:center}.wp-block-embed.alignleft,.wp-block-embed.alignright,.wp-block[data-align=left]>[data-type="core/embed"],.wp-block[data-align=right]>[data-type="core/embed"]{max-width:360px;width:100%}.wp-block-embed.alignleft .wp-block-embed__wrapper,.wp-block-embed.alignright .wp-block-embed__wrapper,.wp-block[data-align=left]>[data-type="core/embed"] .wp-block-embed__wrapper,.wp-block[data-align=right]>[data-type="core/embed"] .wp-block-embed__wrapper{min-width:280px}.wp-block-cover .wp-block-embed{min-width:320px;min-height:240px}.wp-block-embed{margin:0 0 1em}.wp-block-embed figcaption{margin-top:.5em;margin-bottom:1em}.wp-block-embed iframe{max-width:100%}.wp-block-embed__wrapper{position:relative}.wp-embed-responsive .wp-has-aspect-ratio .wp-block-embed__wrapper:before{content:"";display:block;padding-top:50%}.wp-embed-responsive .wp-has-aspect-ratio iframe{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;width:100%}.wp-embed-responsive .wp-embed-aspect-21-9 .wp-block-embed__wrapper:before{padding-top:42.85%}.wp-embed-responsive .wp-embed-aspect-18-9 .wp-block-embed__wrapper:before{padding-top:50%}.wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper:before{padding-top:56.25%}.wp-embed-responsive .wp-embed-aspect-4-3 .wp-block-embed__wrapper:before{padding-top:75%}.wp-embed-responsive .wp-embed-aspect-1-1 .wp-block-embed__wrapper:before{padding-top:100%}.wp-embed-responsive .wp-embed-aspect-9-16 .wp-block-embed__wrapper:before{padding-top:177.77%}.wp-embed-responsive .wp-embed-aspect-1-2 .wp-block-embed__wrapper:before{padding-top:200%}.wp-block-file{margin-bottom:1.5em}.wp-block-file.aligncenter{text-align:center}.wp-block-file.alignright{text-align:right}.wp-block-file .wp-block-file__embed{margin-bottom:1em}.wp-block-file .wp-block-file__button{background:#32373c;border-radius:2em;color:#fff;font-size:.8em;padding:.5em 1em}.wp-block-file a.wp-block-file__button{text-decoration:none}.wp-block-file a.wp-block-file__button:active,.wp-block-file a.wp-block-file__button:focus,.wp-block-file a.wp-block-file__button:hover,.wp-block-file a.wp-block-file__button:visited{box-shadow:none;color:#fff;opacity:.85;text-decoration:none}.wp-block-file *+.wp-block-file__button{margin-left:.75em}.blocks-gallery-grid,.wp-block-gallery{display:flex;flex-wrap:wrap;list-style-type:none;padding:0;margin:0}.blocks-gallery-grid .blocks-gallery-image,.blocks-gallery-grid .blocks-gallery-item,.wp-block-gallery .blocks-gallery-image,.wp-block-gallery .blocks-gallery-item{margin:0 1em 1em 0;display:flex;flex-grow:1;flex-direction:column;justify-content:center;position:relative;align-self:flex-start;width:calc(50% - 1em)}.blocks-gallery-grid .blocks-gallery-image:nth-of-type(2n),.blocks-gallery-grid .blocks-gallery-item:nth-of-type(2n),.wp-block-gallery .blocks-gallery-image:nth-of-type(2n),.wp-block-gallery .blocks-gallery-item:nth-of-type(2n){margin-right:0}.blocks-gallery-grid .blocks-gallery-image figure,.blocks-gallery-grid .blocks-gallery-item figure,.wp-block-gallery .blocks-gallery-image figure,.wp-block-gallery .blocks-gallery-item figure{margin:0;height:100%}@supports (position:sticky){.blocks-gallery-grid .blocks-gallery-image figure,.blocks-gallery-grid .blocks-gallery-item figure,.wp-block-gallery .blocks-gallery-image figure,.wp-block-gallery .blocks-gallery-item figure{display:flex;align-items:flex-end;justify-content:flex-start}}.blocks-gallery-grid .blocks-gallery-image img,.blocks-gallery-grid .blocks-gallery-item img,.wp-block-gallery .blocks-gallery-image img,.wp-block-gallery .blocks-gallery-item img{display:block;max-width:100%;height:auto;width:100%}@supports (position:sticky){.blocks-gallery-grid .blocks-gallery-image img,.blocks-gallery-grid .blocks-gallery-item img,.wp-block-gallery .blocks-gallery-image img,.wp-block-gallery .blocks-gallery-item img{width:auto}}.blocks-gallery-grid .blocks-gallery-image figcaption,.blocks-gallery-grid .blocks-gallery-item figcaption,.wp-block-gallery .blocks-gallery-image figcaption,.wp-block-gallery .blocks-gallery-item figcaption{position:absolute;bottom:0;width:100%;max-height:100%;overflow:auto;padding:3em .77em .7em;color:#fff;text-align:center;font-size:.8em;background:linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.3) 70%,transparent);box-sizing:border-box;margin:0}.blocks-gallery-grid .blocks-gallery-image figcaption img,.blocks-gallery-grid .blocks-gallery-item figcaption img,.wp-block-gallery .blocks-gallery-image figcaption img,.wp-block-gallery .blocks-gallery-item figcaption img{display:inline}.blocks-gallery-grid figcaption,.wp-block-gallery figcaption{flex-grow:1}.blocks-gallery-grid.is-cropped .blocks-gallery-image,.blocks-gallery-grid.is-cropped .blocks-gallery-item,.wp-block-gallery.is-cropped .blocks-gallery-image,.wp-block-gallery.is-cropped .blocks-gallery-item{align-self:inherit}.blocks-gallery-grid.is-cropped .blocks-gallery-image a,.blocks-gallery-grid.is-cropped .blocks-gallery-image img,.blocks-gallery-grid.is-cropped .blocks-gallery-item a,.blocks-gallery-grid.is-cropped .blocks-gallery-item img,.wp-block-gallery.is-cropped .blocks-gallery-image a,.wp-block-gallery.is-cropped .blocks-gallery-image img,.wp-block-gallery.is-cropped .blocks-gallery-item a,.wp-block-gallery.is-cropped .blocks-gallery-item img{width:100%}@supports (position:sticky){.blocks-gallery-grid.is-cropped .blocks-gallery-image a,.blocks-gallery-grid.is-cropped .blocks-gallery-image img,.blocks-gallery-grid.is-cropped .blocks-gallery-item a,.blocks-gallery-grid.is-cropped .blocks-gallery-item img,.wp-block-gallery.is-cropped .blocks-gallery-image a,.wp-block-gallery.is-cropped .blocks-gallery-image img,.wp-block-gallery.is-cropped .blocks-gallery-item a,.wp-block-gallery.is-cropped .blocks-gallery-item img{height:100%;flex:1;-o-object-fit:cover;object-fit:cover}}.blocks-gallery-grid.columns-1 .blocks-gallery-image,.blocks-gallery-grid.columns-1 .blocks-gallery-item,.wp-block-gallery.columns-1 .blocks-gallery-image,.wp-block-gallery.columns-1 .blocks-gallery-item{width:100%;margin-right:0}@media (min-width:600px){.blocks-gallery-grid.columns-3 .blocks-gallery-image,.blocks-gallery-grid.columns-3 .blocks-gallery-item,.wp-block-gallery.columns-3 .blocks-gallery-image,.wp-block-gallery.columns-3 .blocks-gallery-item{width:calc(33.33333% - .66667em);margin-right:1em}.blocks-gallery-grid.columns-4 .blocks-gallery-image,.blocks-gallery-grid.columns-4 .blocks-gallery-item,.wp-block-gallery.columns-4 .blocks-gallery-image,.wp-block-gallery.columns-4 .blocks-gallery-item{width:calc(25% - .75em);margin-right:1em}.blocks-gallery-grid.columns-5 .blocks-gallery-image,.blocks-gallery-grid.columns-5 .blocks-gallery-item,.wp-block-gallery.columns-5 .blocks-gallery-image,.wp-block-gallery.columns-5 .blocks-gallery-item{width:calc(20% - .8em);margin-right:1em}.blocks-gallery-grid.columns-6 .blocks-gallery-image,.blocks-gallery-grid.columns-6 .blocks-gallery-item,.wp-block-gallery.columns-6 .blocks-gallery-image,.wp-block-gallery.columns-6 .blocks-gallery-item{width:calc(16.66667% - .83333em);margin-right:1em}.blocks-gallery-grid.columns-7 .blocks-gallery-image,.blocks-gallery-grid.columns-7 .blocks-gallery-item,.wp-block-gallery.columns-7 .blocks-gallery-image,.wp-block-gallery.columns-7 .blocks-gallery-item{width:calc(14.28571% - .85714em);margin-right:1em}.blocks-gallery-grid.columns-8 .blocks-gallery-image,.blocks-gallery-grid.columns-8 .blocks-gallery-item,.wp-block-gallery.columns-8 .blocks-gallery-image,.wp-block-gallery.columns-8 .blocks-gallery-item{width:calc(12.5% - .875em);margin-right:1em}.blocks-gallery-grid.columns-1 .blocks-gallery-image:nth-of-type(1n),.blocks-gallery-grid.columns-1 .blocks-gallery-item:nth-of-type(1n),.blocks-gallery-grid.columns-2 .blocks-gallery-image:nth-of-type(2n),.blocks-gallery-grid.columns-2 .blocks-gallery-item:nth-of-type(2n),.blocks-gallery-grid.columns-3 .blocks-gallery-image:nth-of-type(3n),.blocks-gallery-grid.columns-3 .blocks-gallery-item:nth-of-type(3n),.blocks-gallery-grid.columns-4 .blocks-gallery-image:nth-of-type(4n),.blocks-gallery-grid.columns-4 .blocks-gallery-item:nth-of-type(4n),.blocks-gallery-grid.columns-5 .blocks-gallery-image:nth-of-type(5n),.blocks-gallery-grid.columns-5 .blocks-gallery-item:nth-of-type(5n),.blocks-gallery-grid.columns-6 .blocks-gallery-image:nth-of-type(6n),.blocks-gallery-grid.columns-6 .blocks-gallery-item:nth-of-type(6n),.blocks-gallery-grid.columns-7 .blocks-gallery-image:nth-of-type(7n),.blocks-gallery-grid.columns-7 .blocks-gallery-item:nth-of-type(7n),.blocks-gallery-grid.columns-8 .blocks-gallery-image:nth-of-type(8n),.blocks-gallery-grid.columns-8 .blocks-gallery-item:nth-of-type(8n),.wp-block-gallery.columns-1 .blocks-gallery-image:nth-of-type(1n),.wp-block-gallery.columns-1 .blocks-gallery-item:nth-of-type(1n),.wp-block-gallery.columns-2 .blocks-gallery-image:nth-of-type(2n),.wp-block-gallery.columns-2 .blocks-gallery-item:nth-of-type(2n),.wp-block-gallery.columns-3 .blocks-gallery-image:nth-of-type(3n),.wp-block-gallery.columns-3 .blocks-gallery-item:nth-of-type(3n),.wp-block-gallery.columns-4 .blocks-gallery-image:nth-of-type(4n),.wp-block-gallery.columns-4 .blocks-gallery-item:nth-of-type(4n),.wp-block-gallery.columns-5 .blocks-gallery-image:nth-of-type(5n),.wp-block-gallery.columns-5 .blocks-gallery-item:nth-of-type(5n),.wp-block-gallery.columns-6 .blocks-gallery-image:nth-of-type(6n),.wp-block-gallery.columns-6 .blocks-gallery-item:nth-of-type(6n),.wp-block-gallery.columns-7 .blocks-gallery-image:nth-of-type(7n),.wp-block-gallery.columns-7 .blocks-gallery-item:nth-of-type(7n),.wp-block-gallery.columns-8 .blocks-gallery-image:nth-of-type(8n),.wp-block-gallery.columns-8 .blocks-gallery-item:nth-of-type(8n){margin-right:0}}.blocks-gallery-grid .blocks-gallery-image:last-child,.blocks-gallery-grid .blocks-gallery-item:last-child,.wp-block-gallery .blocks-gallery-image:last-child,.wp-block-gallery .blocks-gallery-item:last-child{margin-right:0}.blocks-gallery-grid.alignleft,.blocks-gallery-grid.alignright,.wp-block-gallery.alignleft,.wp-block-gallery.alignright{max-width:420px;width:100%}.blocks-gallery-grid.aligncenter .blocks-gallery-item figure,.wp-block-gallery.aligncenter .blocks-gallery-item figure{justify-content:center}.wp-block-group{box-sizing:border-box}h1.has-background,h2.has-background,h3.has-background,h4.has-background,h5.has-background,h6.has-background{padding:1.25em 2.375em}.wp-block-image{margin:0 0 1em}.wp-block-image img{max-width:100%}.wp-block-image:not(.is-style-rounded) img{border-radius:inherit}.wp-block-image.aligncenter{text-align:center}.wp-block-image.alignfull img,.wp-block-image.alignwide img{width:100%}.wp-block-image .aligncenter,.wp-block-image .alignleft,.wp-block-image .alignright{display:table}.wp-block-image .aligncenter>figcaption,.wp-block-image .alignleft>figcaption,.wp-block-image .alignright>figcaption{display:table-caption;caption-side:bottom}.wp-block-image .alignleft{float:left;margin:.5em 1em .5em 0}.wp-block-image .alignright{float:right;margin:.5em 0 .5em 1em}.wp-block-image .aligncenter{margin-left:auto;margin-right:auto}.wp-block-image figcaption{margin-top:.5em;margin-bottom:1em}.wp-block-image.is-style-circle-mask img,.wp-block-image.is-style-rounded img{border-radius:9999px}@supports ((-webkit-mask-image:none) or (mask-image:none)) or (-webkit-mask-image:none){.wp-block-image.is-style-circle-mask img{-webkit-mask-image:url('data:image/svg+xml;utf8,');mask-image:url('data:image/svg+xml;utf8,');mask-mode:alpha;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;border-radius:0}}.wp-block-image figure{margin:0}ol.wp-block-latest-comments{margin-left:0}.wp-block-latest-comments .wp-block-latest-comments{padding-left:0}.wp-block-latest-comments__comment{line-height:1.1;list-style:none;margin-bottom:1em}.has-avatars .wp-block-latest-comments__comment{min-height:2.25em;list-style:none}.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta{margin-left:3.25em}.has-dates .wp-block-latest-comments__comment,.has-excerpts .wp-block-latest-comments__comment{line-height:1.5}.wp-block-latest-comments__comment-excerpt p{font-size:.875em;line-height:1.8;margin:.36em 0 1.4em}.wp-block-latest-comments__comment-date{display:block;font-size:.75em}.wp-block-latest-comments .avatar,.wp-block-latest-comments__comment-avatar{border-radius:1.5em;display:block;float:left;height:2.5em;margin-right:.75em;width:2.5em}.wp-block-latest-posts.alignleft{margin-right:2em}.wp-block-latest-posts.alignright{margin-left:2em}.wp-block-latest-posts.wp-block-latest-posts__list{list-style:none;padding-left:0}.wp-block-latest-posts.wp-block-latest-posts__list li{clear:both}.wp-block-latest-posts.is-grid{display:flex;flex-wrap:wrap;padding:0}.wp-block-latest-posts.is-grid li{margin:0 1.25em 1.25em 0;width:100%}@media (min-width:600px){.wp-block-latest-posts.columns-2 li{width:calc(50% - .625em)}.wp-block-latest-posts.columns-2 li:nth-child(2n){margin-right:0}.wp-block-latest-posts.columns-3 li{width:calc(33.33333% - .83333em)}.wp-block-latest-posts.columns-3 li:nth-child(3n){margin-right:0}.wp-block-latest-posts.columns-4 li{width:calc(25% - .9375em)}.wp-block-latest-posts.columns-4 li:nth-child(4n){margin-right:0}.wp-block-latest-posts.columns-5 li{width:calc(20% - 1em)}.wp-block-latest-posts.columns-5 li:nth-child(5n){margin-right:0}.wp-block-latest-posts.columns-6 li{width:calc(16.66667% - 1.04167em)}.wp-block-latest-posts.columns-6 li:nth-child(6n){margin-right:0}}.wp-block-latest-posts__post-author,.wp-block-latest-posts__post-date{display:block;color:#555;font-size:.8125em}.wp-block-latest-posts__post-excerpt{margin-top:.5em;margin-bottom:1em}.wp-block-latest-posts__featured-image a{display:inline-block}.wp-block-latest-posts__featured-image img{height:auto;width:auto;max-width:100%}.wp-block-latest-posts__featured-image.alignleft{margin-right:1em}.wp-block-latest-posts__featured-image.alignright{margin-left:1em}.wp-block-latest-posts__featured-image.aligncenter{margin-bottom:1em;text-align:center}.block-editor-image-alignment-control__row .components-base-control__field{display:flex;justify-content:space-between;align-items:center}.block-editor-image-alignment-control__row .components-base-control__field .components-base-control__label{margin-bottom:0}ol.has-background,ul.has-background{padding:1.25em 2.375em}.wp-block-media-text{ + /*!rtl:begin:ignore*/direction:ltr; + /*!rtl:end:ignore*/display:grid;grid-template-columns:50% 1fr;grid-template-rows:auto}.wp-block-media-text.has-media-on-the-right{grid-template-columns:1fr 50%}.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__media{align-self:start}.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__media,.wp-block-media-text .wp-block-media-text__content,.wp-block-media-text .wp-block-media-text__media{align-self:center}.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__media{align-self:end}.wp-block-media-text .wp-block-media-text__media{ + /*!rtl:begin:ignore*/grid-column:1;grid-row:1; + /*!rtl:end:ignore*/margin:0}.wp-block-media-text .wp-block-media-text__content{direction:ltr; + /*!rtl:begin:ignore*/grid-column:2;grid-row:1; + /*!rtl:end:ignore*/padding:0 8%;word-break:break-word}.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media{ + /*!rtl:begin:ignore*/grid-column:2;grid-row:1 + /*!rtl:end:ignore*/}.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content{ + /*!rtl:begin:ignore*/grid-column:1;grid-row:1 + /*!rtl:end:ignore*/}.wp-block-media-text__media img,.wp-block-media-text__media video{max-width:unset;width:100%;vertical-align:middle}.wp-block-media-text.is-image-fill .wp-block-media-text__media{height:100%;min-height:250px;background-size:cover}.wp-block-media-text.is-image-fill .wp-block-media-text__media>a{display:block;height:100%}.wp-block-media-text.is-image-fill .wp-block-media-text__media img{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@media (max-width:600px){.wp-block-media-text.is-stacked-on-mobile{grid-template-columns:100%!important}.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media{grid-column:1;grid-row:1}.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content{grid-column:1;grid-row:2}}.wp-block-navigation{position:relative}.wp-block-navigation ul,.wp-block-navigation ul li{list-style:none;padding:0}.wp-block-navigation .wp-block-navigation-link,.wp-block-navigation .wp-block-pages-list__item{display:flex;align-items:center;position:relative}.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__container:empty,.wp-block-navigation .wp-block-pages-list__item .wp-block-navigation-link__container:empty{display:none}.wp-block-navigation .wp-block-navigation-link__content,.wp-block-navigation .wp-block-pages-list__item__link{color:inherit;display:block}.wp-block-navigation[style*=text-decoration] .wp-block-navigation-link,.wp-block-navigation[style*=text-decoration] .wp-block-navigation-link__container,.wp-block-navigation[style*=text-decoration] .wp-block-navigation-link__content,.wp-block-navigation[style*=text-decoration] .wp-block-navigation-link__content:active,.wp-block-navigation[style*=text-decoration] .wp-block-navigation-link__content:focus,.wp-block-navigation[style*=text-decoration] .wp-block-pages-list__item,.wp-block-navigation[style*=text-decoration] .wp-block-pages-list__item__link,.wp-block-navigation[style*=text-decoration] .wp-block-pages-list__item__link:active,.wp-block-navigation[style*=text-decoration] .wp-block-pages-list__item__link:focus{text-decoration:inherit}.wp-block-navigation:not([style*=text-decoration]) .wp-block-navigation-link__content,.wp-block-navigation:not([style*=text-decoration]) .wp-block-navigation-link__content:active,.wp-block-navigation:not([style*=text-decoration]) .wp-block-navigation-link__content:focus,.wp-block-navigation:not([style*=text-decoration]) .wp-block-pages-list__item__link,.wp-block-navigation:not([style*=text-decoration]) .wp-block-pages-list__item__link:active,.wp-block-navigation:not([style*=text-decoration]) .wp-block-pages-list__item__link:focus{text-decoration:none}.wp-block-navigation .wp-block-navigation-link__submenu-icon,.wp-block-navigation .wp-block-page-list__submenu-icon{height:inherit}.wp-block-navigation .wp-block-navigation-link__submenu-icon svg,.wp-block-navigation .wp-block-page-list__submenu-icon svg{stroke:currentColor}.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__content.wp-block-navigation-link__content.wp-block-navigation-link__content,.wp-block-navigation .wp-block-pages-list__item .wp-block-pages-list__item__link{padding:0}.wp-block-navigation .has-child>.wp-block-navigation-link__content,.wp-block-navigation .has-child>.wp-block-pages-list__item__link{margin-right:.5em}.wp-block-navigation .has-child .submenu-container,.wp-block-navigation .has-child .wp-block-navigation-link__container{background-color:inherit;color:inherit;position:absolute;z-index:2;flex-direction:column;align-items:normal;min-width:200px;display:none;opacity:0;transition:opacity .1s linear;visibility:hidden}.wp-block-navigation .has-child .submenu-container>.wp-block-navigation-link>.wp-block-navigation-link__content,.wp-block-navigation .has-child .submenu-container>.wp-block-navigation-link>.wp-block-pages-list__item__link,.wp-block-navigation .has-child .submenu-container>.wp-block-pages-list__item>.wp-block-navigation-link__content,.wp-block-navigation .has-child .submenu-container>.wp-block-pages-list__item>.wp-block-pages-list__item__link,.wp-block-navigation .has-child .wp-block-navigation-link__container>.wp-block-navigation-link>.wp-block-navigation-link__content,.wp-block-navigation .has-child .wp-block-navigation-link__container>.wp-block-navigation-link>.wp-block-pages-list__item__link,.wp-block-navigation .has-child .wp-block-navigation-link__container>.wp-block-pages-list__item>.wp-block-navigation-link__content,.wp-block-navigation .has-child .wp-block-navigation-link__container>.wp-block-pages-list__item>.wp-block-pages-list__item__link{flex-grow:1}.wp-block-navigation .has-child .submenu-container>.wp-block-navigation-link>.wp-block-navigation-link__submenu-icon,.wp-block-navigation .has-child .submenu-container>.wp-block-navigation-link>.wp-block-page-list__submenu-icon,.wp-block-navigation .has-child .submenu-container>.wp-block-pages-list__item>.wp-block-navigation-link__submenu-icon,.wp-block-navigation .has-child .submenu-container>.wp-block-pages-list__item>.wp-block-page-list__submenu-icon,.wp-block-navigation .has-child .wp-block-navigation-link__container>.wp-block-navigation-link>.wp-block-navigation-link__submenu-icon,.wp-block-navigation .has-child .wp-block-navigation-link__container>.wp-block-navigation-link>.wp-block-page-list__submenu-icon,.wp-block-navigation .has-child .wp-block-navigation-link__container>.wp-block-pages-list__item>.wp-block-navigation-link__submenu-icon,.wp-block-navigation .has-child .wp-block-navigation-link__container>.wp-block-pages-list__item>.wp-block-page-list__submenu-icon{padding-right:.5em}@media (min-width:782px){.wp-block-navigation .has-child .submenu-container .submenu-container:before,.wp-block-navigation .has-child .submenu-container .wp-block-navigation-link__container:before,.wp-block-navigation .has-child .wp-block-navigation-link__container .submenu-container:before,.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container:before{content:"";position:absolute;right:100%;height:100%;display:block;width:.5em;background:transparent}.wp-block-navigation .has-child .submenu-container .wp-block-navigation-link__submenu-icon svg,.wp-block-navigation .has-child .submenu-container .wp-block-page-list__submenu-icon svg,.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-navigation-link__submenu-icon svg,.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-page-list__submenu-icon svg{transform:rotate(-90deg)}}.wp-block-navigation .has-child:hover>.wp-block-navigation-link__container{display:flex;visibility:visible;opacity:1}.wp-block-navigation .has-child:focus-within>.wp-block-navigation-link__container{display:flex;visibility:visible;opacity:1}.wp-block-navigation .has-child:hover{cursor:pointer}.wp-block-navigation .has-child:hover>.submenu-container{display:flex;visibility:visible;opacity:1}.wp-block-navigation .has-child:focus-within{cursor:pointer}.wp-block-navigation .has-child:focus-within>.submenu-container{display:flex;visibility:visible;opacity:1}.wp-block-navigation.wp-block-navigation.items-justified-right>.submenu-container .has-child .submenu-container,.wp-block-navigation.wp-block-navigation.items-justified-right>.submenu-container .has-child .wp-block-navigation-link__container,.wp-block-navigation.wp-block-navigation.items-justified-right>.wp-block-navigation__container .has-child .submenu-container,.wp-block-navigation.wp-block-navigation.items-justified-right>.wp-block-navigation__container .has-child .wp-block-navigation-link__container,.wp-block-navigation.wp-block-navigation.items-justified-space-between>.submenu-container>.has-child:last-child .submenu-container,.wp-block-navigation.wp-block-navigation.items-justified-space-between>.submenu-container>.has-child:last-child .wp-block-navigation-link__container,.wp-block-navigation.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .submenu-container,.wp-block-navigation.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation-link__container{left:auto;right:0}.wp-block-navigation.wp-block-navigation.items-justified-right>.submenu-container .has-child .submenu-container .submenu-container,.wp-block-navigation.wp-block-navigation.items-justified-right>.submenu-container .has-child .submenu-container .wp-block-navigation-link__container,.wp-block-navigation.wp-block-navigation.items-justified-right>.submenu-container .has-child .wp-block-navigation-link__container .submenu-container,.wp-block-navigation.wp-block-navigation.items-justified-right>.submenu-container .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container,.wp-block-navigation.wp-block-navigation.items-justified-right>.wp-block-navigation__container .has-child .submenu-container .submenu-container,.wp-block-navigation.wp-block-navigation.items-justified-right>.wp-block-navigation__container .has-child .submenu-container .wp-block-navigation-link__container,.wp-block-navigation.wp-block-navigation.items-justified-right>.wp-block-navigation__container .has-child .wp-block-navigation-link__container .submenu-container,.wp-block-navigation.wp-block-navigation.items-justified-right>.wp-block-navigation__container .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container,.wp-block-navigation.wp-block-navigation.items-justified-space-between>.submenu-container>.has-child:last-child .submenu-container .submenu-container,.wp-block-navigation.wp-block-navigation.items-justified-space-between>.submenu-container>.has-child:last-child .submenu-container .wp-block-navigation-link__container,.wp-block-navigation.wp-block-navigation.items-justified-space-between>.submenu-container>.has-child:last-child .wp-block-navigation-link__container .submenu-container,.wp-block-navigation.wp-block-navigation.items-justified-space-between>.submenu-container>.has-child:last-child .wp-block-navigation-link__container .wp-block-navigation-link__container,.wp-block-navigation.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .submenu-container .submenu-container,.wp-block-navigation.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .submenu-container .wp-block-navigation-link__container,.wp-block-navigation.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation-link__container .submenu-container,.wp-block-navigation.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation-link__container .wp-block-navigation-link__container{left:auto;right:100%}.wp-block-navigation.wp-block-navigation .wp-block-navigation__container>.wp-block-navigation-link,.wp-block-navigation.wp-block-navigation .wp-block-page-list,.wp-block-navigation.wp-block-navigation .wp-block-page-list>.wp-block-pages-list__item{margin:0 2em 0 0}.wp-block-navigation.wp-block-navigation .wp-block-navigation__container>.wp-block-navigation-link:last-child,.wp-block-navigation.wp-block-navigation .wp-block-page-list:last-child,.wp-block-navigation.wp-block-navigation .wp-block-page-list>.wp-block-pages-list__item:last-child{margin-right:0}.wp-block-navigation.wp-block-navigation.has-background .wp-block-navigation__container>.wp-block-navigation-link,.wp-block-navigation.wp-block-navigation.has-background .wp-block-page-list,.wp-block-navigation.wp-block-navigation.has-background .wp-block-page-list>.wp-block-pages-list__item{margin:0 .5em 0 0}.wp-block-navigation.wp-block-navigation.has-background .wp-block-navigation__container .wp-block-navigation-link__content,.wp-block-navigation.wp-block-navigation.has-background .wp-block-page-list .wp-block-pages-list__item__link{padding:.5em 1em}.wp-block-navigation.wp-block-navigation .has-child .submenu-container,.wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container{left:-1em;top:100%}.wp-block-navigation.wp-block-navigation .has-child .submenu-container .wp-block-navigation-link,.wp-block-navigation.wp-block-navigation .has-child .submenu-container .wp-block-pages-list__item,.wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-navigation-link,.wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-pages-list__item{margin:0}.wp-block-navigation.wp-block-navigation .has-child .submenu-container .wp-block-navigation-link__content,.wp-block-navigation.wp-block-navigation .has-child .submenu-container .wp-block-pages-list__item__link,.wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-navigation-link__content,.wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-pages-list__item__link{padding:.5em 1em}.wp-block-navigation.wp-block-navigation .has-child .submenu-container .submenu-container,.wp-block-navigation.wp-block-navigation .has-child .submenu-container .wp-block-navigation-link__container,.wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .submenu-container,.wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container{left:-1px}@media (min-width:782px){.wp-block-navigation.wp-block-navigation .has-child .submenu-container .submenu-container,.wp-block-navigation.wp-block-navigation .has-child .submenu-container .wp-block-navigation-link__container,.wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .submenu-container,.wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container{left:100%;top:-1px}}.wp-block-navigation.wp-block-navigation.has-background .has-child .submenu-container,.wp-block-navigation.wp-block-navigation.has-background .has-child .wp-block-navigation-link__container{left:0;top:100%}.wp-block-navigation.wp-block-navigation.has-background .has-child .submenu-container .submenu-container,.wp-block-navigation.wp-block-navigation.has-background .has-child .submenu-container .wp-block-navigation-link__container,.wp-block-navigation.wp-block-navigation.has-background .has-child .wp-block-navigation-link__container .submenu-container,.wp-block-navigation.wp-block-navigation.has-background .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container{left:0}@media (min-width:782px){.wp-block-navigation.wp-block-navigation.has-background .has-child .submenu-container .submenu-container,.wp-block-navigation.wp-block-navigation.has-background .has-child .submenu-container .wp-block-navigation-link__container,.wp-block-navigation.wp-block-navigation.has-background .has-child .wp-block-navigation-link__container .submenu-container,.wp-block-navigation.wp-block-navigation.has-background .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container{left:100%;top:0}}.wp-block-navigation:not(.has-background) .submenu-container,.wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-navigation-link__container{background-color:#fff;color:#000;border:1px solid rgba(0,0,0,.15)}.wp-block-navigation__container{align-items:center;list-style:none;margin:0;padding-left:0}.wp-block-navigation__container .is-responsive{display:none}@media (min-width:600px){.wp-block-navigation__container{display:flex;flex-wrap:wrap}.is-vertical .wp-block-navigation__container{display:block;flex-direction:column;align-items:flex-start}}.items-justified-center .wp-block-navigation__container{justify-content:center}.items-justified-right .wp-block-navigation__container{justify-content:flex-end}.items-justified-space-between .wp-block-navigation__container{justify-content:space-between}.is-vertical.items-justified-center>ul{align-items:center}.is-vertical.items-justified-right>ul{align-items:flex-end}.is-vertical.items-justified-right>ul .wp-block-navigation-link,.is-vertical.items-justified-right>ul .wp-block-pages-list__item{margin-right:0;justify-content:flex-end}.wp-block-navigation__responsive-container{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:1;align-items:flex-start;justify-content:flex-start}.wp-block-navigation__responsive-container.is-menu-open{display:flex;flex-direction:column;overflow:auto;z-index:100000;padding:24px;background-color:inherit}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{display:flex;flex-direction:column;margin-left:auto;margin-right:auto;align-items:flex-start;line-height:48px;padding:0}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container .wp-block-page-list{flex-direction:column}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link .wp-block-navigation-link__container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-pages-list__item,.wp-block-navigation__responsive-container.is-menu-open .wp-block-pages-list__item .submenu-container{background:transparent!important}@media (min-width:600px){.wp-block-navigation__responsive-container:not(.is-menu-open){display:flex;flex-direction:row;position:relative;background-color:inherit}.wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__responsive-container-close{display:none}.wp-block-navigation__responsive-container.is-menu-open .submenu-container.submenu-container.submenu-container.submenu-container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link__container.wp-block-navigation-link__container.wp-block-navigation-link__container.wp-block-navigation-link__container{left:0}}.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open{background-color:#fff;color:#000}.wp-block-navigation__responsive-container-close,.wp-block-navigation__responsive-container-open{vertical-align:middle;cursor:pointer;color:currentColor;background:transparent;border:none;margin:0;padding:0}.wp-block-navigation__responsive-container-close svg,.wp-block-navigation__responsive-container-open svg{fill:currentColor;pointer-events:none;display:block;width:24px;height:24px}.wp-block-navigation__responsive-container-open{display:flex}@media (min-width:600px){.wp-block-navigation__responsive-container-open{display:none}}.items-justified-left .wp-block-navigation__responsive-container-open{margin-left:0;margin-right:auto}.items-justified-center .wp-block-navigation__responsive-container-open{margin-left:auto;margin-right:auto}.items-justified-right .wp-block-navigation__responsive-container-open{margin-left:auto;margin-right:0}.wp-block-navigation__responsive-container-close{position:absolute;top:24px;right:24px;z-index:2}.wp-block-navigation__responsive-close{width:100%}.is-menu-open .wp-block-navigation__responsive-close,.is-menu-open .wp-block-navigation__responsive-container-content,.is-menu-open .wp-block-navigation__responsive-dialog{width:100%;height:100%}.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link__submenu-icon,.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list__submenu-icon{display:none}.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .has-child .submenu-container,.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .has-child .wp-block-navigation-link__container{position:relative;opacity:1;visibility:visible;padding:0 0 0 32px;border:none}.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link,.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-pages-list__item{flex-direction:column;align-items:flex-start}html.has-modal-open{overflow:hidden}.wp-block-navigation .wp-block-navigation-link__label{word-break:normal;overflow-wrap:break-word}.wp-block-navigation .wp-block-home-link__content{color:inherit;display:block;padding:.5em 1em}.wp-block-navigation[style*=text-decoration] .wp-block-home-link,.wp-block-navigation[style*=text-decoration] .wp-block-home-link__content,.wp-block-navigation[style*=text-decoration] .wp-block-home-link__content:active,.wp-block-navigation[style*=text-decoration] .wp-block-home-link__content:focus{text-decoration:inherit}.wp-block-navigation:not([style*=text-decoration]) .wp-block-home-link__content,.wp-block-navigation:not([style*=text-decoration]) .wp-block-home-link__content:active,.wp-block-navigation:not([style*=text-decoration]) .wp-block-home-link__content:focus{text-decoration:none}.wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-home-link__container{background-color:#fff;color:#000;border:1px solid rgba(0,0,0,.15)}.wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-home-link__container .wp-block-home-link__container{top:-1px}.wp-block-navigation .wp-block-page-list{display:flex;flex-wrap:wrap;background-color:inherit}.wp-block-navigation .wp-block-pages-list__item{background-color:inherit}.wp-block-navigation .wp-block-page-list__submenu-icon{display:none}.is-open .wp-block-navigation__container .wp-block-page-list,.is-vertical .wp-block-navigation__container .wp-block-page-list,.wp-block-navigation .show-submenu-icons .wp-block-page-list__submenu-icon{display:block}@media (min-width:480px){.is-open .wp-block-navigation__container .wp-block-page-list{display:flex}}.items-justified-space-between .wp-block-page-list{display:contents}.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;line-height:.68;font-weight:100;margin:.05em .1em 0 0;text-transform:uppercase;font-style:normal}p.has-drop-cap.has-background{overflow:hidden}p.has-background{padding:1.25em 2.375em}p.has-text-color a{color:inherit}.wp-block-post-author{display:flex;flex-wrap:wrap}.wp-block-post-author__byline{width:100%;margin-top:0;margin-bottom:0;font-size:.5em}.wp-block-post-author__avatar{margin-right:1em}.wp-block-post-author__bio{margin-bottom:.7em;font-size:.7em}.wp-block-post-author__content{flex-grow:1;flex-basis:0}.wp-block-post-author__name{font-weight:700;margin:0}.wp-block-post-comments .commentlist{list-style:none;margin:0;padding:0}.wp-block-post-comments .commentlist .comment{min-height:2.25em;padding-left:3.25em}.wp-block-post-comments .commentlist .comment p{font-size:.875em;line-height:1.8;margin:.36em 0 1.4em}.wp-block-post-comments .commentlist .children{list-style:none;margin:0;padding:0}.wp-block-post-comments .comment-author{line-height:1.5;margin-left:-3.25em}.wp-block-post-comments .comment-author .avatar{border-radius:1.5em;display:block;float:left;height:2.5em;margin-right:.75em;width:2.5em}.wp-block-post-comments .comment-author cite{font-style:normal}.wp-block-post-comments .comment-meta{line-height:1.5;margin-left:-3.25em}.wp-block-post-comments .comment-body .commentmetadata{font-size:.75em}.wp-block-post-comments .comment-form-author label,.wp-block-post-comments .comment-form-comment label,.wp-block-post-comments .comment-form-email label,.wp-block-post-comments .comment-form-url label{display:block}.wp-block-post-comments .comment-form-comment textarea{box-sizing:border-box;width:100%}.wp-block-post-comments .reply{font-size:.75em;margin-bottom:1.4em}.wp-block-post-comments input,.wp-block-post-comments textarea{border:1px solid #949494}.wp-block-post-comments-form input[type=submit]{border:none;box-shadow:none;cursor:pointer;display:inline-block;text-align:center;overflow-wrap:break-word}.wp-block-post-excerpt__more-link,.wp-block-post-title a{display:inline-block}.wp-block-preformatted{white-space:pre-wrap}.wp-block-preformatted.has-background{padding:1.25em 2.375em}.wp-block-pullquote{margin:0 0 1em;padding:3em 0;text-align:center}.wp-block-pullquote.alignleft,.wp-block-pullquote.alignright{max-width:420px}.wp-block-pullquote.alignleft p,.wp-block-pullquote.alignright p{font-size:1.25em}.wp-block-pullquote p{font-size:1.75em;line-height:1.6}.wp-block-pullquote cite,.wp-block-pullquote footer{position:relative}.wp-block-pullquote .has-text-color a{color:inherit}.wp-block-pullquote:not(.is-style-solid-color){background:none}.wp-block-pullquote.is-style-solid-color{border:none}.wp-block-pullquote.is-style-solid-color blockquote{margin-left:auto;margin-right:auto;text-align:left;max-width:60%}.wp-block-pullquote.is-style-solid-color blockquote p{margin-top:0;margin-bottom:0;font-size:2em}.wp-block-pullquote.is-style-solid-color blockquote cite{text-transform:none;font-style:normal}.wp-block-pullquote cite{color:inherit}.wp-block-post-template,.wp-block-query-loop{max-width:100%;list-style:none;padding:0}.wp-block-post-template li,.wp-block-query-loop li{clear:both}.wp-block-post-template.is-flex-container,.wp-block-query-loop.is-flex-container{flex-direction:row;display:flex;flex-wrap:wrap}.wp-block-post-template.is-flex-container li,.wp-block-query-loop.is-flex-container li{margin:0 0 1.25em;width:100%}@media (min-width:600px){.wp-block-post-template.is-flex-container li,.wp-block-query-loop.is-flex-container li{margin-right:1.25em}.wp-block-post-template.is-flex-container.is-flex-container.columns-2>li,.wp-block-query-loop.is-flex-container.is-flex-container.columns-2>li{width:calc(50% - .625em)}.wp-block-post-template.is-flex-container.is-flex-container.columns-2>li:nth-child(2n),.wp-block-query-loop.is-flex-container.is-flex-container.columns-2>li:nth-child(2n){margin-right:0}.wp-block-post-template.is-flex-container.is-flex-container.columns-3>li,.wp-block-query-loop.is-flex-container.is-flex-container.columns-3>li{width:calc(33.33333% - .83333em)}.wp-block-post-template.is-flex-container.is-flex-container.columns-3>li:nth-child(3n),.wp-block-query-loop.is-flex-container.is-flex-container.columns-3>li:nth-child(3n){margin-right:0}.wp-block-post-template.is-flex-container.is-flex-container.columns-4>li,.wp-block-query-loop.is-flex-container.is-flex-container.columns-4>li{width:calc(25% - .9375em)}.wp-block-post-template.is-flex-container.is-flex-container.columns-4>li:nth-child(4n),.wp-block-query-loop.is-flex-container.is-flex-container.columns-4>li:nth-child(4n){margin-right:0}.wp-block-post-template.is-flex-container.is-flex-container.columns-5>li,.wp-block-query-loop.is-flex-container.is-flex-container.columns-5>li{width:calc(20% - 1em)}.wp-block-post-template.is-flex-container.is-flex-container.columns-5>li:nth-child(5n),.wp-block-query-loop.is-flex-container.is-flex-container.columns-5>li:nth-child(5n){margin-right:0}.wp-block-post-template.is-flex-container.is-flex-container.columns-6>li,.wp-block-query-loop.is-flex-container.is-flex-container.columns-6>li{width:calc(16.66667% - 1.04167em)}.wp-block-post-template.is-flex-container.is-flex-container.columns-6>li:nth-child(6n),.wp-block-query-loop.is-flex-container.is-flex-container.columns-6>li:nth-child(6n){margin-right:0}}.wp-block-query-pagination{display:flex;flex-direction:row;flex-wrap:wrap}.wp-block-query-pagination>.wp-block-query-pagination-next,.wp-block-query-pagination>.wp-block-query-pagination-numbers,.wp-block-query-pagination>.wp-block-query-pagination-previous{display:inline-block;margin-right:.5em;margin-bottom:.5em}.wp-block-query-pagination>.wp-block-query-pagination-next:last-child,.wp-block-query-pagination>.wp-block-query-pagination-numbers:last-child,.wp-block-query-pagination>.wp-block-query-pagination-previous:last-child{margin-right:0}.wp-block-quote.is-large,.wp-block-quote.is-style-large{margin-bottom:1em;padding:0 1em}.wp-block-quote.is-large p,.wp-block-quote.is-style-large p{font-size:1.5em;font-style:italic;line-height:1.6}.wp-block-quote.is-large cite,.wp-block-quote.is-large footer,.wp-block-quote.is-style-large cite,.wp-block-quote.is-style-large footer{font-size:1.125em;text-align:right}.wp-block-rss.wp-block-rss{box-sizing:border-box}.wp-block-rss.alignleft{margin-right:2em}.wp-block-rss.alignright{margin-left:2em}.wp-block-rss.is-grid{display:flex;flex-wrap:wrap;padding:0;list-style:none}.wp-block-rss.is-grid li{margin:0 1em 1em 0;width:100%}@media (min-width:600px){.wp-block-rss.columns-2 li{width:calc(50% - 1em)}.wp-block-rss.columns-3 li{width:calc(33.33333% - 1em)}.wp-block-rss.columns-4 li{width:calc(25% - 1em)}.wp-block-rss.columns-5 li{width:calc(20% - 1em)}.wp-block-rss.columns-6 li{width:calc(16.66667% - 1em)}}.wp-block-rss__item-author,.wp-block-rss__item-publish-date{display:block;color:#555;font-size:.8125em}.wp-block-search .wp-block-search__button{background:#f7f7f7;border:1px solid #ccc;padding:.375em .625em;color:#32373c;margin-left:.625em;word-break:normal}.wp-block-search .wp-block-search__button.has-icon{line-height:0}.wp-block-search .wp-block-search__button svg{min-width:1.5em;min-height:1.5em}.wp-block-search .wp-block-search__inside-wrapper{display:flex;flex:auto;flex-wrap:nowrap;max-width:100%}.wp-block-search .wp-block-search__label{width:100%}.wp-block-search .wp-block-search__input{flex-grow:1;min-width:3em;border:1px solid #949494}.wp-block-search.wp-block-search__button-only .wp-block-search__button{margin-left:0}.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper{padding:4px;border:1px solid #949494}.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input{border-radius:0;border:none;padding:0 0 0 .25em}.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input:focus{outline:none}.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button{padding:.125em .5em}.wp-block-search.aligncenter .wp-block-search__inside-wrapper{margin:auto}.wp-block-separator{border-top:1px solid;border-bottom:1px solid}.wp-block-separator.is-style-wide{border-bottom-width:1px}.wp-block-separator.is-style-dots{background:none!important;border:none;text-align:center;width:none;line-height:1;height:auto}.wp-block-separator.is-style-dots:before{content:"···";color:currentColor;font-size:1.5em;letter-spacing:2em;padding-left:2em;font-family:serif}.wp-block-site-logo{line-height:0}.wp-block-site-logo a{display:inline-block}.wp-block-site-logo.is-default-size img{width:120px;height:auto}.wp-block-site-logo .aligncenter{display:table}.wp-block-site-logo.is-style-rounded img{border-radius:9999px}.wp-block-social-links{display:flex;flex-wrap:wrap;padding-left:0;padding-right:0;text-indent:0;margin-left:0}.wp-block-social-links .wp-social-link a,.wp-block-social-links .wp-social-link a:hover{text-decoration:none;border-bottom:0;box-shadow:none}.wp-block-social-links .wp-social-link.wp-social-link.wp-social-link{margin:4px 8px 4px 0}.wp-block-social-links .wp-social-link a{padding:.25em}.wp-block-social-links .wp-social-link svg{width:1em;height:1em}.wp-block-social-links.has-small-icon-size{font-size:16px}.wp-block-social-links,.wp-block-social-links.has-normal-icon-size{font-size:24px}.wp-block-social-links.has-large-icon-size{font-size:36px}.wp-block-social-links.has-huge-icon-size{font-size:48px}.wp-block-social-links.aligncenter{justify-content:center;display:flex}.wp-block-social-links.alignright{justify-content:flex-end}.wp-block-social-link{display:block;border-radius:9999px;transition:transform .1s ease;height:auto}@media (prefers-reduced-motion:reduce){.wp-block-social-link{transition-duration:0s;transition-delay:0s}}.wp-block-social-link a{display:block;line-height:0;transition:transform .1s ease}.wp-block-social-link:hover{transform:scale(1.1)}.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor,.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:active,.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:hover,.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:visited,.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor svg{color:currentColor;fill:currentColor}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link{background-color:#f0f0f0;color:#444}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-amazon{background-color:#f90;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-bandcamp{background-color:#1ea0c3;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-behance{background-color:#0757fe;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-codepen{background-color:#1e1f26;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-deviantart{background-color:#02e49b;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dribbble{background-color:#e94c89;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dropbox{background-color:#4280ff;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-etsy{background-color:#f45800;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook{background-color:#1778f2;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-fivehundredpx{background-color:#000;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-flickr{background-color:#0461dd;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-foursquare{background-color:#e65678;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-github{background-color:#24292d;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-goodreads{background-color:#eceadd;color:#382110}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-google{background-color:#ea4434;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram{background-color:#f00075;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-lastfm{background-color:#e21b24;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-linkedin{background-color:#0d66c2;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-mastodon{background-color:#3288d4;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-medium{background-color:#02ab6c;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-meetup{background-color:#f6405f;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-patreon{background-color:#ff424d;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pinterest{background-color:#e60122;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pocket{background-color:#ef4155;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-reddit{background-color:#fe4500;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-skype{background-color:#0478d7;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-snapchat{background-color:#fefc00;color:#fff;stroke:#000}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-soundcloud{background-color:#ff5600;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-spotify{background-color:#1bd760;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-telegram{background-color:#2aabee;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tiktok{background-color:#000;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tumblr{background-color:#011835;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitch{background-color:#6440a4;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitter{background-color:#1da1f2;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vimeo{background-color:#1eb7ea;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vk{background-color:#4680c2;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-wordpress{background-color:#3499cd;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-yelp{background-color:#d32422;color:#fff}.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-youtube{background-color:red;color:#fff}.wp-block-social-links.is-style-logos-only .wp-social-link{background:none;padding:4px}.wp-block-social-links.is-style-logos-only .wp-social-link-amazon{color:#f90}.wp-block-social-links.is-style-logos-only .wp-social-link-bandcamp{color:#1ea0c3}.wp-block-social-links.is-style-logos-only .wp-social-link-behance{color:#0757fe}.wp-block-social-links.is-style-logos-only .wp-social-link-codepen{color:#1e1f26}.wp-block-social-links.is-style-logos-only .wp-social-link-deviantart{color:#02e49b}.wp-block-social-links.is-style-logos-only .wp-social-link-dribbble{color:#e94c89}.wp-block-social-links.is-style-logos-only .wp-social-link-dropbox{color:#4280ff}.wp-block-social-links.is-style-logos-only .wp-social-link-etsy{color:#f45800}.wp-block-social-links.is-style-logos-only .wp-social-link-facebook{color:#1778f2}.wp-block-social-links.is-style-logos-only .wp-social-link-fivehundredpx{color:#000}.wp-block-social-links.is-style-logos-only .wp-social-link-flickr{color:#0461dd}.wp-block-social-links.is-style-logos-only .wp-social-link-foursquare{color:#e65678}.wp-block-social-links.is-style-logos-only .wp-social-link-github{color:#24292d}.wp-block-social-links.is-style-logos-only .wp-social-link-goodreads{color:#382110}.wp-block-social-links.is-style-logos-only .wp-social-link-google{color:#ea4434}.wp-block-social-links.is-style-logos-only .wp-social-link-instagram{color:#f00075}.wp-block-social-links.is-style-logos-only .wp-social-link-lastfm{color:#e21b24}.wp-block-social-links.is-style-logos-only .wp-social-link-linkedin{color:#0d66c2}.wp-block-social-links.is-style-logos-only .wp-social-link-mastodon{color:#3288d4}.wp-block-social-links.is-style-logos-only .wp-social-link-medium{color:#02ab6c}.wp-block-social-links.is-style-logos-only .wp-social-link-meetup{color:#f6405f}.wp-block-social-links.is-style-logos-only .wp-social-link-patreon{color:#ff424d}.wp-block-social-links.is-style-logos-only .wp-social-link-pinterest{color:#e60122}.wp-block-social-links.is-style-logos-only .wp-social-link-pocket{color:#ef4155}.wp-block-social-links.is-style-logos-only .wp-social-link-reddit{color:#fe4500}.wp-block-social-links.is-style-logos-only .wp-social-link-skype{color:#0478d7}.wp-block-social-links.is-style-logos-only .wp-social-link-snapchat{color:#fff;stroke:#000}.wp-block-social-links.is-style-logos-only .wp-social-link-soundcloud{color:#ff5600}.wp-block-social-links.is-style-logos-only .wp-social-link-spotify{color:#1bd760}.wp-block-social-links.is-style-logos-only .wp-social-link-telegram{color:#2aabee}.wp-block-social-links.is-style-logos-only .wp-social-link-tiktok{color:#000}.wp-block-social-links.is-style-logos-only .wp-social-link-tumblr{color:#011835}.wp-block-social-links.is-style-logos-only .wp-social-link-twitch{color:#6440a4}.wp-block-social-links.is-style-logos-only .wp-social-link-twitter{color:#1da1f2}.wp-block-social-links.is-style-logos-only .wp-social-link-vimeo{color:#1eb7ea}.wp-block-social-links.is-style-logos-only .wp-social-link-vk{color:#4680c2}.wp-block-social-links.is-style-logos-only .wp-social-link-wordpress{color:#3499cd}.wp-block-social-links.is-style-logos-only .wp-social-link-yelp{color:#d32422}.wp-block-social-links.is-style-logos-only .wp-social-link-youtube{color:red}.wp-block-social-links.is-style-pill-shape .wp-social-link{width:auto}.wp-block-social-links.is-style-pill-shape .wp-social-link a{padding-left:.66667em;padding-right:.66667em}.wp-block-spacer{clear:both}.wp-block-tag-cloud.aligncenter{text-align:center}.wp-block-tag-cloud.alignfull{padding-left:1em;padding-right:1em}.wp-block-table{margin:0 0 1em;overflow-x:auto}.wp-block-table table{border-collapse:collapse;width:100%}.wp-block-table .has-fixed-layout{table-layout:fixed;width:100%}.wp-block-table .has-fixed-layout td,.wp-block-table .has-fixed-layout th{word-break:break-word}.wp-block-table.aligncenter,.wp-block-table.alignleft,.wp-block-table.alignright{display:table;width:auto}.wp-block-table.aligncenter td,.wp-block-table.aligncenter th,.wp-block-table.alignleft td,.wp-block-table.alignleft th,.wp-block-table.alignright td,.wp-block-table.alignright th{word-break:break-word}.wp-block-table .has-subtle-light-gray-background-color{background-color:#f3f4f5}.wp-block-table .has-subtle-pale-green-background-color{background-color:#e9fbe5}.wp-block-table .has-subtle-pale-blue-background-color{background-color:#e7f5fe}.wp-block-table .has-subtle-pale-pink-background-color{background-color:#fcf0ef}.wp-block-table.is-style-stripes{border-spacing:0;border-collapse:inherit;background-color:transparent;border-bottom:1px solid #f0f0f0}.wp-block-table.is-style-stripes tbody tr:nth-child(odd){background-color:#f0f0f0}.wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(odd){background-color:#f3f4f5}.wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(odd){background-color:#e9fbe5}.wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(odd){background-color:#e7f5fe}.wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(odd){background-color:#fcf0ef}.wp-block-table.is-style-stripes td,.wp-block-table.is-style-stripes th{border-color:transparent}.wp-block-table .has-border-color>*,.wp-block-table .has-border-color td,.wp-block-table .has-border-color th,.wp-block-table .has-border-color tr{border-color:inherit}.wp-block-table table[style*=border-style]>*,.wp-block-table table[style*=border-style] td,.wp-block-table table[style*=border-style] th,.wp-block-table table[style*=border-style] tr{border-style:inherit}.wp-block-table table[style*=border-width]>*,.wp-block-table table[style*=border-width] td,.wp-block-table table[style*=border-width] th,.wp-block-table table[style*=border-width] tr{border-width:inherit}.wp-block-text-columns,.wp-block-text-columns.aligncenter{display:flex}.wp-block-text-columns .wp-block-column{margin:0 1em;padding:0}.wp-block-text-columns .wp-block-column:first-child{margin-left:0}.wp-block-text-columns .wp-block-column:last-child{margin-right:0}.wp-block-text-columns.columns-2 .wp-block-column{width:50%}.wp-block-text-columns.columns-3 .wp-block-column{width:33.33333%}.wp-block-text-columns.columns-4 .wp-block-column{width:25%}pre.wp-block-verse{font-family:inherit;overflow:auto;white-space:pre-wrap}.wp-block-video{margin:0 0 1em}.wp-block-video video{width:100%}@supports (position:sticky){.wp-block-video [poster]{-o-object-fit:cover;object-fit:cover}}.wp-block-video.aligncenter{text-align:center}.wp-block-video figcaption{margin-top:.5em;margin-bottom:1em}.wp-block-post-featured-image{margin-left:0;margin-right:0}.wp-block-post-featured-image a{display:inline-block}.wp-block-post-featured-image img{max-width:100%;height:auto}.wp-block-post-featured-image.alignfull img,.wp-block-post-featured-image.alignwide img{width:100%}:root .has-pale-pink-background-color{background-color:#f78da7}:root .has-vivid-red-background-color{background-color:#cf2e2e}:root .has-luminous-vivid-orange-background-color{background-color:#ff6900}:root .has-luminous-vivid-amber-background-color{background-color:#fcb900}:root .has-light-green-cyan-background-color{background-color:#7bdcb5}:root .has-vivid-green-cyan-background-color{background-color:#00d084}:root .has-pale-cyan-blue-background-color{background-color:#8ed1fc}:root .has-vivid-cyan-blue-background-color{background-color:#0693e3}:root .has-vivid-purple-background-color{background-color:#9b51e0}:root .has-white-background-color{background-color:#fff}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-cyan-bluish-gray-background-color{background-color:#abb8c3}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-black-background-color{background-color:#000}:root .has-pale-pink-color{color:#f78da7}:root .has-vivid-red-color{color:#cf2e2e}:root .has-luminous-vivid-orange-color{color:#ff6900}:root .has-luminous-vivid-amber-color{color:#fcb900}:root .has-light-green-cyan-color{color:#7bdcb5}:root .has-vivid-green-cyan-color{color:#00d084}:root .has-pale-cyan-blue-color{color:#8ed1fc}:root .has-vivid-cyan-blue-color{color:#0693e3}:root .has-vivid-purple-color{color:#9b51e0}:root .has-white-color{color:#fff}:root .has-very-light-gray-color{color:#eee}:root .has-cyan-bluish-gray-color{color:#abb8c3}:root .has-very-dark-gray-color{color:#313131}:root .has-black-color{color:#000}:root .has-vivid-cyan-blue-to-vivid-purple-gradient-background{background:linear-gradient(135deg,#0693e3,#9b51e0)}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-light-green-cyan-to-vivid-green-cyan-gradient-background{background:linear-gradient(135deg,#7adcb4,#00d082)}:root .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background:linear-gradient(135deg,#fcb900,#ff6900)}:root .has-luminous-vivid-orange-to-vivid-red-gradient-background{background:linear-gradient(135deg,#ff6900,#cf2e2e)}:root .has-very-light-gray-to-cyan-bluish-gray-gradient-background{background:linear-gradient(135deg,#eee,#a9b8c3)}:root .has-cool-to-warm-spectrum-gradient-background{background:linear-gradient(135deg,#4aeadc,#9778d1 20%,#cf2aba 40%,#ee2c82 60%,#fb6962 80%,#fef84c)}:root .has-blush-light-purple-gradient-background{background:linear-gradient(135deg,#ffceec,#9896f0)}:root .has-blush-bordeaux-gradient-background{background:linear-gradient(135deg,#fecda5,#fe2d2d 50%,#6b003e)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-luminous-dusk-gradient-background{background:linear-gradient(135deg,#ffcb70,#c751c0 50%,#4158d0)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-pale-ocean-gradient-background{background:linear-gradient(135deg,#fff5cb,#b6e3d4 50%,#33a7b5)}:root .has-electric-grass-gradient-background{background:linear-gradient(135deg,#caf880,#71ce7e)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}.has-small-font-size{font-size:.8125em}.has-normal-font-size,.has-regular-font-size{font-size:1em}.has-medium-font-size{font-size:1.25em}.has-large-font-size{font-size:2.25em}.has-huge-font-size,.has-larger-font-size{font-size:2.625em}.has-text-align-center{text-align:center}.has-text-align-left{text-align:left}.has-text-align-right{text-align:right}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#ddd;clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000} \ No newline at end of file diff --git a/wp-includes/css/dist/block-library/theme-rtl.css b/wp-includes/css/dist/block-library/theme-rtl.css new file mode 100644 index 0000000000..3a3277ba2e --- /dev/null +++ b/wp-includes/css/dist/block-library/theme-rtl.css @@ -0,0 +1,225 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles for JavaScript UI based pages. + * This is a WP-admin agnostic reset + */ +/** + * Reset the WP Admin page styles for Gutenberg-like pages. + */ +#start-resizable-editor-section { + display: none; +} + +.wp-block-audio figcaption { + color: #555; + font-size: 13px; + text-align: center; +} +.is-dark-theme .wp-block-audio figcaption { + color: rgba(255, 255, 255, 0.65); +} + +.wp-block-code { + font-family: Menlo, Consolas, monaco, monospace; + color: #1e1e1e; + padding: 0.8em 1em; + border: 1px solid #ddd; + border-radius: 4px; +} + +.wp-block-embed figcaption { + color: #555; + font-size: 13px; + text-align: center; +} +.is-dark-theme .wp-block-embed figcaption { + color: rgba(255, 255, 255, 0.65); +} + +.blocks-gallery-caption { + color: #555; + font-size: 13px; + text-align: center; +} +.is-dark-theme .blocks-gallery-caption { + color: rgba(255, 255, 255, 0.65); +} + +.wp-block-image figcaption { + color: #555; + font-size: 13px; + text-align: center; +} +.is-dark-theme .wp-block-image figcaption { + color: rgba(255, 255, 255, 0.65); +} + +.wp-block-pullquote { + border-top: 4px solid currentColor; + border-bottom: 4px solid currentColor; + margin-bottom: 1.75em; + color: currentColor; +} +.wp-block-pullquote cite, +.wp-block-pullquote footer, .wp-block-pullquote__citation { + color: currentColor; + text-transform: uppercase; + font-size: 0.8125em; + font-style: normal; +} + +.wp-block-quote { + border-right: 0.25em solid currentColor; + margin: 0 0 1.75em 0; + padding-right: 1em; +} +.wp-block-quote cite, +.wp-block-quote footer { + color: currentColor; + font-size: 0.8125em; + position: relative; + font-style: normal; +} +.wp-block-quote.has-text-align-right { + border-right: none; + border-left: 0.25em solid currentColor; + padding-right: 0; + padding-left: 1em; +} +.wp-block-quote.has-text-align-center { + border: none; + padding-right: 0; +} +.wp-block-quote.is-style-large, .wp-block-quote.is-large { + border: none; +} + +.wp-block-search .wp-block-search__label { + font-weight: bold; +} + +.wp-block-group.has-background { + padding: 1.25em 2.375em; + margin-top: 0; + margin-bottom: 0; +} + +.wp-block-separator { + border: none; + border-bottom: 2px solid currentColor; + margin-right: auto; + margin-left: auto; + opacity: 0.4; +} +.wp-block-separator:not(.is-style-wide):not(.is-style-dots) { + width: 100px; +} +.wp-block-separator.has-background:not(.is-style-dots) { + border-bottom: none; + height: 1px; +} +.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots) { + height: 2px; +} + +.wp-block-table thead { + border-bottom: 3px solid; +} +.wp-block-table tfoot { + border-top: 3px solid; +} +.wp-block-table td, +.wp-block-table th { + padding: 0.5em; + border: 1px solid; + word-break: normal; +} +.wp-block-table figcaption { + color: #555; + font-size: 13px; + text-align: center; +} +.is-dark-theme .wp-block-table figcaption { + color: rgba(255, 255, 255, 0.65); +} + +.wp-block-video figcaption { + color: #555; + font-size: 13px; + text-align: center; +} +.is-dark-theme .wp-block-video figcaption { + color: rgba(255, 255, 255, 0.65); +} + +.wp-block-template-part.has-background { + padding: 1.25em 2.375em; + margin-top: 0; + margin-bottom: 0; +} + +#end-resizable-editor-section { + display: none; +} \ No newline at end of file diff --git a/wp-includes/css/dist/block-library/theme-rtl.min.css b/wp-includes/css/dist/block-library/theme-rtl.min.css new file mode 100644 index 0000000000..ab41eea513 --- /dev/null +++ b/wp-includes/css/dist/block-library/theme-rtl.min.css @@ -0,0 +1 @@ +#start-resizable-editor-section{display:none}.wp-block-audio figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-audio figcaption{color:hsla(0,0%,100%,.65)}.wp-block-code{font-family:Menlo,Consolas,monaco,monospace;color:#1e1e1e;padding:.8em 1em;border:1px solid #ddd;border-radius:4px}.wp-block-embed figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-embed figcaption{color:hsla(0,0%,100%,.65)}.blocks-gallery-caption{color:#555;font-size:13px;text-align:center}.is-dark-theme .blocks-gallery-caption{color:hsla(0,0%,100%,.65)}.wp-block-image figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-image figcaption{color:hsla(0,0%,100%,.65)}.wp-block-pullquote{border-top:4px solid;border-bottom:4px solid;margin-bottom:1.75em;color:currentColor}.wp-block-pullquote__citation,.wp-block-pullquote cite,.wp-block-pullquote footer{color:currentColor;text-transform:uppercase;font-size:.8125em;font-style:normal}.wp-block-quote{border-right:.25em solid;margin:0 0 1.75em;padding-right:1em}.wp-block-quote cite,.wp-block-quote footer{color:currentColor;font-size:.8125em;position:relative;font-style:normal}.wp-block-quote.has-text-align-right{border-right:none;border-left:.25em solid;padding-right:0;padding-left:1em}.wp-block-quote.has-text-align-center{border:none;padding-right:0}.wp-block-quote.is-large,.wp-block-quote.is-style-large{border:none}.wp-block-search .wp-block-search__label{font-weight:700}.wp-block-group.has-background{padding:1.25em 2.375em;margin-top:0;margin-bottom:0}.wp-block-separator{border:none;border-bottom:2px solid;margin-right:auto;margin-left:auto;opacity:.4}.wp-block-separator:not(.is-style-wide):not(.is-style-dots){width:100px}.wp-block-separator.has-background:not(.is-style-dots){border-bottom:none;height:1px}.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots){height:2px}.wp-block-table thead{border-bottom:3px solid}.wp-block-table tfoot{border-top:3px solid}.wp-block-table td,.wp-block-table th{padding:.5em;border:1px solid;word-break:normal}.wp-block-table figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-table figcaption{color:hsla(0,0%,100%,.65)}.wp-block-video figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-video figcaption{color:hsla(0,0%,100%,.65)}.wp-block-template-part.has-background{padding:1.25em 2.375em;margin-top:0;margin-bottom:0}#end-resizable-editor-section{display:none} \ No newline at end of file diff --git a/wp-includes/css/dist/block-library/theme.css b/wp-includes/css/dist/block-library/theme.css new file mode 100644 index 0000000000..7c6dd4f540 --- /dev/null +++ b/wp-includes/css/dist/block-library/theme.css @@ -0,0 +1,225 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles for JavaScript UI based pages. + * This is a WP-admin agnostic reset + */ +/** + * Reset the WP Admin page styles for Gutenberg-like pages. + */ +#start-resizable-editor-section { + display: none; +} + +.wp-block-audio figcaption { + color: #555; + font-size: 13px; + text-align: center; +} +.is-dark-theme .wp-block-audio figcaption { + color: rgba(255, 255, 255, 0.65); +} + +.wp-block-code { + font-family: Menlo, Consolas, monaco, monospace; + color: #1e1e1e; + padding: 0.8em 1em; + border: 1px solid #ddd; + border-radius: 4px; +} + +.wp-block-embed figcaption { + color: #555; + font-size: 13px; + text-align: center; +} +.is-dark-theme .wp-block-embed figcaption { + color: rgba(255, 255, 255, 0.65); +} + +.blocks-gallery-caption { + color: #555; + font-size: 13px; + text-align: center; +} +.is-dark-theme .blocks-gallery-caption { + color: rgba(255, 255, 255, 0.65); +} + +.wp-block-image figcaption { + color: #555; + font-size: 13px; + text-align: center; +} +.is-dark-theme .wp-block-image figcaption { + color: rgba(255, 255, 255, 0.65); +} + +.wp-block-pullquote { + border-top: 4px solid currentColor; + border-bottom: 4px solid currentColor; + margin-bottom: 1.75em; + color: currentColor; +} +.wp-block-pullquote cite, +.wp-block-pullquote footer, .wp-block-pullquote__citation { + color: currentColor; + text-transform: uppercase; + font-size: 0.8125em; + font-style: normal; +} + +.wp-block-quote { + border-left: 0.25em solid currentColor; + margin: 0 0 1.75em 0; + padding-left: 1em; +} +.wp-block-quote cite, +.wp-block-quote footer { + color: currentColor; + font-size: 0.8125em; + position: relative; + font-style: normal; +} +.wp-block-quote.has-text-align-right { + border-left: none; + border-right: 0.25em solid currentColor; + padding-left: 0; + padding-right: 1em; +} +.wp-block-quote.has-text-align-center { + border: none; + padding-left: 0; +} +.wp-block-quote.is-style-large, .wp-block-quote.is-large { + border: none; +} + +.wp-block-search .wp-block-search__label { + font-weight: bold; +} + +.wp-block-group.has-background { + padding: 1.25em 2.375em; + margin-top: 0; + margin-bottom: 0; +} + +.wp-block-separator { + border: none; + border-bottom: 2px solid currentColor; + margin-left: auto; + margin-right: auto; + opacity: 0.4; +} +.wp-block-separator:not(.is-style-wide):not(.is-style-dots) { + width: 100px; +} +.wp-block-separator.has-background:not(.is-style-dots) { + border-bottom: none; + height: 1px; +} +.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots) { + height: 2px; +} + +.wp-block-table thead { + border-bottom: 3px solid; +} +.wp-block-table tfoot { + border-top: 3px solid; +} +.wp-block-table td, +.wp-block-table th { + padding: 0.5em; + border: 1px solid; + word-break: normal; +} +.wp-block-table figcaption { + color: #555; + font-size: 13px; + text-align: center; +} +.is-dark-theme .wp-block-table figcaption { + color: rgba(255, 255, 255, 0.65); +} + +.wp-block-video figcaption { + color: #555; + font-size: 13px; + text-align: center; +} +.is-dark-theme .wp-block-video figcaption { + color: rgba(255, 255, 255, 0.65); +} + +.wp-block-template-part.has-background { + padding: 1.25em 2.375em; + margin-top: 0; + margin-bottom: 0; +} + +#end-resizable-editor-section { + display: none; +} \ No newline at end of file diff --git a/wp-includes/css/dist/block-library/theme.min.css b/wp-includes/css/dist/block-library/theme.min.css new file mode 100644 index 0000000000..144ca19128 --- /dev/null +++ b/wp-includes/css/dist/block-library/theme.min.css @@ -0,0 +1 @@ +#start-resizable-editor-section{display:none}.wp-block-audio figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-audio figcaption{color:hsla(0,0%,100%,.65)}.wp-block-code{font-family:Menlo,Consolas,monaco,monospace;color:#1e1e1e;padding:.8em 1em;border:1px solid #ddd;border-radius:4px}.wp-block-embed figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-embed figcaption{color:hsla(0,0%,100%,.65)}.blocks-gallery-caption{color:#555;font-size:13px;text-align:center}.is-dark-theme .blocks-gallery-caption{color:hsla(0,0%,100%,.65)}.wp-block-image figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-image figcaption{color:hsla(0,0%,100%,.65)}.wp-block-pullquote{border-top:4px solid;border-bottom:4px solid;margin-bottom:1.75em;color:currentColor}.wp-block-pullquote__citation,.wp-block-pullquote cite,.wp-block-pullquote footer{color:currentColor;text-transform:uppercase;font-size:.8125em;font-style:normal}.wp-block-quote{border-left:.25em solid;margin:0 0 1.75em;padding-left:1em}.wp-block-quote cite,.wp-block-quote footer{color:currentColor;font-size:.8125em;position:relative;font-style:normal}.wp-block-quote.has-text-align-right{border-left:none;border-right:.25em solid;padding-left:0;padding-right:1em}.wp-block-quote.has-text-align-center{border:none;padding-left:0}.wp-block-quote.is-large,.wp-block-quote.is-style-large{border:none}.wp-block-search .wp-block-search__label{font-weight:700}.wp-block-group.has-background{padding:1.25em 2.375em;margin-top:0;margin-bottom:0}.wp-block-separator{border:none;border-bottom:2px solid;margin-left:auto;margin-right:auto;opacity:.4}.wp-block-separator:not(.is-style-wide):not(.is-style-dots){width:100px}.wp-block-separator.has-background:not(.is-style-dots){border-bottom:none;height:1px}.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots){height:2px}.wp-block-table thead{border-bottom:3px solid}.wp-block-table tfoot{border-top:3px solid}.wp-block-table td,.wp-block-table th{padding:.5em;border:1px solid;word-break:normal}.wp-block-table figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-table figcaption{color:hsla(0,0%,100%,.65)}.wp-block-video figcaption{color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-video figcaption{color:hsla(0,0%,100%,.65)}.wp-block-template-part.has-background{padding:1.25em 2.375em;margin-top:0;margin-bottom:0}#end-resizable-editor-section{display:none} \ No newline at end of file diff --git a/wp-includes/css/dist/components/style-rtl.css b/wp-includes/css/dist/components/style-rtl.css new file mode 100644 index 0000000000..1e39309daa --- /dev/null +++ b/wp-includes/css/dist/components/style-rtl.css @@ -0,0 +1,5053 @@ +@charset "UTF-8"; +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles for JavaScript UI based pages. + * This is a WP-admin agnostic reset + */ +/** + * Reset the WP Admin page styles for Gutenberg-like pages. + */ +:root { + --wp-admin-theme-color: #007cba; + --wp-admin-theme-color-darker-10: #006ba1; + --wp-admin-theme-color-darker-20: #005a87; + --wp-admin-border-width-focus: 2px; +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + :root { + --wp-admin-border-width-focus: 1.5px; + } +} + +.components-animate__appear { + animation: components-animate__appear-animation 0.1s cubic-bezier(0, 0, 0.2, 1) 0s; + animation-fill-mode: forwards; +} +@media (prefers-reduced-motion: reduce) { + .components-animate__appear { + animation-duration: 1ms; + animation-delay: 0s; + } +} +.components-animate__appear.is-from-top, .components-animate__appear.is-from-top.is-from-left { + transform-origin: top right; +} +.components-animate__appear.is-from-top.is-from-right { + transform-origin: top left; +} +.components-animate__appear.is-from-bottom, .components-animate__appear.is-from-bottom.is-from-left { + transform-origin: bottom right; +} +.components-animate__appear.is-from-bottom.is-from-right { + transform-origin: bottom left; +} + +@keyframes components-animate__appear-animation { + from { + transform: translateY(-2em) scaleY(0) scaleX(0); + } + to { + transform: translateY(0%) scaleY(1) scaleX(1); + } +} +.components-animate__slide-in { + animation: components-animate__slide-in-animation 0.1s cubic-bezier(0, 0, 0.2, 1); + animation-fill-mode: forwards; +} +@media (prefers-reduced-motion: reduce) { + .components-animate__slide-in { + animation-duration: 1ms; + animation-delay: 0s; + } +} +.components-animate__slide-in.is-from-left { + transform: translateX(-100%); +} +.components-animate__slide-in.is-from-right { + transform: translateX(100%); +} + +@keyframes components-animate__slide-in-animation { + 100% { + transform: translateX(0%); + } +} +.components-animate__loading { + animation: components-animate__loading 1.6s ease-in-out infinite; +} + +@keyframes components-animate__loading { + 0% { + opacity: 0.5; + } + 50% { + opacity: 1; + } + 100% { + opacity: 0.5; + } +} +.components-autocomplete__popover .components-popover__content > div { + padding: 16px; + min-width: 220px; +} + +.components-autocomplete__result.components-button { + display: flex; + height: auto; + min-height: 36px; + text-align: right; + width: 100%; +} +.components-autocomplete__result.components-button.is-selected { + box-shadow: 0 0 0 2px var(--wp-admin-theme-color); +} + +.components-button-group { + display: inline-block; +} +.components-button-group .components-button { + border-radius: 0; + display: inline-flex; + color: #1e1e1e; + box-shadow: inset 0 0 0 1px #1e1e1e; +} +.components-button-group .components-button + .components-button { + margin-right: -1px; +} +.components-button-group .components-button:first-child { + border-radius: 0 2px 2px 0; +} +.components-button-group .components-button:last-child { + border-radius: 2px 0 0 2px; +} +.components-button-group .components-button:focus, .components-button-group .components-button.is-primary { + position: relative; + z-index: 1; +} +.components-button-group .components-button.is-primary { + box-shadow: inset 0 0 0 1px #1e1e1e; +} + +.components-button { + display: inline-flex; + text-decoration: none; + font-weight: normal; + font-size: 13px; + margin: 0; + border: 0; + cursor: pointer; + -webkit-appearance: none; + background: none; + transition: box-shadow 0.1s linear; + height: 36px; + align-items: center; + box-sizing: border-box; + padding: 6px 12px; + border-radius: 2px; + color: #1e1e1e; + /** + * Primary button style. + */ + /** + * Secondary and tertiary buttons. + */ + /** + * Secondary button style. + */ + /** + * Tertiary buttons. + */ + /** + * Destructive buttons. + */ + /** + * Link buttons. + */ +} +@media (prefers-reduced-motion: reduce) { + .components-button { + transition-duration: 0s; + transition-delay: 0s; + } +} +.components-button[aria-expanded=true], .components-button:hover { + color: var(--wp-admin-theme-color); +} +.components-button[aria-disabled=true]:hover { + color: initial; +} +.components-button:focus:not(:disabled) { + box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + outline: 3px solid transparent; +} +.components-button.is-primary { + white-space: nowrap; + background: var(--wp-admin-theme-color); + color: #fff; + text-decoration: none; + text-shadow: none; + outline: 1px solid transparent; +} +.components-button.is-primary:hover:not(:disabled) { + background: var(--wp-admin-theme-color-darker-10); + color: #fff; +} +.components-button.is-primary:active:not(:disabled) { + background: var(--wp-admin-theme-color-darker-20); + border-color: var(--wp-admin-theme-color-darker-20); + color: #fff; +} +.components-button.is-primary:focus:not(:disabled) { + box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); +} +.components-button.is-primary:disabled, .components-button.is-primary:disabled:active:enabled, .components-button.is-primary[aria-disabled=true], .components-button.is-primary[aria-disabled=true]:enabled, .components-button.is-primary[aria-disabled=true]:active:enabled { + color: rgba(255, 255, 255, 0.4); + background: var(--wp-admin-theme-color); + border-color: var(--wp-admin-theme-color); + opacity: 1; + outline: none; +} +.components-button.is-primary:disabled:focus:enabled, .components-button.is-primary:disabled:active:enabled:focus:enabled, .components-button.is-primary[aria-disabled=true]:focus:enabled, .components-button.is-primary[aria-disabled=true]:enabled:focus:enabled, .components-button.is-primary[aria-disabled=true]:active:enabled:focus:enabled { + box-shadow: 0 0 0 1px #fff, 0 0 0 3px var(--wp-admin-theme-color); +} +.components-button.is-primary.is-busy, .components-button.is-primary.is-busy:disabled, .components-button.is-primary.is-busy[aria-disabled=true] { + color: #fff; + background-size: 100px 100%; + /* stylelint-disable */ + background-image: linear-gradient(45deg, var(--wp-admin-theme-color) 33%, var(--wp-admin-theme-color-darker-20) 33%, var(--wp-admin-theme-color-darker-20) 70%, var(--wp-admin-theme-color) 70%); + /* stylelint-enable */ + border-color: var(--wp-admin-theme-color); +} +.components-button.is-secondary, .components-button.is-tertiary { + outline: 1px solid transparent; +} +.components-button.is-secondary:active:not(:disabled), .components-button.is-tertiary:active:not(:disabled) { + background: #ddd; + color: var(--wp-admin-theme-color-darker-10); + box-shadow: none; +} +.components-button.is-secondary:hover:not(:disabled), .components-button.is-tertiary:hover:not(:disabled) { + color: var(--wp-admin-theme-color-darker-10); + box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color-darker-10); +} +.components-button.is-secondary:disabled, .components-button.is-secondary[aria-disabled=true], .components-button.is-secondary[aria-disabled=true]:hover, .components-button.is-tertiary:disabled, .components-button.is-tertiary[aria-disabled=true], .components-button.is-tertiary[aria-disabled=true]:hover { + color: #828282; + background: #eaeaea; + transform: none; + opacity: 1; + box-shadow: none; + outline: none; +} +.components-button.is-secondary { + box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color); + outline: 1px solid transparent; + white-space: nowrap; + color: var(--wp-admin-theme-color); + background: transparent; +} +.components-button.is-tertiary { + white-space: nowrap; + color: var(--wp-admin-theme-color); + background: transparent; + padding: 6px; +} +.components-button.is-tertiary .dashicon { + display: inline-block; + flex: 0 0 auto; +} +.components-button.is-destructive { + color: #cc1818; + box-shadow: inset 0 0 0 1px #cc1818; +} +.components-button.is-destructive:hover:not(:disabled) { + color: #710d0d; + box-shadow: inset 0 0 0 1px #710d0d; +} +.components-button.is-destructive:focus:not(:disabled) { + color: var(--wp-admin-theme-color); +} +.components-button.is-destructive:active:not(:disabled) { + background: #ccc; +} +.components-button.is-destructive.is-primary { + color: #fff; + background: #cc1818; + box-shadow: inset 0 0 0 1px #cc1818; +} +.components-button.is-destructive.is-primary:hover:not(:disabled) { + color: #fff; + background: #710d0d; + box-shadow: inset 0 0 0 1px #710d0d; +} +.components-button.is-link { + margin: 0; + padding: 0; + box-shadow: none; + border: 0; + border-radius: 0; + background: none; + outline: none; + text-align: right; + color: var(--wp-admin-theme-color); + text-decoration: underline; + transition-property: border, background, color; + transition-duration: 0.05s; + transition-timing-function: ease-in-out; + height: auto; +} +@media (prefers-reduced-motion: reduce) { + .components-button.is-link { + transition-duration: 0s; + transition-delay: 0s; + } +} +.components-button.is-link:focus { + border-radius: 2px; +} +.components-button.is-link.is-destructive { + color: #cc1818; +} +.components-button.is-link.is-destructive:active:not(:disabled), .components-button.is-link.is-destructive:hover:not(:disabled) { + color: #710d0d; + background: none; +} +.components-button.is-link.is-destructive:focus:not(:disabled) { + color: var(--wp-admin-theme-color); +} +.components-button:not([aria-disabled=true]):active { + color: inherit; +} +.components-button:disabled, .components-button[aria-disabled=true] { + cursor: default; + opacity: 0.3; +} +.components-button.is-busy, .components-button.is-secondary.is-busy, .components-button.is-secondary.is-busy:disabled, .components-button.is-secondary.is-busy[aria-disabled=true] { + animation: components-button__busy-animation 2500ms infinite linear; + opacity: 1; + background-size: 100px 100%; + /* stylelint-disable */ + background-image: linear-gradient(45deg, #fafafa 33%, #e0e0e0 33%, #e0e0e0 70%, #fafafa 70%); + /* stylelint-enable */ +} +.components-button.is-small { + height: 24px; + line-height: 22px; + padding: 0 8px; + font-size: 11px; +} +.components-button.is-small.has-icon:not(.has-text) { + padding: 0 8px; + width: 24px; +} +.components-button.has-icon { + padding: 6px; + min-width: 36px; + justify-content: center; +} +.components-button.has-icon .dashicon { + display: inline-block; + flex: 0 0 auto; + margin-right: 2px; + margin-left: 2px; +} +.components-button.has-icon.has-text { + justify-content: left; +} +.components-button.has-icon.has-text svg { + margin-left: 8px; +} +.components-button.has-icon.has-text .dashicon { + margin-left: 10px; +} +.components-button.is-pressed { + color: #fff; + background: #1e1e1e; +} +.components-button.is-pressed:focus:not(:disabled) { + box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + outline: 2px solid transparent; +} +.components-button.is-pressed:hover:not(:disabled) { + color: #fff; + background: #1e1e1e; +} +.components-button svg { + fill: currentColor; + outline: none; +} +.components-button .components-visually-hidden { + height: auto; +} + +@keyframes components-button__busy-animation { + 0% { + background-position: 200px 0; + } +} +.components-checkbox-control__input[type=checkbox] { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + padding: 6px 8px; + box-shadow: 0 0 0 transparent; + transition: box-shadow 0.1s linear; + border-radius: 2px; + border: 1px solid #757575; + /* Fonts smaller than 16px causes mobile safari to zoom. */ + font-size: 16px; + /* Override core line-height. To be reviewed. */ + line-height: normal; + border: 1px solid #1e1e1e; + margin-left: 12px; + transition: none; + border-radius: 2px; + background: #fff; + color: #1e1e1e; + clear: none; + cursor: pointer; + display: inline-block; + line-height: 0; + margin: 0 0 0 4px; + outline: 0; + padding: 0 !important; + text-align: center; + vertical-align: top; + width: 24px; + height: 24px; + -webkit-appearance: none; + appearance: none; + transition: 0.1s border-color ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .components-checkbox-control__input[type=checkbox] { + transition-duration: 0s; + transition-delay: 0s; + } +} +@media (min-width: 600px) { + .components-checkbox-control__input[type=checkbox] { + font-size: 13px; + /* Override core line-height. To be reviewed. */ + line-height: normal; + } +} +.components-checkbox-control__input[type=checkbox]:focus { + border-color: var(--wp-admin-theme-color); + box-shadow: 0 0 0 1px var(--wp-admin-theme-color); + outline: 2px solid transparent; +} +.components-checkbox-control__input[type=checkbox]::-webkit-input-placeholder { + color: rgba(30, 30, 30, 0.62); +} +.components-checkbox-control__input[type=checkbox]::-moz-placeholder { + opacity: 1; + color: rgba(30, 30, 30, 0.62); +} +.components-checkbox-control__input[type=checkbox]:-ms-input-placeholder { + color: rgba(30, 30, 30, 0.62); +} +.components-checkbox-control__input[type=checkbox]:focus { + box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color); + outline: 2px solid transparent; +} +.components-checkbox-control__input[type=checkbox]:checked { + background: var(--wp-admin-theme-color); + border-color: var(--wp-admin-theme-color); +} +.components-checkbox-control__input[type=checkbox]:checked::-ms-check { + opacity: 0; +} +.components-checkbox-control__input[type=checkbox]:checked::before, .components-checkbox-control__input[type=checkbox][aria-checked=mixed]::before { + margin: -3px -5px; + color: #fff; +} +@media (min-width: 782px) { + .components-checkbox-control__input[type=checkbox]:checked::before, .components-checkbox-control__input[type=checkbox][aria-checked=mixed]::before { + margin: -4px -5px 0 0; + } +} +.components-checkbox-control__input[type=checkbox][aria-checked=mixed] { + background: var(--wp-admin-theme-color); + border-color: var(--wp-admin-theme-color); +} +.components-checkbox-control__input[type=checkbox][aria-checked=mixed]::before { + content: ""; + float: right; + display: inline-block; + vertical-align: middle; + width: 16px; + /* stylelint-disable */ + font: normal 30px/1 dashicons; + /* stylelint-enable */ + speak: none; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +@media (min-width: 782px) { + .components-checkbox-control__input[type=checkbox][aria-checked=mixed]::before { + float: none; + font-size: 21px; + } +} +@media (min-width: 600px) { + .components-checkbox-control__input[type=checkbox] { + height: 20px; + width: 20px; + } +} +@media (prefers-reduced-motion: reduce) { + .components-checkbox-control__input[type=checkbox] { + transition-duration: 0s; + transition-delay: 0s; + } +} +.components-checkbox-control__input[type=checkbox]:focus { + box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color); + outline: 2px solid transparent; +} +.components-checkbox-control__input[type=checkbox]:checked { + background: var(--wp-admin-theme-color); + border-color: var(--wp-admin-theme-color); +} +.components-checkbox-control__input[type=checkbox]:checked::-ms-check { + opacity: 0; +} +.components-checkbox-control__input[type=checkbox]:checked::before { + content: none; +} + +.components-checkbox-control__input-container { + position: relative; + display: inline-block; + margin-left: 12px; + vertical-align: middle; + width: 24px; + height: 24px; +} +@media (min-width: 600px) { + .components-checkbox-control__input-container { + width: 20px; + height: 20px; + } +} + +svg.components-checkbox-control__checked { + fill: #fff; + cursor: pointer; + position: absolute; + right: 0; + top: 0; + width: 24px; + height: 24px; + -webkit-user-select: none; + user-select: none; + pointer-events: none; +} +@media (min-width: 600px) { + svg.components-checkbox-control__checked { + right: -2px; + top: -2px; + } +} + +.components-circular-option-picker { + display: inline-block; + width: 100%; + min-width: 188px; +} +.components-circular-option-picker .components-circular-option-picker__custom-clear-wrapper { + display: flex; + justify-content: flex-end; +} +.components-circular-option-picker .components-circular-option-picker__swatches { + margin-left: -12px; +} + +.components-circular-option-picker__option-wrapper { + display: inline-block; + height: 28px; + width: 28px; + margin-left: 12px; + margin-bottom: 12px; + vertical-align: top; + transform: scale(1); + transition: 100ms transform ease; +} +@media (prefers-reduced-motion: reduce) { + .components-circular-option-picker__option-wrapper { + transition-duration: 0s; + transition-delay: 0s; + } +} +.components-circular-option-picker__option-wrapper:hover { + transform: scale(1.2); +} +.components-circular-option-picker__option-wrapper > div { + height: 100%; + width: 100%; +} + +.components-circular-option-picker__option-wrapper::before { + content: ""; + position: absolute; + top: 1px; + right: 1px; + bottom: 1px; + left: 1px; + border-radius: 50%; + z-index: -1; + /* stylelint-disable-next-line function-url-quotes */ + background: url('data:image/svg+xml,%3Csvg width="28" height="28" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M6 8V6H4v2h2zM8 8V6h2v2H8zM10 16H8v-2h2v2zM12 16v-2h2v2h-2zM12 18v-2h-2v2H8v2h2v-2h2zM14 18v2h-2v-2h2zM16 18h-2v-2h2v2z" fill="%23555D65"/%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M18 18h2v-2h-2v-2h2v-2h-2v-2h2V8h-2v2h-2V8h-2v2h2v2h-2v2h2v2h2v2zm-2-4v-2h2v2h-2z" fill="%23555D65"/%3E%3Cpath d="M18 18v2h-2v-2h2z" fill="%23555D65"/%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M8 10V8H6v2H4v2h2v2H4v2h2v2H4v2h2v2H4v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h2V4h-2v2h-2V4h-2v2h-2V4h-2v2h-2V4h-2v2h2v2h-2v2H8zm0 2v-2H6v2h2zm2 0v-2h2v2h-2zm0 2v-2H8v2H6v2h2v2H6v2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h-2v2h-2V6h-2v2h-2v2h2v2h-2v2h-2z" fill="%23555D65"/%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M4 0H2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h2V4h-2V2h2V0h-2v2h-2V0h-2v2h-2V0h-2v2h-2V0h-2v2h-2V0h-2v2H8V0H6v2H4V0zm0 4V2H2v2h2zm2 0V2h2v2H6zm0 2V4H4v2H2v2h2v2H2v2h2v2H2v2h2v2H2v2h2v2H2v2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h2V4h-2V2h-2v2h-2V2h-2v2h-2V2h-2v2h-2V2h-2v2H8v2H6z" fill="%23555D65"/%3E%3C/svg%3E'); +} + +.components-circular-option-picker__option { + display: inline-block; + vertical-align: top; + height: 100%; + width: 100%; + border: none; + border-radius: 50%; + background: transparent; + box-shadow: inset 0 0 0 14px; + transition: 100ms box-shadow ease; + cursor: pointer; +} +@media (prefers-reduced-motion: reduce) { + .components-circular-option-picker__option { + transition-duration: 0s; + transition-delay: 0s; + } +} +.components-circular-option-picker__option:hover { + box-shadow: inset 0 0 0 14px !important; +} +.components-circular-option-picker__option.is-pressed { + box-shadow: inset 0 0 0 4px; + position: relative; + z-index: 1; + overflow: visible; +} +.components-circular-option-picker__option.is-pressed + svg { + position: absolute; + right: 2px; + top: 2px; + border-radius: 50%; + z-index: 2; + pointer-events: none; +} +.components-circular-option-picker__option::after { + content: ""; + position: absolute; + top: -1px; + right: -1px; + bottom: -1px; + left: -1px; + border-radius: 50%; + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); + border: 1px solid transparent; +} +.components-circular-option-picker__option:focus::after { + content: ""; + border: 2px solid #757575; + width: 32px; + height: 32px; + position: absolute; + top: -2px; + right: -2px; + border-radius: 50%; + box-shadow: inset 0 0 0 2px #fff; +} +.components-circular-option-picker__option.components-button:focus { + background-color: transparent; + box-shadow: inset 0 0 0 14px; + outline: none; +} + +.components-circular-option-picker__button-action .components-circular-option-picker__option { + color: #fff; + background: #fff; +} + +.components-circular-option-picker__dropdown-link-action { + margin-left: 16px; +} +.components-circular-option-picker__dropdown-link-action .components-button { + line-height: 22px; +} + +.components-color-edit__color-option-main-area { + display: flex; + align-items: center; +} +.components-color-edit__color-option-main-area div.components-circular-option-picker__option-wrapper { + display: block; + margin: 8px; +} + +.components-color-edit__color-option.is-hover { + background: #e0e0e0; +} + +.components-color-edit__cancel-button { + float: left; +} + +.components-color-edit__color-option-color-name { + width: 100%; +} + +.components-color-edit__label-and-insert-container { + display: flex; + align-items: center; + justify-content: space-between; +} + +.components-color-edit__insert-button { + margin-top: -8px; +} + +.components-color-edit__hidden-control { + position: relative; + right: -9999px; +} + +.components-color-edit__color-option-color-name-input .components-base-control__field { + margin-bottom: 0; + margin-left: 8px; +} + +.components-color-edit__slug-input { + margin-right: 8px; +} + +.components-color-edit__reset-button { + float: left; +} + +.component-color-indicator { + width: 25px; + height: 16px; + margin-right: 0.8rem; + border: 1px solid #dadada; + display: inline-block; +} +.component-color-indicator + .component-color-indicator { + margin-right: 0.5rem; +} + +/** + * Parts of this source were derived and modified from react-color, + * released under the MIT license. + * + * https://github.com/casesandberg/react-color/ + * + * Copyright (c) 2015 Case Sandberg + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN + * THE SOFTWARE. + */ +.components-color-picker { + width: 100%; +} +.components-color-picker * { + box-sizing: border-box; +} + +.components-color-picker__saturation { + width: 100%; + padding-bottom: 55%; + position: relative; +} + +.components-color-picker__body { + padding: 16px 16px 12px; +} + +.components-color-picker__controls { + display: flex; +} + +.components-color-picker__saturation-pointer, +.components-color-picker__hue-pointer, +.components-color-picker__alpha-pointer { + padding: 0; + position: absolute; + cursor: pointer; + box-shadow: none; + border: none; +} + +/* CURRENT COLOR COMPONENT */ +.components-color-picker__swatch { + margin-left: 8px; + width: 32px; + height: 32px; + border-radius: 50%; + position: relative; + overflow: hidden; + background-image: linear-gradient(-45deg, #ddd 25%, transparent 25%), linear-gradient(45deg, #ddd 25%, transparent 25%), linear-gradient(-45deg, transparent 75%, #ddd 75%), linear-gradient(45deg, transparent 75%, #ddd 75%); + background-size: 10px 10px; + background-position: 100% 0, 100% 5px, 5px -5px, -5px 0; +} +.is-alpha-disabled .components-color-picker__swatch { + width: 12px; + height: 12px; + margin-top: 0; +} + +.components-color-picker__active { + position: absolute; + top: 0; + right: 0; + left: 0; + bottom: 0; + border-radius: 50%; + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1); + z-index: 2; +} + +/* SATURATION COMPONENT */ +.components-color-picker__saturation-color, +.components-color-picker__saturation-white, +.components-color-picker__saturation-black { + position: absolute; + top: 0; + right: 0; + left: 0; + bottom: 0; +} + +.components-color-picker__saturation-color { + overflow: visible; +} + +.components-color-picker__saturation-white { + background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0)); +} + +.components-color-picker__saturation-black { + background: linear-gradient(to top, #000, rgba(0, 0, 0, 0)); +} + +.components-button.components-color-picker__saturation-pointer { + width: 14px; + height: 14px; + padding: 0; + border-radius: 50%; + background-color: transparent; + transform: translate(50%, -50%); + box-shadow: 0 0 0 1px #fff, inset 0 0 0 1px #000, 0 0 0 2px #000; +} +.components-button.components-color-picker__saturation-pointer:focus:not(:disabled) { + box-shadow: 0 0 0 2px #fff, inset 0 0 0 1px #000, 0 0 0 3px #000; +} + +/* HUE & ALPHA BARS */ +.components-color-picker__toggles { + flex: 1; +} + +.components-color-picker__alpha { + background-image: linear-gradient(-45deg, #ddd 25%, transparent 25%), linear-gradient(45deg, #ddd 25%, transparent 25%), linear-gradient(-45deg, transparent 75%, #ddd 75%), linear-gradient(45deg, transparent 75%, #ddd 75%); + background-size: 10px 10px; + background-position: 100% 0, 100% 5px, 5px -5px, -5px 0; +} + +.components-color-picker__hue-gradient, +.components-color-picker__alpha-gradient { + position: absolute; + top: 0; + right: 0; + left: 0; + bottom: 0; +} + +.components-color-picker__hue, +.components-color-picker__alpha { + height: 12px; + position: relative; +} + +.is-alpha-enabled .components-color-picker__hue { + margin-bottom: 8px; +} + +.components-color-picker__hue-bar, +.components-color-picker__alpha-bar { + position: relative; + margin: 0 3px; + height: 100%; + padding: 0 2px; +} + +.components-color-picker__hue-gradient { + background: linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%); +} + +.components-color-picker__hue-pointer, +.components-color-picker__alpha-pointer { + left: 0; + width: 14px; + height: 14px; + border-radius: 50%; + box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37); + background: #fff; + transform: translate(7px, -1px); +} + +.components-color-picker__hue-pointer, +.components-color-picker__saturation-pointer { + transition: box-shadow 0.1s linear; +} +@media (prefers-reduced-motion: reduce) { + .components-color-picker__hue-pointer, +.components-color-picker__saturation-pointer { + transition-duration: 0s; + transition-delay: 0s; + } +} + +.components-color-picker__saturation-pointer:focus { + box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color), 0 0 5px 0 var(--wp-admin-theme-color), inset 0 0 1px 1px rgba(0, 0, 0, 0.3), 0 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.components-color-picker__hue-pointer:focus, +.components-color-picker__alpha-pointer:focus { + border-color: var(--wp-admin-theme-color); + box-shadow: 0 0 0 2px var(--wp-admin-theme-color), 0 0 3px 0 var(--wp-admin-theme-color); + outline: 2px solid transparent; + outline-offset: -2px; +} + +/* INPUTS COMPONENT */ +.components-color-picker__inputs-wrapper { + margin: 0 -4px; + padding-top: 16px; + display: flex; + align-items: flex-end; + min-width: 255px; +} +.components-color-picker__inputs-wrapper fieldset { + flex: 1; + border: none; + margin: 0; + padding: 0; +} +.components-color-picker__inputs-wrapper .components-color-picker__inputs-fields .components-text-control__input[type=number] { + padding: 6px 3px; + margin: 0; +} + +.components-color-picker__inputs-field { + width: 100%; +} + +.components-color-picker__inputs-fields { + display: flex; + direction: ltr; + flex-grow: 1; + margin-left: 4px; +} +.components-color-picker__inputs-fields .components-base-control + .components-base-control { + margin-top: 0; +} +.components-color-picker__inputs-fields .components-base-control__field { + margin: 0 2px; +} + +.components-color-picker__inputs-toggle { + height: 30px; + padding: 0 5px; +} + +.components-combobox-control { + width: 100%; +} + +input.components-combobox-control__input[type=text] { + width: 100%; + border: none; + box-shadow: none; + font-size: 16px; + padding: 2px; + margin: 0; + line-height: inherit; + min-height: auto; +} +@media (min-width: 600px) { + input.components-combobox-control__input[type=text] { + font-size: 13px; + } +} +input.components-combobox-control__input[type=text]:focus { + outline: none; + box-shadow: none; +} + +.components-combobox-control__suggestions-container { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + padding: 6px 8px; + box-shadow: 0 0 0 transparent; + transition: box-shadow 0.1s linear; + border-radius: 2px; + border: 1px solid #757575; + /* Fonts smaller than 16px causes mobile safari to zoom. */ + font-size: 16px; + /* Override core line-height. To be reviewed. */ + line-height: normal; + display: flex; + flex-wrap: wrap; + align-items: flex-start; + width: 100%; + margin: 0 0 8px 0; + padding: 4px; +} +@media (prefers-reduced-motion: reduce) { + .components-combobox-control__suggestions-container { + transition-duration: 0s; + transition-delay: 0s; + } +} +@media (min-width: 600px) { + .components-combobox-control__suggestions-container { + font-size: 13px; + /* Override core line-height. To be reviewed. */ + line-height: normal; + } +} +.components-combobox-control__suggestions-container:focus { + border-color: var(--wp-admin-theme-color); + box-shadow: 0 0 0 1px var(--wp-admin-theme-color); + outline: 2px solid transparent; +} +.components-combobox-control__suggestions-container::-webkit-input-placeholder { + color: rgba(30, 30, 30, 0.62); +} +.components-combobox-control__suggestions-container::-moz-placeholder { + opacity: 1; + color: rgba(30, 30, 30, 0.62); +} +.components-combobox-control__suggestions-container:-ms-input-placeholder { + color: rgba(30, 30, 30, 0.62); +} +.components-combobox-control__suggestions-container:focus-within { + border-color: var(--wp-admin-theme-color); + box-shadow: 0 0 0 1px var(--wp-admin-theme-color); + outline: 2px solid transparent; +} + +.components-combobox-control__reset.components-button { + display: flex; + height: 24px; + min-width: 24px; + padding: 0; +} + +.components-color-list-picker, +.components-color-list-picker__swatch-button { + width: 100%; +} + +.components-custom-gradient-picker__gradient-bar:not(.has-gradient) { + opacity: 0.4; +} + +.components-custom-gradient-picker__gradient-bar { + margin-top: 12px; + width: 100%; + height: 36px; + border-radius: 36px; + margin-bottom: 12px; + padding-right: 6px; + padding-left: 30px; +} +.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__markers-container { + position: relative; +} +.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__insert-point { + border-radius: 50%; + background: #fff; + padding: 2px; + top: 6px; + min-width: 24px; + width: 24px; + height: 24px; + position: relative; + color: #1e1e1e; +} +.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__insert-point svg { + height: 100%; + width: 100%; +} +.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button { + border: 2px solid transparent; + box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) #fff; + border-radius: 50%; + height: 24px; + width: 24px; + padding: 0; + position: absolute; + top: 6px; +} +.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button:focus, .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button.is-active { + box-shadow: 0 0 0 1px #fff, 0 0 0 3px #1e1e1e; +} + +.components-custom-gradient-picker__color-picker-popover .components-custom-gradient-picker__remove-control-point { + margin-right: auto; + margin-left: auto; + display: block; + margin-bottom: 8px; +} + +.components-custom-gradient-picker__inserter { + width: 100%; +} + +.components-custom-gradient-picker__liner-gradient-indicator { + display: inline-block; + flex: 0 auto; + width: 20px; + height: 20px; +} + +.components-custom-gradient-picker .components-custom-gradient-picker__ui-line { + margin-bottom: 16px; +} +.components-custom-gradient-picker .components-custom-gradient-picker__ui-line .components-base-control.components-angle-picker, +.components-custom-gradient-picker .components-custom-gradient-picker__ui-line .components-base-control.components-custom-gradient-picker__type-picker { + margin-bottom: 0; +} + +.components-custom-gradient-picker .components-custom-gradient-picker__toolbar { + border: none; +} +.components-custom-gradient-picker .components-custom-gradient-picker__toolbar > div + div { + margin-right: 1px; +} +.components-custom-gradient-picker .components-custom-gradient-picker__toolbar button.is-pressed > svg { + background: #fff; + border: 1px solid #949494; + border-radius: 2px; +} + +.components-custom-select-control { + position: relative; +} + +.components-custom-select-control__label { + display: block; + margin-bottom: 8px; +} + +.components-custom-select-control__button { + border: 1px solid #757575; + border-radius: 2px; + min-height: 30px; + min-width: 130px; + position: relative; + text-align: right; +} +.components-custom-select-control__button.components-custom-select-control__button { + padding-left: 24px; +} +.components-custom-select-control__button:focus:not(:disabled) { + border-color: var(--wp-admin-theme-color); + box-shadow: 0 0 0 1px var(--wp-admin-theme-color); +} +.components-custom-select-control__button .components-custom-select-control__button-icon { + height: 100%; + padding: 0; + position: absolute; + left: 0; + top: 0; +} + +.components-custom-select-control__menu { + border: 1px solid #1e1e1e; + background-color: #fff; + border-radius: 2px; + outline: none; + transition: none; + max-height: 400px; + min-width: 100%; + overflow: auto; + padding: 0; + position: absolute; + z-index: 1000000; +} +.components-custom-select-control__menu[aria-hidden=true] { + display: none; +} + +.components-custom-select-control__item { + align-items: center; + display: flex; + list-style-type: none; + padding: 8px; + cursor: default; + line-height: 28px; +} +.components-custom-select-control__item.is-highlighted { + background: #ddd; +} +.components-custom-select-control__item .components-custom-select-control__item-icon { + margin-left: 0; + margin-right: auto; +} +.components-custom-select-control__item:last-child { + margin-bottom: 0; +} + +/** + * Parts of this source were derived and modified from react-dates, + * released under the MIT license. + * + * https://github.com/airbnb/react-dates + * + * The MIT License (MIT) + * + * Copyright (c) 2016 Airbnb + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in all + * copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE + * SOFTWARE. + */ +.PresetDateRangePicker_panel { + padding: 0 22px 11px; +} + +.PresetDateRangePicker_button { + position: relative; + height: 100%; + text-align: center; + background: 0 0; + border: 2px solid #00a699; + color: #00a699; + padding: 4px 12px; + margin-right: 8px; + font: inherit; + font-weight: 700; + line-height: normal; + overflow: visible; + box-sizing: border-box; + cursor: pointer; +} + +.PresetDateRangePicker_button:active { + outline: 0; +} + +.PresetDateRangePicker_button__selected { + color: #fff; + background: #00a699; +} + +.SingleDatePickerInput { + display: inline-block; + background-color: #fff; +} + +.SingleDatePickerInput__withBorder { + border-radius: 2px; + border: 1px solid #dbdbdb; +} + +.SingleDatePickerInput__rtl { + direction: rtl; +} + +.SingleDatePickerInput__disabled { + background-color: #f2f2f2; +} + +.SingleDatePickerInput__block { + display: block; +} + +.SingleDatePickerInput__showClearDate { + padding-right: 30px; +} + +.SingleDatePickerInput_clearDate { + background: 0 0; + border: 0; + color: inherit; + font: inherit; + line-height: normal; + overflow: visible; + cursor: pointer; + padding: 10px; + margin: 0 10px 0 5px; + position: absolute; + right: 0; + top: 50%; + transform: translateY(-50%); +} + +.SingleDatePickerInput_clearDate__default:focus, +.SingleDatePickerInput_clearDate__default:hover { + background: #dbdbdb; + border-radius: 50%; +} + +.SingleDatePickerInput_clearDate__small { + padding: 6px; +} + +.SingleDatePickerInput_clearDate__hide { + visibility: hidden; +} + +.SingleDatePickerInput_clearDate_svg { + fill: #82888a; + height: 12px; + width: 15px; + vertical-align: middle; +} + +.SingleDatePickerInput_clearDate_svg__small { + height: 9px; +} + +.SingleDatePickerInput_calendarIcon { + background: 0 0; + border: 0; + color: inherit; + font: inherit; + line-height: normal; + overflow: visible; + cursor: pointer; + display: inline-block; + vertical-align: middle; + padding: 10px; + margin: 0 5px 0 10px; +} + +.SingleDatePickerInput_calendarIcon_svg { + fill: #82888a; + height: 15px; + width: 14px; + vertical-align: middle; +} + +.SingleDatePicker { + position: relative; + display: inline-block; +} + +.SingleDatePicker__block { + display: block; +} + +.SingleDatePicker_picker { + z-index: 1; + background-color: #fff; + position: absolute; +} + +.SingleDatePicker_picker__rtl { + direction: rtl; +} + +.SingleDatePicker_picker__directionLeft { + left: 0; +} + +.SingleDatePicker_picker__directionRight { + right: 0; +} + +.SingleDatePicker_picker__portal { + background-color: rgba(0, 0, 0, 0.3); + position: fixed; + top: 0; + left: 0; + height: 100%; + width: 100%; +} + +.SingleDatePicker_picker__fullScreenPortal { + background-color: #fff; +} + +.SingleDatePicker_closeButton { + background: 0 0; + border: 0; + color: inherit; + font: inherit; + line-height: normal; + overflow: visible; + cursor: pointer; + position: absolute; + top: 0; + right: 0; + padding: 15px; + z-index: 2; +} + +.SingleDatePicker_closeButton:focus, +.SingleDatePicker_closeButton:hover { + color: #b0b3b4; + text-decoration: none; +} + +.SingleDatePicker_closeButton_svg { + height: 15px; + width: 15px; + fill: #cacccd; +} + +.DayPickerKeyboardShortcuts_buttonReset { + background: 0 0; + border: 0; + border-radius: 0; + color: inherit; + font: inherit; + line-height: normal; + overflow: visible; + padding: 0; + cursor: pointer; + font-size: 14px; +} + +.DayPickerKeyboardShortcuts_buttonReset:active { + outline: 0; +} + +.DayPickerKeyboardShortcuts_show { + width: 22px; + position: absolute; + z-index: 2; +} + +.DayPickerKeyboardShortcuts_show__bottomRight { + border-top: 26px solid transparent; + border-right: 33px solid #00a699; + bottom: 0; + right: 0; +} + +.DayPickerKeyboardShortcuts_show__bottomRight:hover { + border-right: 33px solid #008489; +} + +.DayPickerKeyboardShortcuts_show__topRight { + border-bottom: 26px solid transparent; + border-right: 33px solid #00a699; + top: 0; + right: 0; +} + +.DayPickerKeyboardShortcuts_show__topRight:hover { + border-right: 33px solid #008489; +} + +.DayPickerKeyboardShortcuts_show__topLeft { + border-bottom: 26px solid transparent; + border-left: 33px solid #00a699; + top: 0; + left: 0; +} + +.DayPickerKeyboardShortcuts_show__topLeft:hover { + border-left: 33px solid #008489; +} + +.DayPickerKeyboardShortcuts_showSpan { + color: #fff; + position: absolute; +} + +.DayPickerKeyboardShortcuts_showSpan__bottomRight { + bottom: 0; + right: -28px; +} + +.DayPickerKeyboardShortcuts_showSpan__topRight { + top: 1px; + right: -28px; +} + +.DayPickerKeyboardShortcuts_showSpan__topLeft { + top: 1px; + left: -28px; +} + +.DayPickerKeyboardShortcuts_panel { + overflow: auto; + background: #fff; + border: 1px solid #dbdbdb; + border-radius: 2px; + position: absolute; + top: 0; + bottom: 0; + right: 0; + left: 0; + z-index: 2; + padding: 22px; + margin: 33px; +} + +.DayPickerKeyboardShortcuts_title { + font-size: 16px; + font-weight: 700; + margin: 0; +} + +.DayPickerKeyboardShortcuts_list { + list-style: none; + padding: 0; + font-size: 14px; +} + +.DayPickerKeyboardShortcuts_close { + position: absolute; + right: 22px; + top: 22px; + z-index: 2; +} + +.DayPickerKeyboardShortcuts_close:active { + outline: 0; +} + +.DayPickerKeyboardShortcuts_closeSvg { + height: 15px; + width: 15px; + fill: #cacccd; +} + +.DayPickerKeyboardShortcuts_closeSvg:focus, +.DayPickerKeyboardShortcuts_closeSvg:hover { + fill: #82888a; +} + +.CalendarDay { + box-sizing: border-box; + cursor: pointer; + font-size: 14px; + text-align: center; +} + +.CalendarDay:active { + outline: 0; +} + +.CalendarDay__defaultCursor { + cursor: default; +} + +.CalendarDay__default { + border: 1px solid #e4e7e7; + color: #484848; + background: #fff; +} + +.CalendarDay__default:hover { + background: #e4e7e7; + border: 1px double #e4e7e7; + color: inherit; +} + +.CalendarDay__hovered_offset { + background: #f4f5f5; + border: 1px double #e4e7e7; + color: inherit; +} + +.CalendarDay__outside { + border: 0; + background: #fff; + color: #484848; +} + +.CalendarDay__outside:hover { + border: 0; +} + +.CalendarDay__blocked_minimum_nights { + background: #fff; + border: 1px solid #eceeee; + color: #cacccd; +} + +.CalendarDay__blocked_minimum_nights:active, +.CalendarDay__blocked_minimum_nights:hover { + background: #fff; + color: #cacccd; +} + +.CalendarDay__highlighted_calendar { + background: #ffe8bc; + color: #484848; +} + +.CalendarDay__highlighted_calendar:active, +.CalendarDay__highlighted_calendar:hover { + background: #ffce71; + color: #484848; +} + +.CalendarDay__selected_span { + background: #66e2da; + border: 1px solid #33dacd; + color: #fff; +} + +.CalendarDay__selected_span:active, +.CalendarDay__selected_span:hover { + background: #33dacd; + border: 1px solid #33dacd; + color: #fff; +} + +.CalendarDay__last_in_range { + border-right: #00a699; +} + +.CalendarDay__selected, +.CalendarDay__selected:active, +.CalendarDay__selected:hover { + background: #00a699; + border: 1px solid #00a699; + color: #fff; +} + +.CalendarDay__hovered_span, +.CalendarDay__hovered_span:hover { + background: #b2f1ec; + border: 1px solid #80e8e0; + color: #007a87; +} + +.CalendarDay__hovered_span:active { + background: #80e8e0; + border: 1px solid #80e8e0; + color: #007a87; +} + +.CalendarDay__blocked_calendar, +.CalendarDay__blocked_calendar:active, +.CalendarDay__blocked_calendar:hover { + background: #cacccd; + border: 1px solid #cacccd; + color: #82888a; +} + +.CalendarDay__blocked_out_of_range, +.CalendarDay__blocked_out_of_range:active, +.CalendarDay__blocked_out_of_range:hover { + background: #fff; + border: 1px solid #e4e7e7; + color: #cacccd; +} + +.CalendarMonth { + background: #fff; + text-align: center; + vertical-align: top; + -webkit-user-select: none; + user-select: none; +} + +.CalendarMonth_table { + border-collapse: collapse; + border-spacing: 0; +} + +.CalendarMonth_verticalSpacing { + border-collapse: separate; +} + +.CalendarMonth_caption { + color: #484848; + font-size: 18px; + text-align: center; + padding-top: 22px; + padding-bottom: 37px; + caption-side: initial; +} + +.CalendarMonth_caption__verticalScrollable { + padding-top: 12px; + padding-bottom: 7px; +} + +.CalendarMonthGrid { + background: #fff; + text-align: left; + z-index: 0; +} + +.CalendarMonthGrid__animating { + z-index: 1; +} + +.CalendarMonthGrid__horizontal { + position: absolute; + left: 0; +} + +.CalendarMonthGrid__vertical { + margin: 0 auto; +} + +.CalendarMonthGrid__vertical_scrollable { + margin: 0 auto; + overflow-y: scroll; +} + +.CalendarMonthGrid_month__horizontal { + display: inline-block; + vertical-align: top; + min-height: 100%; +} + +.CalendarMonthGrid_month__hideForAnimation { + position: absolute; + z-index: -1; + opacity: 0; + pointer-events: none; +} + +.CalendarMonthGrid_month__hidden { + visibility: hidden; +} + +.DayPickerNavigation { + position: relative; + z-index: 2; +} + +.DayPickerNavigation__horizontal { + height: 0; +} + +.DayPickerNavigation__verticalDefault { + position: absolute; + width: 100%; + height: 52px; + bottom: 0; + left: 0; +} + +.DayPickerNavigation__verticalScrollableDefault { + position: relative; +} + +.DayPickerNavigation_button { + cursor: pointer; + -webkit-user-select: none; + user-select: none; + border: 0; + padding: 0; + margin: 0; +} + +.DayPickerNavigation_button__default { + border: 1px solid #e4e7e7; + background-color: #fff; + color: #757575; +} + +.DayPickerNavigation_button__default:focus, +.DayPickerNavigation_button__default:hover { + border: 1px solid #c4c4c4; +} + +.DayPickerNavigation_button__default:active { + background: #f2f2f2; +} + +.DayPickerNavigation_button__horizontalDefault { + position: absolute; + top: 18px; + line-height: 0.78; + border-radius: 3px; + padding: 6px 9px; +} + +.DayPickerNavigation_leftButton__horizontalDefault { + left: 22px; +} + +.DayPickerNavigation_rightButton__horizontalDefault { + right: 22px; +} + +.DayPickerNavigation_button__verticalDefault { + padding: 5px; + background: #fff; + box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1); + position: relative; + display: inline-block; + height: 100%; + width: 50%; +} + +.DayPickerNavigation_nextButton__verticalDefault { + border-left: 0; +} + +.DayPickerNavigation_nextButton__verticalScrollableDefault { + width: 100%; +} + +.DayPickerNavigation_svg__horizontal { + height: 19px; + width: 19px; + fill: #82888a; + display: block; +} + +.DayPickerNavigation_svg__vertical { + height: 42px; + width: 42px; + fill: #484848; + display: block; +} + +.DayPicker { + background: #fff; + position: relative; + text-align: left; +} + +.DayPicker__horizontal { + background: #fff; +} + +.DayPicker__verticalScrollable { + height: 100%; +} + +.DayPicker__hidden { + visibility: hidden; +} + +.DayPicker__withBorder { + box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.07); + border-radius: 3px; +} + +.DayPicker_portal__horizontal { + box-shadow: none; + position: absolute; + left: 50%; + top: 50%; +} + +.DayPicker_portal__vertical { + position: initial; +} + +.DayPicker_focusRegion { + outline: 0; +} + +.DayPicker_calendarInfo__horizontal, +.DayPicker_wrapper__horizontal { + display: inline-block; + vertical-align: top; +} + +.DayPicker_weekHeaders { + position: relative; +} + +.DayPicker_weekHeaders__horizontal { + margin-left: 13px; +} + +.DayPicker_weekHeader { + color: #757575; + position: absolute; + top: 62px; + z-index: 2; + text-align: left; + padding: 0 !important; +} + +.DayPicker_weekHeader__vertical { + left: 50%; +} + +.DayPicker_weekHeader__verticalScrollable { + top: 0; + display: table-row; + border-bottom: 1px solid #dbdbdb; + background: #fff; + margin-left: 0; + left: 0; + width: 100%; + text-align: center; +} + +.DayPicker_weekHeader_ul { + list-style: none; + margin: 1px 0; + padding-left: 0; + padding-right: 0; + font-size: 14px; +} + +.DayPicker_weekHeader_li { + display: inline-block; + text-align: center; + margin: 0 1px; +} + +.DayPicker_transitionContainer { + position: relative; + overflow: hidden; + border-radius: 3px; +} + +.DayPicker_transitionContainer__horizontal { + transition: height 0.2s ease-in-out; +} + +.DayPicker_transitionContainer__vertical { + width: 100%; +} + +.DayPicker_transitionContainer__verticalScrollable { + padding-top: 20px; + height: 100%; + position: absolute; + top: 0; + bottom: 0; + right: 0; + left: 0; + overflow-y: scroll; +} + +.DateInput { + margin: 0; + padding: 0; + background: #fff; + position: relative; + display: inline-block; + width: 130px; + vertical-align: middle; +} + +.DateInput__small { + width: 97px; +} + +.DateInput__block { + width: 100%; +} + +.DateInput__disabled { + background: #f2f2f2; + color: #dbdbdb; +} + +.DateInput_input { + font-weight: 200; + font-size: 19px; + line-height: 24px; + color: #484848; + background-color: #fff; + width: 100%; + padding: 11px 11px 9px; + border: 0; + border-top: 0; + border-right: 0; + border-bottom: 2px solid transparent; + border-left: 0; + border-radius: 0; +} + +.DateInput_input__small { + font-size: 15px; + line-height: 18px; + letter-spacing: 0.2px; + padding: 7px 7px 5px; +} + +.DateInput_input__regular { + font-weight: auto; +} + +.DateInput_input__readOnly { + -webkit-user-select: none; + user-select: none; +} + +.DateInput_input__focused { + outline: 0; + background: #fff; + border: 0; + border-top: 0; + border-right: 0; + border-bottom: 2px solid #008489; + border-left: 0; +} + +.DateInput_input__disabled { + background: #f2f2f2; + font-style: italic; +} + +.DateInput_screenReaderMessage { + border: 0; + clip: rect(0, 0, 0, 0); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; +} + +.DateInput_fang { + position: absolute; + width: 20px; + height: 10px; + left: 22px; + z-index: 2; +} + +.DateInput_fangShape { + fill: #fff; +} + +.DateInput_fangStroke { + stroke: #dbdbdb; + fill: transparent; +} + +.DateRangePickerInput { + background-color: #fff; + display: inline-block; +} + +.DateRangePickerInput__disabled { + background: #f2f2f2; +} + +.DateRangePickerInput__withBorder { + border-radius: 2px; + border: 1px solid #dbdbdb; +} + +.DateRangePickerInput__rtl { + direction: rtl; +} + +.DateRangePickerInput__block { + display: block; +} + +.DateRangePickerInput__showClearDates { + padding-right: 30px; +} + +.DateRangePickerInput_arrow { + display: inline-block; + vertical-align: middle; + color: #484848; +} + +.DateRangePickerInput_arrow_svg { + vertical-align: middle; + fill: #484848; + height: 24px; + width: 24px; +} + +.DateRangePickerInput_clearDates { + background: 0 0; + border: 0; + color: inherit; + font: inherit; + line-height: normal; + overflow: visible; + cursor: pointer; + padding: 10px; + margin: 0 10px 0 5px; + position: absolute; + right: 0; + top: 50%; + transform: translateY(-50%); +} + +.DateRangePickerInput_clearDates__small { + padding: 6px; +} + +.DateRangePickerInput_clearDates_default:focus, +.DateRangePickerInput_clearDates_default:hover { + background: #dbdbdb; + border-radius: 50%; +} + +.DateRangePickerInput_clearDates__hide { + visibility: hidden; +} + +.DateRangePickerInput_clearDates_svg { + fill: #82888a; + height: 12px; + width: 15px; + vertical-align: middle; +} + +.DateRangePickerInput_clearDates_svg__small { + height: 9px; +} + +.DateRangePickerInput_calendarIcon { + background: 0 0; + border: 0; + color: inherit; + font: inherit; + line-height: normal; + overflow: visible; + cursor: pointer; + display: inline-block; + vertical-align: middle; + padding: 10px; + margin: 0 5px 0 10px; +} + +.DateRangePickerInput_calendarIcon_svg { + fill: #82888a; + height: 15px; + width: 14px; + vertical-align: middle; +} + +.DateRangePicker { + position: relative; + display: inline-block; +} + +.DateRangePicker__block { + display: block; +} + +.DateRangePicker_picker { + z-index: 1; + background-color: #fff; + position: absolute; +} + +.DateRangePicker_picker__rtl { + direction: rtl; +} + +.DateRangePicker_picker__directionLeft { + left: 0; +} + +.DateRangePicker_picker__directionRight { + right: 0; +} + +.DateRangePicker_picker__portal { + background-color: rgba(0, 0, 0, 0.3); + position: fixed; + top: 0; + left: 0; + height: 100%; + width: 100%; +} + +.DateRangePicker_picker__fullScreenPortal { + background-color: #fff; +} + +.DateRangePicker_closeButton { + background: 0 0; + border: 0; + color: inherit; + font: inherit; + line-height: normal; + overflow: visible; + cursor: pointer; + position: absolute; + top: 0; + right: 0; + padding: 15px; + z-index: 2; +} + +.DateRangePicker_closeButton:focus, +.DateRangePicker_closeButton:hover { + color: #b0b3b4; + text-decoration: none; +} + +.DateRangePicker_closeButton_svg { + height: 15px; + width: 15px; + fill: #cacccd; +} +.components-datetime { + padding: 16px; +} +.components-panel__body .components-datetime { + padding: 0; +} +.components-datetime .components-datetime__calendar-help { + padding: 16px; +} +.components-datetime .components-datetime__calendar-help h4 { + margin: 0; +} +.components-datetime .components-datetime__buttons { + display: flex; + justify-content: space-between; +} +.components-datetime .components-datetime__date-help-toggle { + display: block; + margin-right: auto; +} +.components-datetime fieldset { + border: 0; + padding: 0; + margin: 0; +} +.components-datetime select, +.components-datetime input { + box-shadow: 0 0 0 transparent; + transition: box-shadow 0.1s linear; + border-radius: 2px; + border: 1px solid #757575; +} +@media (prefers-reduced-motion: reduce) { + .components-datetime select, +.components-datetime input { + transition-duration: 0s; + transition-delay: 0s; + } +} +.components-datetime select, +.components-datetime input[type=number], +.components-datetime .components-button { + height: 30px; + margin-top: 0; + margin-bottom: 0; +} + +.components-datetime__date { + min-height: 236px; + border-top: 1px solid #ddd; +} +.components-datetime__date .DayPickerNavigation_leftButton__horizontalDefault { + left: 13px; +} +.components-datetime__date .CalendarMonth_caption { + font-size: 13px; +} +.components-datetime__date .CalendarMonth_table { + border-collapse: separate; + border-spacing: 2px; +} +.components-datetime__date .CalendarDay { + font-size: 13px; + border: none; + border-radius: 50%; + text-align: center; +} +.components-datetime__date .CalendarDay:focus { + box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 3px #fff; + outline: 2px solid transparent; +} +.components-datetime__date .CalendarDay__selected { + background: var(--wp-admin-theme-color); + border: 2px solid transparent; +} +.components-datetime__date .CalendarDay__selected:hover { + background: var(--wp-admin-theme-color-darker-20); +} +.components-datetime__date .CalendarDay__selected:focus { + box-shadow: inset 0 0 0 1px #fff; +} +.components-datetime__date .DayPickerNavigation_button__horizontalDefault { + padding: 2px 8px; + top: 20px; +} +.components-datetime__date .DayPickerNavigation_button__horizontalDefault:focus { + border-color: var(--wp-admin-theme-color); + box-shadow: 0 0 0 1px var(--wp-admin-theme-color); + outline: 2px solid transparent; +} +.components-datetime__date .DayPicker_weekHeader { + top: 50px; +} +.components-datetime__date .DayPicker_weekHeader .DayPicker_weekHeader_ul { + margin: 1px; + padding-right: 0; + padding-left: 0; +} +.components-datetime__date.is-description-visible .DayPicker { + visibility: hidden; +} + +.components-datetime__date .CalendarDay .components-datetime__date__day { + height: 100%; + display: flex; + justify-content: center; + align-content: center; + flex-direction: column; + position: relative; +} +.components-datetime__date .CalendarDay .components-datetime__date__day.has-events::before { + content: " "; + width: 4px; + height: 4px; + border-radius: 2px; + position: absolute; + right: 50%; + margin-right: -2px; + bottom: 0; + background-color: #fff; +} + +.components-datetime__date .CalendarDay:not(.CalendarDay__selected) .components-datetime__date__day.has-events::before { + background: var(--wp-admin-theme-color); +} + +.components-datetime__time { + padding-bottom: 16px; +} +.components-datetime__time fieldset { + position: relative; + margin-bottom: 0.5em; +} +.components-datetime__time fieldset + fieldset { + margin-bottom: 0; +} +.components-datetime__time .components-datetime__time-field-am-pm fieldset { + margin-top: 0; +} +.components-datetime__time .components-datetime__time-wrapper { + display: flex; +} +.components-datetime__time .components-datetime__time-wrapper .components-datetime__time-separator { + display: inline-block; + padding: 0 0 0 3px; +} +.components-datetime__time .components-datetime__time-wrapper .components-datetime__time-field-time { + direction: ltr; +} +.components-datetime__time .components-datetime__time-wrapper .components-datetime__time-field select { + margin-left: 4px; +} +.components-datetime__time .components-datetime__time-wrapper .components-datetime__time-field select:focus { + position: relative; + z-index: 1; +} +.components-datetime__time .components-datetime__time-wrapper .components-datetime__time-field input[type=number] { + padding: 2px; + margin-left: 4px; + text-align: center; + -moz-appearance: textfield; +} +.components-datetime__time .components-datetime__time-wrapper .components-datetime__time-field input[type=number]:focus { + position: relative; + z-index: 1; +} +.components-datetime__time .components-datetime__time-wrapper .components-datetime__time-field input[type=number]::-webkit-inner-spin-button { + -webkit-appearance: none; + margin: 0; +} +.components-datetime__time.is-12-hour .components-datetime__time-field-day input { + margin: -4px 0 0 !important; + border-radius: 0 2px 2px 0 !important; +} +.components-datetime__time.is-12-hour .components-datetime__time-field-year input { + border-radius: 2px 0 0 2px !important; +} + +.components-datetime__timezone { + line-height: 30px; + margin-right: 4px; + -webkit-text-decoration: underline dotted; + text-decoration: underline dotted; +} + +.components-datetime__time-legend { + font-weight: 600; + margin-top: 0.5em; +} +.components-datetime__time-legend.invisible { + position: absolute; + top: -999em; + right: -999em; +} + +.components-datetime__time-field-hours-input, +.components-datetime__time-field-minutes-input, +.components-datetime__time-field-day-input { + width: 35px; +} + +.components-datetime__time-field-year-input { + width: 55px; +} + +.components-datetime__time-field-month-select { + max-width: 145px; +} + +.components-popover .components-datetime__date { + padding-right: 4px; +} + +.block-editor-dimension-control .components-base-control__field { + display: flex; + align-items: center; +} +.block-editor-dimension-control .components-base-control__label { + display: flex; + align-items: center; + margin-left: 1em; + margin-bottom: 0; +} +.block-editor-dimension-control .components-base-control__label .dashicon { + margin-left: 0.5em; +} +.block-editor-dimension-control.is-manual .components-base-control__label { + width: 10em; +} + +body.is-dragging-components-draggable { + cursor: move; + /* Fallback for IE/Edge < 14 */ + cursor: grabbing !important; +} + +.components-draggable__invisible-drag-image { + position: fixed; + right: -1000px; + height: 50px; + width: 50px; +} + +.components-draggable__clone { + position: fixed; + padding: 0; + background: transparent; + pointer-events: none; + z-index: 1000000000; +} + +.components-drop-zone { + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + z-index: 40; + visibility: hidden; + opacity: 0; + transition: 0.3s opacity, 0.3s background-color, 0s visibility 0.3s; + border: 2px solid var(--wp-admin-theme-color); + border-radius: 2px; +} +@media (prefers-reduced-motion: reduce) { + .components-drop-zone { + transition-duration: 0s; + transition-delay: 0s; + } +} +.components-drop-zone.is-active { + opacity: 1; + visibility: visible; + transition: 0.3s opacity, 0.3s background-color; +} +@media (prefers-reduced-motion: reduce) { + .components-drop-zone.is-active { + transition-duration: 0s; + transition-delay: 0s; + } +} +.components-drop-zone.is-dragging-over-element { + background-color: var(--wp-admin-theme-color); +} + +.components-drop-zone__content { + position: absolute; + top: 50%; + right: 0; + left: 0; + z-index: 50; + transform: translateY(-50%); + width: 100%; + text-align: center; + color: #fff; + transition: transform 0.2s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .components-drop-zone__content { + transition-duration: 0s; + transition-delay: 0s; + } +} + +.components-drop-zone.is-dragging-over-element .components-drop-zone__content { + transform: translateY(-50%) scale(1.05); +} + +.components-drop-zone__content-icon, +.components-drop-zone__content-text { + display: block; +} + +.components-drop-zone__content-icon { + margin: 0 auto; + line-height: 0; + fill: currentColor; +} + +.components-drop-zone__content-text { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; +} + +.components-dropdown { + display: inline-block; +} + +.components-dropdown__content .components-popover__content > div { + padding: 12px; +} + +.components-dropdown-menu__popover .components-popover__content { + min-width: 200px; +} + +.components-dropdown-menu__menu { + width: 100%; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + font-size: 13px; + line-height: 1.4; +} +.components-dropdown-menu__menu .components-dropdown-menu__menu-item, +.components-dropdown-menu__menu .components-menu-item { + width: 100%; + padding: 6px; + outline: none; + cursor: pointer; + white-space: nowrap; +} +.components-dropdown-menu__menu .components-dropdown-menu__menu-item.has-separator, +.components-dropdown-menu__menu .components-menu-item.has-separator { + margin-top: 6px; + position: relative; + overflow: visible; +} +.components-dropdown-menu__menu .components-dropdown-menu__menu-item.has-separator::before, +.components-dropdown-menu__menu .components-menu-item.has-separator::before { + display: block; + content: ""; + box-sizing: content-box; + background-color: #ddd; + position: absolute; + top: -3px; + right: 0; + left: 0; + height: 1px; +} +.components-dropdown-menu__menu .components-dropdown-menu__menu-item.is-active svg, +.components-dropdown-menu__menu .components-menu-item.is-active svg { + color: #fff; + background: #1e1e1e; + box-shadow: 0 0 0 1px #1e1e1e; + border-radius: 1px; +} +.components-dropdown-menu__menu .components-dropdown-menu__menu-item > svg, +.components-dropdown-menu__menu .components-menu-item > svg { + border-radius: 2px; + width: 24px; + height: 24px; +} +.components-dropdown-menu__menu .components-menu-item__button, +.components-dropdown-menu__menu .components-menu-item__button.components-button { + min-height: 36px; + height: auto; + text-align: right; + padding-right: 8px; + padding-left: 8px; +} +.components-dropdown-menu__menu .components-menu-group { + padding: 12px; + margin-top: 0; + margin-bottom: 0; + margin-right: -12px; + margin-left: -12px; +} +.components-dropdown-menu__menu .components-menu-group:first-child { + margin-top: -12px; +} +.components-dropdown-menu__menu .components-menu-group:last-child { + margin-bottom: -12px; +} +.components-dropdown-menu__menu .components-menu-group + .components-menu-group { + margin-top: 0; + border-top: 1px solid #ccc; + padding: 12px; +} +.is-alternate .components-dropdown-menu__menu .components-menu-group + .components-menu-group { + border-color: #1e1e1e; +} + +.components-font-size-picker__controls { + max-width: 248px; + display: flex; + flex-wrap: wrap; + align-items: center; + margin-bottom: 24px; +} +.components-font-size-picker__controls .components-unit-control-wrapper { + margin-left: 8px; +} +.components-font-size-picker__controls .components-unit-control-wrapper .components-input-control__label { + font-weight: 300; + padding-bottom: 0 !important; + margin-bottom: 8px !important; +} +.components-font-size-picker__controls .components-custom-select-control__button { + min-width: 120px; +} +.components-font-size-picker__controls .components-font-size-picker__number { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + padding: 6px 8px; + box-shadow: 0 0 0 transparent; + transition: box-shadow 0.1s linear; + border-radius: 2px; + border: 1px solid #757575; + /* Fonts smaller than 16px causes mobile safari to zoom. */ + font-size: 16px; + /* Override core line-height. To be reviewed. */ + line-height: normal; + display: inline-block; + font-weight: 500; + height: 30px; + margin-bottom: 0; + margin-right: 0; + margin-left: 8px; + margin-top: 8px; + width: 54px; +} +@media (prefers-reduced-motion: reduce) { + .components-font-size-picker__controls .components-font-size-picker__number { + transition-duration: 0s; + transition-delay: 0s; + } +} +@media (min-width: 600px) { + .components-font-size-picker__controls .components-font-size-picker__number { + font-size: 13px; + /* Override core line-height. To be reviewed. */ + line-height: normal; + } +} +.components-font-size-picker__controls .components-font-size-picker__number:focus { + border-color: var(--wp-admin-theme-color); + box-shadow: 0 0 0 1px var(--wp-admin-theme-color); + outline: 2px solid transparent; +} +.components-font-size-picker__controls .components-font-size-picker__number::-webkit-input-placeholder { + color: rgba(30, 30, 30, 0.62); +} +.components-font-size-picker__controls .components-font-size-picker__number::-moz-placeholder { + opacity: 1; + color: rgba(30, 30, 30, 0.62); +} +.components-font-size-picker__controls .components-font-size-picker__number:-ms-input-placeholder { + color: rgba(30, 30, 30, 0.62); +} +.components-font-size-picker__controls .components-font-size-picker__number[value=""] + .components-button { + cursor: default; + opacity: 0.3; + pointer-events: none; +} +.components-font-size-picker__controls .components-font-size-picker__number-container { + display: flex; + flex-direction: column; +} +.components-font-size-picker__controls .components-font-size-picker__select { + margin-left: 8px; +} +.components-font-size-picker__controls .components-color-palette__clear { + height: 30px; + margin-top: 26px; +} + +.components-font-size-picker__custom-input .components-range-control__slider + .dashicon { + width: 30px; + height: 30px; +} + +.components-font-size-picker { + border: 0; + padding: 0; + margin: 0; +} + +.components-form-toggle { + position: relative; + display: inline-block; +} +.components-form-toggle .components-form-toggle__track { + content: ""; + display: inline-block; + box-sizing: border-box; + vertical-align: top; + background-color: #fff; + border: 1px solid #1e1e1e; + width: 36px; + height: 18px; + border-radius: 9px; + transition: 0.2s background ease; +} +@media (prefers-reduced-motion: reduce) { + .components-form-toggle .components-form-toggle__track { + transition-duration: 0s; + transition-delay: 0s; + } +} +.components-form-toggle .components-form-toggle__thumb { + display: block; + position: absolute; + box-sizing: border-box; + top: 3px; + right: 3px; + width: 12px; + height: 12px; + border-radius: 50%; + transition: 0.1s transform ease; + background-color: #1e1e1e; + border: 5px solid #1e1e1e; +} +@media (prefers-reduced-motion: reduce) { + .components-form-toggle .components-form-toggle__thumb { + transition-duration: 0s; + transition-delay: 0s; + } +} +.components-form-toggle.is-checked .components-form-toggle__track { + background-color: var(--wp-admin-theme-color); + border: 1px solid var(--wp-admin-theme-color); + border: 9px solid transparent; +} +.components-form-toggle .components-form-toggle__input:focus + .components-form-toggle__track { + box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color); + outline: 2px solid transparent; + outline-offset: 2px; +} +.components-form-toggle.is-checked .components-form-toggle__thumb { + background-color: #fff; + border-width: 0; + transform: translateX(-18px); +} +.components-form-toggle.is-disabled, .components-disabled .components-form-toggle { + opacity: 0.3; +} + +.components-form-toggle input.components-form-toggle__input[type=checkbox] { + position: absolute; + top: 0; + right: 0; + width: 100%; + height: 100%; + opacity: 0; + margin: 0; + padding: 0; + z-index: 1; + border: none; +} +.components-form-toggle input.components-form-toggle__input[type=checkbox]:checked { + background: none; +} +.components-form-toggle input.components-form-toggle__input[type=checkbox]::before { + content: ""; +} + +.components-form-token-field__input-container { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + padding: 6px 8px; + box-shadow: 0 0 0 transparent; + transition: box-shadow 0.1s linear; + border-radius: 2px; + border: 1px solid #757575; + /* Fonts smaller than 16px causes mobile safari to zoom. */ + font-size: 16px; + /* Override core line-height. To be reviewed. */ + line-height: normal; + display: flex; + flex-wrap: wrap; + align-items: center; + width: 100%; + margin: 0 0 8px 0; + padding: 2px 4px; + cursor: text; +} +@media (prefers-reduced-motion: reduce) { + .components-form-token-field__input-container { + transition-duration: 0s; + transition-delay: 0s; + } +} +@media (min-width: 600px) { + .components-form-token-field__input-container { + font-size: 13px; + /* Override core line-height. To be reviewed. */ + line-height: normal; + } +} +.components-form-token-field__input-container:focus { + border-color: var(--wp-admin-theme-color); + box-shadow: 0 0 0 1px var(--wp-admin-theme-color); + outline: 2px solid transparent; +} +.components-form-token-field__input-container::-webkit-input-placeholder { + color: rgba(30, 30, 30, 0.62); +} +.components-form-token-field__input-container::-moz-placeholder { + opacity: 1; + color: rgba(30, 30, 30, 0.62); +} +.components-form-token-field__input-container:-ms-input-placeholder { + color: rgba(30, 30, 30, 0.62); +} +.components-form-token-field__input-container.is-disabled { + background: #ddd; + border-color: #ddd; +} +.components-form-token-field__input-container.is-active { + border-color: var(--wp-admin-theme-color); + box-shadow: 0 0 0 1px var(--wp-admin-theme-color); + outline: 2px solid transparent; +} +.components-form-token-field__input-container input[type=text].components-form-token-field__input { + display: inline-block; + flex: 1; + font-size: 16px; + width: 100%; + max-width: 100%; + margin-right: 4px; + padding: 0; + min-height: 24px; + min-width: 50px; + background: inherit; + border: 0; + color: #1e1e1e; + box-shadow: none; +} +@media (min-width: 600px) { + .components-form-token-field__input-container input[type=text].components-form-token-field__input { + font-size: 13px; + } +} +.components-form-token-field__input-container input[type=text].components-form-token-field__input:focus, .components-form-token-field.is-active .components-form-token-field__input-container input[type=text].components-form-token-field__input { + outline: none; + box-shadow: none; +} +.components-form-token-field__input-container .components-form-token-field__token + input[type=text].components-form-token-field__input { + width: auto; +} + +.components-form-token-field__label { + display: inline-block; + margin-bottom: 4px; +} + +.components-form-token-field__help { + font-size: 12px; + font-style: normal; + color: #757575; +} + +.components-form-token-field__token { + font-size: 13px; + display: flex; + margin: 2px 0 2px 4px; + color: #1e1e1e; + max-width: 100%; +} +.components-form-token-field__token.is-success .components-form-token-field__token-text, +.components-form-token-field__token.is-success .components-form-token-field__remove-token { + background: #4ab866; +} +.components-form-token-field__token.is-error .components-form-token-field__token-text, +.components-form-token-field__token.is-error .components-form-token-field__remove-token { + background: #cc1818; +} +.components-form-token-field__token.is-validating .components-form-token-field__token-text, +.components-form-token-field__token.is-validating .components-form-token-field__remove-token { + color: #757575; +} +.components-form-token-field__token.is-borderless { + position: relative; + padding: 0 0 0 16px; +} +.components-form-token-field__token.is-borderless .components-form-token-field__token-text { + background: transparent; + color: var(--wp-admin-theme-color); +} +.components-form-token-field__token.is-borderless .components-form-token-field__remove-token { + background: transparent; + color: #757575; + position: absolute; + top: 1px; + left: 0; +} +.components-form-token-field__token.is-borderless.is-success .components-form-token-field__token-text { + color: #4ab866; +} +.components-form-token-field__token.is-borderless.is-error .components-form-token-field__token-text { + color: #cc1818; + border-radius: 0 4px 4px 0; + padding: 0 6px 0 4px; +} +.components-form-token-field__token.is-borderless.is-validating .components-form-token-field__token-text { + color: #1e1e1e; +} +.components-form-token-field__token.is-disabled .components-form-token-field__remove-token { + cursor: default; +} + +.components-form-token-field__token-text, +.components-form-token-field__remove-token.components-button { + display: inline-block; + line-height: 24px; + height: auto; + background: #ddd; + min-width: unset; + transition: all 0.2s cubic-bezier(0.4, 1, 0.4, 1); +} +@media (prefers-reduced-motion: reduce) { + .components-form-token-field__token-text, +.components-form-token-field__remove-token.components-button { + transition-duration: 0s; + transition-delay: 0s; + animation-duration: 1ms; + animation-delay: 0s; + } +} + +.components-form-token-field__token-text { + border-radius: 0 2px 2px 0; + padding: 0 8px 0 0; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +.components-form-token-field__remove-token.components-button { + cursor: pointer; + border-radius: 2px 0 0 2px; + padding: 0 2px; + color: #1e1e1e; + line-height: 10px; + overflow: initial; +} +.components-form-token-field__remove-token.components-button:hover { + color: #1e1e1e; +} + +.components-form-token-field__suggestions-list { + flex: 1 0 100%; + min-width: 100%; + max-height: 9em; + overflow-y: auto; + transition: all 0.15s ease-in-out; + list-style: none; + border-top: 1px solid #757575; + margin: 4px -4px -4px; + padding: 0; +} +@media (prefers-reduced-motion: reduce) { + .components-form-token-field__suggestions-list { + transition-duration: 0s; + transition-delay: 0s; + } +} + +.components-form-token-field__suggestion { + color: #757575; + display: block; + font-size: 13px; + padding: 4px 8px; + margin: 0; + cursor: pointer; +} +.components-form-token-field__suggestion.is-selected { + background: var(--wp-admin-theme-color); + color: #fff; +} + +.components-form-token-field__suggestion-match { + text-decoration: underline; +} + +@media (min-width: 600px) { + .components-guide { + width: 600px; + } +} +.components-guide .components-modal__header { + background: none; + border-bottom: none; + width: 100%; + padding: 0; + margin: 0; +} +.components-guide .components-modal__header .components-button { + align-self: flex-start; + margin: 8px 0 0 8px; + position: static; +} +.components-guide .components-modal__header .components-button:hover svg { + fill: #fff; +} +.components-guide__container { + display: flex; + flex-direction: column; + justify-content: space-between; + margin-top: -60px; + min-height: 100%; +} +.components-guide__page { + display: flex; + flex-direction: column; + justify-content: center; + position: relative; +} +@media (min-width: 600px) { + .components-guide__page { + min-height: 300px; + } +} +.components-guide__footer { + align-content: center; + display: flex; + height: 30px; + justify-content: center; + margin: 0 0 24px 0; + padding: 0 32px; + position: relative; + width: 100%; +} +@media (max-width: 600px) { + .components-guide__footer { + position: absolute; + bottom: 0; + } +} +.components-guide__page-control { + margin: 0; + text-align: center; +} +.components-guide__page-control li { + display: inline-block; + margin: 0; +} +.components-guide__page-control .components-button { + height: 30px; + min-width: 20px; + margin: -6px 0; +} +.components-guide .components-modal__content { + padding: 0; +} + +.components-modal__frame.components-guide { + border: none; + min-width: 312px; + height: 80vh; + max-height: 575px; +} +@media (max-width: 600px) { + .components-modal__frame.components-guide { + bottom: 5%; + right: 16px; + left: 16px; + top: 5%; + margin: 0 auto; + } +} + +.components-button.components-guide__back-button, .components-button.components-guide__forward-button, .components-button.components-guide__finish-button { + height: 30px; + position: absolute; +} +.components-button.components-guide__back-button, .components-button.components-guide__forward-button { + font-size: 13px; + padding: 4px 2px; +} +.components-button.components-guide__back-button.has-text svg, .components-button.components-guide__forward-button.has-text svg { + margin: 0; +} +.components-button.components-guide__back-button:hover, .components-button.components-guide__forward-button:hover { + text-decoration: underline; +} +.components-button.components-guide__back-button { + right: 32px; +} +.components-button.components-guide__forward-button { + left: 32px; + color: #1386bf; + font-weight: bold; +} +.components-button.components-guide__finish-button { + left: 32px; +} +.components-button.components-guide__inline-finish-button { + display: none; +} + +[role=region] { + position: relative; +} + +.is-focusing-regions [role=region]:focus::after { + content: ""; + position: absolute; + top: 0; + bottom: 0; + right: 0; + left: 0; + pointer-events: none; + outline: 4px solid transparent; + box-shadow: inset 0 0 0 4px var(--wp-admin-theme-color); +} +@supports (outline-offset: 1px) { + .is-focusing-regions [role=region]:focus::after { + content: none; + } + .is-focusing-regions [role=region]:focus { + outline-style: solid; + outline-color: var(--wp-admin-theme-color); + outline-width: 4px; + outline-offset: -4px; + } +} + +.components-menu-group + .components-menu-group { + margin-top: 8px; + padding-top: 8px; + border-top: 1px solid #1e1e1e; +} +.components-menu-group + .components-menu-group.has-hidden-separator { + border-top: none; + margin-top: 0; + padding-top: 0; +} + +.components-menu-group__label { + padding: 0 8px; + margin-top: 4px; + margin-bottom: 12px; + color: #757575; + text-transform: uppercase; + font-size: 11px; + font-weight: 500; +} + +.components-menu-item__button, +.components-menu-item__button.components-button { + width: 100%; +} +.components-menu-item__button .components-menu-items__item-icon, +.components-menu-item__button.components-button .components-menu-items__item-icon { + margin-left: -2px; + margin-right: 24px; + display: inline-block; + flex: 0 0 auto; +} +.components-menu-item__button .components-menu-item__shortcut + .components-menu-items__item-icon, +.components-menu-item__button.components-button .components-menu-item__shortcut + .components-menu-items__item-icon { + margin-right: 8px; +} +.components-menu-item__button .block-editor-block-icon, +.components-menu-item__button.components-button .block-editor-block-icon { + margin-right: -2px; + margin-left: 8px; +} +.components-menu-item__button.is-primary, +.components-menu-item__button.components-button.is-primary { + justify-content: center; +} +.components-menu-item__button.is-primary .components-menu-item__item, +.components-menu-item__button.components-button.is-primary .components-menu-item__item { + margin-left: 0; +} + +.components-menu-item__info-wrapper { + display: flex; + flex-direction: column; + margin-left: auto; +} + +.components-menu-item__info { + margin-top: 4px; + font-size: 12px; + color: #757575; + white-space: normal; +} + +.components-menu-item__item { + white-space: nowrap; + margin-left: auto; + display: inline-flex; + align-items: center; +} + +.components-menu-item__shortcut { + align-self: center; + margin-left: 0; + margin-right: auto; + padding-right: 24px; + color: currentColor; + display: none; +} +@media (min-width: 480px) { + .components-menu-item__shortcut { + display: inline; + } +} + +.components-menu-items-choice svg, +.components-menu-items-choice.components-button svg { + margin-left: 12px; +} +.components-menu-items-choice.has-icon, +.components-menu-items-choice.components-button.has-icon { + padding-right: 12px; +} + +.components-modal__screen-overlay { + position: fixed; + top: 0; + left: 0; + bottom: 0; + right: 0; + background-color: rgba(0, 0, 0, 0.35); + z-index: 100000; + animation: edit-post__fade-in-animation 0.2s ease-out 0s; + animation-fill-mode: forwards; +} +@media (prefers-reduced-motion: reduce) { + .components-modal__screen-overlay { + animation-duration: 1ms; + animation-delay: 0s; + } +} + +.components-modal__frame { + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + box-sizing: border-box; + margin: 0; + background: #fff; + box-shadow: 0 10px 10px rgba(0, 0, 0, 0.25); + border-radius: 2px; + overflow: auto; +} +@media (min-width: 600px) { + .components-modal__frame { + top: 50%; + left: auto; + bottom: auto; + right: 50%; + min-width: 360px; + max-width: calc(100% - 16px - 16px); + max-height: 90%; + transform: translate(50%, -50%); + animation: components-modal__appear-animation 0.1s ease-out; + animation-fill-mode: forwards; + } +} +@media (min-width: 600px) and (prefers-reduced-motion: reduce) { + .components-modal__frame { + animation-duration: 1ms; + animation-delay: 0s; + } +} + +@keyframes components-modal__appear-animation { + from { + margin-top: 32px; + } + to { + margin-top: 0; + } +} +.components-modal__header { + box-sizing: border-box; + border-bottom: 1px solid #ddd; + padding: 0 32px; + display: flex; + flex-direction: row; + justify-content: space-between; + background: #fff; + align-items: center; + height: 60px; + z-index: 10; + position: relative; + position: sticky; + top: 0; + margin: 0 -32px 24px; +} +@supports (-ms-ime-align: auto) { + .components-modal__header { + position: fixed; + width: 100%; + } +} +.components-modal__header .components-modal__header-heading { + font-size: 1rem; + font-weight: 600; +} +.components-modal__header h1 { + line-height: 1; + margin: 0; +} +.components-modal__header .components-button { + position: relative; + right: 8px; +} + +.components-modal__header-heading-container { + align-items: center; + flex-grow: 1; + display: flex; + flex-direction: row; + justify-content: left; +} + +.components-modal__header-icon-container { + display: inline-block; +} +.components-modal__header-icon-container svg { + max-width: 36px; + max-height: 36px; + padding: 8px; +} + +.components-modal__content { + box-sizing: border-box; + height: 100%; + padding: 0 32px 24px; +} +@supports (-ms-ime-align: auto) { + .components-modal__content { + padding-top: 60px; + } +} + +.components-notice { + display: flex; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + font-size: 13px; + background-color: #fff; + border-right: 4px solid var(--wp-admin-theme-color); + margin: 5px 15px 2px; + padding: 8px 12px; + align-items: center; +} +.components-notice.is-dismissible { + padding-left: 36px; + position: relative; +} +.components-notice.is-success { + border-right-color: #4ab866; + background-color: #eff9f1; +} +.components-notice.is-warning { + border-right-color: #f0b849; + background-color: #fef8ee; +} +.components-notice.is-error { + border-right-color: #cc1818; + background-color: #f4a2a2; +} + +.components-notice__content { + flex-grow: 1; + margin: 4px 0 4px 25px; +} + +.components-notice__actions { + display: flex; + flex-wrap: wrap; +} + +.components-notice__action.components-button { + margin-left: 8px; +} +.components-notice__action.components-button, .components-notice__action.components-button.is-link { + margin-right: 12px; +} +.components-notice__action.components-button.is-secondary { + vertical-align: initial; +} + +.components-notice__dismiss { + color: #757575; + align-self: flex-start; + flex-shrink: 0; +} +.components-notice__dismiss:not(:disabled):not([aria-disabled=true]):not(.is-secondary):hover, .components-notice__dismiss:not(:disabled):not([aria-disabled=true]):not(.is-secondary):active, .components-notice__dismiss:not(:disabled):not([aria-disabled=true]):focus { + color: #1e1e1e; + background-color: transparent; +} +.components-notice__dismiss:not(:disabled):not([aria-disabled=true]):not(.is-secondary):hover { + box-shadow: none; +} + +.components-notice-list { + max-width: 100vw; + box-sizing: border-box; +} +.components-notice-list .components-notice__content { + margin-top: 12px; + margin-bottom: 12px; + line-height: 2; +} +.components-notice-list .components-notice__action.components-button { + display: block; + margin-right: 0; + margin-top: 8px; +} + +.components-panel { + background: #fff; + border: 1px solid #e0e0e0; +} +.components-panel > .components-panel__header:first-child, +.components-panel > .components-panel__body:first-child { + margin-top: -1px; +} +.components-panel > .components-panel__header:last-child, +.components-panel > .components-panel__body:last-child { + border-bottom-width: 0; +} + +.components-panel + .components-panel { + margin-top: -1px; +} + +.components-panel__body { + border-top: 1px solid #e0e0e0; + border-bottom: 1px solid #e0e0e0; +} +.components-panel__body h3 { + margin: 0 0 0.5em; +} +.components-panel__body.is-opened { + padding: 16px; +} + +.components-panel__header { + display: flex; + justify-content: space-between; + align-items: center; + padding: 0 16px; + height: 48px; + border-top: 1px solid #ddd; + border-bottom: 1px solid #ddd; +} +.components-panel__header h2 { + margin: 0; + font-size: inherit; + color: inherit; +} + +.components-panel__body + .components-panel__body, +.components-panel__body + .components-panel__header, +.components-panel__header + .components-panel__body, +.components-panel__header + .components-panel__header { + margin-top: -1px; +} + +.components-panel__body > .components-panel__body-title { + display: block; + padding: 0; + font-size: inherit; + margin-top: 0; + margin-bottom: 0; + transition: 0.1s background ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .components-panel__body > .components-panel__body-title { + transition-duration: 0s; + transition-delay: 0s; + } +} + +.components-panel__body.is-opened > .components-panel__body-title { + margin: -16px; + margin-bottom: 5px; +} + +.components-panel__body > .components-panel__body-title:hover { + background: #f0f0f0; + border: none; +} + +.components-panel__body-toggle.components-button { + position: relative; + padding: 16px 16px 16px 48px; + outline: none; + width: 100%; + font-weight: 500; + text-align: right; + color: #1e1e1e; + border: none; + box-shadow: none; + transition: 0.1s background ease-in-out; + height: auto; +} +@media (prefers-reduced-motion: reduce) { + .components-panel__body-toggle.components-button { + transition-duration: 0s; + transition-delay: 0s; + } +} +.components-panel__body-toggle.components-button:focus { + box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + border-radius: 0; +} +.components-panel__body-toggle.components-button .components-panel__arrow { + position: absolute; + left: 16px; + top: 50%; + transform: translateY(-50%); + color: #1e1e1e; + fill: currentColor; + transition: 0.1s color ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .components-panel__body-toggle.components-button .components-panel__arrow { + transition-duration: 0s; + transition-delay: 0s; + } +} +body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right { + transform: scaleX(-1); + -ms-filter: fliph; + filter: FlipH; + margin-top: -10px; +} + +.components-panel__icon { + color: #757575; + margin: -2px 6px -2px 0; +} + +.components-panel__body-toggle-icon { + margin-left: -5px; +} + +.components-panel__color-title { + float: right; + height: 19px; +} + +.components-panel__row { + display: flex; + justify-content: space-between; + align-items: center; + margin-top: 8px; + min-height: 36px; +} +.components-panel__row select { + min-width: 0; +} +.components-panel__row label { + margin-left: 12px; + flex-shrink: 0; + max-width: 75%; +} +.components-panel__row:empty, .components-panel__row:first-of-type { + margin-top: 0; +} + +.components-panel .circle-picker { + padding-bottom: 20px; +} + +.components-placeholder.components-placeholder { + box-sizing: border-box; + position: relative; + padding: 1em; + min-height: 200px; + width: 100%; + text-align: right; + margin: 0; + color: #1e1e1e; + -moz-font-smoothing: subpixel-antialiased; + -webkit-font-smoothing: subpixel-antialiased; + border-radius: 2px; + background-color: #fff; + box-shadow: inset 0 0 0 1px #1e1e1e; + outline: 1px solid transparent; +} +@supports (position: sticky) { + .components-placeholder.components-placeholder { + display: flex; + flex-direction: column; + justify-content: center; + align-items: flex-start; + } +} +.components-placeholder.components-placeholder .components-base-control__label { + font-size: 13px; +} + +.components-placeholder__error, +.components-placeholder__instructions, +.components-placeholder__label, +.components-placeholder__fieldset { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + font-size: 13px; +} + +.components-placeholder__label { + display: flex; + font-weight: 600; + margin-bottom: 16px; + align-items: center; +} +.components-placeholder__label > svg, +.components-placeholder__label .dashicon, +.components-placeholder__label .block-editor-block-icon { + fill: currentColor; + margin-left: 1ch; +} +.components-placeholder__label:empty { + display: none; +} + +.components-placeholder__fieldset, +.components-placeholder__fieldset form { + display: flex; + flex-direction: row; + width: 100%; + flex-wrap: wrap; +} +.components-placeholder__fieldset p, +.components-placeholder__fieldset form p { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + font-size: 13px; +} + +.components-placeholder__fieldset.is-column-layout, +.components-placeholder__fieldset.is-column-layout form { + flex-direction: column; +} + +.components-placeholder__input[type=url] { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + padding: 6px 8px; + box-shadow: 0 0 0 transparent; + transition: box-shadow 0.1s linear; + border-radius: 2px; + border: 1px solid #757575; + /* Fonts smaller than 16px causes mobile safari to zoom. */ + font-size: 16px; + /* Override core line-height. To be reviewed. */ + line-height: normal; + margin: 0 0 0 8px; + flex: 1 1 auto; +} +@media (prefers-reduced-motion: reduce) { + .components-placeholder__input[type=url] { + transition-duration: 0s; + transition-delay: 0s; + } +} +@media (min-width: 600px) { + .components-placeholder__input[type=url] { + font-size: 13px; + /* Override core line-height. To be reviewed. */ + line-height: normal; + } +} +.components-placeholder__input[type=url]:focus { + border-color: var(--wp-admin-theme-color); + box-shadow: 0 0 0 1px var(--wp-admin-theme-color); + outline: 2px solid transparent; +} +.components-placeholder__input[type=url]::-webkit-input-placeholder { + color: rgba(30, 30, 30, 0.62); +} +.components-placeholder__input[type=url]::-moz-placeholder { + opacity: 1; + color: rgba(30, 30, 30, 0.62); +} +.components-placeholder__input[type=url]:-ms-input-placeholder { + color: rgba(30, 30, 30, 0.62); +} + +.components-placeholder__instructions { + margin-bottom: 1em; +} + +.components-placeholder__error { + margin-top: 1em; + width: 100%; +} + +.components-placeholder__preview img { + margin: 3%; + width: 50%; +} + +.components-placeholder__fieldset .components-button { + margin-left: 12px; + margin-bottom: 12px; +} +.components-placeholder__fieldset .components-button:last-child { + margin-bottom: 0; + margin-left: 0; +} + +.components-placeholder__fieldset .components-button:not(.is-link) ~ .components-button.is-link { + margin-right: 10px; + margin-left: 10px; +} +.components-placeholder__fieldset .components-button:not(.is-link) ~ .components-button.is-link:last-child { + margin-left: 0; +} + +.components-placeholder.is-large .components-placeholder__label { + font-size: 18pt; + font-weight: normal; +} +.components-placeholder.is-medium .components-placeholder__instructions, .components-placeholder.is-small .components-placeholder__instructions { + display: none; +} +.components-placeholder.is-medium .components-placeholder__fieldset, +.components-placeholder.is-medium .components-placeholder__fieldset form, .components-placeholder.is-small .components-placeholder__fieldset, +.components-placeholder.is-small .components-placeholder__fieldset form { + flex-direction: column; +} +.components-placeholder.is-medium .components-placeholder__fieldset .components-button, .components-placeholder.is-small .components-placeholder__fieldset .components-button { + margin-left: auto; +} +.components-placeholder.is-small .components-button { + padding: 0 8px 2px; +} +.components-popover { + position: fixed; + z-index: 1000000; + top: 0; + left: 0; + opacity: 0; +} +.components-popover.is-expanded, .components-popover[data-x-axis][data-y-axis] { + opacity: 1; +} +.components-popover.is-expanded { + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 1000000 !important; +} +.components-popover:not(.is-without-arrow) { + margin-left: 2px; +} +.components-popover:not(.is-without-arrow)::before { + border: 8px solid #ccc; +} +.components-popover:not(.is-without-arrow).is-alternate::before { + border-color: #1e1e1e; +} +.components-popover:not(.is-without-arrow)::after { + border: 8px solid #fff; +} +.components-popover:not(.is-without-arrow)::before, .components-popover:not(.is-without-arrow)::after { + content: ""; + position: absolute; + height: 0; + width: 0; + line-height: 0; +} +.components-popover:not(.is-without-arrow)[data-y-axis=top] { + margin-top: -8px; +} +.components-popover:not(.is-without-arrow)[data-y-axis=top]::before { + bottom: -8px; +} +.components-popover:not(.is-without-arrow)[data-y-axis=top]::after { + bottom: -6px; +} +.components-popover:not(.is-without-arrow)[data-y-axis=top]::before, .components-popover:not(.is-without-arrow)[data-y-axis=top]::after { + border-bottom: none; + border-left-color: transparent; + border-right-color: transparent; + border-top-style: solid; + margin-left: -10px; +} +.components-popover:not(.is-without-arrow)[data-y-axis=bottom] { + margin-top: 8px; +} +.components-popover:not(.is-without-arrow)[data-y-axis=bottom]::before { + top: -8px; +} +.components-popover:not(.is-without-arrow)[data-y-axis=bottom]::after { + top: -6px; +} +.components-popover:not(.is-without-arrow)[data-y-axis=bottom]::before, .components-popover:not(.is-without-arrow)[data-y-axis=bottom]::after { + border-bottom-style: solid; + border-left-color: transparent; + border-right-color: transparent; + border-top: none; + margin-left: -10px; +} +.components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=left] { + margin-left: -8px; +} +.components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=left]::before { + right: -8px; +} +.components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=left]::after { + right: -6px; +} +.components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=left]::before, .components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=left]::after { + border-bottom-color: transparent; + border-left-style: solid; + border-right: none; + border-top-color: transparent; +} +.components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=right] { + margin-left: 8px; +} +.components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=right]::before { + left: -8px; +} +.components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=right]::after { + left: -6px; +} +.components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=right]::before, .components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=right]::after { + border-bottom-color: transparent; + border-left: none; + border-right-style: solid; + border-top-color: transparent; +} +.components-popover[data-y-axis=top] { + bottom: 100%; +} +.components-popover[data-y-axis=bottom] { + top: 100%; +} +.components-popover[data-y-axis=middle] { + align-items: center; + display: flex; +} +.components-popover.is-from-top { + margin-top: 12px; +} +.components-popover.is-from-bottom { + margin-top: -12px; +} +.components-popover.is-from-left:not(.is-from-top):not(.is-from-bottom) { + margin-left: 12px; +} +.components-popover.is-from-right:not(.is-from-top):not(.is-from-bottom) { + margin-right: 12px; +} + +.components-popover__content { + height: 100%; + background: #fff; + border: 1px solid #ccc; + box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); + border-radius: 2px; +} +.is-alternate .components-popover__content { + border: 1px solid #1e1e1e; + box-shadow: none; +} +.components-popover .components-popover__content { + position: absolute; + height: auto; + overflow-y: auto; +} +.components-popover.is-expanded .components-popover__content { + position: static; + height: calc(100% - 48px); + overflow-y: visible; + min-width: auto; + border: none; + border-top: 1px solid #1e1e1e; +} +.components-popover[data-y-axis=top] .components-popover__content { + bottom: 100%; +} +.components-popover[data-x-axis=center] .components-popover__content { + left: 50%; + transform: translateX(-50%); +} +.components-popover[data-x-axis=right] .components-popover__content { + position: absolute; + left: 100%; +} +.components-popover:not([data-y-axis=middle])[data-x-axis=right] .components-popover__content { + margin-left: -25px; +} +.components-popover[data-x-axis=left] .components-popover__content { + position: absolute; + right: 100%; +} +.components-popover:not([data-y-axis=middle])[data-x-axis=left] .components-popover__content { + margin-right: -25px; +} + +.components-popover__header { + align-items: center; + background: #fff; + display: flex; + height: 48px; + justify-content: space-between; + padding: 0 8px 0 16px; +} + +.components-popover__header-title { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + width: 100%; +} + +.components-popover__close.components-button { + z-index: 5; +} +.components-radio-control { + display: flex; + flex-direction: column; +} +.components-radio-control .components-base-control__help { + margin-top: 0; +} +.components-radio-control .components-base-control__field { + margin-bottom: 0; +} + +.components-radio-control__option:not(:last-child) { + margin-bottom: 4px; +} + +.components-radio-control__input[type=radio] { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + padding: 6px 8px; + box-shadow: 0 0 0 transparent; + transition: box-shadow 0.1s linear; + border-radius: 2px; + border: 1px solid #757575; + /* Fonts smaller than 16px causes mobile safari to zoom. */ + font-size: 16px; + /* Override core line-height. To be reviewed. */ + line-height: normal; + border: 1px solid #1e1e1e; + margin-left: 12px; + transition: none; + border-radius: 50%; + width: 24px; + height: 24px; + margin-top: 0; + margin-left: 6px; +} +@media (prefers-reduced-motion: reduce) { + .components-radio-control__input[type=radio] { + transition-duration: 0s; + transition-delay: 0s; + } +} +@media (min-width: 600px) { + .components-radio-control__input[type=radio] { + font-size: 13px; + /* Override core line-height. To be reviewed. */ + line-height: normal; + } +} +.components-radio-control__input[type=radio]:focus { + border-color: var(--wp-admin-theme-color); + box-shadow: 0 0 0 1px var(--wp-admin-theme-color); + outline: 2px solid transparent; +} +.components-radio-control__input[type=radio]::-webkit-input-placeholder { + color: rgba(30, 30, 30, 0.62); +} +.components-radio-control__input[type=radio]::-moz-placeholder { + opacity: 1; + color: rgba(30, 30, 30, 0.62); +} +.components-radio-control__input[type=radio]:-ms-input-placeholder { + color: rgba(30, 30, 30, 0.62); +} +@media (min-width: 600px) { + .components-radio-control__input[type=radio] { + height: 20px; + width: 20px; + } +} +.components-radio-control__input[type=radio]:checked::before { + box-sizing: inherit; + width: 8px; + height: 8px; + transform: translate(-7px, 7px); + margin: 0; + background-color: #fff; + border: 4px solid #fff; +} +@media (min-width: 600px) { + .components-radio-control__input[type=radio]:checked::before { + transform: translate(-5px, 5px); + } +} +.components-radio-control__input[type=radio]:focus { + box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color); + outline: 2px solid transparent; +} +.components-radio-control__input[type=radio]:checked { + background: var(--wp-admin-theme-color); + border-color: var(--wp-admin-theme-color); +} + +.components-resizable-box__handle { + display: none; + width: 23px; + height: 23px; + z-index: 2; +} +.components-resizable-box__container.has-show-handle .components-resizable-box__handle { + display: block; +} + +.components-resizable-box__handle::after { + display: block; + content: ""; + width: 15px; + height: 15px; + border: 2px solid var(--wp-admin-theme-color); + border-radius: 50%; + background: #fff; + cursor: inherit; + position: absolute; + top: calc(50% - 8px); + left: calc(50% - 8px); +} + +.components-resizable-box__side-handle::before { + display: block; + border-radius: 2px; + content: ""; + width: 3px; + height: 3px; + background: var(--wp-admin-theme-color); + cursor: inherit; + position: absolute; + top: calc(50% - 1px); + left: calc(50% - 1px); + transition: transform 0.1s ease-in; + opacity: 0; +} +@media (prefers-reduced-motion: reduce) { + .components-resizable-box__side-handle::before { + transition-duration: 0s; + transition-delay: 0s; + } +} + +.components-resizable-box__side-handle { + z-index: 2; +} + +.components-resizable-box__corner-handle { + z-index: 2; +} + +.components-resizable-box__side-handle.components-resizable-box__handle-top, +.components-resizable-box__side-handle.components-resizable-box__handle-bottom, +.components-resizable-box__side-handle.components-resizable-box__handle-top::before, +.components-resizable-box__side-handle.components-resizable-box__handle-bottom::before { + width: 100%; + right: 0; + border-right: 0; + border-left: 0; +} + +.components-resizable-box__side-handle.components-resizable-box__handle-left, +.components-resizable-box__side-handle.components-resizable-box__handle-right, +.components-resizable-box__side-handle.components-resizable-box__handle-left::before, +.components-resizable-box__side-handle.components-resizable-box__handle-right::before { + height: 100%; + top: 0; + border-top: 0; + border-bottom: 0; +} + +.components-resizable-box__side-handle.components-resizable-box__handle-top:hover::before, +.components-resizable-box__side-handle.components-resizable-box__handle-bottom:hover::before, +.components-resizable-box__side-handle.components-resizable-box__handle-top:active::before, +.components-resizable-box__side-handle.components-resizable-box__handle-bottom:active::before { + animation: components-resizable-box__top-bottom-animation 0.1s ease-out 0s; + animation-fill-mode: forwards; +} +@media (prefers-reduced-motion: reduce) { + .components-resizable-box__side-handle.components-resizable-box__handle-top:hover::before, +.components-resizable-box__side-handle.components-resizable-box__handle-bottom:hover::before, +.components-resizable-box__side-handle.components-resizable-box__handle-top:active::before, +.components-resizable-box__side-handle.components-resizable-box__handle-bottom:active::before { + animation-duration: 1ms; + animation-delay: 0s; + } +} + +.components-resizable-box__side-handle.components-resizable-box__handle-left:hover::before, +.components-resizable-box__side-handle.components-resizable-box__handle-right:hover::before, +.components-resizable-box__side-handle.components-resizable-box__handle-left:active::before, +.components-resizable-box__side-handle.components-resizable-box__handle-right:active::before { + animation: components-resizable-box__left-right-animation 0.1s ease-out 0s; + animation-fill-mode: forwards; +} +@media (prefers-reduced-motion: reduce) { + .components-resizable-box__side-handle.components-resizable-box__handle-left:hover::before, +.components-resizable-box__side-handle.components-resizable-box__handle-right:hover::before, +.components-resizable-box__side-handle.components-resizable-box__handle-left:active::before, +.components-resizable-box__side-handle.components-resizable-box__handle-right:active::before { + animation-duration: 1ms; + animation-delay: 0s; + } +} + +/* This CSS is shown only to Safari, which has a bug with table-caption making it jumpy. +See https://bugs.webkit.org/show_bug.cgi?id=187903. */ +@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) { + @supports (-webkit-appearance: none) { + .components-resizable-box__side-handle.components-resizable-box__handle-top:hover::before, +.components-resizable-box__side-handle.components-resizable-box__handle-bottom:hover::before, +.components-resizable-box__side-handle.components-resizable-box__handle-top:active::before, +.components-resizable-box__side-handle.components-resizable-box__handle-bottom:active::before { + animation: none; + } + + .components-resizable-box__side-handle.components-resizable-box__handle-left:hover::before, +.components-resizable-box__side-handle.components-resizable-box__handle-right:hover::before, +.components-resizable-box__side-handle.components-resizable-box__handle-left:active::before, +.components-resizable-box__side-handle.components-resizable-box__handle-right:active::before { + animation: none; + } + } +} +@keyframes components-resizable-box__top-bottom-animation { + from { + transform: scaleX(0); + opacity: 0; + } + to { + transform: scaleX(1); + opacity: 1; + } +} +@keyframes components-resizable-box__left-right-animation { + from { + transform: scaleY(0); + opacity: 0; + } + to { + transform: scaleY(1); + opacity: 1; + } +} +.components-resizable-box__handle-right { + right: calc(11.5px * -1); +} + +.components-resizable-box__handle-left { + left: calc(11.5px * -1); +} + +.components-resizable-box__handle-top { + top: calc(11.5px * -1); +} + +.components-resizable-box__handle-bottom { + bottom: calc(11.5px * -1); +} +.components-responsive-wrapper { + position: relative; + max-width: 100%; +} +.components-responsive-wrapper, .components-responsive-wrapper > span { + display: block; +} + +.components-responsive-wrapper__content { + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + width: 100%; + height: 100%; + margin: auto; +} + +.components-sandbox { + overflow: hidden; +} + +iframe.components-sandbox { + width: 100%; +} + +html.lockscroll, +body.lockscroll { + overflow: hidden; +} + +.components-select-control__input { + background: #fff; + height: 36px; + line-height: 36px; + margin: 1px; + outline: 0; + width: 100%; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important; +} +@media (min-width: 782px) { + .components-select-control__input { + height: 28px; + line-height: 28px; + } +} + +@media (max-width: 782px) { + .components-base-control .components-base-control__field .components-select-control__input { + font-size: 16px; + } +} +.components-snackbar { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + font-size: 13px; + background-color: #1e1e1e; + border-radius: 2px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); + color: #fff; + padding: 16px 24px; + width: 100%; + max-width: 600px; + box-sizing: border-box; + cursor: pointer; + pointer-events: auto; +} +@media (min-width: 600px) { + .components-snackbar { + width: -moz-fit-content; + width: fit-content; + } +} +.components-snackbar:focus { + box-shadow: 0 0 0 1px #fff, 0 0 0 3px var(--wp-admin-theme-color); +} +.components-snackbar.components-snackbar-explicit-dismiss { + cursor: default; +} +.components-snackbar .components-snackbar__content-with-icon { + margin-right: 24px; +} +.components-snackbar .components-snackbar__icon { + position: absolute; + top: 24px; + right: 28px; +} +.components-snackbar .components-snackbar__dismiss-button { + margin-right: 32px; + cursor: pointer; +} + +.components-snackbar__action.components-button { + margin-right: 32px; + color: #fff; + height: auto; + flex-shrink: 0; + line-height: 1.4; + padding: 0; +} +.components-snackbar__action.components-button:not(:disabled):not([aria-disabled=true]):not(.is-secondary) { + text-decoration: underline; + background-color: transparent; +} +.components-snackbar__action.components-button:not(:disabled):not([aria-disabled=true]):not(.is-secondary):focus { + color: #fff; + box-shadow: none; + outline: 1px dotted #fff; +} +.components-snackbar__action.components-button:not(:disabled):not([aria-disabled=true]):not(.is-secondary):hover { + color: var(--wp-admin-theme-color); +} + +.components-snackbar__content { + display: flex; + align-items: baseline; + justify-content: space-between; + line-height: 1.4; +} + +.components-snackbar-list { + position: absolute; + z-index: 100000; + width: 100%; + box-sizing: border-box; + pointer-events: none; +} + +.components-snackbar-list__notice-container { + position: relative; + padding-top: 8px; +} + +.components-swatch { + width: 18px; + height: 18px; + border-radius: 50%; + color: transparent; + background: transparent; +} +.components-swatch::after { + content: ""; + display: block; + width: 100%; + height: 100%; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 50%; +} + +.components-button.has-icon.has-text .components-swatch { + margin-left: 8px; +} + +.components-tab-panel__tabs { + display: flex; + align-items: stretch; + flex-direction: row; +} +.components-tab-panel__tabs[aria-orientation=vertical] { + flex-direction: column; +} + +.components-tab-panel__tabs-item { + background: transparent; + border: none; + box-shadow: none; + border-radius: 0; + cursor: pointer; + height: 48px; + padding: 3px 16px; + margin-right: 0; + font-weight: 500; + transition: box-shadow 0.1s linear; + box-sizing: border-box; +} +.components-tab-panel__tabs-item::after { + content: attr(data-label); + display: block; + height: 0; + overflow: hidden; + speak: none; + visibility: hidden; +} +.components-tab-panel__tabs-item:focus:not(:disabled) { + box-shadow: inset 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); +} +.components-tab-panel__tabs-item.is-active { + box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) transparent, inset 0 -4px 0 0 var(--wp-admin-theme-color); + position: relative; +} +.components-tab-panel__tabs-item.is-active::before { + content: ""; + position: absolute; + top: 0; + bottom: 1px; + left: 0; + right: 0; + border-bottom: 4px solid transparent; +} +.components-tab-panel__tabs-item:focus { + box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); +} +.components-tab-panel__tabs-item.is-active:focus { + box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 -4px 0 0 var(--wp-admin-theme-color); +} + +.components-text-control__input, +.components-text-control__input[type=text], +.components-text-control__input[type=tel], +.components-text-control__input[type=time], +.components-text-control__input[type=url], +.components-text-control__input[type=week], +.components-text-control__input[type=password], +.components-text-control__input[type=color], +.components-text-control__input[type=date], +.components-text-control__input[type=datetime], +.components-text-control__input[type=datetime-local], +.components-text-control__input[type=email], +.components-text-control__input[type=month], +.components-text-control__input[type=number] { + width: 100%; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + padding: 6px 8px; + box-shadow: 0 0 0 transparent; + transition: box-shadow 0.1s linear; + border-radius: 2px; + border: 1px solid #757575; + /* Fonts smaller than 16px causes mobile safari to zoom. */ + font-size: 16px; + /* Override core line-height. To be reviewed. */ + line-height: normal; +} +@media (prefers-reduced-motion: reduce) { + .components-text-control__input, +.components-text-control__input[type=text], +.components-text-control__input[type=tel], +.components-text-control__input[type=time], +.components-text-control__input[type=url], +.components-text-control__input[type=week], +.components-text-control__input[type=password], +.components-text-control__input[type=color], +.components-text-control__input[type=date], +.components-text-control__input[type=datetime], +.components-text-control__input[type=datetime-local], +.components-text-control__input[type=email], +.components-text-control__input[type=month], +.components-text-control__input[type=number] { + transition-duration: 0s; + transition-delay: 0s; + } +} +@media (min-width: 600px) { + .components-text-control__input, +.components-text-control__input[type=text], +.components-text-control__input[type=tel], +.components-text-control__input[type=time], +.components-text-control__input[type=url], +.components-text-control__input[type=week], +.components-text-control__input[type=password], +.components-text-control__input[type=color], +.components-text-control__input[type=date], +.components-text-control__input[type=datetime], +.components-text-control__input[type=datetime-local], +.components-text-control__input[type=email], +.components-text-control__input[type=month], +.components-text-control__input[type=number] { + font-size: 13px; + /* Override core line-height. To be reviewed. */ + line-height: normal; + } +} +.components-text-control__input:focus, +.components-text-control__input[type=text]:focus, +.components-text-control__input[type=tel]:focus, +.components-text-control__input[type=time]:focus, +.components-text-control__input[type=url]:focus, +.components-text-control__input[type=week]:focus, +.components-text-control__input[type=password]:focus, +.components-text-control__input[type=color]:focus, +.components-text-control__input[type=date]:focus, +.components-text-control__input[type=datetime]:focus, +.components-text-control__input[type=datetime-local]:focus, +.components-text-control__input[type=email]:focus, +.components-text-control__input[type=month]:focus, +.components-text-control__input[type=number]:focus { + border-color: var(--wp-admin-theme-color); + box-shadow: 0 0 0 1px var(--wp-admin-theme-color); + outline: 2px solid transparent; +} +.components-text-control__input::-webkit-input-placeholder, +.components-text-control__input[type=text]::-webkit-input-placeholder, +.components-text-control__input[type=tel]::-webkit-input-placeholder, +.components-text-control__input[type=time]::-webkit-input-placeholder, +.components-text-control__input[type=url]::-webkit-input-placeholder, +.components-text-control__input[type=week]::-webkit-input-placeholder, +.components-text-control__input[type=password]::-webkit-input-placeholder, +.components-text-control__input[type=color]::-webkit-input-placeholder, +.components-text-control__input[type=date]::-webkit-input-placeholder, +.components-text-control__input[type=datetime]::-webkit-input-placeholder, +.components-text-control__input[type=datetime-local]::-webkit-input-placeholder, +.components-text-control__input[type=email]::-webkit-input-placeholder, +.components-text-control__input[type=month]::-webkit-input-placeholder, +.components-text-control__input[type=number]::-webkit-input-placeholder { + color: rgba(30, 30, 30, 0.62); +} +.components-text-control__input::-moz-placeholder, +.components-text-control__input[type=text]::-moz-placeholder, +.components-text-control__input[type=tel]::-moz-placeholder, +.components-text-control__input[type=time]::-moz-placeholder, +.components-text-control__input[type=url]::-moz-placeholder, +.components-text-control__input[type=week]::-moz-placeholder, +.components-text-control__input[type=password]::-moz-placeholder, +.components-text-control__input[type=color]::-moz-placeholder, +.components-text-control__input[type=date]::-moz-placeholder, +.components-text-control__input[type=datetime]::-moz-placeholder, +.components-text-control__input[type=datetime-local]::-moz-placeholder, +.components-text-control__input[type=email]::-moz-placeholder, +.components-text-control__input[type=month]::-moz-placeholder, +.components-text-control__input[type=number]::-moz-placeholder { + opacity: 1; + color: rgba(30, 30, 30, 0.62); +} +.components-text-control__input:-ms-input-placeholder, +.components-text-control__input[type=text]:-ms-input-placeholder, +.components-text-control__input[type=tel]:-ms-input-placeholder, +.components-text-control__input[type=time]:-ms-input-placeholder, +.components-text-control__input[type=url]:-ms-input-placeholder, +.components-text-control__input[type=week]:-ms-input-placeholder, +.components-text-control__input[type=password]:-ms-input-placeholder, +.components-text-control__input[type=color]:-ms-input-placeholder, +.components-text-control__input[type=date]:-ms-input-placeholder, +.components-text-control__input[type=datetime]:-ms-input-placeholder, +.components-text-control__input[type=datetime-local]:-ms-input-placeholder, +.components-text-control__input[type=email]:-ms-input-placeholder, +.components-text-control__input[type=month]:-ms-input-placeholder, +.components-text-control__input[type=number]:-ms-input-placeholder { + color: rgba(30, 30, 30, 0.62); +} + +.components-tip { + display: flex; + color: #757575; +} +.components-tip svg { + align-self: center; + fill: #f0b849; + flex-shrink: 0; + margin-left: 16px; +} +.components-tip p { + margin: 0; +} + +.components-toggle-control .components-base-control__field { + display: flex; + margin-bottom: 12px; + line-height: initial; + align-items: center; +} +.components-toggle-control .components-base-control__field .components-form-toggle { + margin-left: 12px; +} +.components-toggle-control .components-base-control__field .components-toggle-control__label { + display: block; +} + +.components-accessible-toolbar { + display: inline-flex; + border: 1px solid #1e1e1e; + border-radius: 2px; + flex-shrink: 0; +} +.components-accessible-toolbar > .components-toolbar-group:last-child { + border-left: none; +} + +.components-accessible-toolbar .components-button, +.components-toolbar .components-button { + position: relative; + height: 48px; + z-index: 1; + padding-right: 16px; + padding-left: 16px; +} +.components-accessible-toolbar .components-button:focus:enabled, +.components-toolbar .components-button:focus:enabled { + box-shadow: none; + outline: none; +} +.components-accessible-toolbar .components-button::before, +.components-toolbar .components-button::before { + content: ""; + position: absolute; + display: block; + border-radius: 2px; + height: 32px; + right: 8px; + left: 8px; + z-index: -1; + animation: components-button__appear-animation 0.1s ease; + animation-fill-mode: forwards; +} +@media (prefers-reduced-motion: reduce) { + .components-accessible-toolbar .components-button::before, +.components-toolbar .components-button::before { + animation-duration: 1ms; + animation-delay: 0s; + } +} +.components-accessible-toolbar .components-button svg, +.components-toolbar .components-button svg { + position: relative; + margin-right: auto; + margin-left: auto; +} +.components-accessible-toolbar .components-button.is-pressed, +.components-toolbar .components-button.is-pressed { + background: transparent; +} +.components-accessible-toolbar .components-button.is-pressed:hover, +.components-toolbar .components-button.is-pressed:hover { + background: transparent; +} +.components-accessible-toolbar .components-button.is-pressed::before, +.components-toolbar .components-button.is-pressed::before { + background: #1e1e1e; +} +.components-accessible-toolbar .components-button:focus::before, +.components-toolbar .components-button:focus::before { + box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 4px #fff; + outline: 2px solid transparent; +} +.components-accessible-toolbar .components-button.has-icon, +.components-toolbar .components-button.has-icon { + padding-right: 8px; + padding-left: 8px; + min-width: 48px; + justify-content: center; +} +.components-accessible-toolbar .components-button.components-tab-button, +.components-toolbar .components-button.components-tab-button { + font-weight: 500; +} +.components-accessible-toolbar .components-button.components-tab-button span, +.components-toolbar .components-button.components-tab-button span { + display: inline-block; + padding-right: 0; + padding-left: 0; + position: relative; +} + +@keyframes components-button__appear-animation { + from { + transform: scaleY(0); + } + to { + transform: scaleY(1); + } +} +.components-toolbar__control.components-button { + position: relative; +} +.components-toolbar__control.components-button[data-subscript] svg { + padding: 5px 0 5px 10px; +} +.components-toolbar__control.components-button[data-subscript]::after { + content: attr(data-subscript); + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + font-size: 13px; + font-weight: 600; + line-height: 12px; + position: absolute; + left: 8px; + bottom: 10px; +} +.components-toolbar__control.components-button:active::before { + display: none; +} +.components-toolbar__control.components-button:not(:disabled).is-pressed[data-subscript]::after { + color: #fff; +} + +.components-toolbar-group { + min-height: 48px; + border-left: 1px solid #1e1e1e; + background-color: #fff; + display: inline-flex; + flex-shrink: 0; + flex-wrap: wrap; + line-height: 0; +} +.components-toolbar-group .components-toolbar-group.components-toolbar-group { + border-width: 0; + margin: 0; +} + +.components-toolbar { + min-height: 48px; + margin: 0; + border: 1px solid #1e1e1e; + background-color: #fff; + display: inline-flex; + flex-shrink: 0; + flex-wrap: wrap; +} +.components-toolbar .components-toolbar.components-toolbar { + border-width: 0; + margin: 0; +} + +div.components-toolbar > div { + display: block; + margin: 0; +} +@supports (position: sticky) { + div.components-toolbar > div { + display: flex; + } +} +div.components-toolbar > div + div.has-left-divider { + margin-right: 6px; + position: relative; + overflow: visible; +} +div.components-toolbar > div + div.has-left-divider::before { + display: inline-block; + content: ""; + box-sizing: content-box; + background-color: #ddd; + position: absolute; + top: 8px; + right: -3px; + width: 1px; + height: 20px; +} + +.block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > .components-button:first-child:last-child, +.block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > .components-dropdown:first-child:last-child .components-button, .block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot.components-dropdown > .components-button.components-button, .block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot.components-dropdown > * .components-button, +.block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > .components-button:first-child:last-child, +.block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > .components-dropdown:first-child:last-child .components-button, +.block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot.components-dropdown > .components-button.components-button, +.block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot.components-dropdown > * .components-button, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > .components-button:first-child:last-child, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > .components-dropdown:first-child:last-child .components-button, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar.components-dropdown > .components-button.components-button, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar.components-dropdown > * .components-button, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > .components-button:first-child:last-child, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > .components-dropdown:first-child:last-child .components-button, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown.components-dropdown > .components-button.components-button, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown.components-dropdown > * .components-button, +.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > .components-button:first-child:last-child, +.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > .components-dropdown:first-child:last-child .components-button, +.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group.components-dropdown > .components-button.components-button, +.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group.components-dropdown > * .components-button { + min-width: 48px; + padding-right: 12px; + padding-left: 12px; +} +.block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > .components-button:first-child:last-child::before, +.block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > .components-dropdown:first-child:last-child .components-button::before, .block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot.components-dropdown > .components-button.components-button::before, .block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot.components-dropdown > * .components-button::before, +.block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > .components-button:first-child:last-child::before, +.block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > .components-dropdown:first-child:last-child .components-button::before, +.block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot.components-dropdown > .components-button.components-button::before, +.block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot.components-dropdown > * .components-button::before, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > .components-button:first-child:last-child::before, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > .components-dropdown:first-child:last-child .components-button::before, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar.components-dropdown > .components-button.components-button::before, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar.components-dropdown > * .components-button::before, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > .components-button:first-child:last-child::before, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > .components-dropdown:first-child:last-child .components-button::before, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown.components-dropdown > .components-button.components-button::before, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown.components-dropdown > * .components-button::before, +.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > .components-button:first-child:last-child::before, +.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > .components-dropdown:first-child:last-child .components-button::before, +.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group.components-dropdown > .components-button.components-button::before, +.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group.components-dropdown > * .components-button::before { + right: 8px; + left: 8px; +} +.block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > .components-button:first-child, +.block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > div:first-child > .components-button, +.block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > .components-dropdown:first-child .components-button, +.block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > .components-button:first-child, +.block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > div:first-child > .components-button, +.block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > .components-dropdown:first-child .components-button, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > .components-button:first-child, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > div:first-child > .components-button, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > .components-dropdown:first-child .components-button, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > .components-button:first-child, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > div:first-child > .components-button, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > .components-dropdown:first-child .components-button, +.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > .components-button:first-child, +.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > div:first-child > .components-button, +.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > .components-dropdown:first-child .components-button { + min-width: 42px; + padding-right: 11px; + padding-left: 6px; +} +.block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > .components-button:first-child::before, +.block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > div:first-child > .components-button::before, +.block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > .components-dropdown:first-child .components-button::before, +.block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > .components-button:first-child::before, +.block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > div:first-child > .components-button::before, +.block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > .components-dropdown:first-child .components-button::before, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > .components-button:first-child::before, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > div:first-child > .components-button::before, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > .components-dropdown:first-child .components-button::before, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > .components-button:first-child::before, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > div:first-child > .components-button::before, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > .components-dropdown:first-child .components-button::before, +.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > .components-button:first-child::before, +.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > div:first-child > .components-button::before, +.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > .components-dropdown:first-child .components-button::before { + right: 8px; + left: 2px; +} +.block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > .components-button, +.block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > div > .components-button, +.block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > .components-dropdown .components-button, +.block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > .components-button, +.block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > div > .components-button, +.block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > .components-dropdown .components-button, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > .components-button, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > div > .components-button, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > .components-dropdown .components-button, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > .components-button, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > div > .components-button, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > .components-dropdown .components-button, +.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > .components-button, +.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > div > .components-button, +.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > .components-dropdown .components-button { + min-width: 36px; + padding-right: 6px; + padding-left: 6px; +} +.block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > .components-button svg, +.block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > div > .components-button svg, +.block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > .components-dropdown .components-button svg, +.block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > .components-button svg, +.block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > div > .components-button svg, +.block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > .components-dropdown .components-button svg, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > .components-button svg, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > div > .components-button svg, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > .components-dropdown .components-button svg, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > .components-button svg, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > div > .components-button svg, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > .components-dropdown .components-button svg, +.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > .components-button svg, +.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > div > .components-button svg, +.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > .components-dropdown .components-button svg { + min-width: 24px; +} +.block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > .components-button::before, +.block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > div > .components-button::before, +.block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > .components-dropdown .components-button::before, +.block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > .components-button::before, +.block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > div > .components-button::before, +.block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > .components-dropdown .components-button::before, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > .components-button::before, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > div > .components-button::before, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > .components-dropdown .components-button::before, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > .components-button::before, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > div > .components-button::before, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > .components-dropdown .components-button::before, +.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > .components-button::before, +.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > div > .components-button::before, +.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > .components-dropdown .components-button::before { + right: 2px; + left: 2px; +} +.block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > .components-button:last-child, +.block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > div:last-child > .components-button, +.block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > .components-dropdown:last-child .components-button, +.block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > .components-button:last-child, +.block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > div:last-child > .components-button, +.block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > .components-dropdown:last-child .components-button, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > .components-button:last-child, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > div:last-child > .components-button, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > .components-dropdown:last-child .components-button, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > .components-button:last-child, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > div:last-child > .components-button, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > .components-dropdown:last-child .components-button, +.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > .components-button:last-child, +.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > div:last-child > .components-button, +.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > .components-dropdown:last-child .components-button { + min-width: 42px; + padding-right: 6px; + padding-left: 11px; +} +.block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > .components-button:last-child::before, +.block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > div:last-child > .components-button::before, +.block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > .components-dropdown:last-child .components-button::before, +.block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > .components-button:last-child::before, +.block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > div:last-child > .components-button::before, +.block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > .components-dropdown:last-child .components-button::before, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > .components-button:last-child::before, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > div:last-child > .components-button::before, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > .components-dropdown:last-child .components-button::before, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > .components-button:last-child::before, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > div:last-child > .components-button::before, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > .components-dropdown:last-child .components-button::before, +.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > .components-button:last-child::before, +.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > div:last-child > .components-button::before, +.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > .components-dropdown:last-child .components-button::before { + right: 2px; + left: 8px; +} + +.components-tooltip.components-popover { + z-index: 1000002; +} +.components-tooltip.components-popover .components-popover__content { + min-width: 0; +} + +.components-tooltip .components-popover__content { + background: #1e1e1e; + border-radius: 2px; + border-width: 0; + color: #fff; + white-space: nowrap; + text-align: center; + line-height: 1.4; + font-size: 12px; + box-shadow: none; +} +.components-tooltip .components-popover__content > div { + padding: 4px 8px; +} + +.components-tooltip__shortcut { + display: inline-block; + margin-right: 8px; +} + +.disabled-element-wrapper { + position: relative; +} +.disabled-element-wrapper .event-catcher { + z-index: 100002; + position: absolute; + width: 100%; + height: 100%; + top: 0; + right: 0; + bottom: 0; + left: 0; +} + +.components-visually-hidden { + border: 0; + clip: rect(1px, 1px, 1px, 1px); + -webkit-clip-path: inset(50%); + clip-path: inset(50%); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; + word-wrap: normal !important; +} + +.components-visually-hidden:focus { + background-color: #ddd; + clip: auto !important; + -webkit-clip-path: none; + clip-path: none; + color: #444; + display: block; + font-size: 1em; + height: auto; + right: 5px; + line-height: normal; + padding: 15px 23px 14px; + text-decoration: none; + top: 5px; + width: auto; + z-index: 100000; +} \ No newline at end of file diff --git a/wp-includes/css/dist/components/style-rtl.min.css b/wp-includes/css/dist/components/style-rtl.min.css new file mode 100644 index 0000000000..f9523a130a --- /dev/null +++ b/wp-includes/css/dist/components/style-rtl.min.css @@ -0,0 +1 @@ +@charset "UTF-8";:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.components-animate__appear{animation:components-animate__appear-animation .1s cubic-bezier(0,0,.2,1) 0s;animation-fill-mode:forwards}@media (prefers-reduced-motion:reduce){.components-animate__appear{animation-duration:1ms;animation-delay:0s}}.components-animate__appear.is-from-top,.components-animate__appear.is-from-top.is-from-left{transform-origin:top right}.components-animate__appear.is-from-top.is-from-right{transform-origin:top left}.components-animate__appear.is-from-bottom,.components-animate__appear.is-from-bottom.is-from-left{transform-origin:bottom right}.components-animate__appear.is-from-bottom.is-from-right{transform-origin:bottom left}@keyframes components-animate__appear-animation{0%{transform:translateY(-2em) scaleY(0) scaleX(0)}to{transform:translateY(0) scaleY(1) scaleX(1)}}.components-animate__slide-in{animation:components-animate__slide-in-animation .1s cubic-bezier(0,0,.2,1);animation-fill-mode:forwards}@media (prefers-reduced-motion:reduce){.components-animate__slide-in{animation-duration:1ms;animation-delay:0s}}.components-animate__slide-in.is-from-left{transform:translateX(-100%)}.components-animate__slide-in.is-from-right{transform:translateX(100%)}@keyframes components-animate__slide-in-animation{to{transform:translateX(0)}}.components-animate__loading{animation:components-animate__loading 1.6s ease-in-out infinite}@keyframes components-animate__loading{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.components-autocomplete__popover .components-popover__content>div{padding:16px;min-width:220px}.components-autocomplete__result.components-button{display:flex;height:auto;min-height:36px;text-align:right;width:100%}.components-autocomplete__result.components-button.is-selected{box-shadow:0 0 0 2px var(--wp-admin-theme-color)}.components-button-group{display:inline-block}.components-button-group .components-button{border-radius:0;display:inline-flex;color:#1e1e1e;box-shadow:inset 0 0 0 1px #1e1e1e}.components-button-group .components-button+.components-button{margin-right:-1px}.components-button-group .components-button:first-child{border-radius:0 2px 2px 0}.components-button-group .components-button:last-child{border-radius:2px 0 0 2px}.components-button-group .components-button.is-primary,.components-button-group .components-button:focus{position:relative;z-index:1}.components-button-group .components-button.is-primary{box-shadow:inset 0 0 0 1px #1e1e1e}.components-button{display:inline-flex;text-decoration:none;font-weight:400;font-size:13px;margin:0;border:0;cursor:pointer;-webkit-appearance:none;background:none;transition:box-shadow .1s linear;height:36px;align-items:center;box-sizing:border-box;padding:6px 12px;border-radius:2px;color:#1e1e1e}@media (prefers-reduced-motion:reduce){.components-button{transition-duration:0s;transition-delay:0s}}.components-button:hover,.components-button[aria-expanded=true]{color:var(--wp-admin-theme-color)}.components-button[aria-disabled=true]:hover{color:initial}.components-button:focus:not(:disabled){box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);outline:3px solid transparent}.components-button.is-primary{white-space:nowrap;background:var(--wp-admin-theme-color);color:#fff;text-decoration:none;text-shadow:none;outline:1px solid transparent}.components-button.is-primary:hover:not(:disabled){background:var(--wp-admin-theme-color-darker-10);color:#fff}.components-button.is-primary:active:not(:disabled){background:var(--wp-admin-theme-color-darker-20);border-color:var(--wp-admin-theme-color-darker-20);color:#fff}.components-button.is-primary:focus:not(:disabled){box-shadow:inset 0 0 0 1px #fff,0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}.components-button.is-primary:disabled,.components-button.is-primary:disabled:active:enabled,.components-button.is-primary[aria-disabled=true],.components-button.is-primary[aria-disabled=true]:active:enabled,.components-button.is-primary[aria-disabled=true]:enabled{color:hsla(0,0%,100%,.4);background:var(--wp-admin-theme-color);border-color:var(--wp-admin-theme-color);opacity:1;outline:none}.components-button.is-primary:disabled:active:enabled:focus:enabled,.components-button.is-primary:disabled:focus:enabled,.components-button.is-primary[aria-disabled=true]:active:enabled:focus:enabled,.components-button.is-primary[aria-disabled=true]:enabled:focus:enabled,.components-button.is-primary[aria-disabled=true]:focus:enabled{box-shadow:0 0 0 1px #fff,0 0 0 3px var(--wp-admin-theme-color)}.components-button.is-primary.is-busy,.components-button.is-primary.is-busy:disabled,.components-button.is-primary.is-busy[aria-disabled=true]{color:#fff;background-size:100px 100%;background-image:linear-gradient(45deg,var(--wp-admin-theme-color) 33%,var(--wp-admin-theme-color-darker-20) 0,var(--wp-admin-theme-color-darker-20) 70%,var(--wp-admin-theme-color) 0);border-color:var(--wp-admin-theme-color)}.components-button.is-secondary,.components-button.is-tertiary{outline:1px solid transparent}.components-button.is-secondary:active:not(:disabled),.components-button.is-tertiary:active:not(:disabled){background:#ddd;color:var(--wp-admin-theme-color-darker-10);box-shadow:none}.components-button.is-secondary:hover:not(:disabled),.components-button.is-tertiary:hover:not(:disabled){color:var(--wp-admin-theme-color-darker-10);box-shadow:inset 0 0 0 1px var(--wp-admin-theme-color-darker-10)}.components-button.is-secondary:disabled,.components-button.is-secondary[aria-disabled=true],.components-button.is-secondary[aria-disabled=true]:hover,.components-button.is-tertiary:disabled,.components-button.is-tertiary[aria-disabled=true],.components-button.is-tertiary[aria-disabled=true]:hover{color:#828282;background:#eaeaea;transform:none;opacity:1;box-shadow:none;outline:none}.components-button.is-secondary{box-shadow:inset 0 0 0 1px var(--wp-admin-theme-color);outline:1px solid transparent}.components-button.is-secondary,.components-button.is-tertiary{white-space:nowrap;color:var(--wp-admin-theme-color);background:transparent}.components-button.is-tertiary{padding:6px}.components-button.is-tertiary .dashicon{display:inline-block;flex:0 0 auto}.components-button.is-destructive{color:#cc1818;box-shadow:inset 0 0 0 1px #cc1818}.components-button.is-destructive:hover:not(:disabled){color:#710d0d;box-shadow:inset 0 0 0 1px #710d0d}.components-button.is-destructive:focus:not(:disabled){color:var(--wp-admin-theme-color)}.components-button.is-destructive:active:not(:disabled){background:#ccc}.components-button.is-destructive.is-primary{color:#fff;background:#cc1818;box-shadow:inset 0 0 0 1px #cc1818}.components-button.is-destructive.is-primary:hover:not(:disabled){color:#fff;background:#710d0d;box-shadow:inset 0 0 0 1px #710d0d}.components-button.is-link{margin:0;padding:0;box-shadow:none;border:0;border-radius:0;background:none;outline:none;text-align:right;color:var(--wp-admin-theme-color);text-decoration:underline;transition-property:border,background,color;transition-duration:.05s;transition-timing-function:ease-in-out;height:auto}@media (prefers-reduced-motion:reduce){.components-button.is-link{transition-duration:0s;transition-delay:0s}}.components-button.is-link:focus{border-radius:2px}.components-button.is-link.is-destructive{color:#cc1818}.components-button.is-link.is-destructive:active:not(:disabled),.components-button.is-link.is-destructive:hover:not(:disabled){color:#710d0d;background:none}.components-button.is-link.is-destructive:focus:not(:disabled){color:var(--wp-admin-theme-color)}.components-button:not([aria-disabled=true]):active{color:inherit}.components-button:disabled,.components-button[aria-disabled=true]{cursor:default;opacity:.3}.components-button.is-busy,.components-button.is-secondary.is-busy,.components-button.is-secondary.is-busy:disabled,.components-button.is-secondary.is-busy[aria-disabled=true]{animation:components-button__busy-animation 2.5s linear infinite;opacity:1;background-size:100px 100%;background-image:linear-gradient(45deg,#fafafa 33%,#e0e0e0 0,#e0e0e0 70%,#fafafa 0)}.components-button.is-small{height:24px;line-height:22px;padding:0 8px;font-size:11px}.components-button.is-small.has-icon:not(.has-text){padding:0 8px;width:24px}.components-button.has-icon{padding:6px;min-width:36px;justify-content:center}.components-button.has-icon .dashicon{display:inline-block;flex:0 0 auto;margin-right:2px;margin-left:2px}.components-button.has-icon.has-text{justify-content:left}.components-button.has-icon.has-text svg{margin-left:8px}.components-button.has-icon.has-text .dashicon{margin-left:10px}.components-button.is-pressed{color:#fff;background:#1e1e1e}.components-button.is-pressed:focus:not(:disabled){box-shadow:inset 0 0 0 1px #fff,0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);outline:2px solid transparent}.components-button.is-pressed:hover:not(:disabled){color:#fff;background:#1e1e1e}.components-button svg{fill:currentColor;outline:none}.components-button .components-visually-hidden{height:auto}@keyframes components-button__busy-animation{0%{background-position:200px 0}}.components-checkbox-control__input[type=checkbox]{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;padding:6px 8px;box-shadow:0 0 0 transparent;transition:box-shadow .1s linear;font-size:16px;line-height:normal;border:1px solid #1e1e1e;transition:none;border-radius:2px;background:#fff;color:#1e1e1e;clear:none;cursor:pointer;display:inline-block;line-height:0;margin:0 0 0 4px;outline:0;padding:0!important;text-align:center;vertical-align:top;width:24px;height:24px;-webkit-appearance:none;appearance:none;transition:border-color .1s ease-in-out}@media (min-width:600px){.components-checkbox-control__input[type=checkbox]{font-size:13px;line-height:normal}}.components-checkbox-control__input[type=checkbox]:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 1px var(--wp-admin-theme-color)}.components-checkbox-control__input[type=checkbox]::-webkit-input-placeholder{color:rgba(30,30,30,.62)}.components-checkbox-control__input[type=checkbox]::-moz-placeholder{opacity:1;color:rgba(30,30,30,.62)}.components-checkbox-control__input[type=checkbox]:-ms-input-placeholder{color:rgba(30,30,30,.62)}.components-checkbox-control__input[type=checkbox]:checked:before,.components-checkbox-control__input[type=checkbox][aria-checked=mixed]:before{margin:-3px -5px;color:#fff}@media (min-width:782px){.components-checkbox-control__input[type=checkbox]:checked:before,.components-checkbox-control__input[type=checkbox][aria-checked=mixed]:before{margin:-4px -5px 0 0}}.components-checkbox-control__input[type=checkbox][aria-checked=mixed]{background:var(--wp-admin-theme-color);border-color:var(--wp-admin-theme-color)}.components-checkbox-control__input[type=checkbox][aria-checked=mixed]:before{content:"";float:right;display:inline-block;vertical-align:middle;width:16px;font:normal 30px/1 dashicons;speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (min-width:782px){.components-checkbox-control__input[type=checkbox][aria-checked=mixed]:before{float:none;font-size:21px}}@media (min-width:600px){.components-checkbox-control__input[type=checkbox]{height:20px;width:20px}}@media (prefers-reduced-motion:reduce){.components-checkbox-control__input[type=checkbox]{transition-duration:0s;transition-delay:0s}}.components-checkbox-control__input[type=checkbox]:focus{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--wp-admin-theme-color);outline:2px solid transparent}.components-checkbox-control__input[type=checkbox]:checked{background:var(--wp-admin-theme-color);border-color:var(--wp-admin-theme-color)}.components-checkbox-control__input[type=checkbox]:checked::-ms-check{opacity:0}.components-checkbox-control__input[type=checkbox]:checked:before{content:none}.components-checkbox-control__input-container{position:relative;display:inline-block;margin-left:12px;vertical-align:middle;width:24px;height:24px}@media (min-width:600px){.components-checkbox-control__input-container{width:20px;height:20px}}svg.components-checkbox-control__checked{fill:#fff;cursor:pointer;position:absolute;right:0;top:0;width:24px;height:24px;-webkit-user-select:none;user-select:none;pointer-events:none}@media (min-width:600px){svg.components-checkbox-control__checked{right:-2px;top:-2px}}.components-circular-option-picker{display:inline-block;width:100%;min-width:188px}.components-circular-option-picker .components-circular-option-picker__custom-clear-wrapper{display:flex;justify-content:flex-end}.components-circular-option-picker .components-circular-option-picker__swatches{margin-left:-12px}.components-circular-option-picker__option-wrapper{display:inline-block;height:28px;width:28px;margin-left:12px;margin-bottom:12px;vertical-align:top;transform:scale(1);transition:transform .1s ease}@media (prefers-reduced-motion:reduce){.components-circular-option-picker__option-wrapper{transition-duration:0s;transition-delay:0s}}.components-circular-option-picker__option-wrapper:hover{transform:scale(1.2)}.components-circular-option-picker__option-wrapper>div{height:100%;width:100%}.components-circular-option-picker__option-wrapper:before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:50%;z-index:-1;background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='28' height='28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 8V6H4v2h2zm2 0V6h2v2H8zm2 8H8v-2h2v2zm2 0v-2h2v2h-2zm0 2v-2h-2v2H8v2h2v-2h2zm2 0v2h-2v-2h2zm2 0h-2v-2h2v2z' fill='%23555D65'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18 18h2v-2h-2v-2h2v-2h-2v-2h2V8h-2v2h-2V8h-2v2h2v2h-2v2h2v2h2v2zm-2-4v-2h2v2h-2z' fill='%23555D65'/%3E%3Cpath d='M18 18v2h-2v-2h2z' fill='%23555D65'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 10V8H6v2H4v2h2v2H4v2h2v2H4v2h2v2H4v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h2V4h-2v2h-2V4h-2v2h-2V4h-2v2h-2V4h-2v2h2v2h-2v2H8zm0 2v-2H6v2h2zm2 0v-2h2v2h-2zm0 2v-2H8v2H6v2h2v2H6v2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h-2v2h-2V6h-2v2h-2v2h2v2h-2v2h-2z' fill='%23555D65'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 0H2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h2V4h-2V2h2V0h-2v2h-2V0h-2v2h-2V0h-2v2h-2V0h-2v2h-2V0h-2v2H8V0H6v2H4V0zm0 4V2H2v2h2zm2 0V2h2v2H6zm0 2V4H4v2H2v2h2v2H2v2h2v2H2v2h2v2H2v2h2v2H2v2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h2V4h-2V2h-2v2h-2V2h-2v2h-2V2h-2v2h-2V2h-2v2H8v2H6z' fill='%23555D65'/%3E%3C/svg%3E")}.components-circular-option-picker__option{display:inline-block;vertical-align:top;height:100%;width:100%;border:none;border-radius:50%;background:transparent;box-shadow:inset 0 0 0 14px;transition:box-shadow .1s ease;cursor:pointer}@media (prefers-reduced-motion:reduce){.components-circular-option-picker__option{transition-duration:0s;transition-delay:0s}}.components-circular-option-picker__option:hover{box-shadow:inset 0 0 0 14px!important}.components-circular-option-picker__option.is-pressed{box-shadow:inset 0 0 0 4px;position:relative;z-index:1;overflow:visible}.components-circular-option-picker__option.is-pressed+svg{position:absolute;right:2px;top:2px;border-radius:50%;z-index:2;pointer-events:none}.components-circular-option-picker__option:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.2);border:1px solid transparent}.components-circular-option-picker__option:focus:after{content:"";border:2px solid #757575;width:32px;height:32px;position:absolute;top:-2px;right:-2px;border-radius:50%;box-shadow:inset 0 0 0 2px #fff}.components-circular-option-picker__option.components-button:focus{background-color:transparent;box-shadow:inset 0 0 0 14px;outline:none}.components-circular-option-picker__button-action .components-circular-option-picker__option{color:#fff;background:#fff}.components-circular-option-picker__dropdown-link-action{margin-left:16px}.components-circular-option-picker__dropdown-link-action .components-button{line-height:22px}.components-color-edit__color-option-main-area{display:flex;align-items:center}.components-color-edit__color-option-main-area div.components-circular-option-picker__option-wrapper{display:block;margin:8px}.components-color-edit__color-option.is-hover{background:#e0e0e0}.components-color-edit__cancel-button{float:left}.components-color-edit__color-option-color-name{width:100%}.components-color-edit__label-and-insert-container{display:flex;align-items:center;justify-content:space-between}.components-color-edit__insert-button{margin-top:-8px}.components-color-edit__hidden-control{position:relative;right:-9999px}.components-color-edit__color-option-color-name-input .components-base-control__field{margin-bottom:0;margin-left:8px}.components-color-edit__slug-input{margin-right:8px}.components-color-edit__reset-button{float:left}.component-color-indicator{width:25px;height:16px;margin-right:.8rem;border:1px solid #dadada;display:inline-block}.component-color-indicator+.component-color-indicator{margin-right:.5rem}.components-color-picker{width:100%}.components-color-picker *{box-sizing:border-box}.components-color-picker__saturation{width:100%;padding-bottom:55%;position:relative}.components-color-picker__body{padding:16px 16px 12px}.components-color-picker__controls{display:flex}.components-color-picker__alpha-pointer,.components-color-picker__hue-pointer,.components-color-picker__saturation-pointer{padding:0;position:absolute;cursor:pointer;box-shadow:none;border:none}.components-color-picker__swatch{margin-left:8px;width:32px;height:32px;border-radius:50%;position:relative;overflow:hidden;background-image:linear-gradient(-45deg,#ddd 25%,transparent 0),linear-gradient(45deg,#ddd 25%,transparent 0),linear-gradient(-45deg,transparent 75%,#ddd 0),linear-gradient(45deg,transparent 75%,#ddd 0);background-size:10px 10px;background-position:100% 0,100% 5px,5px -5px,-5px 0}.is-alpha-disabled .components-color-picker__swatch{width:12px;height:12px;margin-top:0}.components-color-picker__active{border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1);z-index:2}.components-color-picker__active,.components-color-picker__saturation-black,.components-color-picker__saturation-color,.components-color-picker__saturation-white{position:absolute;top:0;right:0;left:0;bottom:0}.components-color-picker__saturation-color{overflow:visible}.components-color-picker__saturation-white{background:linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.components-color-picker__saturation-black{background:linear-gradient(0deg,#000,transparent)}.components-button.components-color-picker__saturation-pointer{width:14px;height:14px;padding:0;border-radius:50%;background-color:transparent;transform:translate(50%,-50%);box-shadow:0 0 0 1px #fff,inset 0 0 0 1px #000,0 0 0 2px #000}.components-button.components-color-picker__saturation-pointer:focus:not(:disabled){box-shadow:0 0 0 2px #fff,inset 0 0 0 1px #000,0 0 0 3px #000}.components-color-picker__toggles{flex:1}.components-color-picker__alpha{background-image:linear-gradient(-45deg,#ddd 25%,transparent 0),linear-gradient(45deg,#ddd 25%,transparent 0),linear-gradient(-45deg,transparent 75%,#ddd 0),linear-gradient(45deg,transparent 75%,#ddd 0);background-size:10px 10px;background-position:100% 0,100% 5px,5px -5px,-5px 0}.components-color-picker__alpha-gradient,.components-color-picker__hue-gradient{position:absolute;top:0;right:0;left:0;bottom:0}.components-color-picker__alpha,.components-color-picker__hue{height:12px;position:relative}.is-alpha-enabled .components-color-picker__hue{margin-bottom:8px}.components-color-picker__alpha-bar,.components-color-picker__hue-bar{position:relative;margin:0 3px;height:100%;padding:0 2px}.components-color-picker__hue-gradient{background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.components-color-picker__alpha-pointer,.components-color-picker__hue-pointer{left:0;width:14px;height:14px;border-radius:50%;box-shadow:0 1px 4px 0 rgba(0,0,0,.37);background:#fff;transform:translate(7px,-1px)}.components-color-picker__hue-pointer,.components-color-picker__saturation-pointer{transition:box-shadow .1s linear}@media (prefers-reduced-motion:reduce){.components-color-picker__hue-pointer,.components-color-picker__saturation-pointer{transition-duration:0s;transition-delay:0s}}.components-color-picker__saturation-pointer:focus{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--wp-admin-theme-color),0 0 5px 0 var(--wp-admin-theme-color),inset 0 0 1px 1px rgba(0,0,0,.3),0 0 1px 2px rgba(0,0,0,.4)}.components-color-picker__alpha-pointer:focus,.components-color-picker__hue-pointer:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 2px var(--wp-admin-theme-color),0 0 3px 0 var(--wp-admin-theme-color);outline:2px solid transparent;outline-offset:-2px}.components-color-picker__inputs-wrapper{margin:0 -4px;padding-top:16px;display:flex;align-items:flex-end;min-width:255px}.components-color-picker__inputs-wrapper fieldset{flex:1;border:none;margin:0;padding:0}.components-color-picker__inputs-wrapper .components-color-picker__inputs-fields .components-text-control__input[type=number]{padding:6px 3px;margin:0}.components-color-picker__inputs-field{width:100%}.components-color-picker__inputs-fields{display:flex;direction:ltr;flex-grow:1;margin-left:4px}.components-color-picker__inputs-fields .components-base-control+.components-base-control{margin-top:0}.components-color-picker__inputs-fields .components-base-control__field{margin:0 2px}.components-color-picker__inputs-toggle{height:30px;padding:0 5px}.components-combobox-control{width:100%}input.components-combobox-control__input[type=text]{width:100%;border:none;box-shadow:none;font-size:16px;padding:2px;margin:0;line-height:inherit;min-height:auto}@media (min-width:600px){input.components-combobox-control__input[type=text]{font-size:13px}}input.components-combobox-control__input[type=text]:focus{outline:none;box-shadow:none}.components-combobox-control__suggestions-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;box-shadow:0 0 0 transparent;transition:box-shadow .1s linear;border-radius:2px;border:1px solid #757575;font-size:16px;line-height:normal;display:flex;flex-wrap:wrap;align-items:flex-start;width:100%;margin:0 0 8px;padding:4px}@media (prefers-reduced-motion:reduce){.components-combobox-control__suggestions-container{transition-duration:0s;transition-delay:0s}}@media (min-width:600px){.components-combobox-control__suggestions-container{font-size:13px;line-height:normal}}.components-combobox-control__suggestions-container:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 1px var(--wp-admin-theme-color);outline:2px solid transparent}.components-combobox-control__suggestions-container::-webkit-input-placeholder{color:rgba(30,30,30,.62)}.components-combobox-control__suggestions-container::-moz-placeholder{opacity:1;color:rgba(30,30,30,.62)}.components-combobox-control__suggestions-container:-ms-input-placeholder{color:rgba(30,30,30,.62)}.components-combobox-control__suggestions-container:focus-within{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 1px var(--wp-admin-theme-color);outline:2px solid transparent}.components-combobox-control__reset.components-button{display:flex;height:24px;min-width:24px;padding:0}.components-color-list-picker,.components-color-list-picker__swatch-button{width:100%}.components-custom-gradient-picker__gradient-bar:not(.has-gradient){opacity:.4}.components-custom-gradient-picker__gradient-bar{margin-top:12px;width:100%;height:36px;border-radius:36px;margin-bottom:12px;padding-right:6px;padding-left:30px}.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__markers-container{position:relative}.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__insert-point{border-radius:50%;background:#fff;padding:2px;top:6px;min-width:24px;width:24px;height:24px;position:relative;color:#1e1e1e}.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__insert-point svg{height:100%;width:100%}.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button{border:2px solid transparent;box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) #fff;border-radius:50%;height:24px;width:24px;padding:0;position:absolute;top:6px}.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button.is-active,.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button:focus{box-shadow:0 0 0 1px #fff,0 0 0 3px #1e1e1e}.components-custom-gradient-picker__color-picker-popover .components-custom-gradient-picker__remove-control-point{margin-right:auto;margin-left:auto;display:block;margin-bottom:8px}.components-custom-gradient-picker__inserter{width:100%}.components-custom-gradient-picker__liner-gradient-indicator{display:inline-block;flex:0 auto;width:20px;height:20px}.components-custom-gradient-picker .components-custom-gradient-picker__ui-line{margin-bottom:16px}.components-custom-gradient-picker .components-custom-gradient-picker__ui-line .components-base-control.components-angle-picker,.components-custom-gradient-picker .components-custom-gradient-picker__ui-line .components-base-control.components-custom-gradient-picker__type-picker{margin-bottom:0}.components-custom-gradient-picker .components-custom-gradient-picker__toolbar{border:none}.components-custom-gradient-picker .components-custom-gradient-picker__toolbar>div+div{margin-right:1px}.components-custom-gradient-picker .components-custom-gradient-picker__toolbar button.is-pressed>svg{background:#fff;border:1px solid #949494;border-radius:2px}.components-custom-select-control{position:relative}.components-custom-select-control__label{display:block;margin-bottom:8px}.components-custom-select-control__button{border:1px solid #757575;border-radius:2px;min-height:30px;min-width:130px;position:relative;text-align:right}.components-custom-select-control__button.components-custom-select-control__button{padding-left:24px}.components-custom-select-control__button:focus:not(:disabled){border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 1px var(--wp-admin-theme-color)}.components-custom-select-control__button .components-custom-select-control__button-icon{height:100%;padding:0;position:absolute;left:0;top:0}.components-custom-select-control__menu{border:1px solid #1e1e1e;background-color:#fff;border-radius:2px;outline:none;transition:none;max-height:400px;min-width:100%;overflow:auto;padding:0;position:absolute;z-index:1000000}.components-custom-select-control__menu[aria-hidden=true]{display:none}.components-custom-select-control__item{align-items:center;display:flex;list-style-type:none;padding:8px;cursor:default;line-height:28px}.components-custom-select-control__item.is-highlighted{background:#ddd}.components-custom-select-control__item .components-custom-select-control__item-icon{margin-left:0;margin-right:auto}.components-custom-select-control__item:last-child{margin-bottom:0}.PresetDateRangePicker_panel{padding:0 22px 11px}.PresetDateRangePicker_button{position:relative;height:100%;text-align:center;background:0 0;border:2px solid #00a699;color:#00a699;padding:4px 12px;margin-right:8px;font:inherit;font-weight:700;line-height:normal;overflow:visible;box-sizing:border-box;cursor:pointer}.PresetDateRangePicker_button:active{outline:0}.PresetDateRangePicker_button__selected{color:#fff;background:#00a699}.SingleDatePickerInput{display:inline-block;background-color:#fff}.SingleDatePickerInput__withBorder{border-radius:2px;border:1px solid #dbdbdb}.SingleDatePickerInput__rtl{direction:rtl}.SingleDatePickerInput__disabled{background-color:#f2f2f2}.SingleDatePickerInput__block{display:block}.SingleDatePickerInput__showClearDate{padding-right:30px}.SingleDatePickerInput_clearDate{background:0 0;border:0;color:inherit;font:inherit;line-height:normal;overflow:visible;cursor:pointer;padding:10px;margin:0 10px 0 5px;position:absolute;right:0;top:50%;transform:translateY(-50%)}.SingleDatePickerInput_clearDate__default:focus,.SingleDatePickerInput_clearDate__default:hover{background:#dbdbdb;border-radius:50%}.SingleDatePickerInput_clearDate__small{padding:6px}.SingleDatePickerInput_clearDate__hide{visibility:hidden}.SingleDatePickerInput_clearDate_svg{fill:#82888a;height:12px;width:15px;vertical-align:middle}.SingleDatePickerInput_clearDate_svg__small{height:9px}.SingleDatePickerInput_calendarIcon{background:0 0;border:0;color:inherit;font:inherit;line-height:normal;overflow:visible;cursor:pointer;display:inline-block;vertical-align:middle;padding:10px;margin:0 5px 0 10px}.SingleDatePickerInput_calendarIcon_svg{fill:#82888a;height:15px;width:14px;vertical-align:middle}.SingleDatePicker{position:relative;display:inline-block}.SingleDatePicker__block{display:block}.SingleDatePicker_picker{z-index:1;background-color:#fff;position:absolute}.SingleDatePicker_picker__rtl{direction:rtl}.SingleDatePicker_picker__directionLeft{left:0}.SingleDatePicker_picker__directionRight{right:0}.SingleDatePicker_picker__portal{background-color:rgba(0,0,0,.3);position:fixed;top:0;left:0;height:100%;width:100%}.SingleDatePicker_picker__fullScreenPortal{background-color:#fff}.SingleDatePicker_closeButton{background:0 0;border:0;color:inherit;font:inherit;line-height:normal;overflow:visible;cursor:pointer;position:absolute;top:0;right:0;padding:15px;z-index:2}.SingleDatePicker_closeButton:focus,.SingleDatePicker_closeButton:hover{color:#b0b3b4;text-decoration:none}.SingleDatePicker_closeButton_svg{height:15px;width:15px;fill:#cacccd}.DayPickerKeyboardShortcuts_buttonReset{background:0 0;border:0;border-radius:0;color:inherit;font:inherit;line-height:normal;overflow:visible;padding:0;cursor:pointer;font-size:14px}.DayPickerKeyboardShortcuts_buttonReset:active{outline:0}.DayPickerKeyboardShortcuts_show{width:22px;position:absolute;z-index:2}.DayPickerKeyboardShortcuts_show__bottomRight{border-top:26px solid transparent;border-right:33px solid #00a699;bottom:0;right:0}.DayPickerKeyboardShortcuts_show__bottomRight:hover{border-right:33px solid #008489}.DayPickerKeyboardShortcuts_show__topRight{border-bottom:26px solid transparent;border-right:33px solid #00a699;top:0;right:0}.DayPickerKeyboardShortcuts_show__topRight:hover{border-right:33px solid #008489}.DayPickerKeyboardShortcuts_show__topLeft{border-bottom:26px solid transparent;border-left:33px solid #00a699;top:0;left:0}.DayPickerKeyboardShortcuts_show__topLeft:hover{border-left:33px solid #008489}.DayPickerKeyboardShortcuts_showSpan{color:#fff;position:absolute}.DayPickerKeyboardShortcuts_showSpan__bottomRight{bottom:0;right:-28px}.DayPickerKeyboardShortcuts_showSpan__topRight{top:1px;right:-28px}.DayPickerKeyboardShortcuts_showSpan__topLeft{top:1px;left:-28px}.DayPickerKeyboardShortcuts_panel{overflow:auto;background:#fff;border:1px solid #dbdbdb;border-radius:2px;position:absolute;top:0;bottom:0;right:0;left:0;z-index:2;padding:22px;margin:33px}.DayPickerKeyboardShortcuts_title{font-size:16px;font-weight:700;margin:0}.DayPickerKeyboardShortcuts_list{list-style:none;padding:0;font-size:14px}.DayPickerKeyboardShortcuts_close{position:absolute;right:22px;top:22px;z-index:2}.DayPickerKeyboardShortcuts_close:active{outline:0}.DayPickerKeyboardShortcuts_closeSvg{height:15px;width:15px;fill:#cacccd}.DayPickerKeyboardShortcuts_closeSvg:focus,.DayPickerKeyboardShortcuts_closeSvg:hover{fill:#82888a}.CalendarDay{box-sizing:border-box;cursor:pointer;font-size:14px;text-align:center}.CalendarDay:active{outline:0}.CalendarDay__defaultCursor{cursor:default}.CalendarDay__default{border:1px solid #e4e7e7;color:#484848;background:#fff}.CalendarDay__default:hover{background:#e4e7e7;border:1px double #e4e7e7;color:inherit}.CalendarDay__hovered_offset{background:#f4f5f5;border:1px double #e4e7e7;color:inherit}.CalendarDay__outside{border:0;background:#fff;color:#484848}.CalendarDay__outside:hover{border:0}.CalendarDay__blocked_minimum_nights{background:#fff;border:1px solid #eceeee;color:#cacccd}.CalendarDay__blocked_minimum_nights:active,.CalendarDay__blocked_minimum_nights:hover{background:#fff;color:#cacccd}.CalendarDay__highlighted_calendar{background:#ffe8bc;color:#484848}.CalendarDay__highlighted_calendar:active,.CalendarDay__highlighted_calendar:hover{background:#ffce71;color:#484848}.CalendarDay__selected_span{background:#66e2da;border:1px solid #33dacd;color:#fff}.CalendarDay__selected_span:active,.CalendarDay__selected_span:hover{background:#33dacd;border:1px solid #33dacd;color:#fff}.CalendarDay__last_in_range{border-right:#00a699}.CalendarDay__selected,.CalendarDay__selected:active,.CalendarDay__selected:hover{background:#00a699;border:1px solid #00a699;color:#fff}.CalendarDay__hovered_span,.CalendarDay__hovered_span:hover{background:#b2f1ec;border:1px solid #80e8e0;color:#007a87}.CalendarDay__hovered_span:active{background:#80e8e0;border:1px solid #80e8e0;color:#007a87}.CalendarDay__blocked_calendar,.CalendarDay__blocked_calendar:active,.CalendarDay__blocked_calendar:hover{background:#cacccd;border:1px solid #cacccd;color:#82888a}.CalendarDay__blocked_out_of_range,.CalendarDay__blocked_out_of_range:active,.CalendarDay__blocked_out_of_range:hover{background:#fff;border:1px solid #e4e7e7;color:#cacccd}.CalendarMonth{background:#fff;text-align:center;vertical-align:top;-webkit-user-select:none;user-select:none}.CalendarMonth_table{border-collapse:collapse;border-spacing:0}.CalendarMonth_verticalSpacing{border-collapse:separate}.CalendarMonth_caption{color:#484848;font-size:18px;text-align:center;padding-top:22px;padding-bottom:37px;caption-side:top}.CalendarMonth_caption__verticalScrollable{padding-top:12px;padding-bottom:7px}.CalendarMonthGrid{background:#fff;text-align:left;z-index:0}.CalendarMonthGrid__animating{z-index:1}.CalendarMonthGrid__horizontal{position:absolute;left:0}.CalendarMonthGrid__vertical{margin:0 auto}.CalendarMonthGrid__vertical_scrollable{margin:0 auto;overflow-y:scroll}.CalendarMonthGrid_month__horizontal{display:inline-block;vertical-align:top;min-height:100%}.CalendarMonthGrid_month__hideForAnimation{position:absolute;z-index:-1;opacity:0;pointer-events:none}.CalendarMonthGrid_month__hidden{visibility:hidden}.DayPickerNavigation{position:relative;z-index:2}.DayPickerNavigation__horizontal{height:0}.DayPickerNavigation__verticalDefault{position:absolute;width:100%;height:52px;bottom:0;left:0}.DayPickerNavigation__verticalScrollableDefault{position:relative}.DayPickerNavigation_button{cursor:pointer;-webkit-user-select:none;user-select:none;border:0;padding:0;margin:0}.DayPickerNavigation_button__default{border:1px solid #e4e7e7;background-color:#fff;color:#757575}.DayPickerNavigation_button__default:focus,.DayPickerNavigation_button__default:hover{border:1px solid #c4c4c4}.DayPickerNavigation_button__default:active{background:#f2f2f2}.DayPickerNavigation_button__horizontalDefault{position:absolute;top:18px;line-height:.78;border-radius:3px;padding:6px 9px}.DayPickerNavigation_leftButton__horizontalDefault{left:22px}.DayPickerNavigation_rightButton__horizontalDefault{right:22px}.DayPickerNavigation_button__verticalDefault{padding:5px;background:#fff;box-shadow:0 0 5px 2px rgba(0,0,0,.1);position:relative;display:inline-block;height:100%;width:50%}.DayPickerNavigation_nextButton__verticalDefault{border-left:0}.DayPickerNavigation_nextButton__verticalScrollableDefault{width:100%}.DayPickerNavigation_svg__horizontal{height:19px;width:19px;fill:#82888a;display:block}.DayPickerNavigation_svg__vertical{height:42px;width:42px;fill:#484848;display:block}.DayPicker{position:relative;text-align:left}.DayPicker,.DayPicker__horizontal{background:#fff}.DayPicker__verticalScrollable{height:100%}.DayPicker__hidden{visibility:hidden}.DayPicker__withBorder{box-shadow:0 2px 6px rgba(0,0,0,.05),0 0 0 1px rgba(0,0,0,.07);border-radius:3px}.DayPicker_portal__horizontal{box-shadow:none;position:absolute;left:50%;top:50%}.DayPicker_portal__vertical{position:static}.DayPicker_focusRegion{outline:0}.DayPicker_calendarInfo__horizontal,.DayPicker_wrapper__horizontal{display:inline-block;vertical-align:top}.DayPicker_weekHeaders{position:relative}.DayPicker_weekHeaders__horizontal{margin-left:13px}.DayPicker_weekHeader{color:#757575;position:absolute;top:62px;z-index:2;text-align:left;padding:0!important}.DayPicker_weekHeader__vertical{left:50%}.DayPicker_weekHeader__verticalScrollable{top:0;display:table-row;border-bottom:1px solid #dbdbdb;background:#fff;margin-left:0;left:0;width:100%;text-align:center}.DayPicker_weekHeader_ul{list-style:none;margin:1px 0;padding-left:0;padding-right:0;font-size:14px}.DayPicker_weekHeader_li{display:inline-block;text-align:center;margin:0 1px}.DayPicker_transitionContainer{position:relative;overflow:hidden;border-radius:3px}.DayPicker_transitionContainer__horizontal{transition:height .2s ease-in-out}.DayPicker_transitionContainer__vertical{width:100%}.DayPicker_transitionContainer__verticalScrollable{padding-top:20px;height:100%;position:absolute;top:0;bottom:0;right:0;left:0;overflow-y:scroll}.DateInput{margin:0;padding:0;background:#fff;position:relative;display:inline-block;width:130px;vertical-align:middle}.DateInput__small{width:97px}.DateInput__block{width:100%}.DateInput__disabled{background:#f2f2f2;color:#dbdbdb}.DateInput_input{font-weight:200;font-size:19px;line-height:24px;color:#484848;background-color:#fff;width:100%;padding:11px 11px 9px;border:0;border-bottom:2px solid transparent;border-radius:0}.DateInput_input__small{font-size:15px;line-height:18px;letter-spacing:.2px;padding:7px 7px 5px}.DateInput_input__regular{font-weight:auto}.DateInput_input__readOnly{-webkit-user-select:none;user-select:none}.DateInput_input__focused{outline:0;background:#fff;border:0;border-bottom:2px solid #008489}.DateInput_input__disabled{background:#f2f2f2;font-style:italic}.DateInput_screenReaderMessage{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.DateInput_fang{position:absolute;width:20px;height:10px;left:22px;z-index:2}.DateInput_fangShape{fill:#fff}.DateInput_fangStroke{stroke:#dbdbdb;fill:transparent}.DateRangePickerInput{background-color:#fff;display:inline-block}.DateRangePickerInput__disabled{background:#f2f2f2}.DateRangePickerInput__withBorder{border-radius:2px;border:1px solid #dbdbdb}.DateRangePickerInput__rtl{direction:rtl}.DateRangePickerInput__block{display:block}.DateRangePickerInput__showClearDates{padding-right:30px}.DateRangePickerInput_arrow{display:inline-block;vertical-align:middle;color:#484848}.DateRangePickerInput_arrow_svg{vertical-align:middle;fill:#484848;height:24px;width:24px}.DateRangePickerInput_clearDates{background:0 0;border:0;color:inherit;font:inherit;line-height:normal;overflow:visible;cursor:pointer;padding:10px;margin:0 10px 0 5px;position:absolute;right:0;top:50%;transform:translateY(-50%)}.DateRangePickerInput_clearDates__small{padding:6px}.DateRangePickerInput_clearDates_default:focus,.DateRangePickerInput_clearDates_default:hover{background:#dbdbdb;border-radius:50%}.DateRangePickerInput_clearDates__hide{visibility:hidden}.DateRangePickerInput_clearDates_svg{fill:#82888a;height:12px;width:15px;vertical-align:middle}.DateRangePickerInput_clearDates_svg__small{height:9px}.DateRangePickerInput_calendarIcon{background:0 0;border:0;color:inherit;font:inherit;line-height:normal;overflow:visible;cursor:pointer;display:inline-block;vertical-align:middle;padding:10px;margin:0 5px 0 10px}.DateRangePickerInput_calendarIcon_svg{fill:#82888a;height:15px;width:14px;vertical-align:middle}.DateRangePicker{position:relative;display:inline-block}.DateRangePicker__block{display:block}.DateRangePicker_picker{z-index:1;background-color:#fff;position:absolute}.DateRangePicker_picker__rtl{direction:rtl}.DateRangePicker_picker__directionLeft{left:0}.DateRangePicker_picker__directionRight{right:0}.DateRangePicker_picker__portal{background-color:rgba(0,0,0,.3);position:fixed;top:0;left:0;height:100%;width:100%}.DateRangePicker_picker__fullScreenPortal{background-color:#fff}.DateRangePicker_closeButton{background:0 0;border:0;color:inherit;font:inherit;line-height:normal;overflow:visible;cursor:pointer;position:absolute;top:0;right:0;padding:15px;z-index:2}.DateRangePicker_closeButton:focus,.DateRangePicker_closeButton:hover{color:#b0b3b4;text-decoration:none}.DateRangePicker_closeButton_svg{height:15px;width:15px;fill:#cacccd}.components-datetime{padding:16px}.components-panel__body .components-datetime{padding:0}.components-datetime .components-datetime__calendar-help{padding:16px}.components-datetime .components-datetime__calendar-help h4{margin:0}.components-datetime .components-datetime__buttons{display:flex;justify-content:space-between}.components-datetime .components-datetime__date-help-toggle{display:block;margin-right:auto}.components-datetime fieldset{border:0;padding:0;margin:0}.components-datetime input,.components-datetime select{box-shadow:0 0 0 transparent;transition:box-shadow .1s linear;border-radius:2px;border:1px solid #757575}@media (prefers-reduced-motion:reduce){.components-datetime input,.components-datetime select{transition-duration:0s;transition-delay:0s}}.components-datetime .components-button,.components-datetime input[type=number],.components-datetime select{height:30px;margin-top:0;margin-bottom:0}.components-datetime__date{min-height:236px;border-top:1px solid #ddd}.components-datetime__date .DayPickerNavigation_leftButton__horizontalDefault{left:13px}.components-datetime__date .CalendarMonth_caption{font-size:13px}.components-datetime__date .CalendarMonth_table{border-collapse:separate;border-spacing:2px}.components-datetime__date .CalendarDay{font-size:13px;border:none;border-radius:50%;text-align:center}.components-datetime__date .CalendarDay:focus{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color),inset 0 0 0 3px #fff;outline:2px solid transparent}.components-datetime__date .CalendarDay__selected{background:var(--wp-admin-theme-color);border:2px solid transparent}.components-datetime__date .CalendarDay__selected:hover{background:var(--wp-admin-theme-color-darker-20)}.components-datetime__date .CalendarDay__selected:focus{box-shadow:inset 0 0 0 1px #fff}.components-datetime__date .DayPickerNavigation_button__horizontalDefault{padding:2px 8px;top:20px}.components-datetime__date .DayPickerNavigation_button__horizontalDefault:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 1px var(--wp-admin-theme-color);outline:2px solid transparent}.components-datetime__date .DayPicker_weekHeader{top:50px}.components-datetime__date .DayPicker_weekHeader .DayPicker_weekHeader_ul{margin:1px;padding-right:0;padding-left:0}.components-datetime__date.is-description-visible .DayPicker{visibility:hidden}.components-datetime__date .CalendarDay .components-datetime__date__day{height:100%;display:flex;justify-content:center;align-content:center;flex-direction:column;position:relative}.components-datetime__date .CalendarDay .components-datetime__date__day.has-events:before{content:" ";width:4px;height:4px;border-radius:2px;position:absolute;right:50%;margin-right:-2px;bottom:0;background-color:#fff}.components-datetime__date .CalendarDay:not(.CalendarDay__selected) .components-datetime__date__day.has-events:before{background:var(--wp-admin-theme-color)}.components-datetime__time{padding-bottom:16px}.components-datetime__time fieldset{position:relative;margin-bottom:.5em}.components-datetime__time fieldset+fieldset{margin-bottom:0}.components-datetime__time .components-datetime__time-field-am-pm fieldset{margin-top:0}.components-datetime__time .components-datetime__time-wrapper{display:flex}.components-datetime__time .components-datetime__time-wrapper .components-datetime__time-separator{display:inline-block;padding:0 0 0 3px}.components-datetime__time .components-datetime__time-wrapper .components-datetime__time-field-time{direction:ltr}.components-datetime__time .components-datetime__time-wrapper .components-datetime__time-field select{margin-left:4px}.components-datetime__time .components-datetime__time-wrapper .components-datetime__time-field select:focus{position:relative;z-index:1}.components-datetime__time .components-datetime__time-wrapper .components-datetime__time-field input[type=number]{padding:2px;margin-left:4px;text-align:center;-moz-appearance:textfield}.components-datetime__time .components-datetime__time-wrapper .components-datetime__time-field input[type=number]:focus{position:relative;z-index:1}.components-datetime__time .components-datetime__time-wrapper .components-datetime__time-field input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.components-datetime__time.is-12-hour .components-datetime__time-field-day input{margin:-4px 0 0!important;border-radius:0 2px 2px 0!important}.components-datetime__time.is-12-hour .components-datetime__time-field-year input{border-radius:2px 0 0 2px!important}.components-datetime__timezone{line-height:30px;margin-right:4px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.components-datetime__time-legend{font-weight:600;margin-top:.5em}.components-datetime__time-legend.invisible{position:absolute;top:-999em;right:-999em}.components-datetime__time-field-day-input,.components-datetime__time-field-hours-input,.components-datetime__time-field-minutes-input{width:35px}.components-datetime__time-field-year-input{width:55px}.components-datetime__time-field-month-select{max-width:145px}.components-popover .components-datetime__date{padding-right:4px}.block-editor-dimension-control .components-base-control__field{display:flex;align-items:center}.block-editor-dimension-control .components-base-control__label{display:flex;align-items:center;margin-left:1em;margin-bottom:0}.block-editor-dimension-control .components-base-control__label .dashicon{margin-left:.5em}.block-editor-dimension-control.is-manual .components-base-control__label{width:10em}body.is-dragging-components-draggable{cursor:move;cursor:grabbing!important}.components-draggable__invisible-drag-image{position:fixed;right:-1000px;height:50px;width:50px}.components-draggable__clone{position:fixed;padding:0;background:transparent;pointer-events:none;z-index:1000000000}.components-drop-zone{position:absolute;top:0;left:0;bottom:0;right:0;z-index:40;visibility:hidden;opacity:0;transition:opacity .3s,background-color .3s,visibility 0s .3s;border:2px solid var(--wp-admin-theme-color);border-radius:2px}@media (prefers-reduced-motion:reduce){.components-drop-zone{transition-duration:0s;transition-delay:0s}}.components-drop-zone.is-active{opacity:1;visibility:visible;transition:opacity .3s,background-color .3s}@media (prefers-reduced-motion:reduce){.components-drop-zone.is-active{transition-duration:0s;transition-delay:0s}}.components-drop-zone.is-dragging-over-element{background-color:var(--wp-admin-theme-color)}.components-drop-zone__content{position:absolute;top:50%;right:0;left:0;z-index:50;transform:translateY(-50%);width:100%;text-align:center;color:#fff;transition:transform .2s ease-in-out}@media (prefers-reduced-motion:reduce){.components-drop-zone__content{transition-duration:0s;transition-delay:0s}}.components-drop-zone.is-dragging-over-element .components-drop-zone__content{transform:translateY(-50%) scale(1.05)}.components-drop-zone__content-icon,.components-drop-zone__content-text{display:block}.components-drop-zone__content-icon{margin:0 auto;line-height:0;fill:currentColor}.components-drop-zone__content-text{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.components-dropdown{display:inline-block}.components-dropdown__content .components-popover__content>div{padding:12px}.components-dropdown-menu__popover .components-popover__content{min-width:200px}.components-dropdown-menu__menu{width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;line-height:1.4}.components-dropdown-menu__menu .components-dropdown-menu__menu-item,.components-dropdown-menu__menu .components-menu-item{width:100%;padding:6px;outline:none;cursor:pointer;white-space:nowrap}.components-dropdown-menu__menu .components-dropdown-menu__menu-item.has-separator,.components-dropdown-menu__menu .components-menu-item.has-separator{margin-top:6px;position:relative;overflow:visible}.components-dropdown-menu__menu .components-dropdown-menu__menu-item.has-separator:before,.components-dropdown-menu__menu .components-menu-item.has-separator:before{display:block;content:"";box-sizing:content-box;background-color:#ddd;position:absolute;top:-3px;right:0;left:0;height:1px}.components-dropdown-menu__menu .components-dropdown-menu__menu-item.is-active svg,.components-dropdown-menu__menu .components-menu-item.is-active svg{color:#fff;background:#1e1e1e;box-shadow:0 0 0 1px #1e1e1e;border-radius:1px}.components-dropdown-menu__menu .components-dropdown-menu__menu-item>svg,.components-dropdown-menu__menu .components-menu-item>svg{border-radius:2px;width:24px;height:24px}.components-dropdown-menu__menu .components-menu-item__button,.components-dropdown-menu__menu .components-menu-item__button.components-button{min-height:36px;height:auto;text-align:right;padding-right:8px;padding-left:8px}.components-dropdown-menu__menu .components-menu-group{padding:12px;margin:0 -12px}.components-dropdown-menu__menu .components-menu-group:first-child{margin-top:-12px}.components-dropdown-menu__menu .components-menu-group:last-child{margin-bottom:-12px}.components-dropdown-menu__menu .components-menu-group+.components-menu-group{margin-top:0;border-top:1px solid #ccc;padding:12px}.is-alternate .components-dropdown-menu__menu .components-menu-group+.components-menu-group{border-color:#1e1e1e}.components-font-size-picker__controls{max-width:248px;display:flex;flex-wrap:wrap;align-items:center;margin-bottom:24px}.components-font-size-picker__controls .components-unit-control-wrapper{margin-left:8px}.components-font-size-picker__controls .components-unit-control-wrapper .components-input-control__label{font-weight:300;padding-bottom:0!important;margin-bottom:8px!important}.components-font-size-picker__controls .components-custom-select-control__button{min-width:120px}.components-font-size-picker__controls .components-font-size-picker__number{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;padding:6px 8px;box-shadow:0 0 0 transparent;transition:box-shadow .1s linear;border-radius:2px;border:1px solid #757575;font-size:16px;line-height:normal;display:inline-block;font-weight:500;height:30px;margin:8px 0 0 8px;width:54px}@media (prefers-reduced-motion:reduce){.components-font-size-picker__controls .components-font-size-picker__number{transition-duration:0s;transition-delay:0s}}@media (min-width:600px){.components-font-size-picker__controls .components-font-size-picker__number{font-size:13px;line-height:normal}}.components-font-size-picker__controls .components-font-size-picker__number:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 1px var(--wp-admin-theme-color);outline:2px solid transparent}.components-font-size-picker__controls .components-font-size-picker__number::-webkit-input-placeholder{color:rgba(30,30,30,.62)}.components-font-size-picker__controls .components-font-size-picker__number::-moz-placeholder{opacity:1;color:rgba(30,30,30,.62)}.components-font-size-picker__controls .components-font-size-picker__number:-ms-input-placeholder{color:rgba(30,30,30,.62)}.components-font-size-picker__controls .components-font-size-picker__number[value=""]+.components-button{cursor:default;opacity:.3;pointer-events:none}.components-font-size-picker__controls .components-font-size-picker__number-container{display:flex;flex-direction:column}.components-font-size-picker__controls .components-font-size-picker__select{margin-left:8px}.components-font-size-picker__controls .components-color-palette__clear{height:30px;margin-top:26px}.components-font-size-picker__custom-input .components-range-control__slider+.dashicon{width:30px;height:30px}.components-font-size-picker{border:0;padding:0;margin:0}.components-form-toggle{position:relative;display:inline-block}.components-form-toggle .components-form-toggle__track{content:"";display:inline-block;box-sizing:border-box;vertical-align:top;background-color:#fff;border:1px solid #1e1e1e;width:36px;height:18px;border-radius:9px;transition:background .2s ease}@media (prefers-reduced-motion:reduce){.components-form-toggle .components-form-toggle__track{transition-duration:0s;transition-delay:0s}}.components-form-toggle .components-form-toggle__thumb{display:block;position:absolute;box-sizing:border-box;top:3px;right:3px;width:12px;height:12px;border-radius:50%;transition:transform .1s ease;background-color:#1e1e1e;border:5px solid #1e1e1e}@media (prefers-reduced-motion:reduce){.components-form-toggle .components-form-toggle__thumb{transition-duration:0s;transition-delay:0s}}.components-form-toggle.is-checked .components-form-toggle__track{background-color:var(--wp-admin-theme-color);border:9px solid transparent}.components-form-toggle .components-form-toggle__input:focus+.components-form-toggle__track{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--wp-admin-theme-color);outline:2px solid transparent;outline-offset:2px}.components-form-toggle.is-checked .components-form-toggle__thumb{background-color:#fff;border-width:0;transform:translateX(-18px)}.components-disabled .components-form-toggle,.components-form-toggle.is-disabled{opacity:.3}.components-form-toggle input.components-form-toggle__input[type=checkbox]{position:absolute;top:0;right:0;width:100%;height:100%;opacity:0;margin:0;padding:0;z-index:1;border:none}.components-form-toggle input.components-form-toggle__input[type=checkbox]:checked{background:none}.components-form-toggle input.components-form-toggle__input[type=checkbox]:before{content:""}.components-form-token-field__input-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;box-shadow:0 0 0 transparent;transition:box-shadow .1s linear;border-radius:2px;border:1px solid #757575;font-size:16px;line-height:normal;display:flex;flex-wrap:wrap;align-items:center;width:100%;margin:0 0 8px;padding:2px 4px;cursor:text}@media (prefers-reduced-motion:reduce){.components-form-token-field__input-container{transition-duration:0s;transition-delay:0s}}@media (min-width:600px){.components-form-token-field__input-container{font-size:13px;line-height:normal}}.components-form-token-field__input-container:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 1px var(--wp-admin-theme-color);outline:2px solid transparent}.components-form-token-field__input-container::-webkit-input-placeholder{color:rgba(30,30,30,.62)}.components-form-token-field__input-container::-moz-placeholder{opacity:1;color:rgba(30,30,30,.62)}.components-form-token-field__input-container:-ms-input-placeholder{color:rgba(30,30,30,.62)}.components-form-token-field__input-container.is-disabled{background:#ddd;border-color:#ddd}.components-form-token-field__input-container.is-active{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 1px var(--wp-admin-theme-color);outline:2px solid transparent}.components-form-token-field__input-container input[type=text].components-form-token-field__input{display:inline-block;flex:1;font-size:16px;width:100%;max-width:100%;margin-right:4px;padding:0;min-height:24px;min-width:50px;background:inherit;border:0;color:#1e1e1e;box-shadow:none}@media (min-width:600px){.components-form-token-field__input-container input[type=text].components-form-token-field__input{font-size:13px}}.components-form-token-field.is-active .components-form-token-field__input-container input[type=text].components-form-token-field__input,.components-form-token-field__input-container input[type=text].components-form-token-field__input:focus{outline:none;box-shadow:none}.components-form-token-field__input-container .components-form-token-field__token+input[type=text].components-form-token-field__input{width:auto}.components-form-token-field__label{display:inline-block;margin-bottom:4px}.components-form-token-field__help{font-size:12px;font-style:normal;color:#757575}.components-form-token-field__token{font-size:13px;display:flex;margin:2px 0 2px 4px;color:#1e1e1e;max-width:100%}.components-form-token-field__token.is-success .components-form-token-field__remove-token,.components-form-token-field__token.is-success .components-form-token-field__token-text{background:#4ab866}.components-form-token-field__token.is-error .components-form-token-field__remove-token,.components-form-token-field__token.is-error .components-form-token-field__token-text{background:#cc1818}.components-form-token-field__token.is-validating .components-form-token-field__remove-token,.components-form-token-field__token.is-validating .components-form-token-field__token-text{color:#757575}.components-form-token-field__token.is-borderless{position:relative;padding:0 0 0 16px}.components-form-token-field__token.is-borderless .components-form-token-field__token-text{background:transparent;color:var(--wp-admin-theme-color)}.components-form-token-field__token.is-borderless .components-form-token-field__remove-token{background:transparent;color:#757575;position:absolute;top:1px;left:0}.components-form-token-field__token.is-borderless.is-success .components-form-token-field__token-text{color:#4ab866}.components-form-token-field__token.is-borderless.is-error .components-form-token-field__token-text{color:#cc1818;border-radius:0 4px 4px 0;padding:0 6px 0 4px}.components-form-token-field__token.is-borderless.is-validating .components-form-token-field__token-text{color:#1e1e1e}.components-form-token-field__token.is-disabled .components-form-token-field__remove-token{cursor:default}.components-form-token-field__remove-token.components-button,.components-form-token-field__token-text{display:inline-block;line-height:24px;height:auto;background:#ddd;min-width:unset;transition:all .2s cubic-bezier(.4,1,.4,1)}@media (prefers-reduced-motion:reduce){.components-form-token-field__remove-token.components-button,.components-form-token-field__token-text{transition-duration:0s;transition-delay:0s;animation-duration:1ms;animation-delay:0s}}.components-form-token-field__token-text{border-radius:0 2px 2px 0;padding:0 8px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.components-form-token-field__remove-token.components-button{cursor:pointer;border-radius:2px 0 0 2px;padding:0 2px;color:#1e1e1e;line-height:10px;overflow:initial}.components-form-token-field__remove-token.components-button:hover{color:#1e1e1e}.components-form-token-field__suggestions-list{flex:1 0 100%;min-width:100%;max-height:9em;overflow-y:auto;transition:all .15s ease-in-out;list-style:none;border-top:1px solid #757575;margin:4px -4px -4px;padding:0}@media (prefers-reduced-motion:reduce){.components-form-token-field__suggestions-list{transition-duration:0s;transition-delay:0s}}.components-form-token-field__suggestion{color:#757575;display:block;font-size:13px;padding:4px 8px;margin:0;cursor:pointer}.components-form-token-field__suggestion.is-selected{background:var(--wp-admin-theme-color);color:#fff}.components-form-token-field__suggestion-match{text-decoration:underline}@media (min-width:600px){.components-guide{width:600px}}.components-guide .components-modal__header{background:none;border-bottom:none;width:100%;padding:0;margin:0}.components-guide .components-modal__header .components-button{align-self:flex-start;margin:8px 0 0 8px;position:static}.components-guide .components-modal__header .components-button:hover svg{fill:#fff}.components-guide__container{display:flex;flex-direction:column;justify-content:space-between;margin-top:-60px;min-height:100%}.components-guide__page{display:flex;flex-direction:column;justify-content:center;position:relative}@media (min-width:600px){.components-guide__page{min-height:300px}}.components-guide__footer{align-content:center;display:flex;height:30px;justify-content:center;margin:0 0 24px;padding:0 32px;position:relative;width:100%}@media (max-width:600px){.components-guide__footer{position:absolute;bottom:0}}.components-guide__page-control{margin:0;text-align:center}.components-guide__page-control li{display:inline-block;margin:0}.components-guide__page-control .components-button{height:30px;min-width:20px;margin:-6px 0}.components-guide .components-modal__content{padding:0}.components-modal__frame.components-guide{border:none;min-width:312px;height:80vh;max-height:575px}@media (max-width:600px){.components-modal__frame.components-guide{bottom:5%;right:16px;left:16px;top:5%;margin:0 auto}}.components-button.components-guide__back-button,.components-button.components-guide__finish-button,.components-button.components-guide__forward-button{height:30px;position:absolute}.components-button.components-guide__back-button,.components-button.components-guide__forward-button{font-size:13px;padding:4px 2px}.components-button.components-guide__back-button.has-text svg,.components-button.components-guide__forward-button.has-text svg{margin:0}.components-button.components-guide__back-button:hover,.components-button.components-guide__forward-button:hover{text-decoration:underline}.components-button.components-guide__back-button{right:32px}.components-button.components-guide__forward-button{left:32px;color:#1386bf;font-weight:700}.components-button.components-guide__finish-button{left:32px}.components-button.components-guide__inline-finish-button{display:none}[role=region]{position:relative}.is-focusing-regions [role=region]:focus:after{content:"";position:absolute;top:0;bottom:0;right:0;left:0;pointer-events:none;outline:4px solid transparent;box-shadow:inset 0 0 0 4px var(--wp-admin-theme-color)}@supports (outline-offset:1px){.is-focusing-regions [role=region]:focus:after{content:none}.is-focusing-regions [role=region]:focus{outline-style:solid;outline-color:var(--wp-admin-theme-color);outline-width:4px;outline-offset:-4px}}.components-menu-group+.components-menu-group{margin-top:8px;padding-top:8px;border-top:1px solid #1e1e1e}.components-menu-group+.components-menu-group.has-hidden-separator{border-top:none;margin-top:0;padding-top:0}.components-menu-group__label{padding:0 8px;margin-top:4px;margin-bottom:12px;color:#757575;text-transform:uppercase;font-size:11px;font-weight:500}.components-menu-item__button,.components-menu-item__button.components-button{width:100%}.components-menu-item__button.components-button .components-menu-items__item-icon,.components-menu-item__button .components-menu-items__item-icon{margin-left:-2px;margin-right:24px;display:inline-block;flex:0 0 auto}.components-menu-item__button.components-button .components-menu-item__shortcut+.components-menu-items__item-icon,.components-menu-item__button .components-menu-item__shortcut+.components-menu-items__item-icon{margin-right:8px}.components-menu-item__button .block-editor-block-icon,.components-menu-item__button.components-button .block-editor-block-icon{margin-right:-2px;margin-left:8px}.components-menu-item__button.components-button.is-primary,.components-menu-item__button.is-primary{justify-content:center}.components-menu-item__button.components-button.is-primary .components-menu-item__item,.components-menu-item__button.is-primary .components-menu-item__item{margin-left:0}.components-menu-item__info-wrapper{display:flex;flex-direction:column;margin-left:auto}.components-menu-item__info{margin-top:4px;font-size:12px;color:#757575;white-space:normal}.components-menu-item__item{white-space:nowrap;margin-left:auto;display:inline-flex;align-items:center}.components-menu-item__shortcut{align-self:center;margin-left:0;margin-right:auto;padding-right:24px;color:currentColor;display:none}@media (min-width:480px){.components-menu-item__shortcut{display:inline}}.components-menu-items-choice.components-button svg,.components-menu-items-choice svg{margin-left:12px}.components-menu-items-choice.components-button.has-icon,.components-menu-items-choice.has-icon{padding-right:12px}.components-modal__screen-overlay{position:fixed;top:0;left:0;bottom:0;right:0;background-color:rgba(0,0,0,.35);z-index:100000;animation:edit-post__fade-in-animation .2s ease-out 0s;animation-fill-mode:forwards}@media (prefers-reduced-motion:reduce){.components-modal__screen-overlay{animation-duration:1ms;animation-delay:0s}}.components-modal__frame{position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;margin:0;background:#fff;box-shadow:0 10px 10px rgba(0,0,0,.25);border-radius:2px;overflow:auto}@media (min-width:600px){.components-modal__frame{top:50%;left:auto;bottom:auto;right:50%;min-width:360px;max-width:calc(100% - 32px);max-height:90%;transform:translate(50%,-50%);animation:components-modal__appear-animation .1s ease-out;animation-fill-mode:forwards}}@media (min-width:600px) and (prefers-reduced-motion:reduce){.components-modal__frame{animation-duration:1ms;animation-delay:0s}}@keyframes components-modal__appear-animation{0%{margin-top:32px}to{margin-top:0}}.components-modal__header{box-sizing:border-box;border-bottom:1px solid #ddd;padding:0 32px;display:flex;flex-direction:row;justify-content:space-between;background:#fff;align-items:center;height:60px;z-index:10;position:relative;position:sticky;top:0;margin:0 -32px 24px}@supports (-ms-ime-align:auto){.components-modal__header{position:fixed;width:100%}}.components-modal__header .components-modal__header-heading{font-size:1rem;font-weight:600}.components-modal__header h1{line-height:1;margin:0}.components-modal__header .components-button{position:relative;right:8px}.components-modal__header-heading-container{align-items:center;flex-grow:1;display:flex;flex-direction:row;justify-content:left}.components-modal__header-icon-container{display:inline-block}.components-modal__header-icon-container svg{max-width:36px;max-height:36px;padding:8px}.components-modal__content{box-sizing:border-box;height:100%;padding:0 32px 24px}@supports (-ms-ime-align:auto){.components-modal__content{padding-top:60px}}.components-notice{display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;background-color:#fff;border-right:4px solid var(--wp-admin-theme-color);margin:5px 15px 2px;padding:8px 12px;align-items:center}.components-notice.is-dismissible{padding-left:36px;position:relative}.components-notice.is-success{border-right-color:#4ab866;background-color:#eff9f1}.components-notice.is-warning{border-right-color:#f0b849;background-color:#fef8ee}.components-notice.is-error{border-right-color:#cc1818;background-color:#f4a2a2}.components-notice__content{flex-grow:1;margin:4px 0 4px 25px}.components-notice__actions{display:flex;flex-wrap:wrap}.components-notice__action.components-button{margin-left:8px}.components-notice__action.components-button,.components-notice__action.components-button.is-link{margin-right:12px}.components-notice__action.components-button.is-secondary{vertical-align:initial}.components-notice__dismiss{color:#757575;align-self:flex-start;flex-shrink:0}.components-notice__dismiss:not(:disabled):not([aria-disabled=true]):focus,.components-notice__dismiss:not(:disabled):not([aria-disabled=true]):not(.is-secondary):active,.components-notice__dismiss:not(:disabled):not([aria-disabled=true]):not(.is-secondary):hover{color:#1e1e1e;background-color:transparent}.components-notice__dismiss:not(:disabled):not([aria-disabled=true]):not(.is-secondary):hover{box-shadow:none}.components-notice-list{max-width:100vw;box-sizing:border-box}.components-notice-list .components-notice__content{margin-top:12px;margin-bottom:12px;line-height:2}.components-notice-list .components-notice__action.components-button{display:block;margin-right:0;margin-top:8px}.components-panel{background:#fff;border:1px solid #e0e0e0}.components-panel>.components-panel__body:first-child,.components-panel>.components-panel__header:first-child{margin-top:-1px}.components-panel>.components-panel__body:last-child,.components-panel>.components-panel__header:last-child{border-bottom-width:0}.components-panel+.components-panel{margin-top:-1px}.components-panel__body{border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0}.components-panel__body h3{margin:0 0 .5em}.components-panel__body.is-opened{padding:16px}.components-panel__header{display:flex;justify-content:space-between;align-items:center;padding:0 16px;height:48px;border-top:1px solid #ddd;border-bottom:1px solid #ddd}.components-panel__header h2{margin:0;font-size:inherit;color:inherit}.components-panel__body+.components-panel__body,.components-panel__body+.components-panel__header,.components-panel__header+.components-panel__body,.components-panel__header+.components-panel__header{margin-top:-1px}.components-panel__body>.components-panel__body-title{display:block;padding:0;font-size:inherit;margin-top:0;margin-bottom:0;transition:background .1s ease-in-out}@media (prefers-reduced-motion:reduce){.components-panel__body>.components-panel__body-title{transition-duration:0s;transition-delay:0s}}.components-panel__body.is-opened>.components-panel__body-title{margin:-16px -16px 5px}.components-panel__body>.components-panel__body-title:hover{background:#f0f0f0;border:none}.components-panel__body-toggle.components-button{position:relative;padding:16px 16px 16px 48px;outline:none;width:100%;font-weight:500;text-align:right;color:#1e1e1e;border:none;box-shadow:none;transition:background .1s ease-in-out;height:auto}@media (prefers-reduced-motion:reduce){.components-panel__body-toggle.components-button{transition-duration:0s;transition-delay:0s}}.components-panel__body-toggle.components-button:focus{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);border-radius:0}.components-panel__body-toggle.components-button .components-panel__arrow{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#1e1e1e;fill:currentColor;transition:color .1s ease-in-out}@media (prefers-reduced-motion:reduce){.components-panel__body-toggle.components-button .components-panel__arrow{transition-duration:0s;transition-delay:0s}}body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right{transform:scaleX(-1);-ms-filter:fliph;filter:FlipH;margin-top:-10px}.components-panel__icon{color:#757575;margin:-2px 6px -2px 0}.components-panel__body-toggle-icon{margin-left:-5px}.components-panel__color-title{float:right;height:19px}.components-panel__row{display:flex;justify-content:space-between;align-items:center;margin-top:8px;min-height:36px}.components-panel__row select{min-width:0}.components-panel__row label{margin-left:12px;flex-shrink:0;max-width:75%}.components-panel__row:empty,.components-panel__row:first-of-type{margin-top:0}.components-panel .circle-picker{padding-bottom:20px}.components-placeholder.components-placeholder{box-sizing:border-box;position:relative;padding:1em;min-height:200px;width:100%;text-align:right;margin:0;color:#1e1e1e;-moz-font-smoothing:subpixel-antialiased;-webkit-font-smoothing:subpixel-antialiased;border-radius:2px;background-color:#fff;box-shadow:inset 0 0 0 1px #1e1e1e;outline:1px solid transparent}@supports (position:sticky){.components-placeholder.components-placeholder{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}}.components-placeholder.components-placeholder .components-base-control__label{font-size:13px}.components-placeholder__error,.components-placeholder__fieldset,.components-placeholder__instructions,.components-placeholder__label{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px}.components-placeholder__label{display:flex;font-weight:600;margin-bottom:16px;align-items:center}.components-placeholder__label .block-editor-block-icon,.components-placeholder__label .dashicon,.components-placeholder__label>svg{fill:currentColor;margin-left:1ch}.components-placeholder__label:empty{display:none}.components-placeholder__fieldset,.components-placeholder__fieldset form{display:flex;flex-direction:row;width:100%;flex-wrap:wrap}.components-placeholder__fieldset form p,.components-placeholder__fieldset p{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px}.components-placeholder__fieldset.is-column-layout,.components-placeholder__fieldset.is-column-layout form{flex-direction:column}.components-placeholder__input[type=url]{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;padding:6px 8px;box-shadow:0 0 0 transparent;transition:box-shadow .1s linear;border-radius:2px;border:1px solid #757575;font-size:16px;line-height:normal;margin:0 0 0 8px;flex:1 1 auto}@media (prefers-reduced-motion:reduce){.components-placeholder__input[type=url]{transition-duration:0s;transition-delay:0s}}@media (min-width:600px){.components-placeholder__input[type=url]{font-size:13px;line-height:normal}}.components-placeholder__input[type=url]:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 1px var(--wp-admin-theme-color);outline:2px solid transparent}.components-placeholder__input[type=url]::-webkit-input-placeholder{color:rgba(30,30,30,.62)}.components-placeholder__input[type=url]::-moz-placeholder{opacity:1;color:rgba(30,30,30,.62)}.components-placeholder__input[type=url]:-ms-input-placeholder{color:rgba(30,30,30,.62)}.components-placeholder__instructions{margin-bottom:1em}.components-placeholder__error{margin-top:1em;width:100%}.components-placeholder__preview img{margin:3%;width:50%}.components-placeholder__fieldset .components-button{margin-left:12px;margin-bottom:12px}.components-placeholder__fieldset .components-button:last-child{margin-bottom:0;margin-left:0}.components-placeholder__fieldset .components-button:not(.is-link)~.components-button.is-link{margin-right:10px;margin-left:10px}.components-placeholder__fieldset .components-button:not(.is-link)~.components-button.is-link:last-child{margin-left:0}.components-placeholder.is-large .components-placeholder__label{font-size:18pt;font-weight:400}.components-placeholder.is-medium .components-placeholder__instructions,.components-placeholder.is-small .components-placeholder__instructions{display:none}.components-placeholder.is-medium .components-placeholder__fieldset,.components-placeholder.is-medium .components-placeholder__fieldset form,.components-placeholder.is-small .components-placeholder__fieldset,.components-placeholder.is-small .components-placeholder__fieldset form{flex-direction:column}.components-placeholder.is-medium .components-placeholder__fieldset .components-button,.components-placeholder.is-small .components-placeholder__fieldset .components-button{margin-left:auto}.components-placeholder.is-small .components-button{padding:0 8px 2px}.components-popover{position:fixed;z-index:1000000;top:0;left:0;opacity:0}.components-popover.is-expanded,.components-popover[data-x-axis][data-y-axis]{opacity:1}.components-popover.is-expanded{top:0;left:0;right:0;bottom:0;z-index:1000000!important}.components-popover:not(.is-without-arrow){margin-left:2px}.components-popover:not(.is-without-arrow):before{border:8px solid #ccc}.components-popover:not(.is-without-arrow).is-alternate:before{border-color:#1e1e1e}.components-popover:not(.is-without-arrow):after{border:8px solid #fff}.components-popover:not(.is-without-arrow):after,.components-popover:not(.is-without-arrow):before{content:"";position:absolute;height:0;width:0;line-height:0}.components-popover:not(.is-without-arrow)[data-y-axis=top]{margin-top:-8px}.components-popover:not(.is-without-arrow)[data-y-axis=top]:before{bottom:-8px}.components-popover:not(.is-without-arrow)[data-y-axis=top]:after{bottom:-6px}.components-popover:not(.is-without-arrow)[data-y-axis=top]:after,.components-popover:not(.is-without-arrow)[data-y-axis=top]:before{border-bottom:none;border-left-color:transparent;border-right-color:transparent;border-top-style:solid;margin-left:-10px}.components-popover:not(.is-without-arrow)[data-y-axis=bottom]{margin-top:8px}.components-popover:not(.is-without-arrow)[data-y-axis=bottom]:before{top:-8px}.components-popover:not(.is-without-arrow)[data-y-axis=bottom]:after{top:-6px}.components-popover:not(.is-without-arrow)[data-y-axis=bottom]:after,.components-popover:not(.is-without-arrow)[data-y-axis=bottom]:before{border-bottom-style:solid;border-left-color:transparent;border-right-color:transparent;border-top:none;margin-left:-10px}.components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=left]{margin-left:-8px}.components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=left]:before{right:-8px}.components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=left]:after{right:-6px}.components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=left]:after,.components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=left]:before{border-bottom-color:transparent;border-left-style:solid;border-right:none;border-top-color:transparent}.components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=right]{margin-left:8px}.components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=right]:before{left:-8px}.components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=right]:after{left:-6px}.components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=right]:after,.components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=right]:before{border-bottom-color:transparent;border-left:none;border-right-style:solid;border-top-color:transparent}.components-popover[data-y-axis=top]{bottom:100%}.components-popover[data-y-axis=bottom]{top:100%}.components-popover[data-y-axis=middle]{align-items:center;display:flex}.components-popover.is-from-top{margin-top:12px}.components-popover.is-from-bottom{margin-top:-12px}.components-popover.is-from-left:not(.is-from-top):not(.is-from-bottom){margin-left:12px}.components-popover.is-from-right:not(.is-from-top):not(.is-from-bottom){margin-right:12px}.components-popover__content{height:100%;background:#fff;border:1px solid #ccc;box-shadow:0 2px 6px rgba(0,0,0,.05);border-radius:2px}.is-alternate .components-popover__content{border:1px solid #1e1e1e;box-shadow:none}.components-popover .components-popover__content{position:absolute;height:auto;overflow-y:auto}.components-popover.is-expanded .components-popover__content{position:static;height:calc(100% - 48px);overflow-y:visible;min-width:auto;border:none;border-top:1px solid #1e1e1e}.components-popover[data-y-axis=top] .components-popover__content{bottom:100%}.components-popover[data-x-axis=center] .components-popover__content{left:50%;transform:translateX(-50%)}.components-popover[data-x-axis=right] .components-popover__content{position:absolute;left:100%}.components-popover:not([data-y-axis=middle])[data-x-axis=right] .components-popover__content{margin-left:-25px}.components-popover[data-x-axis=left] .components-popover__content{position:absolute;right:100%}.components-popover:not([data-y-axis=middle])[data-x-axis=left] .components-popover__content{margin-right:-25px}.components-popover__header{align-items:center;background:#fff;display:flex;height:48px;justify-content:space-between;padding:0 8px 0 16px}.components-popover__header-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.components-popover__close.components-button{z-index:5}.components-radio-control{display:flex;flex-direction:column}.components-radio-control .components-base-control__help{margin-top:0}.components-radio-control .components-base-control__field{margin-bottom:0}.components-radio-control__option:not(:last-child){margin-bottom:4px}.components-radio-control__input[type=radio]{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;padding:6px 8px;box-shadow:0 0 0 transparent;transition:box-shadow .1s linear;border-radius:2px;font-size:16px;line-height:normal;border:1px solid #1e1e1e;transition:none;border-radius:50%;width:24px;height:24px;margin-top:0;margin-left:6px}@media (prefers-reduced-motion:reduce){.components-radio-control__input[type=radio]{transition-duration:0s;transition-delay:0s}}@media (min-width:600px){.components-radio-control__input[type=radio]{font-size:13px;line-height:normal}}.components-radio-control__input[type=radio]:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 1px var(--wp-admin-theme-color)}.components-radio-control__input[type=radio]::-webkit-input-placeholder{color:rgba(30,30,30,.62)}.components-radio-control__input[type=radio]::-moz-placeholder{opacity:1;color:rgba(30,30,30,.62)}.components-radio-control__input[type=radio]:-ms-input-placeholder{color:rgba(30,30,30,.62)}@media (min-width:600px){.components-radio-control__input[type=radio]{height:20px;width:20px}}.components-radio-control__input[type=radio]:checked:before{box-sizing:inherit;width:8px;height:8px;transform:translate(-7px,7px);margin:0;background-color:#fff;border:4px solid #fff}@media (min-width:600px){.components-radio-control__input[type=radio]:checked:before{transform:translate(-5px,5px)}}.components-radio-control__input[type=radio]:focus{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--wp-admin-theme-color);outline:2px solid transparent}.components-radio-control__input[type=radio]:checked{background:var(--wp-admin-theme-color);border-color:var(--wp-admin-theme-color)}.components-resizable-box__handle{display:none;width:23px;height:23px;z-index:2}.components-resizable-box__container.has-show-handle .components-resizable-box__handle{display:block}.components-resizable-box__handle:after{display:block;content:"";width:15px;height:15px;border:2px solid var(--wp-admin-theme-color);border-radius:50%;background:#fff;cursor:inherit;position:absolute;top:calc(50% - 8px);left:calc(50% - 8px)}.components-resizable-box__side-handle:before{display:block;border-radius:2px;content:"";width:3px;height:3px;background:var(--wp-admin-theme-color);cursor:inherit;position:absolute;top:calc(50% - 1px);left:calc(50% - 1px);transition:transform .1s ease-in;opacity:0}@media (prefers-reduced-motion:reduce){.components-resizable-box__side-handle:before{transition-duration:0s;transition-delay:0s}}.components-resizable-box__corner-handle,.components-resizable-box__side-handle{z-index:2}.components-resizable-box__side-handle.components-resizable-box__handle-bottom,.components-resizable-box__side-handle.components-resizable-box__handle-bottom:before,.components-resizable-box__side-handle.components-resizable-box__handle-top,.components-resizable-box__side-handle.components-resizable-box__handle-top:before{width:100%;right:0;border-right:0;border-left:0}.components-resizable-box__side-handle.components-resizable-box__handle-left,.components-resizable-box__side-handle.components-resizable-box__handle-left:before,.components-resizable-box__side-handle.components-resizable-box__handle-right,.components-resizable-box__side-handle.components-resizable-box__handle-right:before{height:100%;top:0;border-top:0;border-bottom:0}.components-resizable-box__side-handle.components-resizable-box__handle-bottom:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-bottom:hover:before,.components-resizable-box__side-handle.components-resizable-box__handle-top:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-top:hover:before{animation:components-resizable-box__top-bottom-animation .1s ease-out 0s;animation-fill-mode:forwards}@media (prefers-reduced-motion:reduce){.components-resizable-box__side-handle.components-resizable-box__handle-bottom:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-bottom:hover:before,.components-resizable-box__side-handle.components-resizable-box__handle-top:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-top:hover:before{animation-duration:1ms;animation-delay:0s}}.components-resizable-box__side-handle.components-resizable-box__handle-left:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-left:hover:before,.components-resizable-box__side-handle.components-resizable-box__handle-right:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-right:hover:before{animation:components-resizable-box__left-right-animation .1s ease-out 0s;animation-fill-mode:forwards}@media (prefers-reduced-motion:reduce){.components-resizable-box__side-handle.components-resizable-box__handle-left:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-left:hover:before,.components-resizable-box__side-handle.components-resizable-box__handle-right:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-right:hover:before{animation-duration:1ms;animation-delay:0s}}@media not all and (-webkit-min-device-pixel-ratio:0),not all and (min-resolution:0.001dpcm){@supports (-webkit-appearance:none){.components-resizable-box__side-handle.components-resizable-box__handle-bottom:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-bottom:hover:before,.components-resizable-box__side-handle.components-resizable-box__handle-left:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-left:hover:before,.components-resizable-box__side-handle.components-resizable-box__handle-right:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-right:hover:before,.components-resizable-box__side-handle.components-resizable-box__handle-top:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-top:hover:before{animation:none}}}@keyframes components-resizable-box__top-bottom-animation{0%{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}@keyframes components-resizable-box__left-right-animation{0%{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}.components-resizable-box__handle-right{right:-11.5px}.components-resizable-box__handle-left{left:-11.5px}.components-resizable-box__handle-top{top:-11.5px}.components-resizable-box__handle-bottom{bottom:-11.5px}.components-responsive-wrapper{position:relative;max-width:100%}.components-responsive-wrapper,.components-responsive-wrapper>span{display:block}.components-responsive-wrapper__content{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;margin:auto}.components-sandbox{overflow:hidden}iframe.components-sandbox{width:100%}body.lockscroll,html.lockscroll{overflow:hidden}.components-select-control__input{background:#fff;height:36px;line-height:36px;margin:1px;outline:0;width:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)!important}@media (min-width:782px){.components-select-control__input{height:28px;line-height:28px}}@media (max-width:782px){.components-base-control .components-base-control__field .components-select-control__input{font-size:16px}}.components-snackbar{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;background-color:#1e1e1e;border-radius:2px;box-shadow:0 2px 4px rgba(0,0,0,.3);color:#fff;padding:16px 24px;width:100%;max-width:600px;box-sizing:border-box;cursor:pointer;pointer-events:auto}@media (min-width:600px){.components-snackbar{width:-moz-fit-content;width:fit-content}}.components-snackbar:focus{box-shadow:0 0 0 1px #fff,0 0 0 3px var(--wp-admin-theme-color)}.components-snackbar.components-snackbar-explicit-dismiss{cursor:default}.components-snackbar .components-snackbar__content-with-icon{margin-right:24px}.components-snackbar .components-snackbar__icon{position:absolute;top:24px;right:28px}.components-snackbar .components-snackbar__dismiss-button{margin-right:32px;cursor:pointer}.components-snackbar__action.components-button{margin-right:32px;color:#fff;height:auto;flex-shrink:0;line-height:1.4;padding:0}.components-snackbar__action.components-button:not(:disabled):not([aria-disabled=true]):not(.is-secondary){text-decoration:underline;background-color:transparent}.components-snackbar__action.components-button:not(:disabled):not([aria-disabled=true]):not(.is-secondary):focus{color:#fff;box-shadow:none;outline:1px dotted #fff}.components-snackbar__action.components-button:not(:disabled):not([aria-disabled=true]):not(.is-secondary):hover{color:var(--wp-admin-theme-color)}.components-snackbar__content{display:flex;align-items:baseline;justify-content:space-between;line-height:1.4}.components-snackbar-list{position:absolute;z-index:100000;width:100%;box-sizing:border-box;pointer-events:none}.components-snackbar-list__notice-container{position:relative;padding-top:8px}.components-swatch{width:18px;height:18px;border-radius:50%;color:transparent;background:transparent}.components-swatch:after{content:"";display:block;width:100%;height:100%;border:1px solid rgba(0,0,0,.2);border-radius:50%}.components-button.has-icon.has-text .components-swatch{margin-left:8px}.components-tab-panel__tabs{display:flex;align-items:stretch;flex-direction:row}.components-tab-panel__tabs[aria-orientation=vertical]{flex-direction:column}.components-tab-panel__tabs-item{background:transparent;border:none;box-shadow:none;border-radius:0;cursor:pointer;height:48px;padding:3px 16px;margin-right:0;font-weight:500;transition:box-shadow .1s linear;box-sizing:border-box}.components-tab-panel__tabs-item:after{content:attr(data-label);display:block;height:0;overflow:hidden;speak:none;visibility:hidden}.components-tab-panel__tabs-item:focus:not(:disabled){box-shadow:inset 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}.components-tab-panel__tabs-item.is-active{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) transparent,inset 0 -4px 0 0 var(--wp-admin-theme-color);position:relative}.components-tab-panel__tabs-item.is-active:before{content:"";position:absolute;top:0;bottom:1px;left:0;right:0;border-bottom:4px solid transparent}.components-tab-panel__tabs-item:focus{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}.components-tab-panel__tabs-item.is-active:focus{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color),inset 0 -4px 0 0 var(--wp-admin-theme-color)}.components-text-control__input,.components-text-control__input[type=color],.components-text-control__input[type=date],.components-text-control__input[type=datetime-local],.components-text-control__input[type=datetime],.components-text-control__input[type=email],.components-text-control__input[type=month],.components-text-control__input[type=number],.components-text-control__input[type=password],.components-text-control__input[type=tel],.components-text-control__input[type=text],.components-text-control__input[type=time],.components-text-control__input[type=url],.components-text-control__input[type=week]{width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;padding:6px 8px;box-shadow:0 0 0 transparent;transition:box-shadow .1s linear;border-radius:2px;border:1px solid #757575;font-size:16px;line-height:normal}@media (prefers-reduced-motion:reduce){.components-text-control__input,.components-text-control__input[type=color],.components-text-control__input[type=date],.components-text-control__input[type=datetime-local],.components-text-control__input[type=datetime],.components-text-control__input[type=email],.components-text-control__input[type=month],.components-text-control__input[type=number],.components-text-control__input[type=password],.components-text-control__input[type=tel],.components-text-control__input[type=text],.components-text-control__input[type=time],.components-text-control__input[type=url],.components-text-control__input[type=week]{transition-duration:0s;transition-delay:0s}}@media (min-width:600px){.components-text-control__input,.components-text-control__input[type=color],.components-text-control__input[type=date],.components-text-control__input[type=datetime-local],.components-text-control__input[type=datetime],.components-text-control__input[type=email],.components-text-control__input[type=month],.components-text-control__input[type=number],.components-text-control__input[type=password],.components-text-control__input[type=tel],.components-text-control__input[type=text],.components-text-control__input[type=time],.components-text-control__input[type=url],.components-text-control__input[type=week]{font-size:13px;line-height:normal}}.components-text-control__input:focus,.components-text-control__input[type=color]:focus,.components-text-control__input[type=date]:focus,.components-text-control__input[type=datetime-local]:focus,.components-text-control__input[type=datetime]:focus,.components-text-control__input[type=email]:focus,.components-text-control__input[type=month]:focus,.components-text-control__input[type=number]:focus,.components-text-control__input[type=password]:focus,.components-text-control__input[type=tel]:focus,.components-text-control__input[type=text]:focus,.components-text-control__input[type=time]:focus,.components-text-control__input[type=url]:focus,.components-text-control__input[type=week]:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 1px var(--wp-admin-theme-color);outline:2px solid transparent}.components-text-control__input::-webkit-input-placeholder,.components-text-control__input[type=color]::-webkit-input-placeholder,.components-text-control__input[type=date]::-webkit-input-placeholder,.components-text-control__input[type=datetime-local]::-webkit-input-placeholder,.components-text-control__input[type=datetime]::-webkit-input-placeholder,.components-text-control__input[type=email]::-webkit-input-placeholder,.components-text-control__input[type=month]::-webkit-input-placeholder,.components-text-control__input[type=number]::-webkit-input-placeholder,.components-text-control__input[type=password]::-webkit-input-placeholder,.components-text-control__input[type=tel]::-webkit-input-placeholder,.components-text-control__input[type=text]::-webkit-input-placeholder,.components-text-control__input[type=time]::-webkit-input-placeholder,.components-text-control__input[type=url]::-webkit-input-placeholder,.components-text-control__input[type=week]::-webkit-input-placeholder{color:rgba(30,30,30,.62)}.components-text-control__input::-moz-placeholder,.components-text-control__input[type=color]::-moz-placeholder,.components-text-control__input[type=date]::-moz-placeholder,.components-text-control__input[type=datetime-local]::-moz-placeholder,.components-text-control__input[type=datetime]::-moz-placeholder,.components-text-control__input[type=email]::-moz-placeholder,.components-text-control__input[type=month]::-moz-placeholder,.components-text-control__input[type=number]::-moz-placeholder,.components-text-control__input[type=password]::-moz-placeholder,.components-text-control__input[type=tel]::-moz-placeholder,.components-text-control__input[type=text]::-moz-placeholder,.components-text-control__input[type=time]::-moz-placeholder,.components-text-control__input[type=url]::-moz-placeholder,.components-text-control__input[type=week]::-moz-placeholder{opacity:1;color:rgba(30,30,30,.62)}.components-text-control__input:-ms-input-placeholder,.components-text-control__input[type=color]:-ms-input-placeholder,.components-text-control__input[type=date]:-ms-input-placeholder,.components-text-control__input[type=datetime-local]:-ms-input-placeholder,.components-text-control__input[type=datetime]:-ms-input-placeholder,.components-text-control__input[type=email]:-ms-input-placeholder,.components-text-control__input[type=month]:-ms-input-placeholder,.components-text-control__input[type=number]:-ms-input-placeholder,.components-text-control__input[type=password]:-ms-input-placeholder,.components-text-control__input[type=tel]:-ms-input-placeholder,.components-text-control__input[type=text]:-ms-input-placeholder,.components-text-control__input[type=time]:-ms-input-placeholder,.components-text-control__input[type=url]:-ms-input-placeholder,.components-text-control__input[type=week]:-ms-input-placeholder{color:rgba(30,30,30,.62)}.components-tip{display:flex;color:#757575}.components-tip svg{align-self:center;fill:#f0b849;flex-shrink:0;margin-left:16px}.components-tip p{margin:0}.components-toggle-control .components-base-control__field{display:flex;margin-bottom:12px;line-height:normal;align-items:center}.components-toggle-control .components-base-control__field .components-form-toggle{margin-left:12px}.components-toggle-control .components-base-control__field .components-toggle-control__label{display:block}.components-accessible-toolbar{display:inline-flex;border:1px solid #1e1e1e;border-radius:2px;flex-shrink:0}.components-accessible-toolbar>.components-toolbar-group:last-child{border-left:none}.components-accessible-toolbar .components-button,.components-toolbar .components-button{position:relative;height:48px;z-index:1;padding-right:16px;padding-left:16px}.components-accessible-toolbar .components-button:focus:enabled,.components-toolbar .components-button:focus:enabled{box-shadow:none;outline:none}.components-accessible-toolbar .components-button:before,.components-toolbar .components-button:before{content:"";position:absolute;display:block;border-radius:2px;height:32px;right:8px;left:8px;z-index:-1;animation:components-button__appear-animation .1s ease;animation-fill-mode:forwards}@media (prefers-reduced-motion:reduce){.components-accessible-toolbar .components-button:before,.components-toolbar .components-button:before{animation-duration:1ms;animation-delay:0s}}.components-accessible-toolbar .components-button svg,.components-toolbar .components-button svg{position:relative;margin-right:auto;margin-left:auto}.components-accessible-toolbar .components-button.is-pressed,.components-accessible-toolbar .components-button.is-pressed:hover,.components-toolbar .components-button.is-pressed,.components-toolbar .components-button.is-pressed:hover{background:transparent}.components-accessible-toolbar .components-button.is-pressed:before,.components-toolbar .components-button.is-pressed:before{background:#1e1e1e}.components-accessible-toolbar .components-button:focus:before,.components-toolbar .components-button:focus:before{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color),inset 0 0 0 4px #fff;outline:2px solid transparent}.components-accessible-toolbar .components-button.has-icon,.components-toolbar .components-button.has-icon{padding-right:8px;padding-left:8px;min-width:48px;justify-content:center}.components-accessible-toolbar .components-button.components-tab-button,.components-toolbar .components-button.components-tab-button{font-weight:500}.components-accessible-toolbar .components-button.components-tab-button span,.components-toolbar .components-button.components-tab-button span{display:inline-block;padding-right:0;padding-left:0;position:relative}@keyframes components-button__appear-animation{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.components-toolbar__control.components-button{position:relative}.components-toolbar__control.components-button[data-subscript] svg{padding:5px 0 5px 10px}.components-toolbar__control.components-button[data-subscript]:after{content:attr(data-subscript);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;font-weight:600;line-height:12px;position:absolute;left:8px;bottom:10px}.components-toolbar__control.components-button:active:before{display:none}.components-toolbar__control.components-button:not(:disabled).is-pressed[data-subscript]:after{color:#fff}.components-toolbar-group{min-height:48px;border-left:1px solid #1e1e1e;background-color:#fff;display:inline-flex;flex-shrink:0;flex-wrap:wrap;line-height:0}.components-toolbar-group .components-toolbar-group.components-toolbar-group{border-width:0;margin:0}.components-toolbar{min-height:48px;margin:0;border:1px solid #1e1e1e;background-color:#fff;display:inline-flex;flex-shrink:0;flex-wrap:wrap}.components-toolbar .components-toolbar.components-toolbar{border-width:0;margin:0}div.components-toolbar>div{display:block;margin:0}@supports (position:sticky){div.components-toolbar>div{display:flex}}div.components-toolbar>div+div.has-left-divider{margin-right:6px;position:relative;overflow:visible}div.components-toolbar>div+div.has-left-divider:before{display:inline-block;content:"";box-sizing:content-box;background-color:#ddd;position:absolute;top:8px;right:-3px;width:1px;height:20px}.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group.components-dropdown>* .components-button,.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group.components-dropdown>.components-button.components-button,.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group>.components-button:first-child:last-child,.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group>.components-dropdown:first-child:last-child .components-button,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-dropdown.components-dropdown>* .components-button,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-dropdown.components-dropdown>.components-button.components-button,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-dropdown>.components-button:first-child:last-child,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-dropdown>.components-dropdown:first-child:last-child .components-button,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-toolbar.components-dropdown>* .components-button,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-toolbar.components-dropdown>.components-button.components-button,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-toolbar>.components-button:first-child:last-child,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-toolbar>.components-dropdown:first-child:last-child .components-button,.block-editor-block-toolbar>.components-toolbar-group>.block-editor-block-toolbar__slot.components-dropdown>* .components-button,.block-editor-block-toolbar>.components-toolbar-group>.block-editor-block-toolbar__slot.components-dropdown>.components-button.components-button,.block-editor-block-toolbar>.components-toolbar-group>.block-editor-block-toolbar__slot>.components-button:first-child:last-child,.block-editor-block-toolbar>.components-toolbar-group>.block-editor-block-toolbar__slot>.components-dropdown:first-child:last-child .components-button,.block-editor-block-toolbar>.components-toolbar>.block-editor-block-toolbar__slot.components-dropdown>* .components-button,.block-editor-block-toolbar>.components-toolbar>.block-editor-block-toolbar__slot.components-dropdown>.components-button.components-button,.block-editor-block-toolbar>.components-toolbar>.block-editor-block-toolbar__slot>.components-button:first-child:last-child,.block-editor-block-toolbar>.components-toolbar>.block-editor-block-toolbar__slot>.components-dropdown:first-child:last-child .components-button{min-width:48px;padding-right:12px;padding-left:12px}.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group.components-dropdown>* .components-button:before,.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group.components-dropdown>.components-button.components-button:before,.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group>.components-button:first-child:last-child:before,.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group>.components-dropdown:first-child:last-child .components-button:before,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-dropdown.components-dropdown>* .components-button:before,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-dropdown.components-dropdown>.components-button.components-button:before,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-dropdown>.components-button:first-child:last-child:before,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-dropdown>.components-dropdown:first-child:last-child .components-button:before,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-toolbar.components-dropdown>* .components-button:before,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-toolbar.components-dropdown>.components-button.components-button:before,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-toolbar>.components-button:first-child:last-child:before,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-toolbar>.components-dropdown:first-child:last-child .components-button:before,.block-editor-block-toolbar>.components-toolbar-group>.block-editor-block-toolbar__slot.components-dropdown>* .components-button:before,.block-editor-block-toolbar>.components-toolbar-group>.block-editor-block-toolbar__slot.components-dropdown>.components-button.components-button:before,.block-editor-block-toolbar>.components-toolbar-group>.block-editor-block-toolbar__slot>.components-button:first-child:last-child:before,.block-editor-block-toolbar>.components-toolbar-group>.block-editor-block-toolbar__slot>.components-dropdown:first-child:last-child .components-button:before,.block-editor-block-toolbar>.components-toolbar>.block-editor-block-toolbar__slot.components-dropdown>* .components-button:before,.block-editor-block-toolbar>.components-toolbar>.block-editor-block-toolbar__slot.components-dropdown>.components-button.components-button:before,.block-editor-block-toolbar>.components-toolbar>.block-editor-block-toolbar__slot>.components-button:first-child:last-child:before,.block-editor-block-toolbar>.components-toolbar>.block-editor-block-toolbar__slot>.components-dropdown:first-child:last-child .components-button:before{right:8px;left:8px}.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group>.components-button:first-child,.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group>.components-dropdown:first-child .components-button,.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group>div:first-child>.components-button,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-dropdown>.components-button:first-child,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-dropdown>.components-dropdown:first-child .components-button,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-dropdown>div:first-child>.components-button,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-toolbar>.components-button:first-child,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-toolbar>.components-dropdown:first-child .components-button,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-toolbar>div:first-child>.components-button,.block-editor-block-toolbar>.components-toolbar-group>.block-editor-block-toolbar__slot>.components-button:first-child,.block-editor-block-toolbar>.components-toolbar-group>.block-editor-block-toolbar__slot>.components-dropdown:first-child .components-button,.block-editor-block-toolbar>.components-toolbar-group>.block-editor-block-toolbar__slot>div:first-child>.components-button,.block-editor-block-toolbar>.components-toolbar>.block-editor-block-toolbar__slot>.components-button:first-child,.block-editor-block-toolbar>.components-toolbar>.block-editor-block-toolbar__slot>.components-dropdown:first-child .components-button,.block-editor-block-toolbar>.components-toolbar>.block-editor-block-toolbar__slot>div:first-child>.components-button{min-width:42px;padding-right:11px;padding-left:6px}.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group>.components-button:first-child:before,.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group>.components-dropdown:first-child .components-button:before,.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group>div:first-child>.components-button:before,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-dropdown>.components-button:first-child:before,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-dropdown>.components-dropdown:first-child .components-button:before,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-dropdown>div:first-child>.components-button:before,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-toolbar>.components-button:first-child:before,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-toolbar>.components-dropdown:first-child .components-button:before,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-toolbar>div:first-child>.components-button:before,.block-editor-block-toolbar>.components-toolbar-group>.block-editor-block-toolbar__slot>.components-button:first-child:before,.block-editor-block-toolbar>.components-toolbar-group>.block-editor-block-toolbar__slot>.components-dropdown:first-child .components-button:before,.block-editor-block-toolbar>.components-toolbar-group>.block-editor-block-toolbar__slot>div:first-child>.components-button:before,.block-editor-block-toolbar>.components-toolbar>.block-editor-block-toolbar__slot>.components-button:first-child:before,.block-editor-block-toolbar>.components-toolbar>.block-editor-block-toolbar__slot>.components-dropdown:first-child .components-button:before,.block-editor-block-toolbar>.components-toolbar>.block-editor-block-toolbar__slot>div:first-child>.components-button:before{right:8px;left:2px}.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group>.components-button,.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group>.components-dropdown .components-button,.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group>div>.components-button,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-dropdown>.components-button,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-dropdown>.components-dropdown .components-button,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-dropdown>div>.components-button,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-toolbar>.components-button,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-toolbar>.components-dropdown .components-button,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-toolbar>div>.components-button,.block-editor-block-toolbar>.components-toolbar-group>.block-editor-block-toolbar__slot>.components-button,.block-editor-block-toolbar>.components-toolbar-group>.block-editor-block-toolbar__slot>.components-dropdown .components-button,.block-editor-block-toolbar>.components-toolbar-group>.block-editor-block-toolbar__slot>div>.components-button,.block-editor-block-toolbar>.components-toolbar>.block-editor-block-toolbar__slot>.components-button,.block-editor-block-toolbar>.components-toolbar>.block-editor-block-toolbar__slot>.components-dropdown .components-button,.block-editor-block-toolbar>.components-toolbar>.block-editor-block-toolbar__slot>div>.components-button{min-width:36px;padding-right:6px;padding-left:6px}.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group>.components-button svg,.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group>.components-dropdown .components-button svg,.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group>div>.components-button svg,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-dropdown>.components-button svg,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-dropdown>.components-dropdown .components-button svg,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-dropdown>div>.components-button svg,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-toolbar>.components-button svg,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-toolbar>.components-dropdown .components-button svg,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-toolbar>div>.components-button svg,.block-editor-block-toolbar>.components-toolbar-group>.block-editor-block-toolbar__slot>.components-button svg,.block-editor-block-toolbar>.components-toolbar-group>.block-editor-block-toolbar__slot>.components-dropdown .components-button svg,.block-editor-block-toolbar>.components-toolbar-group>.block-editor-block-toolbar__slot>div>.components-button svg,.block-editor-block-toolbar>.components-toolbar>.block-editor-block-toolbar__slot>.components-button svg,.block-editor-block-toolbar>.components-toolbar>.block-editor-block-toolbar__slot>.components-dropdown .components-button svg,.block-editor-block-toolbar>.components-toolbar>.block-editor-block-toolbar__slot>div>.components-button svg{min-width:24px}.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group>.components-button:before,.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group>.components-dropdown .components-button:before,.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group>div>.components-button:before,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-dropdown>.components-button:before,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-dropdown>.components-dropdown .components-button:before,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-dropdown>div>.components-button:before,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-toolbar>.components-button:before,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-toolbar>.components-dropdown .components-button:before,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-toolbar>div>.components-button:before,.block-editor-block-toolbar>.components-toolbar-group>.block-editor-block-toolbar__slot>.components-button:before,.block-editor-block-toolbar>.components-toolbar-group>.block-editor-block-toolbar__slot>.components-dropdown .components-button:before,.block-editor-block-toolbar>.components-toolbar-group>.block-editor-block-toolbar__slot>div>.components-button:before,.block-editor-block-toolbar>.components-toolbar>.block-editor-block-toolbar__slot>.components-button:before,.block-editor-block-toolbar>.components-toolbar>.block-editor-block-toolbar__slot>.components-dropdown .components-button:before,.block-editor-block-toolbar>.components-toolbar>.block-editor-block-toolbar__slot>div>.components-button:before{right:2px;left:2px}.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group>.components-button:last-child,.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group>.components-dropdown:last-child .components-button,.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group>div:last-child>.components-button,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-dropdown>.components-button:last-child,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-dropdown>.components-dropdown:last-child .components-button,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-dropdown>div:last-child>.components-button,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-toolbar>.components-button:last-child,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-toolbar>.components-dropdown:last-child .components-button,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-toolbar>div:last-child>.components-button,.block-editor-block-toolbar>.components-toolbar-group>.block-editor-block-toolbar__slot>.components-button:last-child,.block-editor-block-toolbar>.components-toolbar-group>.block-editor-block-toolbar__slot>.components-dropdown:last-child .components-button,.block-editor-block-toolbar>.components-toolbar-group>.block-editor-block-toolbar__slot>div:last-child>.components-button,.block-editor-block-toolbar>.components-toolbar>.block-editor-block-toolbar__slot>.components-button:last-child,.block-editor-block-toolbar>.components-toolbar>.block-editor-block-toolbar__slot>.components-dropdown:last-child .components-button,.block-editor-block-toolbar>.components-toolbar>.block-editor-block-toolbar__slot>div:last-child>.components-button{min-width:42px;padding-right:6px;padding-left:11px}.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group>.components-button:last-child:before,.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group>.components-dropdown:last-child .components-button:before,.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group>div:last-child>.components-button:before,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-dropdown>.components-button:last-child:before,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-dropdown>.components-dropdown:last-child .components-button:before,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-dropdown>div:last-child>.components-button:before,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-toolbar>.components-button:last-child:before,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-toolbar>.components-dropdown:last-child .components-button:before,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-toolbar>div:last-child>.components-button:before,.block-editor-block-toolbar>.components-toolbar-group>.block-editor-block-toolbar__slot>.components-button:last-child:before,.block-editor-block-toolbar>.components-toolbar-group>.block-editor-block-toolbar__slot>.components-dropdown:last-child .components-button:before,.block-editor-block-toolbar>.components-toolbar-group>.block-editor-block-toolbar__slot>div:last-child>.components-button:before,.block-editor-block-toolbar>.components-toolbar>.block-editor-block-toolbar__slot>.components-button:last-child:before,.block-editor-block-toolbar>.components-toolbar>.block-editor-block-toolbar__slot>.components-dropdown:last-child .components-button:before,.block-editor-block-toolbar>.components-toolbar>.block-editor-block-toolbar__slot>div:last-child>.components-button:before{right:2px;left:8px}.components-tooltip.components-popover{z-index:1000002}.components-tooltip.components-popover .components-popover__content{min-width:0}.components-tooltip .components-popover__content{background:#1e1e1e;border-radius:2px;border-width:0;color:#fff;white-space:nowrap;text-align:center;line-height:1.4;font-size:12px;box-shadow:none}.components-tooltip .components-popover__content>div{padding:4px 8px}.components-tooltip__shortcut{display:inline-block;margin-right:8px}.disabled-element-wrapper{position:relative}.disabled-element-wrapper .event-catcher{z-index:100002;position:absolute;width:100%;height:100%;top:0;right:0;bottom:0;left:0}.components-visually-hidden{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.components-visually-hidden:focus{background-color:#ddd;clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#444;display:block;font-size:1em;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000} \ No newline at end of file diff --git a/wp-includes/css/dist/components/style.css b/wp-includes/css/dist/components/style.css new file mode 100644 index 0000000000..4d221aa5cd --- /dev/null +++ b/wp-includes/css/dist/components/style.css @@ -0,0 +1,5072 @@ +@charset "UTF-8"; +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles for JavaScript UI based pages. + * This is a WP-admin agnostic reset + */ +/** + * Reset the WP Admin page styles for Gutenberg-like pages. + */ +:root { + --wp-admin-theme-color: #007cba; + --wp-admin-theme-color-darker-10: #006ba1; + --wp-admin-theme-color-darker-20: #005a87; + --wp-admin-border-width-focus: 2px; +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + :root { + --wp-admin-border-width-focus: 1.5px; + } +} + +.components-animate__appear { + animation: components-animate__appear-animation 0.1s cubic-bezier(0, 0, 0.2, 1) 0s; + animation-fill-mode: forwards; +} +@media (prefers-reduced-motion: reduce) { + .components-animate__appear { + animation-duration: 1ms; + animation-delay: 0s; + } +} +.components-animate__appear.is-from-top, .components-animate__appear.is-from-top.is-from-left { + transform-origin: top left; +} +.components-animate__appear.is-from-top.is-from-right { + transform-origin: top right; +} +.components-animate__appear.is-from-bottom, .components-animate__appear.is-from-bottom.is-from-left { + transform-origin: bottom left; +} +.components-animate__appear.is-from-bottom.is-from-right { + transform-origin: bottom right; +} + +@keyframes components-animate__appear-animation { + from { + transform: translateY(-2em) scaleY(0) scaleX(0); + } + to { + transform: translateY(0%) scaleY(1) scaleX(1); + } +} +.components-animate__slide-in { + animation: components-animate__slide-in-animation 0.1s cubic-bezier(0, 0, 0.2, 1); + animation-fill-mode: forwards; +} +@media (prefers-reduced-motion: reduce) { + .components-animate__slide-in { + animation-duration: 1ms; + animation-delay: 0s; + } +} +.components-animate__slide-in.is-from-left { + transform: translateX(100%); +} +.components-animate__slide-in.is-from-right { + transform: translateX(-100%); +} + +@keyframes components-animate__slide-in-animation { + 100% { + transform: translateX(0%); + } +} +.components-animate__loading { + animation: components-animate__loading 1.6s ease-in-out infinite; +} + +@keyframes components-animate__loading { + 0% { + opacity: 0.5; + } + 50% { + opacity: 1; + } + 100% { + opacity: 0.5; + } +} +.components-autocomplete__popover .components-popover__content > div { + padding: 16px; + min-width: 220px; +} + +.components-autocomplete__result.components-button { + display: flex; + height: auto; + min-height: 36px; + text-align: left; + width: 100%; +} +.components-autocomplete__result.components-button.is-selected { + box-shadow: 0 0 0 2px var(--wp-admin-theme-color); +} + +.components-button-group { + display: inline-block; +} +.components-button-group .components-button { + border-radius: 0; + display: inline-flex; + color: #1e1e1e; + box-shadow: inset 0 0 0 1px #1e1e1e; +} +.components-button-group .components-button + .components-button { + margin-left: -1px; +} +.components-button-group .components-button:first-child { + border-radius: 2px 0 0 2px; +} +.components-button-group .components-button:last-child { + border-radius: 0 2px 2px 0; +} +.components-button-group .components-button:focus, .components-button-group .components-button.is-primary { + position: relative; + z-index: 1; +} +.components-button-group .components-button.is-primary { + box-shadow: inset 0 0 0 1px #1e1e1e; +} + +.components-button { + display: inline-flex; + text-decoration: none; + font-weight: normal; + font-size: 13px; + margin: 0; + border: 0; + cursor: pointer; + -webkit-appearance: none; + background: none; + transition: box-shadow 0.1s linear; + height: 36px; + align-items: center; + box-sizing: border-box; + padding: 6px 12px; + border-radius: 2px; + color: #1e1e1e; + /** + * Primary button style. + */ + /** + * Secondary and tertiary buttons. + */ + /** + * Secondary button style. + */ + /** + * Tertiary buttons. + */ + /** + * Destructive buttons. + */ + /** + * Link buttons. + */ +} +@media (prefers-reduced-motion: reduce) { + .components-button { + transition-duration: 0s; + transition-delay: 0s; + } +} +.components-button[aria-expanded=true], .components-button:hover { + color: var(--wp-admin-theme-color); +} +.components-button[aria-disabled=true]:hover { + color: initial; +} +.components-button:focus:not(:disabled) { + box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + outline: 3px solid transparent; +} +.components-button.is-primary { + white-space: nowrap; + background: var(--wp-admin-theme-color); + color: #fff; + text-decoration: none; + text-shadow: none; + outline: 1px solid transparent; +} +.components-button.is-primary:hover:not(:disabled) { + background: var(--wp-admin-theme-color-darker-10); + color: #fff; +} +.components-button.is-primary:active:not(:disabled) { + background: var(--wp-admin-theme-color-darker-20); + border-color: var(--wp-admin-theme-color-darker-20); + color: #fff; +} +.components-button.is-primary:focus:not(:disabled) { + box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); +} +.components-button.is-primary:disabled, .components-button.is-primary:disabled:active:enabled, .components-button.is-primary[aria-disabled=true], .components-button.is-primary[aria-disabled=true]:enabled, .components-button.is-primary[aria-disabled=true]:active:enabled { + color: rgba(255, 255, 255, 0.4); + background: var(--wp-admin-theme-color); + border-color: var(--wp-admin-theme-color); + opacity: 1; + outline: none; +} +.components-button.is-primary:disabled:focus:enabled, .components-button.is-primary:disabled:active:enabled:focus:enabled, .components-button.is-primary[aria-disabled=true]:focus:enabled, .components-button.is-primary[aria-disabled=true]:enabled:focus:enabled, .components-button.is-primary[aria-disabled=true]:active:enabled:focus:enabled { + box-shadow: 0 0 0 1px #fff, 0 0 0 3px var(--wp-admin-theme-color); +} +.components-button.is-primary.is-busy, .components-button.is-primary.is-busy:disabled, .components-button.is-primary.is-busy[aria-disabled=true] { + color: #fff; + background-size: 100px 100%; + /* stylelint-disable */ + background-image: linear-gradient(-45deg, var(--wp-admin-theme-color) 33%, var(--wp-admin-theme-color-darker-20) 33%, var(--wp-admin-theme-color-darker-20) 70%, var(--wp-admin-theme-color) 70%); + /* stylelint-enable */ + border-color: var(--wp-admin-theme-color); +} +.components-button.is-secondary, .components-button.is-tertiary { + outline: 1px solid transparent; +} +.components-button.is-secondary:active:not(:disabled), .components-button.is-tertiary:active:not(:disabled) { + background: #ddd; + color: var(--wp-admin-theme-color-darker-10); + box-shadow: none; +} +.components-button.is-secondary:hover:not(:disabled), .components-button.is-tertiary:hover:not(:disabled) { + color: var(--wp-admin-theme-color-darker-10); + box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color-darker-10); +} +.components-button.is-secondary:disabled, .components-button.is-secondary[aria-disabled=true], .components-button.is-secondary[aria-disabled=true]:hover, .components-button.is-tertiary:disabled, .components-button.is-tertiary[aria-disabled=true], .components-button.is-tertiary[aria-disabled=true]:hover { + color: #828282; + background: #eaeaea; + transform: none; + opacity: 1; + box-shadow: none; + outline: none; +} +.components-button.is-secondary { + box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color); + outline: 1px solid transparent; + white-space: nowrap; + color: var(--wp-admin-theme-color); + background: transparent; +} +.components-button.is-tertiary { + white-space: nowrap; + color: var(--wp-admin-theme-color); + background: transparent; + padding: 6px; +} +.components-button.is-tertiary .dashicon { + display: inline-block; + flex: 0 0 auto; +} +.components-button.is-destructive { + color: #cc1818; + box-shadow: inset 0 0 0 1px #cc1818; +} +.components-button.is-destructive:hover:not(:disabled) { + color: #710d0d; + box-shadow: inset 0 0 0 1px #710d0d; +} +.components-button.is-destructive:focus:not(:disabled) { + color: var(--wp-admin-theme-color); +} +.components-button.is-destructive:active:not(:disabled) { + background: #ccc; +} +.components-button.is-destructive.is-primary { + color: #fff; + background: #cc1818; + box-shadow: inset 0 0 0 1px #cc1818; +} +.components-button.is-destructive.is-primary:hover:not(:disabled) { + color: #fff; + background: #710d0d; + box-shadow: inset 0 0 0 1px #710d0d; +} +.components-button.is-link { + margin: 0; + padding: 0; + box-shadow: none; + border: 0; + border-radius: 0; + background: none; + outline: none; + text-align: left; + color: var(--wp-admin-theme-color); + text-decoration: underline; + transition-property: border, background, color; + transition-duration: 0.05s; + transition-timing-function: ease-in-out; + height: auto; +} +@media (prefers-reduced-motion: reduce) { + .components-button.is-link { + transition-duration: 0s; + transition-delay: 0s; + } +} +.components-button.is-link:focus { + border-radius: 2px; +} +.components-button.is-link.is-destructive { + color: #cc1818; +} +.components-button.is-link.is-destructive:active:not(:disabled), .components-button.is-link.is-destructive:hover:not(:disabled) { + color: #710d0d; + background: none; +} +.components-button.is-link.is-destructive:focus:not(:disabled) { + color: var(--wp-admin-theme-color); +} +.components-button:not([aria-disabled=true]):active { + color: inherit; +} +.components-button:disabled, .components-button[aria-disabled=true] { + cursor: default; + opacity: 0.3; +} +.components-button.is-busy, .components-button.is-secondary.is-busy, .components-button.is-secondary.is-busy:disabled, .components-button.is-secondary.is-busy[aria-disabled=true] { + animation: components-button__busy-animation 2500ms infinite linear; + opacity: 1; + background-size: 100px 100%; + /* stylelint-disable */ + background-image: linear-gradient(-45deg, #fafafa 33%, #e0e0e0 33%, #e0e0e0 70%, #fafafa 70%); + /* stylelint-enable */ +} +.components-button.is-small { + height: 24px; + line-height: 22px; + padding: 0 8px; + font-size: 11px; +} +.components-button.is-small.has-icon:not(.has-text) { + padding: 0 8px; + width: 24px; +} +.components-button.has-icon { + padding: 6px; + min-width: 36px; + justify-content: center; +} +.components-button.has-icon .dashicon { + display: inline-block; + flex: 0 0 auto; + margin-left: 2px; + margin-right: 2px; +} +.components-button.has-icon.has-text { + justify-content: left; +} +.components-button.has-icon.has-text svg { + margin-right: 8px; +} +.components-button.has-icon.has-text .dashicon { + margin-right: 10px; +} +.components-button.is-pressed { + color: #fff; + background: #1e1e1e; +} +.components-button.is-pressed:focus:not(:disabled) { + box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + outline: 2px solid transparent; +} +.components-button.is-pressed:hover:not(:disabled) { + color: #fff; + background: #1e1e1e; +} +.components-button svg { + fill: currentColor; + outline: none; +} +.components-button .components-visually-hidden { + height: auto; +} + +@keyframes components-button__busy-animation { + 0% { + background-position: 200px 0; + } +} +.components-checkbox-control__input[type=checkbox] { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + padding: 6px 8px; + box-shadow: 0 0 0 transparent; + transition: box-shadow 0.1s linear; + border-radius: 2px; + border: 1px solid #757575; + /* Fonts smaller than 16px causes mobile safari to zoom. */ + font-size: 16px; + /* Override core line-height. To be reviewed. */ + line-height: normal; + border: 1px solid #1e1e1e; + margin-right: 12px; + transition: none; + border-radius: 2px; + background: #fff; + color: #1e1e1e; + clear: none; + cursor: pointer; + display: inline-block; + line-height: 0; + margin: 0 4px 0 0; + outline: 0; + padding: 0 !important; + text-align: center; + vertical-align: top; + width: 24px; + height: 24px; + -webkit-appearance: none; + appearance: none; + transition: 0.1s border-color ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .components-checkbox-control__input[type=checkbox] { + transition-duration: 0s; + transition-delay: 0s; + } +} +@media (min-width: 600px) { + .components-checkbox-control__input[type=checkbox] { + font-size: 13px; + /* Override core line-height. To be reviewed. */ + line-height: normal; + } +} +.components-checkbox-control__input[type=checkbox]:focus { + border-color: var(--wp-admin-theme-color); + box-shadow: 0 0 0 1px var(--wp-admin-theme-color); + outline: 2px solid transparent; +} +.components-checkbox-control__input[type=checkbox]::-webkit-input-placeholder { + color: rgba(30, 30, 30, 0.62); +} +.components-checkbox-control__input[type=checkbox]::-moz-placeholder { + opacity: 1; + color: rgba(30, 30, 30, 0.62); +} +.components-checkbox-control__input[type=checkbox]:-ms-input-placeholder { + color: rgba(30, 30, 30, 0.62); +} +.components-checkbox-control__input[type=checkbox]:focus { + box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color); + outline: 2px solid transparent; +} +.components-checkbox-control__input[type=checkbox]:checked { + background: var(--wp-admin-theme-color); + border-color: var(--wp-admin-theme-color); +} +.components-checkbox-control__input[type=checkbox]:checked::-ms-check { + opacity: 0; +} +.components-checkbox-control__input[type=checkbox]:checked::before, .components-checkbox-control__input[type=checkbox][aria-checked=mixed]::before { + margin: -3px -5px; + color: #fff; +} +@media (min-width: 782px) { + .components-checkbox-control__input[type=checkbox]:checked::before, .components-checkbox-control__input[type=checkbox][aria-checked=mixed]::before { + margin: -4px 0 0 -5px; + } +} +.components-checkbox-control__input[type=checkbox][aria-checked=mixed] { + background: var(--wp-admin-theme-color); + border-color: var(--wp-admin-theme-color); +} +.components-checkbox-control__input[type=checkbox][aria-checked=mixed]::before { + content: ""; + float: left; + display: inline-block; + vertical-align: middle; + width: 16px; + /* stylelint-disable */ + font: normal 30px/1 dashicons; + /* stylelint-enable */ + speak: none; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +@media (min-width: 782px) { + .components-checkbox-control__input[type=checkbox][aria-checked=mixed]::before { + float: none; + font-size: 21px; + } +} +@media (min-width: 600px) { + .components-checkbox-control__input[type=checkbox] { + height: 20px; + width: 20px; + } +} +@media (prefers-reduced-motion: reduce) { + .components-checkbox-control__input[type=checkbox] { + transition-duration: 0s; + transition-delay: 0s; + } +} +.components-checkbox-control__input[type=checkbox]:focus { + box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color); + outline: 2px solid transparent; +} +.components-checkbox-control__input[type=checkbox]:checked { + background: var(--wp-admin-theme-color); + border-color: var(--wp-admin-theme-color); +} +.components-checkbox-control__input[type=checkbox]:checked::-ms-check { + opacity: 0; +} +.components-checkbox-control__input[type=checkbox]:checked::before { + content: none; +} + +.components-checkbox-control__input-container { + position: relative; + display: inline-block; + margin-right: 12px; + vertical-align: middle; + width: 24px; + height: 24px; +} +@media (min-width: 600px) { + .components-checkbox-control__input-container { + width: 20px; + height: 20px; + } +} + +svg.components-checkbox-control__checked { + fill: #fff; + cursor: pointer; + position: absolute; + left: 0; + top: 0; + width: 24px; + height: 24px; + -webkit-user-select: none; + user-select: none; + pointer-events: none; +} +@media (min-width: 600px) { + svg.components-checkbox-control__checked { + left: -2px; + top: -2px; + } +} + +.components-circular-option-picker { + display: inline-block; + width: 100%; + min-width: 188px; +} +.components-circular-option-picker .components-circular-option-picker__custom-clear-wrapper { + display: flex; + justify-content: flex-end; +} +.components-circular-option-picker .components-circular-option-picker__swatches { + margin-right: -12px; +} + +.components-circular-option-picker__option-wrapper { + display: inline-block; + height: 28px; + width: 28px; + margin-right: 12px; + margin-bottom: 12px; + vertical-align: top; + transform: scale(1); + transition: 100ms transform ease; +} +@media (prefers-reduced-motion: reduce) { + .components-circular-option-picker__option-wrapper { + transition-duration: 0s; + transition-delay: 0s; + } +} +.components-circular-option-picker__option-wrapper:hover { + transform: scale(1.2); +} +.components-circular-option-picker__option-wrapper > div { + height: 100%; + width: 100%; +} + +.components-circular-option-picker__option-wrapper::before { + content: ""; + position: absolute; + top: 1px; + left: 1px; + bottom: 1px; + right: 1px; + border-radius: 50%; + z-index: -1; + /* stylelint-disable-next-line function-url-quotes */ + background: url('data:image/svg+xml,%3Csvg width="28" height="28" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M6 8V6H4v2h2zM8 8V6h2v2H8zM10 16H8v-2h2v2zM12 16v-2h2v2h-2zM12 18v-2h-2v2H8v2h2v-2h2zM14 18v2h-2v-2h2zM16 18h-2v-2h2v2z" fill="%23555D65"/%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M18 18h2v-2h-2v-2h2v-2h-2v-2h2V8h-2v2h-2V8h-2v2h2v2h-2v2h2v2h2v2zm-2-4v-2h2v2h-2z" fill="%23555D65"/%3E%3Cpath d="M18 18v2h-2v-2h2z" fill="%23555D65"/%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M8 10V8H6v2H4v2h2v2H4v2h2v2H4v2h2v2H4v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h2V4h-2v2h-2V4h-2v2h-2V4h-2v2h-2V4h-2v2h2v2h-2v2H8zm0 2v-2H6v2h2zm2 0v-2h2v2h-2zm0 2v-2H8v2H6v2h2v2H6v2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h-2v2h-2V6h-2v2h-2v2h2v2h-2v2h-2z" fill="%23555D65"/%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M4 0H2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h2V4h-2V2h2V0h-2v2h-2V0h-2v2h-2V0h-2v2h-2V0h-2v2h-2V0h-2v2H8V0H6v2H4V0zm0 4V2H2v2h2zm2 0V2h2v2H6zm0 2V4H4v2H2v2h2v2H2v2h2v2H2v2h2v2H2v2h2v2H2v2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h2V4h-2V2h-2v2h-2V2h-2v2h-2V2h-2v2h-2V2h-2v2H8v2H6z" fill="%23555D65"/%3E%3C/svg%3E'); +} + +.components-circular-option-picker__option { + display: inline-block; + vertical-align: top; + height: 100%; + width: 100%; + border: none; + border-radius: 50%; + background: transparent; + box-shadow: inset 0 0 0 14px; + transition: 100ms box-shadow ease; + cursor: pointer; +} +@media (prefers-reduced-motion: reduce) { + .components-circular-option-picker__option { + transition-duration: 0s; + transition-delay: 0s; + } +} +.components-circular-option-picker__option:hover { + box-shadow: inset 0 0 0 14px !important; +} +.components-circular-option-picker__option.is-pressed { + box-shadow: inset 0 0 0 4px; + position: relative; + z-index: 1; + overflow: visible; +} +.components-circular-option-picker__option.is-pressed + svg { + position: absolute; + left: 2px; + top: 2px; + border-radius: 50%; + z-index: 2; + pointer-events: none; +} +.components-circular-option-picker__option::after { + content: ""; + position: absolute; + top: -1px; + left: -1px; + bottom: -1px; + right: -1px; + border-radius: 50%; + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); + border: 1px solid transparent; +} +.components-circular-option-picker__option:focus::after { + content: ""; + border: 2px solid #757575; + width: 32px; + height: 32px; + position: absolute; + top: -2px; + left: -2px; + border-radius: 50%; + box-shadow: inset 0 0 0 2px #fff; +} +.components-circular-option-picker__option.components-button:focus { + background-color: transparent; + box-shadow: inset 0 0 0 14px; + outline: none; +} + +.components-circular-option-picker__button-action .components-circular-option-picker__option { + color: #fff; + background: #fff; +} + +.components-circular-option-picker__dropdown-link-action { + margin-right: 16px; +} +.components-circular-option-picker__dropdown-link-action .components-button { + line-height: 22px; +} + +.components-color-edit__color-option-main-area { + display: flex; + align-items: center; +} +.components-color-edit__color-option-main-area div.components-circular-option-picker__option-wrapper { + display: block; + margin: 8px; +} + +.components-color-edit__color-option.is-hover { + background: #e0e0e0; +} + +.components-color-edit__cancel-button { + float: right; +} + +.components-color-edit__color-option-color-name { + width: 100%; +} + +.components-color-edit__label-and-insert-container { + display: flex; + align-items: center; + justify-content: space-between; +} + +.components-color-edit__insert-button { + margin-top: -8px; +} + +.components-color-edit__hidden-control { + position: relative; + left: -9999px; +} + +.components-color-edit__color-option-color-name-input .components-base-control__field { + margin-bottom: 0; + margin-right: 8px; +} + +.components-color-edit__slug-input { + margin-left: 8px; +} + +.components-color-edit__reset-button { + float: right; +} + +.component-color-indicator { + width: 25px; + height: 16px; + margin-left: 0.8rem; + border: 1px solid #dadada; + display: inline-block; +} +.component-color-indicator + .component-color-indicator { + margin-left: 0.5rem; +} + +/** + * Parts of this source were derived and modified from react-color, + * released under the MIT license. + * + * https://github.com/casesandberg/react-color/ + * + * Copyright (c) 2015 Case Sandberg + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in + * all copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN + * THE SOFTWARE. + */ +.components-color-picker { + width: 100%; +} +.components-color-picker * { + box-sizing: border-box; +} + +.components-color-picker__saturation { + width: 100%; + padding-bottom: 55%; + position: relative; +} + +.components-color-picker__body { + padding: 16px 16px 12px; +} + +.components-color-picker__controls { + display: flex; +} + +.components-color-picker__saturation-pointer, +.components-color-picker__hue-pointer, +.components-color-picker__alpha-pointer { + padding: 0; + position: absolute; + cursor: pointer; + box-shadow: none; + border: none; +} + +/* CURRENT COLOR COMPONENT */ +.components-color-picker__swatch { + margin-right: 8px; + width: 32px; + height: 32px; + border-radius: 50%; + position: relative; + overflow: hidden; + background-image: linear-gradient(45deg, #ddd 25%, transparent 25%), linear-gradient(-45deg, #ddd 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #ddd 75%), linear-gradient(-45deg, transparent 75%, #ddd 75%); + background-size: 10px 10px; + background-position: 0 0, 0 5px, 5px -5px, -5px 0; +} +.is-alpha-disabled .components-color-picker__swatch { + width: 12px; + height: 12px; + margin-top: 0; +} + +.components-color-picker__active { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + border-radius: 50%; + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1); + z-index: 2; +} + +/* SATURATION COMPONENT */ +.components-color-picker__saturation-color, +.components-color-picker__saturation-white, +.components-color-picker__saturation-black { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; +} + +.components-color-picker__saturation-color { + overflow: visible; +} + +.components-color-picker__saturation-white { + /*rtl:ignore*/ + background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0)); +} + +.components-color-picker__saturation-black { + background: linear-gradient(to top, #000, rgba(0, 0, 0, 0)); +} + +.components-button.components-color-picker__saturation-pointer { + width: 14px; + height: 14px; + padding: 0; + border-radius: 50%; + background-color: transparent; + transform: translate(-50%, -50%); + box-shadow: 0 0 0 1px #fff, inset 0 0 0 1px #000, 0 0 0 2px #000; +} +.components-button.components-color-picker__saturation-pointer:focus:not(:disabled) { + box-shadow: 0 0 0 2px #fff, inset 0 0 0 1px #000, 0 0 0 3px #000; +} + +/* HUE & ALPHA BARS */ +.components-color-picker__toggles { + flex: 1; +} + +.components-color-picker__alpha { + background-image: linear-gradient(45deg, #ddd 25%, transparent 25%), linear-gradient(-45deg, #ddd 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #ddd 75%), linear-gradient(-45deg, transparent 75%, #ddd 75%); + background-size: 10px 10px; + background-position: 0 0, 0 5px, 5px -5px, -5px 0; +} + +.components-color-picker__hue-gradient, +.components-color-picker__alpha-gradient { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; +} + +.components-color-picker__hue, +.components-color-picker__alpha { + height: 12px; + position: relative; +} + +.is-alpha-enabled .components-color-picker__hue { + margin-bottom: 8px; +} + +.components-color-picker__hue-bar, +.components-color-picker__alpha-bar { + position: relative; + margin: 0 3px; + height: 100%; + padding: 0 2px; +} + +.components-color-picker__hue-gradient { + /*rtl:ignore*/ + background: linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%); +} + +.components-color-picker__hue-pointer, +.components-color-picker__alpha-pointer { + /*rtl:ignore*/ + left: 0; + width: 14px; + height: 14px; + border-radius: 50%; + box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37); + background: #fff; + transform: translate(-7px, -1px); +} + +.components-color-picker__hue-pointer, +.components-color-picker__saturation-pointer { + transition: box-shadow 0.1s linear; +} +@media (prefers-reduced-motion: reduce) { + .components-color-picker__hue-pointer, +.components-color-picker__saturation-pointer { + transition-duration: 0s; + transition-delay: 0s; + } +} + +.components-color-picker__saturation-pointer:focus { + box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color), 0 0 5px 0 var(--wp-admin-theme-color), inset 0 0 1px 1px rgba(0, 0, 0, 0.3), 0 0 1px 2px rgba(0, 0, 0, 0.4); +} + +.components-color-picker__hue-pointer:focus, +.components-color-picker__alpha-pointer:focus { + border-color: var(--wp-admin-theme-color); + box-shadow: 0 0 0 2px var(--wp-admin-theme-color), 0 0 3px 0 var(--wp-admin-theme-color); + outline: 2px solid transparent; + outline-offset: -2px; +} + +/* INPUTS COMPONENT */ +.components-color-picker__inputs-wrapper { + margin: 0 -4px; + padding-top: 16px; + display: flex; + align-items: flex-end; + min-width: 255px; +} +.components-color-picker__inputs-wrapper fieldset { + flex: 1; + border: none; + margin: 0; + padding: 0; +} +.components-color-picker__inputs-wrapper .components-color-picker__inputs-fields .components-text-control__input[type=number] { + padding: 6px 3px; + margin: 0; +} + +.components-color-picker__inputs-field { + width: 100%; +} + +.components-color-picker__inputs-fields { + display: flex; + /*rtl:ignore*/ + direction: ltr; + flex-grow: 1; + margin-right: 4px; +} +.components-color-picker__inputs-fields .components-base-control + .components-base-control { + margin-top: 0; +} +.components-color-picker__inputs-fields .components-base-control__field { + margin: 0 2px; +} + +.components-color-picker__inputs-toggle { + height: 30px; + padding: 0 5px; +} + +.components-combobox-control { + width: 100%; +} + +input.components-combobox-control__input[type=text] { + width: 100%; + border: none; + box-shadow: none; + font-size: 16px; + padding: 2px; + margin: 0; + line-height: inherit; + min-height: auto; +} +@media (min-width: 600px) { + input.components-combobox-control__input[type=text] { + font-size: 13px; + } +} +input.components-combobox-control__input[type=text]:focus { + outline: none; + box-shadow: none; +} + +.components-combobox-control__suggestions-container { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + padding: 6px 8px; + box-shadow: 0 0 0 transparent; + transition: box-shadow 0.1s linear; + border-radius: 2px; + border: 1px solid #757575; + /* Fonts smaller than 16px causes mobile safari to zoom. */ + font-size: 16px; + /* Override core line-height. To be reviewed. */ + line-height: normal; + display: flex; + flex-wrap: wrap; + align-items: flex-start; + width: 100%; + margin: 0 0 8px 0; + padding: 4px; +} +@media (prefers-reduced-motion: reduce) { + .components-combobox-control__suggestions-container { + transition-duration: 0s; + transition-delay: 0s; + } +} +@media (min-width: 600px) { + .components-combobox-control__suggestions-container { + font-size: 13px; + /* Override core line-height. To be reviewed. */ + line-height: normal; + } +} +.components-combobox-control__suggestions-container:focus { + border-color: var(--wp-admin-theme-color); + box-shadow: 0 0 0 1px var(--wp-admin-theme-color); + outline: 2px solid transparent; +} +.components-combobox-control__suggestions-container::-webkit-input-placeholder { + color: rgba(30, 30, 30, 0.62); +} +.components-combobox-control__suggestions-container::-moz-placeholder { + opacity: 1; + color: rgba(30, 30, 30, 0.62); +} +.components-combobox-control__suggestions-container:-ms-input-placeholder { + color: rgba(30, 30, 30, 0.62); +} +.components-combobox-control__suggestions-container:focus-within { + border-color: var(--wp-admin-theme-color); + box-shadow: 0 0 0 1px var(--wp-admin-theme-color); + outline: 2px solid transparent; +} + +.components-combobox-control__reset.components-button { + display: flex; + height: 24px; + min-width: 24px; + padding: 0; +} + +.components-color-list-picker, +.components-color-list-picker__swatch-button { + width: 100%; +} + +.components-custom-gradient-picker__gradient-bar:not(.has-gradient) { + opacity: 0.4; +} + +.components-custom-gradient-picker__gradient-bar { + margin-top: 12px; + width: 100%; + height: 36px; + border-radius: 36px; + margin-bottom: 12px; + padding-left: 6px; + padding-right: 30px; +} +.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__markers-container { + position: relative; +} +.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__insert-point { + border-radius: 50%; + background: #fff; + padding: 2px; + top: 6px; + min-width: 24px; + width: 24px; + height: 24px; + position: relative; + color: #1e1e1e; +} +.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__insert-point svg { + height: 100%; + width: 100%; +} +.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button { + border: 2px solid transparent; + box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) #fff; + border-radius: 50%; + height: 24px; + width: 24px; + padding: 0; + position: absolute; + top: 6px; +} +.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button:focus, .components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button.is-active { + box-shadow: 0 0 0 1px #fff, 0 0 0 3px #1e1e1e; +} + +.components-custom-gradient-picker__color-picker-popover .components-custom-gradient-picker__remove-control-point { + margin-left: auto; + margin-right: auto; + display: block; + margin-bottom: 8px; +} + +.components-custom-gradient-picker__inserter { + width: 100%; +} + +.components-custom-gradient-picker__liner-gradient-indicator { + display: inline-block; + flex: 0 auto; + width: 20px; + height: 20px; +} + +.components-custom-gradient-picker .components-custom-gradient-picker__ui-line { + margin-bottom: 16px; +} +.components-custom-gradient-picker .components-custom-gradient-picker__ui-line .components-base-control.components-angle-picker, +.components-custom-gradient-picker .components-custom-gradient-picker__ui-line .components-base-control.components-custom-gradient-picker__type-picker { + margin-bottom: 0; +} + +.components-custom-gradient-picker .components-custom-gradient-picker__toolbar { + border: none; +} +.components-custom-gradient-picker .components-custom-gradient-picker__toolbar > div + div { + margin-left: 1px; +} +.components-custom-gradient-picker .components-custom-gradient-picker__toolbar button.is-pressed > svg { + background: #fff; + border: 1px solid #949494; + border-radius: 2px; +} + +.components-custom-select-control { + position: relative; +} + +.components-custom-select-control__label { + display: block; + margin-bottom: 8px; +} + +.components-custom-select-control__button { + border: 1px solid #757575; + border-radius: 2px; + min-height: 30px; + min-width: 130px; + position: relative; + text-align: left; +} +.components-custom-select-control__button.components-custom-select-control__button { + padding-right: 24px; +} +.components-custom-select-control__button:focus:not(:disabled) { + border-color: var(--wp-admin-theme-color); + box-shadow: 0 0 0 1px var(--wp-admin-theme-color); +} +.components-custom-select-control__button .components-custom-select-control__button-icon { + height: 100%; + padding: 0; + position: absolute; + right: 0; + top: 0; +} + +.components-custom-select-control__menu { + border: 1px solid #1e1e1e; + background-color: #fff; + border-radius: 2px; + outline: none; + transition: none; + max-height: 400px; + min-width: 100%; + overflow: auto; + padding: 0; + position: absolute; + z-index: 1000000; +} +.components-custom-select-control__menu[aria-hidden=true] { + display: none; +} + +.components-custom-select-control__item { + align-items: center; + display: flex; + list-style-type: none; + padding: 8px; + cursor: default; + line-height: 28px; +} +.components-custom-select-control__item.is-highlighted { + background: #ddd; +} +.components-custom-select-control__item .components-custom-select-control__item-icon { + margin-right: 0; + margin-left: auto; +} +.components-custom-select-control__item:last-child { + margin-bottom: 0; +} + +/** + * Parts of this source were derived and modified from react-dates, + * released under the MIT license. + * + * https://github.com/airbnb/react-dates + * + * The MIT License (MIT) + * + * Copyright (c) 2016 Airbnb + * + * Permission is hereby granted, free of charge, to any person obtaining a copy + * of this software and associated documentation files (the "Software"), to deal + * in the Software without restriction, including without limitation the rights + * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell + * copies of the Software, and to permit persons to whom the Software is + * furnished to do so, subject to the following conditions: + * + * The above copyright notice and this permission notice shall be included in all + * copies or substantial portions of the Software. + * + * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR + * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, + * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE + * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER + * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, + * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE + * SOFTWARE. + */ +/*rtl:begin:ignore*/ +.PresetDateRangePicker_panel { + padding: 0 22px 11px; +} + +.PresetDateRangePicker_button { + position: relative; + height: 100%; + text-align: center; + background: 0 0; + border: 2px solid #00a699; + color: #00a699; + padding: 4px 12px; + margin-right: 8px; + font: inherit; + font-weight: 700; + line-height: normal; + overflow: visible; + box-sizing: border-box; + cursor: pointer; +} + +.PresetDateRangePicker_button:active { + outline: 0; +} + +.PresetDateRangePicker_button__selected { + color: #fff; + background: #00a699; +} + +.SingleDatePickerInput { + display: inline-block; + background-color: #fff; +} + +.SingleDatePickerInput__withBorder { + border-radius: 2px; + border: 1px solid #dbdbdb; +} + +.SingleDatePickerInput__rtl { + direction: rtl; +} + +.SingleDatePickerInput__disabled { + background-color: #f2f2f2; +} + +.SingleDatePickerInput__block { + display: block; +} + +.SingleDatePickerInput__showClearDate { + padding-right: 30px; +} + +.SingleDatePickerInput_clearDate { + background: 0 0; + border: 0; + color: inherit; + font: inherit; + line-height: normal; + overflow: visible; + cursor: pointer; + padding: 10px; + margin: 0 10px 0 5px; + position: absolute; + right: 0; + top: 50%; + transform: translateY(-50%); +} + +.SingleDatePickerInput_clearDate__default:focus, +.SingleDatePickerInput_clearDate__default:hover { + background: #dbdbdb; + border-radius: 50%; +} + +.SingleDatePickerInput_clearDate__small { + padding: 6px; +} + +.SingleDatePickerInput_clearDate__hide { + visibility: hidden; +} + +.SingleDatePickerInput_clearDate_svg { + fill: #82888a; + height: 12px; + width: 15px; + vertical-align: middle; +} + +.SingleDatePickerInput_clearDate_svg__small { + height: 9px; +} + +.SingleDatePickerInput_calendarIcon { + background: 0 0; + border: 0; + color: inherit; + font: inherit; + line-height: normal; + overflow: visible; + cursor: pointer; + display: inline-block; + vertical-align: middle; + padding: 10px; + margin: 0 5px 0 10px; +} + +.SingleDatePickerInput_calendarIcon_svg { + fill: #82888a; + height: 15px; + width: 14px; + vertical-align: middle; +} + +.SingleDatePicker { + position: relative; + display: inline-block; +} + +.SingleDatePicker__block { + display: block; +} + +.SingleDatePicker_picker { + z-index: 1; + background-color: #fff; + position: absolute; +} + +.SingleDatePicker_picker__rtl { + direction: rtl; +} + +.SingleDatePicker_picker__directionLeft { + left: 0; +} + +.SingleDatePicker_picker__directionRight { + right: 0; +} + +.SingleDatePicker_picker__portal { + background-color: rgba(0, 0, 0, 0.3); + position: fixed; + top: 0; + left: 0; + height: 100%; + width: 100%; +} + +.SingleDatePicker_picker__fullScreenPortal { + background-color: #fff; +} + +.SingleDatePicker_closeButton { + background: 0 0; + border: 0; + color: inherit; + font: inherit; + line-height: normal; + overflow: visible; + cursor: pointer; + position: absolute; + top: 0; + right: 0; + padding: 15px; + z-index: 2; +} + +.SingleDatePicker_closeButton:focus, +.SingleDatePicker_closeButton:hover { + color: #b0b3b4; + text-decoration: none; +} + +.SingleDatePicker_closeButton_svg { + height: 15px; + width: 15px; + fill: #cacccd; +} + +.DayPickerKeyboardShortcuts_buttonReset { + background: 0 0; + border: 0; + border-radius: 0; + color: inherit; + font: inherit; + line-height: normal; + overflow: visible; + padding: 0; + cursor: pointer; + font-size: 14px; +} + +.DayPickerKeyboardShortcuts_buttonReset:active { + outline: 0; +} + +.DayPickerKeyboardShortcuts_show { + width: 22px; + position: absolute; + z-index: 2; +} + +.DayPickerKeyboardShortcuts_show__bottomRight { + border-top: 26px solid transparent; + border-right: 33px solid #00a699; + bottom: 0; + right: 0; +} + +.DayPickerKeyboardShortcuts_show__bottomRight:hover { + border-right: 33px solid #008489; +} + +.DayPickerKeyboardShortcuts_show__topRight { + border-bottom: 26px solid transparent; + border-right: 33px solid #00a699; + top: 0; + right: 0; +} + +.DayPickerKeyboardShortcuts_show__topRight:hover { + border-right: 33px solid #008489; +} + +.DayPickerKeyboardShortcuts_show__topLeft { + border-bottom: 26px solid transparent; + border-left: 33px solid #00a699; + top: 0; + left: 0; +} + +.DayPickerKeyboardShortcuts_show__topLeft:hover { + border-left: 33px solid #008489; +} + +.DayPickerKeyboardShortcuts_showSpan { + color: #fff; + position: absolute; +} + +.DayPickerKeyboardShortcuts_showSpan__bottomRight { + bottom: 0; + right: -28px; +} + +.DayPickerKeyboardShortcuts_showSpan__topRight { + top: 1px; + right: -28px; +} + +.DayPickerKeyboardShortcuts_showSpan__topLeft { + top: 1px; + left: -28px; +} + +.DayPickerKeyboardShortcuts_panel { + overflow: auto; + background: #fff; + border: 1px solid #dbdbdb; + border-radius: 2px; + position: absolute; + top: 0; + bottom: 0; + right: 0; + left: 0; + z-index: 2; + padding: 22px; + margin: 33px; +} + +.DayPickerKeyboardShortcuts_title { + font-size: 16px; + font-weight: 700; + margin: 0; +} + +.DayPickerKeyboardShortcuts_list { + list-style: none; + padding: 0; + font-size: 14px; +} + +.DayPickerKeyboardShortcuts_close { + position: absolute; + right: 22px; + top: 22px; + z-index: 2; +} + +.DayPickerKeyboardShortcuts_close:active { + outline: 0; +} + +.DayPickerKeyboardShortcuts_closeSvg { + height: 15px; + width: 15px; + fill: #cacccd; +} + +.DayPickerKeyboardShortcuts_closeSvg:focus, +.DayPickerKeyboardShortcuts_closeSvg:hover { + fill: #82888a; +} + +.CalendarDay { + box-sizing: border-box; + cursor: pointer; + font-size: 14px; + text-align: center; +} + +.CalendarDay:active { + outline: 0; +} + +.CalendarDay__defaultCursor { + cursor: default; +} + +.CalendarDay__default { + border: 1px solid #e4e7e7; + color: #484848; + background: #fff; +} + +.CalendarDay__default:hover { + background: #e4e7e7; + border: 1px double #e4e7e7; + color: inherit; +} + +.CalendarDay__hovered_offset { + background: #f4f5f5; + border: 1px double #e4e7e7; + color: inherit; +} + +.CalendarDay__outside { + border: 0; + background: #fff; + color: #484848; +} + +.CalendarDay__outside:hover { + border: 0; +} + +.CalendarDay__blocked_minimum_nights { + background: #fff; + border: 1px solid #eceeee; + color: #cacccd; +} + +.CalendarDay__blocked_minimum_nights:active, +.CalendarDay__blocked_minimum_nights:hover { + background: #fff; + color: #cacccd; +} + +.CalendarDay__highlighted_calendar { + background: #ffe8bc; + color: #484848; +} + +.CalendarDay__highlighted_calendar:active, +.CalendarDay__highlighted_calendar:hover { + background: #ffce71; + color: #484848; +} + +.CalendarDay__selected_span { + background: #66e2da; + border: 1px solid #33dacd; + color: #fff; +} + +.CalendarDay__selected_span:active, +.CalendarDay__selected_span:hover { + background: #33dacd; + border: 1px solid #33dacd; + color: #fff; +} + +.CalendarDay__last_in_range { + border-right: #00a699; +} + +.CalendarDay__selected, +.CalendarDay__selected:active, +.CalendarDay__selected:hover { + background: #00a699; + border: 1px solid #00a699; + color: #fff; +} + +.CalendarDay__hovered_span, +.CalendarDay__hovered_span:hover { + background: #b2f1ec; + border: 1px solid #80e8e0; + color: #007a87; +} + +.CalendarDay__hovered_span:active { + background: #80e8e0; + border: 1px solid #80e8e0; + color: #007a87; +} + +.CalendarDay__blocked_calendar, +.CalendarDay__blocked_calendar:active, +.CalendarDay__blocked_calendar:hover { + background: #cacccd; + border: 1px solid #cacccd; + color: #82888a; +} + +.CalendarDay__blocked_out_of_range, +.CalendarDay__blocked_out_of_range:active, +.CalendarDay__blocked_out_of_range:hover { + background: #fff; + border: 1px solid #e4e7e7; + color: #cacccd; +} + +.CalendarMonth { + background: #fff; + text-align: center; + vertical-align: top; + -webkit-user-select: none; + user-select: none; +} + +.CalendarMonth_table { + border-collapse: collapse; + border-spacing: 0; +} + +.CalendarMonth_verticalSpacing { + border-collapse: separate; +} + +.CalendarMonth_caption { + color: #484848; + font-size: 18px; + text-align: center; + padding-top: 22px; + padding-bottom: 37px; + caption-side: initial; +} + +.CalendarMonth_caption__verticalScrollable { + padding-top: 12px; + padding-bottom: 7px; +} + +.CalendarMonthGrid { + background: #fff; + text-align: left; + z-index: 0; +} + +.CalendarMonthGrid__animating { + z-index: 1; +} + +.CalendarMonthGrid__horizontal { + position: absolute; + left: 0; +} + +.CalendarMonthGrid__vertical { + margin: 0 auto; +} + +.CalendarMonthGrid__vertical_scrollable { + margin: 0 auto; + overflow-y: scroll; +} + +.CalendarMonthGrid_month__horizontal { + display: inline-block; + vertical-align: top; + min-height: 100%; +} + +.CalendarMonthGrid_month__hideForAnimation { + position: absolute; + z-index: -1; + opacity: 0; + pointer-events: none; +} + +.CalendarMonthGrid_month__hidden { + visibility: hidden; +} + +.DayPickerNavigation { + position: relative; + z-index: 2; +} + +.DayPickerNavigation__horizontal { + height: 0; +} + +.DayPickerNavigation__verticalDefault { + position: absolute; + width: 100%; + height: 52px; + bottom: 0; + left: 0; +} + +.DayPickerNavigation__verticalScrollableDefault { + position: relative; +} + +.DayPickerNavigation_button { + cursor: pointer; + -webkit-user-select: none; + user-select: none; + border: 0; + padding: 0; + margin: 0; +} + +.DayPickerNavigation_button__default { + border: 1px solid #e4e7e7; + background-color: #fff; + color: #757575; +} + +.DayPickerNavigation_button__default:focus, +.DayPickerNavigation_button__default:hover { + border: 1px solid #c4c4c4; +} + +.DayPickerNavigation_button__default:active { + background: #f2f2f2; +} + +.DayPickerNavigation_button__horizontalDefault { + position: absolute; + top: 18px; + line-height: 0.78; + border-radius: 3px; + padding: 6px 9px; +} + +.DayPickerNavigation_leftButton__horizontalDefault { + left: 22px; +} + +.DayPickerNavigation_rightButton__horizontalDefault { + right: 22px; +} + +.DayPickerNavigation_button__verticalDefault { + padding: 5px; + background: #fff; + box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1); + position: relative; + display: inline-block; + height: 100%; + width: 50%; +} + +.DayPickerNavigation_nextButton__verticalDefault { + border-left: 0; +} + +.DayPickerNavigation_nextButton__verticalScrollableDefault { + width: 100%; +} + +.DayPickerNavigation_svg__horizontal { + height: 19px; + width: 19px; + fill: #82888a; + display: block; +} + +.DayPickerNavigation_svg__vertical { + height: 42px; + width: 42px; + fill: #484848; + display: block; +} + +.DayPicker { + background: #fff; + position: relative; + text-align: left; +} + +.DayPicker__horizontal { + background: #fff; +} + +.DayPicker__verticalScrollable { + height: 100%; +} + +.DayPicker__hidden { + visibility: hidden; +} + +.DayPicker__withBorder { + box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.07); + border-radius: 3px; +} + +.DayPicker_portal__horizontal { + box-shadow: none; + position: absolute; + left: 50%; + top: 50%; +} + +.DayPicker_portal__vertical { + position: initial; +} + +.DayPicker_focusRegion { + outline: 0; +} + +.DayPicker_calendarInfo__horizontal, +.DayPicker_wrapper__horizontal { + display: inline-block; + vertical-align: top; +} + +.DayPicker_weekHeaders { + position: relative; +} + +.DayPicker_weekHeaders__horizontal { + margin-left: 13px; +} + +.DayPicker_weekHeader { + color: #757575; + position: absolute; + top: 62px; + z-index: 2; + text-align: left; + padding: 0 !important; +} + +.DayPicker_weekHeader__vertical { + left: 50%; +} + +.DayPicker_weekHeader__verticalScrollable { + top: 0; + display: table-row; + border-bottom: 1px solid #dbdbdb; + background: #fff; + margin-left: 0; + left: 0; + width: 100%; + text-align: center; +} + +.DayPicker_weekHeader_ul { + list-style: none; + margin: 1px 0; + padding-left: 0; + padding-right: 0; + font-size: 14px; +} + +.DayPicker_weekHeader_li { + display: inline-block; + text-align: center; + margin: 0 1px; +} + +.DayPicker_transitionContainer { + position: relative; + overflow: hidden; + border-radius: 3px; +} + +.DayPicker_transitionContainer__horizontal { + transition: height 0.2s ease-in-out; +} + +.DayPicker_transitionContainer__vertical { + width: 100%; +} + +.DayPicker_transitionContainer__verticalScrollable { + padding-top: 20px; + height: 100%; + position: absolute; + top: 0; + bottom: 0; + right: 0; + left: 0; + overflow-y: scroll; +} + +.DateInput { + margin: 0; + padding: 0; + background: #fff; + position: relative; + display: inline-block; + width: 130px; + vertical-align: middle; +} + +.DateInput__small { + width: 97px; +} + +.DateInput__block { + width: 100%; +} + +.DateInput__disabled { + background: #f2f2f2; + color: #dbdbdb; +} + +.DateInput_input { + font-weight: 200; + font-size: 19px; + line-height: 24px; + color: #484848; + background-color: #fff; + width: 100%; + padding: 11px 11px 9px; + border: 0; + border-top: 0; + border-right: 0; + border-bottom: 2px solid transparent; + border-left: 0; + border-radius: 0; +} + +.DateInput_input__small { + font-size: 15px; + line-height: 18px; + letter-spacing: 0.2px; + padding: 7px 7px 5px; +} + +.DateInput_input__regular { + font-weight: auto; +} + +.DateInput_input__readOnly { + -webkit-user-select: none; + user-select: none; +} + +.DateInput_input__focused { + outline: 0; + background: #fff; + border: 0; + border-top: 0; + border-right: 0; + border-bottom: 2px solid #008489; + border-left: 0; +} + +.DateInput_input__disabled { + background: #f2f2f2; + font-style: italic; +} + +.DateInput_screenReaderMessage { + border: 0; + clip: rect(0, 0, 0, 0); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; +} + +.DateInput_fang { + position: absolute; + width: 20px; + height: 10px; + left: 22px; + z-index: 2; +} + +.DateInput_fangShape { + fill: #fff; +} + +.DateInput_fangStroke { + stroke: #dbdbdb; + fill: transparent; +} + +.DateRangePickerInput { + background-color: #fff; + display: inline-block; +} + +.DateRangePickerInput__disabled { + background: #f2f2f2; +} + +.DateRangePickerInput__withBorder { + border-radius: 2px; + border: 1px solid #dbdbdb; +} + +.DateRangePickerInput__rtl { + direction: rtl; +} + +.DateRangePickerInput__block { + display: block; +} + +.DateRangePickerInput__showClearDates { + padding-right: 30px; +} + +.DateRangePickerInput_arrow { + display: inline-block; + vertical-align: middle; + color: #484848; +} + +.DateRangePickerInput_arrow_svg { + vertical-align: middle; + fill: #484848; + height: 24px; + width: 24px; +} + +.DateRangePickerInput_clearDates { + background: 0 0; + border: 0; + color: inherit; + font: inherit; + line-height: normal; + overflow: visible; + cursor: pointer; + padding: 10px; + margin: 0 10px 0 5px; + position: absolute; + right: 0; + top: 50%; + transform: translateY(-50%); +} + +.DateRangePickerInput_clearDates__small { + padding: 6px; +} + +.DateRangePickerInput_clearDates_default:focus, +.DateRangePickerInput_clearDates_default:hover { + background: #dbdbdb; + border-radius: 50%; +} + +.DateRangePickerInput_clearDates__hide { + visibility: hidden; +} + +.DateRangePickerInput_clearDates_svg { + fill: #82888a; + height: 12px; + width: 15px; + vertical-align: middle; +} + +.DateRangePickerInput_clearDates_svg__small { + height: 9px; +} + +.DateRangePickerInput_calendarIcon { + background: 0 0; + border: 0; + color: inherit; + font: inherit; + line-height: normal; + overflow: visible; + cursor: pointer; + display: inline-block; + vertical-align: middle; + padding: 10px; + margin: 0 5px 0 10px; +} + +.DateRangePickerInput_calendarIcon_svg { + fill: #82888a; + height: 15px; + width: 14px; + vertical-align: middle; +} + +.DateRangePicker { + position: relative; + display: inline-block; +} + +.DateRangePicker__block { + display: block; +} + +.DateRangePicker_picker { + z-index: 1; + background-color: #fff; + position: absolute; +} + +.DateRangePicker_picker__rtl { + direction: rtl; +} + +.DateRangePicker_picker__directionLeft { + left: 0; +} + +.DateRangePicker_picker__directionRight { + right: 0; +} + +.DateRangePicker_picker__portal { + background-color: rgba(0, 0, 0, 0.3); + position: fixed; + top: 0; + left: 0; + height: 100%; + width: 100%; +} + +.DateRangePicker_picker__fullScreenPortal { + background-color: #fff; +} + +.DateRangePicker_closeButton { + background: 0 0; + border: 0; + color: inherit; + font: inherit; + line-height: normal; + overflow: visible; + cursor: pointer; + position: absolute; + top: 0; + right: 0; + padding: 15px; + z-index: 2; +} + +.DateRangePicker_closeButton:focus, +.DateRangePicker_closeButton:hover { + color: #b0b3b4; + text-decoration: none; +} + +.DateRangePicker_closeButton_svg { + height: 15px; + width: 15px; + fill: #cacccd; +} + +/*rtl:end:ignore*/ +.components-datetime { + padding: 16px; +} +.components-panel__body .components-datetime { + padding: 0; +} +.components-datetime .components-datetime__calendar-help { + padding: 16px; +} +.components-datetime .components-datetime__calendar-help h4 { + margin: 0; +} +.components-datetime .components-datetime__buttons { + display: flex; + justify-content: space-between; +} +.components-datetime .components-datetime__date-help-toggle { + display: block; + margin-left: auto; +} +.components-datetime fieldset { + border: 0; + padding: 0; + margin: 0; +} +.components-datetime select, +.components-datetime input { + box-shadow: 0 0 0 transparent; + transition: box-shadow 0.1s linear; + border-radius: 2px; + border: 1px solid #757575; +} +@media (prefers-reduced-motion: reduce) { + .components-datetime select, +.components-datetime input { + transition-duration: 0s; + transition-delay: 0s; + } +} +.components-datetime select, +.components-datetime input[type=number], +.components-datetime .components-button { + height: 30px; + margin-top: 0; + margin-bottom: 0; +} + +.components-datetime__date { + min-height: 236px; + border-top: 1px solid #ddd; +} +.components-datetime__date .DayPickerNavigation_leftButton__horizontalDefault { + /*!rtl:begin:ignore*/ + left: 13px; + /*!rtl:end:ignore*/ +} +.components-datetime__date .CalendarMonth_caption { + font-size: 13px; +} +.components-datetime__date .CalendarMonth_table { + border-collapse: separate; + border-spacing: 2px; +} +.components-datetime__date .CalendarDay { + font-size: 13px; + border: none; + border-radius: 50%; + text-align: center; +} +.components-datetime__date .CalendarDay:focus { + box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 3px #fff; + outline: 2px solid transparent; +} +.components-datetime__date .CalendarDay__selected { + background: var(--wp-admin-theme-color); + border: 2px solid transparent; +} +.components-datetime__date .CalendarDay__selected:hover { + background: var(--wp-admin-theme-color-darker-20); +} +.components-datetime__date .CalendarDay__selected:focus { + box-shadow: inset 0 0 0 1px #fff; +} +.components-datetime__date .DayPickerNavigation_button__horizontalDefault { + padding: 2px 8px; + top: 20px; +} +.components-datetime__date .DayPickerNavigation_button__horizontalDefault:focus { + border-color: var(--wp-admin-theme-color); + box-shadow: 0 0 0 1px var(--wp-admin-theme-color); + outline: 2px solid transparent; +} +.components-datetime__date .DayPicker_weekHeader { + top: 50px; +} +.components-datetime__date .DayPicker_weekHeader .DayPicker_weekHeader_ul { + margin: 1px; + padding-left: 0; + padding-right: 0; +} +.components-datetime__date.is-description-visible .DayPicker { + visibility: hidden; +} + +.components-datetime__date .CalendarDay .components-datetime__date__day { + height: 100%; + display: flex; + justify-content: center; + align-content: center; + flex-direction: column; + position: relative; +} +.components-datetime__date .CalendarDay .components-datetime__date__day.has-events::before { + content: " "; + width: 4px; + height: 4px; + border-radius: 2px; + position: absolute; + left: 50%; + margin-left: -2px; + bottom: 0; + background-color: #fff; +} + +.components-datetime__date .CalendarDay:not(.CalendarDay__selected) .components-datetime__date__day.has-events::before { + background: var(--wp-admin-theme-color); +} + +.components-datetime__time { + padding-bottom: 16px; +} +.components-datetime__time fieldset { + position: relative; + margin-bottom: 0.5em; +} +.components-datetime__time fieldset + fieldset { + margin-bottom: 0; +} +.components-datetime__time .components-datetime__time-field-am-pm fieldset { + margin-top: 0; +} +.components-datetime__time .components-datetime__time-wrapper { + display: flex; +} +.components-datetime__time .components-datetime__time-wrapper .components-datetime__time-separator { + display: inline-block; + padding: 0 3px 0 0; +} +.components-datetime__time .components-datetime__time-wrapper .components-datetime__time-field-time { + /*rtl:ignore*/ + direction: ltr; +} +.components-datetime__time .components-datetime__time-wrapper .components-datetime__time-field select { + margin-right: 4px; +} +.components-datetime__time .components-datetime__time-wrapper .components-datetime__time-field select:focus { + position: relative; + z-index: 1; +} +.components-datetime__time .components-datetime__time-wrapper .components-datetime__time-field input[type=number] { + padding: 2px; + margin-right: 4px; + text-align: center; + -moz-appearance: textfield; +} +.components-datetime__time .components-datetime__time-wrapper .components-datetime__time-field input[type=number]:focus { + position: relative; + z-index: 1; +} +.components-datetime__time .components-datetime__time-wrapper .components-datetime__time-field input[type=number]::-webkit-inner-spin-button { + -webkit-appearance: none; + margin: 0; +} +.components-datetime__time.is-12-hour .components-datetime__time-field-day input { + margin: -4px 0 0 !important; + border-radius: 2px 0 0 2px !important; +} +.components-datetime__time.is-12-hour .components-datetime__time-field-year input { + border-radius: 0 2px 2px 0 !important; +} + +.components-datetime__timezone { + line-height: 30px; + margin-left: 4px; + -webkit-text-decoration: underline dotted; + text-decoration: underline dotted; +} + +.components-datetime__time-legend { + font-weight: 600; + margin-top: 0.5em; +} +.components-datetime__time-legend.invisible { + position: absolute; + top: -999em; + left: -999em; +} + +.components-datetime__time-field-hours-input, +.components-datetime__time-field-minutes-input, +.components-datetime__time-field-day-input { + width: 35px; +} + +.components-datetime__time-field-year-input { + width: 55px; +} + +.components-datetime__time-field-month-select { + max-width: 145px; +} + +.components-popover .components-datetime__date { + padding-left: 4px; +} + +.block-editor-dimension-control .components-base-control__field { + display: flex; + align-items: center; +} +.block-editor-dimension-control .components-base-control__label { + display: flex; + align-items: center; + margin-right: 1em; + margin-bottom: 0; +} +.block-editor-dimension-control .components-base-control__label .dashicon { + margin-right: 0.5em; +} +.block-editor-dimension-control.is-manual .components-base-control__label { + width: 10em; +} + +body.is-dragging-components-draggable { + cursor: move; + /* Fallback for IE/Edge < 14 */ + cursor: grabbing !important; +} + +.components-draggable__invisible-drag-image { + position: fixed; + left: -1000px; + height: 50px; + width: 50px; +} + +.components-draggable__clone { + position: fixed; + padding: 0; + background: transparent; + pointer-events: none; + z-index: 1000000000; +} + +.components-drop-zone { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 40; + visibility: hidden; + opacity: 0; + transition: 0.3s opacity, 0.3s background-color, 0s visibility 0.3s; + border: 2px solid var(--wp-admin-theme-color); + border-radius: 2px; +} +@media (prefers-reduced-motion: reduce) { + .components-drop-zone { + transition-duration: 0s; + transition-delay: 0s; + } +} +.components-drop-zone.is-active { + opacity: 1; + visibility: visible; + transition: 0.3s opacity, 0.3s background-color; +} +@media (prefers-reduced-motion: reduce) { + .components-drop-zone.is-active { + transition-duration: 0s; + transition-delay: 0s; + } +} +.components-drop-zone.is-dragging-over-element { + background-color: var(--wp-admin-theme-color); +} + +.components-drop-zone__content { + position: absolute; + top: 50%; + left: 0; + right: 0; + z-index: 50; + transform: translateY(-50%); + width: 100%; + text-align: center; + color: #fff; + transition: transform 0.2s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .components-drop-zone__content { + transition-duration: 0s; + transition-delay: 0s; + } +} + +.components-drop-zone.is-dragging-over-element .components-drop-zone__content { + transform: translateY(-50%) scale(1.05); +} + +.components-drop-zone__content-icon, +.components-drop-zone__content-text { + display: block; +} + +.components-drop-zone__content-icon { + margin: 0 auto; + line-height: 0; + fill: currentColor; +} + +.components-drop-zone__content-text { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; +} + +.components-dropdown { + display: inline-block; +} + +.components-dropdown__content .components-popover__content > div { + padding: 12px; +} + +.components-dropdown-menu__popover .components-popover__content { + min-width: 200px; +} + +.components-dropdown-menu__menu { + width: 100%; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + font-size: 13px; + line-height: 1.4; +} +.components-dropdown-menu__menu .components-dropdown-menu__menu-item, +.components-dropdown-menu__menu .components-menu-item { + width: 100%; + padding: 6px; + outline: none; + cursor: pointer; + white-space: nowrap; +} +.components-dropdown-menu__menu .components-dropdown-menu__menu-item.has-separator, +.components-dropdown-menu__menu .components-menu-item.has-separator { + margin-top: 6px; + position: relative; + overflow: visible; +} +.components-dropdown-menu__menu .components-dropdown-menu__menu-item.has-separator::before, +.components-dropdown-menu__menu .components-menu-item.has-separator::before { + display: block; + content: ""; + box-sizing: content-box; + background-color: #ddd; + position: absolute; + top: -3px; + left: 0; + right: 0; + height: 1px; +} +.components-dropdown-menu__menu .components-dropdown-menu__menu-item.is-active svg, +.components-dropdown-menu__menu .components-menu-item.is-active svg { + color: #fff; + background: #1e1e1e; + box-shadow: 0 0 0 1px #1e1e1e; + border-radius: 1px; +} +.components-dropdown-menu__menu .components-dropdown-menu__menu-item > svg, +.components-dropdown-menu__menu .components-menu-item > svg { + border-radius: 2px; + width: 24px; + height: 24px; +} +.components-dropdown-menu__menu .components-menu-item__button, +.components-dropdown-menu__menu .components-menu-item__button.components-button { + min-height: 36px; + height: auto; + text-align: left; + padding-left: 8px; + padding-right: 8px; +} +.components-dropdown-menu__menu .components-menu-group { + padding: 12px; + margin-top: 0; + margin-bottom: 0; + margin-left: -12px; + margin-right: -12px; +} +.components-dropdown-menu__menu .components-menu-group:first-child { + margin-top: -12px; +} +.components-dropdown-menu__menu .components-menu-group:last-child { + margin-bottom: -12px; +} +.components-dropdown-menu__menu .components-menu-group + .components-menu-group { + margin-top: 0; + border-top: 1px solid #ccc; + padding: 12px; +} +.is-alternate .components-dropdown-menu__menu .components-menu-group + .components-menu-group { + border-color: #1e1e1e; +} + +.components-font-size-picker__controls { + max-width: 248px; + display: flex; + flex-wrap: wrap; + align-items: center; + margin-bottom: 24px; +} +.components-font-size-picker__controls .components-unit-control-wrapper { + margin-right: 8px; +} +.components-font-size-picker__controls .components-unit-control-wrapper .components-input-control__label { + font-weight: 300; + padding-bottom: 0 !important; + margin-bottom: 8px !important; +} +.components-font-size-picker__controls .components-custom-select-control__button { + min-width: 120px; +} +.components-font-size-picker__controls .components-font-size-picker__number { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + padding: 6px 8px; + box-shadow: 0 0 0 transparent; + transition: box-shadow 0.1s linear; + border-radius: 2px; + border: 1px solid #757575; + /* Fonts smaller than 16px causes mobile safari to zoom. */ + font-size: 16px; + /* Override core line-height. To be reviewed. */ + line-height: normal; + display: inline-block; + font-weight: 500; + height: 30px; + margin-bottom: 0; + margin-left: 0; + margin-right: 8px; + margin-top: 8px; + width: 54px; +} +@media (prefers-reduced-motion: reduce) { + .components-font-size-picker__controls .components-font-size-picker__number { + transition-duration: 0s; + transition-delay: 0s; + } +} +@media (min-width: 600px) { + .components-font-size-picker__controls .components-font-size-picker__number { + font-size: 13px; + /* Override core line-height. To be reviewed. */ + line-height: normal; + } +} +.components-font-size-picker__controls .components-font-size-picker__number:focus { + border-color: var(--wp-admin-theme-color); + box-shadow: 0 0 0 1px var(--wp-admin-theme-color); + outline: 2px solid transparent; +} +.components-font-size-picker__controls .components-font-size-picker__number::-webkit-input-placeholder { + color: rgba(30, 30, 30, 0.62); +} +.components-font-size-picker__controls .components-font-size-picker__number::-moz-placeholder { + opacity: 1; + color: rgba(30, 30, 30, 0.62); +} +.components-font-size-picker__controls .components-font-size-picker__number:-ms-input-placeholder { + color: rgba(30, 30, 30, 0.62); +} +.components-font-size-picker__controls .components-font-size-picker__number[value=""] + .components-button { + cursor: default; + opacity: 0.3; + pointer-events: none; +} +.components-font-size-picker__controls .components-font-size-picker__number-container { + display: flex; + flex-direction: column; +} +.components-font-size-picker__controls .components-font-size-picker__select { + margin-right: 8px; +} +.components-font-size-picker__controls .components-color-palette__clear { + height: 30px; + margin-top: 26px; +} + +.components-font-size-picker__custom-input .components-range-control__slider + .dashicon { + width: 30px; + height: 30px; +} + +.components-font-size-picker { + border: 0; + padding: 0; + margin: 0; +} + +.components-form-toggle { + position: relative; + display: inline-block; +} +.components-form-toggle .components-form-toggle__track { + content: ""; + display: inline-block; + box-sizing: border-box; + vertical-align: top; + background-color: #fff; + border: 1px solid #1e1e1e; + width: 36px; + height: 18px; + border-radius: 9px; + transition: 0.2s background ease; +} +@media (prefers-reduced-motion: reduce) { + .components-form-toggle .components-form-toggle__track { + transition-duration: 0s; + transition-delay: 0s; + } +} +.components-form-toggle .components-form-toggle__thumb { + display: block; + position: absolute; + box-sizing: border-box; + top: 3px; + left: 3px; + width: 12px; + height: 12px; + border-radius: 50%; + transition: 0.1s transform ease; + background-color: #1e1e1e; + border: 5px solid #1e1e1e; +} +@media (prefers-reduced-motion: reduce) { + .components-form-toggle .components-form-toggle__thumb { + transition-duration: 0s; + transition-delay: 0s; + } +} +.components-form-toggle.is-checked .components-form-toggle__track { + background-color: var(--wp-admin-theme-color); + border: 1px solid var(--wp-admin-theme-color); + border: 9px solid transparent; +} +.components-form-toggle .components-form-toggle__input:focus + .components-form-toggle__track { + box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color); + outline: 2px solid transparent; + outline-offset: 2px; +} +.components-form-toggle.is-checked .components-form-toggle__thumb { + background-color: #fff; + border-width: 0; + transform: translateX(18px); +} +.components-form-toggle.is-disabled, .components-disabled .components-form-toggle { + opacity: 0.3; +} + +.components-form-toggle input.components-form-toggle__input[type=checkbox] { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + opacity: 0; + margin: 0; + padding: 0; + z-index: 1; + border: none; +} +.components-form-toggle input.components-form-toggle__input[type=checkbox]:checked { + background: none; +} +.components-form-toggle input.components-form-toggle__input[type=checkbox]::before { + content: ""; +} + +.components-form-token-field__input-container { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + padding: 6px 8px; + box-shadow: 0 0 0 transparent; + transition: box-shadow 0.1s linear; + border-radius: 2px; + border: 1px solid #757575; + /* Fonts smaller than 16px causes mobile safari to zoom. */ + font-size: 16px; + /* Override core line-height. To be reviewed. */ + line-height: normal; + display: flex; + flex-wrap: wrap; + align-items: center; + width: 100%; + margin: 0 0 8px 0; + padding: 2px 4px; + cursor: text; +} +@media (prefers-reduced-motion: reduce) { + .components-form-token-field__input-container { + transition-duration: 0s; + transition-delay: 0s; + } +} +@media (min-width: 600px) { + .components-form-token-field__input-container { + font-size: 13px; + /* Override core line-height. To be reviewed. */ + line-height: normal; + } +} +.components-form-token-field__input-container:focus { + border-color: var(--wp-admin-theme-color); + box-shadow: 0 0 0 1px var(--wp-admin-theme-color); + outline: 2px solid transparent; +} +.components-form-token-field__input-container::-webkit-input-placeholder { + color: rgba(30, 30, 30, 0.62); +} +.components-form-token-field__input-container::-moz-placeholder { + opacity: 1; + color: rgba(30, 30, 30, 0.62); +} +.components-form-token-field__input-container:-ms-input-placeholder { + color: rgba(30, 30, 30, 0.62); +} +.components-form-token-field__input-container.is-disabled { + background: #ddd; + border-color: #ddd; +} +.components-form-token-field__input-container.is-active { + border-color: var(--wp-admin-theme-color); + box-shadow: 0 0 0 1px var(--wp-admin-theme-color); + outline: 2px solid transparent; +} +.components-form-token-field__input-container input[type=text].components-form-token-field__input { + display: inline-block; + flex: 1; + font-size: 16px; + width: 100%; + max-width: 100%; + margin-left: 4px; + padding: 0; + min-height: 24px; + min-width: 50px; + background: inherit; + border: 0; + color: #1e1e1e; + box-shadow: none; +} +@media (min-width: 600px) { + .components-form-token-field__input-container input[type=text].components-form-token-field__input { + font-size: 13px; + } +} +.components-form-token-field__input-container input[type=text].components-form-token-field__input:focus, .components-form-token-field.is-active .components-form-token-field__input-container input[type=text].components-form-token-field__input { + outline: none; + box-shadow: none; +} +.components-form-token-field__input-container .components-form-token-field__token + input[type=text].components-form-token-field__input { + width: auto; +} + +.components-form-token-field__label { + display: inline-block; + margin-bottom: 4px; +} + +.components-form-token-field__help { + font-size: 12px; + font-style: normal; + color: #757575; +} + +.components-form-token-field__token { + font-size: 13px; + display: flex; + margin: 2px 4px 2px 0; + color: #1e1e1e; + max-width: 100%; +} +.components-form-token-field__token.is-success .components-form-token-field__token-text, +.components-form-token-field__token.is-success .components-form-token-field__remove-token { + background: #4ab866; +} +.components-form-token-field__token.is-error .components-form-token-field__token-text, +.components-form-token-field__token.is-error .components-form-token-field__remove-token { + background: #cc1818; +} +.components-form-token-field__token.is-validating .components-form-token-field__token-text, +.components-form-token-field__token.is-validating .components-form-token-field__remove-token { + color: #757575; +} +.components-form-token-field__token.is-borderless { + position: relative; + padding: 0 16px 0 0; +} +.components-form-token-field__token.is-borderless .components-form-token-field__token-text { + background: transparent; + color: var(--wp-admin-theme-color); +} +.components-form-token-field__token.is-borderless .components-form-token-field__remove-token { + background: transparent; + color: #757575; + position: absolute; + top: 1px; + right: 0; +} +.components-form-token-field__token.is-borderless.is-success .components-form-token-field__token-text { + color: #4ab866; +} +.components-form-token-field__token.is-borderless.is-error .components-form-token-field__token-text { + color: #cc1818; + border-radius: 4px 0 0 4px; + padding: 0 4px 0 6px; +} +.components-form-token-field__token.is-borderless.is-validating .components-form-token-field__token-text { + color: #1e1e1e; +} +.components-form-token-field__token.is-disabled .components-form-token-field__remove-token { + cursor: default; +} + +.components-form-token-field__token-text, +.components-form-token-field__remove-token.components-button { + display: inline-block; + line-height: 24px; + height: auto; + background: #ddd; + min-width: unset; + transition: all 0.2s cubic-bezier(0.4, 1, 0.4, 1); +} +@media (prefers-reduced-motion: reduce) { + .components-form-token-field__token-text, +.components-form-token-field__remove-token.components-button { + transition-duration: 0s; + transition-delay: 0s; + animation-duration: 1ms; + animation-delay: 0s; + } +} + +.components-form-token-field__token-text { + border-radius: 2px 0 0 2px; + padding: 0 0 0 8px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +.components-form-token-field__remove-token.components-button { + cursor: pointer; + border-radius: 0 2px 2px 0; + padding: 0 2px; + color: #1e1e1e; + line-height: 10px; + overflow: initial; +} +.components-form-token-field__remove-token.components-button:hover { + color: #1e1e1e; +} + +.components-form-token-field__suggestions-list { + flex: 1 0 100%; + min-width: 100%; + max-height: 9em; + overflow-y: auto; + transition: all 0.15s ease-in-out; + list-style: none; + border-top: 1px solid #757575; + margin: 4px -4px -4px; + padding: 0; +} +@media (prefers-reduced-motion: reduce) { + .components-form-token-field__suggestions-list { + transition-duration: 0s; + transition-delay: 0s; + } +} + +.components-form-token-field__suggestion { + color: #757575; + display: block; + font-size: 13px; + padding: 4px 8px; + margin: 0; + cursor: pointer; +} +.components-form-token-field__suggestion.is-selected { + background: var(--wp-admin-theme-color); + color: #fff; +} + +.components-form-token-field__suggestion-match { + text-decoration: underline; +} + +@media (min-width: 600px) { + .components-guide { + width: 600px; + } +} +.components-guide .components-modal__header { + background: none; + border-bottom: none; + width: 100%; + padding: 0; + margin: 0; +} +.components-guide .components-modal__header .components-button { + align-self: flex-start; + margin: 8px 8px 0 0; + position: static; +} +.components-guide .components-modal__header .components-button:hover svg { + fill: #fff; +} +.components-guide__container { + display: flex; + flex-direction: column; + justify-content: space-between; + margin-top: -60px; + min-height: 100%; +} +.components-guide__page { + display: flex; + flex-direction: column; + justify-content: center; + position: relative; +} +@media (min-width: 600px) { + .components-guide__page { + min-height: 300px; + } +} +.components-guide__footer { + align-content: center; + display: flex; + height: 30px; + justify-content: center; + margin: 0 0 24px 0; + padding: 0 32px; + position: relative; + width: 100%; +} +@media (max-width: 600px) { + .components-guide__footer { + position: absolute; + bottom: 0; + } +} +.components-guide__page-control { + margin: 0; + text-align: center; +} +.components-guide__page-control li { + display: inline-block; + margin: 0; +} +.components-guide__page-control .components-button { + height: 30px; + min-width: 20px; + margin: -6px 0; +} +.components-guide .components-modal__content { + padding: 0; +} + +.components-modal__frame.components-guide { + border: none; + min-width: 312px; + height: 80vh; + max-height: 575px; +} +@media (max-width: 600px) { + .components-modal__frame.components-guide { + bottom: 5%; + left: 16px; + right: 16px; + top: 5%; + margin: 0 auto; + } +} + +.components-button.components-guide__back-button, .components-button.components-guide__forward-button, .components-button.components-guide__finish-button { + height: 30px; + position: absolute; +} +.components-button.components-guide__back-button, .components-button.components-guide__forward-button { + font-size: 13px; + padding: 4px 2px; +} +.components-button.components-guide__back-button.has-text svg, .components-button.components-guide__forward-button.has-text svg { + margin: 0; +} +.components-button.components-guide__back-button:hover, .components-button.components-guide__forward-button:hover { + text-decoration: underline; +} +.components-button.components-guide__back-button { + left: 32px; +} +.components-button.components-guide__forward-button { + right: 32px; + color: #1386bf; + font-weight: bold; +} +.components-button.components-guide__finish-button { + right: 32px; +} +.components-button.components-guide__inline-finish-button { + display: none; +} + +[role=region] { + position: relative; +} + +.is-focusing-regions [role=region]:focus::after { + content: ""; + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + pointer-events: none; + outline: 4px solid transparent; + box-shadow: inset 0 0 0 4px var(--wp-admin-theme-color); +} +@supports (outline-offset: 1px) { + .is-focusing-regions [role=region]:focus::after { + content: none; + } + .is-focusing-regions [role=region]:focus { + outline-style: solid; + outline-color: var(--wp-admin-theme-color); + outline-width: 4px; + outline-offset: -4px; + } +} + +.components-menu-group + .components-menu-group { + margin-top: 8px; + padding-top: 8px; + border-top: 1px solid #1e1e1e; +} +.components-menu-group + .components-menu-group.has-hidden-separator { + border-top: none; + margin-top: 0; + padding-top: 0; +} + +.components-menu-group__label { + padding: 0 8px; + margin-top: 4px; + margin-bottom: 12px; + color: #757575; + text-transform: uppercase; + font-size: 11px; + font-weight: 500; +} + +.components-menu-item__button, +.components-menu-item__button.components-button { + width: 100%; +} +.components-menu-item__button .components-menu-items__item-icon, +.components-menu-item__button.components-button .components-menu-items__item-icon { + margin-right: -2px; + margin-left: 24px; + display: inline-block; + flex: 0 0 auto; +} +.components-menu-item__button .components-menu-item__shortcut + .components-menu-items__item-icon, +.components-menu-item__button.components-button .components-menu-item__shortcut + .components-menu-items__item-icon { + margin-left: 8px; +} +.components-menu-item__button .block-editor-block-icon, +.components-menu-item__button.components-button .block-editor-block-icon { + margin-left: -2px; + margin-right: 8px; +} +.components-menu-item__button.is-primary, +.components-menu-item__button.components-button.is-primary { + justify-content: center; +} +.components-menu-item__button.is-primary .components-menu-item__item, +.components-menu-item__button.components-button.is-primary .components-menu-item__item { + margin-right: 0; +} + +.components-menu-item__info-wrapper { + display: flex; + flex-direction: column; + margin-right: auto; +} + +.components-menu-item__info { + margin-top: 4px; + font-size: 12px; + color: #757575; + white-space: normal; +} + +.components-menu-item__item { + white-space: nowrap; + margin-right: auto; + display: inline-flex; + align-items: center; +} + +.components-menu-item__shortcut { + align-self: center; + margin-right: 0; + margin-left: auto; + padding-left: 24px; + color: currentColor; + display: none; +} +@media (min-width: 480px) { + .components-menu-item__shortcut { + display: inline; + } +} + +.components-menu-items-choice svg, +.components-menu-items-choice.components-button svg { + margin-right: 12px; +} +.components-menu-items-choice.has-icon, +.components-menu-items-choice.components-button.has-icon { + padding-left: 12px; +} + +.components-modal__screen-overlay { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + background-color: rgba(0, 0, 0, 0.35); + z-index: 100000; + animation: edit-post__fade-in-animation 0.2s ease-out 0s; + animation-fill-mode: forwards; +} +@media (prefers-reduced-motion: reduce) { + .components-modal__screen-overlay { + animation-duration: 1ms; + animation-delay: 0s; + } +} + +.components-modal__frame { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + box-sizing: border-box; + margin: 0; + background: #fff; + box-shadow: 0 10px 10px rgba(0, 0, 0, 0.25); + border-radius: 2px; + overflow: auto; +} +@media (min-width: 600px) { + .components-modal__frame { + top: 50%; + right: auto; + bottom: auto; + left: 50%; + min-width: 360px; + max-width: calc(100% - 16px - 16px); + max-height: 90%; + transform: translate(-50%, -50%); + animation: components-modal__appear-animation 0.1s ease-out; + animation-fill-mode: forwards; + } +} +@media (min-width: 600px) and (prefers-reduced-motion: reduce) { + .components-modal__frame { + animation-duration: 1ms; + animation-delay: 0s; + } +} + +@keyframes components-modal__appear-animation { + from { + margin-top: 32px; + } + to { + margin-top: 0; + } +} +.components-modal__header { + box-sizing: border-box; + border-bottom: 1px solid #ddd; + padding: 0 32px; + display: flex; + flex-direction: row; + justify-content: space-between; + background: #fff; + align-items: center; + height: 60px; + z-index: 10; + position: relative; + position: sticky; + top: 0; + margin: 0 -32px 24px; +} +@supports (-ms-ime-align: auto) { + .components-modal__header { + position: fixed; + width: 100%; + } +} +.components-modal__header .components-modal__header-heading { + font-size: 1rem; + font-weight: 600; +} +.components-modal__header h1 { + line-height: 1; + margin: 0; +} +.components-modal__header .components-button { + position: relative; + left: 8px; +} + +.components-modal__header-heading-container { + align-items: center; + flex-grow: 1; + display: flex; + flex-direction: row; + justify-content: left; +} + +.components-modal__header-icon-container { + display: inline-block; +} +.components-modal__header-icon-container svg { + max-width: 36px; + max-height: 36px; + padding: 8px; +} + +.components-modal__content { + box-sizing: border-box; + height: 100%; + padding: 0 32px 24px; +} +@supports (-ms-ime-align: auto) { + .components-modal__content { + padding-top: 60px; + } +} + +.components-notice { + display: flex; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + font-size: 13px; + background-color: #fff; + border-left: 4px solid var(--wp-admin-theme-color); + margin: 5px 15px 2px; + padding: 8px 12px; + align-items: center; +} +.components-notice.is-dismissible { + padding-right: 36px; + position: relative; +} +.components-notice.is-success { + border-left-color: #4ab866; + background-color: #eff9f1; +} +.components-notice.is-warning { + border-left-color: #f0b849; + background-color: #fef8ee; +} +.components-notice.is-error { + border-left-color: #cc1818; + background-color: #f4a2a2; +} + +.components-notice__content { + flex-grow: 1; + margin: 4px 25px 4px 0; +} + +.components-notice__actions { + display: flex; + flex-wrap: wrap; +} + +.components-notice__action.components-button { + margin-right: 8px; +} +.components-notice__action.components-button, .components-notice__action.components-button.is-link { + margin-left: 12px; +} +.components-notice__action.components-button.is-secondary { + vertical-align: initial; +} + +.components-notice__dismiss { + color: #757575; + align-self: flex-start; + flex-shrink: 0; +} +.components-notice__dismiss:not(:disabled):not([aria-disabled=true]):not(.is-secondary):hover, .components-notice__dismiss:not(:disabled):not([aria-disabled=true]):not(.is-secondary):active, .components-notice__dismiss:not(:disabled):not([aria-disabled=true]):focus { + color: #1e1e1e; + background-color: transparent; +} +.components-notice__dismiss:not(:disabled):not([aria-disabled=true]):not(.is-secondary):hover { + box-shadow: none; +} + +.components-notice-list { + max-width: 100vw; + box-sizing: border-box; +} +.components-notice-list .components-notice__content { + margin-top: 12px; + margin-bottom: 12px; + line-height: 2; +} +.components-notice-list .components-notice__action.components-button { + display: block; + margin-left: 0; + margin-top: 8px; +} + +.components-panel { + background: #fff; + border: 1px solid #e0e0e0; +} +.components-panel > .components-panel__header:first-child, +.components-panel > .components-panel__body:first-child { + margin-top: -1px; +} +.components-panel > .components-panel__header:last-child, +.components-panel > .components-panel__body:last-child { + border-bottom-width: 0; +} + +.components-panel + .components-panel { + margin-top: -1px; +} + +.components-panel__body { + border-top: 1px solid #e0e0e0; + border-bottom: 1px solid #e0e0e0; +} +.components-panel__body h3 { + margin: 0 0 0.5em; +} +.components-panel__body.is-opened { + padding: 16px; +} + +.components-panel__header { + display: flex; + justify-content: space-between; + align-items: center; + padding: 0 16px; + height: 48px; + border-top: 1px solid #ddd; + border-bottom: 1px solid #ddd; +} +.components-panel__header h2 { + margin: 0; + font-size: inherit; + color: inherit; +} + +.components-panel__body + .components-panel__body, +.components-panel__body + .components-panel__header, +.components-panel__header + .components-panel__body, +.components-panel__header + .components-panel__header { + margin-top: -1px; +} + +.components-panel__body > .components-panel__body-title { + display: block; + padding: 0; + font-size: inherit; + margin-top: 0; + margin-bottom: 0; + transition: 0.1s background ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .components-panel__body > .components-panel__body-title { + transition-duration: 0s; + transition-delay: 0s; + } +} + +.components-panel__body.is-opened > .components-panel__body-title { + margin: -16px; + margin-bottom: 5px; +} + +.components-panel__body > .components-panel__body-title:hover { + background: #f0f0f0; + border: none; +} + +.components-panel__body-toggle.components-button { + position: relative; + padding: 16px 48px 16px 16px; + outline: none; + width: 100%; + font-weight: 500; + text-align: left; + color: #1e1e1e; + border: none; + box-shadow: none; + transition: 0.1s background ease-in-out; + height: auto; + /* rtl:begin:ignore */ + /* rtl:end:ignore */ +} +@media (prefers-reduced-motion: reduce) { + .components-panel__body-toggle.components-button { + transition-duration: 0s; + transition-delay: 0s; + } +} +.components-panel__body-toggle.components-button:focus { + box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + border-radius: 0; +} +.components-panel__body-toggle.components-button .components-panel__arrow { + position: absolute; + right: 16px; + top: 50%; + transform: translateY(-50%); + color: #1e1e1e; + fill: currentColor; + transition: 0.1s color ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .components-panel__body-toggle.components-button .components-panel__arrow { + transition-duration: 0s; + transition-delay: 0s; + } +} +body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right { + transform: scaleX(-1); + -ms-filter: fliph; + filter: FlipH; + margin-top: -10px; +} + +.components-panel__icon { + color: #757575; + margin: -2px 0 -2px 6px; +} + +.components-panel__body-toggle-icon { + margin-right: -5px; +} + +.components-panel__color-title { + float: left; + height: 19px; +} + +.components-panel__row { + display: flex; + justify-content: space-between; + align-items: center; + margin-top: 8px; + min-height: 36px; +} +.components-panel__row select { + min-width: 0; +} +.components-panel__row label { + margin-right: 12px; + flex-shrink: 0; + max-width: 75%; +} +.components-panel__row:empty, .components-panel__row:first-of-type { + margin-top: 0; +} + +.components-panel .circle-picker { + padding-bottom: 20px; +} + +.components-placeholder.components-placeholder { + box-sizing: border-box; + position: relative; + padding: 1em; + min-height: 200px; + width: 100%; + text-align: left; + margin: 0; + color: #1e1e1e; + -moz-font-smoothing: subpixel-antialiased; + -webkit-font-smoothing: subpixel-antialiased; + border-radius: 2px; + background-color: #fff; + box-shadow: inset 0 0 0 1px #1e1e1e; + outline: 1px solid transparent; +} +@supports (position: sticky) { + .components-placeholder.components-placeholder { + display: flex; + flex-direction: column; + justify-content: center; + align-items: flex-start; + } +} +.components-placeholder.components-placeholder .components-base-control__label { + font-size: 13px; +} + +.components-placeholder__error, +.components-placeholder__instructions, +.components-placeholder__label, +.components-placeholder__fieldset { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + font-size: 13px; +} + +.components-placeholder__label { + display: flex; + font-weight: 600; + margin-bottom: 16px; + align-items: center; +} +.components-placeholder__label > svg, +.components-placeholder__label .dashicon, +.components-placeholder__label .block-editor-block-icon { + fill: currentColor; + margin-right: 1ch; +} +.components-placeholder__label:empty { + display: none; +} + +.components-placeholder__fieldset, +.components-placeholder__fieldset form { + display: flex; + flex-direction: row; + width: 100%; + flex-wrap: wrap; +} +.components-placeholder__fieldset p, +.components-placeholder__fieldset form p { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + font-size: 13px; +} + +.components-placeholder__fieldset.is-column-layout, +.components-placeholder__fieldset.is-column-layout form { + flex-direction: column; +} + +.components-placeholder__input[type=url] { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + padding: 6px 8px; + box-shadow: 0 0 0 transparent; + transition: box-shadow 0.1s linear; + border-radius: 2px; + border: 1px solid #757575; + /* Fonts smaller than 16px causes mobile safari to zoom. */ + font-size: 16px; + /* Override core line-height. To be reviewed. */ + line-height: normal; + margin: 0 8px 0 0; + flex: 1 1 auto; +} +@media (prefers-reduced-motion: reduce) { + .components-placeholder__input[type=url] { + transition-duration: 0s; + transition-delay: 0s; + } +} +@media (min-width: 600px) { + .components-placeholder__input[type=url] { + font-size: 13px; + /* Override core line-height. To be reviewed. */ + line-height: normal; + } +} +.components-placeholder__input[type=url]:focus { + border-color: var(--wp-admin-theme-color); + box-shadow: 0 0 0 1px var(--wp-admin-theme-color); + outline: 2px solid transparent; +} +.components-placeholder__input[type=url]::-webkit-input-placeholder { + color: rgba(30, 30, 30, 0.62); +} +.components-placeholder__input[type=url]::-moz-placeholder { + opacity: 1; + color: rgba(30, 30, 30, 0.62); +} +.components-placeholder__input[type=url]:-ms-input-placeholder { + color: rgba(30, 30, 30, 0.62); +} + +.components-placeholder__instructions { + margin-bottom: 1em; +} + +.components-placeholder__error { + margin-top: 1em; + width: 100%; +} + +.components-placeholder__preview img { + margin: 3%; + width: 50%; +} + +.components-placeholder__fieldset .components-button { + margin-right: 12px; + margin-bottom: 12px; +} +.components-placeholder__fieldset .components-button:last-child { + margin-bottom: 0; + margin-right: 0; +} + +.components-placeholder__fieldset .components-button:not(.is-link) ~ .components-button.is-link { + margin-left: 10px; + margin-right: 10px; +} +.components-placeholder__fieldset .components-button:not(.is-link) ~ .components-button.is-link:last-child { + margin-right: 0; +} + +.components-placeholder.is-large .components-placeholder__label { + font-size: 18pt; + font-weight: normal; +} +.components-placeholder.is-medium .components-placeholder__instructions, .components-placeholder.is-small .components-placeholder__instructions { + display: none; +} +.components-placeholder.is-medium .components-placeholder__fieldset, +.components-placeholder.is-medium .components-placeholder__fieldset form, .components-placeholder.is-small .components-placeholder__fieldset, +.components-placeholder.is-small .components-placeholder__fieldset form { + flex-direction: column; +} +.components-placeholder.is-medium .components-placeholder__fieldset .components-button, .components-placeholder.is-small .components-placeholder__fieldset .components-button { + margin-right: auto; +} +.components-placeholder.is-small .components-button { + padding: 0 8px 2px; +} + +/*!rtl:begin:ignore*/ +.components-popover { + position: fixed; + z-index: 1000000; + top: 0; + left: 0; + opacity: 0; +} +.components-popover.is-expanded, .components-popover[data-x-axis][data-y-axis] { + opacity: 1; +} +.components-popover.is-expanded { + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 1000000 !important; +} +.components-popover:not(.is-without-arrow) { + margin-left: 2px; +} +.components-popover:not(.is-without-arrow)::before { + border: 8px solid #ccc; +} +.components-popover:not(.is-without-arrow).is-alternate::before { + border-color: #1e1e1e; +} +.components-popover:not(.is-without-arrow)::after { + border: 8px solid #fff; +} +.components-popover:not(.is-without-arrow)::before, .components-popover:not(.is-without-arrow)::after { + content: ""; + position: absolute; + height: 0; + width: 0; + line-height: 0; +} +.components-popover:not(.is-without-arrow)[data-y-axis=top] { + margin-top: -8px; +} +.components-popover:not(.is-without-arrow)[data-y-axis=top]::before { + bottom: -8px; +} +.components-popover:not(.is-without-arrow)[data-y-axis=top]::after { + bottom: -6px; +} +.components-popover:not(.is-without-arrow)[data-y-axis=top]::before, .components-popover:not(.is-without-arrow)[data-y-axis=top]::after { + border-bottom: none; + border-left-color: transparent; + border-right-color: transparent; + border-top-style: solid; + margin-left: -10px; +} +.components-popover:not(.is-without-arrow)[data-y-axis=bottom] { + margin-top: 8px; +} +.components-popover:not(.is-without-arrow)[data-y-axis=bottom]::before { + top: -8px; +} +.components-popover:not(.is-without-arrow)[data-y-axis=bottom]::after { + top: -6px; +} +.components-popover:not(.is-without-arrow)[data-y-axis=bottom]::before, .components-popover:not(.is-without-arrow)[data-y-axis=bottom]::after { + border-bottom-style: solid; + border-left-color: transparent; + border-right-color: transparent; + border-top: none; + margin-left: -10px; +} +.components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=left] { + margin-left: -8px; +} +.components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=left]::before { + right: -8px; +} +.components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=left]::after { + right: -6px; +} +.components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=left]::before, .components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=left]::after { + border-bottom-color: transparent; + border-left-style: solid; + border-right: none; + border-top-color: transparent; +} +.components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=right] { + margin-left: 8px; +} +.components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=right]::before { + left: -8px; +} +.components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=right]::after { + left: -6px; +} +.components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=right]::before, .components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=right]::after { + border-bottom-color: transparent; + border-left: none; + border-right-style: solid; + border-top-color: transparent; +} +.components-popover[data-y-axis=top] { + bottom: 100%; +} +.components-popover[data-y-axis=bottom] { + top: 100%; +} +.components-popover[data-y-axis=middle] { + align-items: center; + display: flex; +} +.components-popover.is-from-top { + margin-top: 12px; +} +.components-popover.is-from-bottom { + margin-top: -12px; +} +.components-popover.is-from-left:not(.is-from-top):not(.is-from-bottom) { + margin-left: 12px; +} +.components-popover.is-from-right:not(.is-from-top):not(.is-from-bottom) { + margin-right: 12px; +} + +.components-popover__content { + height: 100%; + background: #fff; + border: 1px solid #ccc; + box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); + border-radius: 2px; +} +.is-alternate .components-popover__content { + border: 1px solid #1e1e1e; + box-shadow: none; +} +.components-popover .components-popover__content { + position: absolute; + height: auto; + overflow-y: auto; +} +.components-popover.is-expanded .components-popover__content { + position: static; + height: calc(100% - 48px); + overflow-y: visible; + min-width: auto; + border: none; + border-top: 1px solid #1e1e1e; +} +.components-popover[data-y-axis=top] .components-popover__content { + bottom: 100%; +} +.components-popover[data-x-axis=center] .components-popover__content { + left: 50%; + transform: translateX(-50%); +} +.components-popover[data-x-axis=right] .components-popover__content { + position: absolute; + left: 100%; +} +.components-popover:not([data-y-axis=middle])[data-x-axis=right] .components-popover__content { + margin-left: -25px; +} +.components-popover[data-x-axis=left] .components-popover__content { + position: absolute; + right: 100%; +} +.components-popover:not([data-y-axis=middle])[data-x-axis=left] .components-popover__content { + margin-right: -25px; +} + +.components-popover__header { + align-items: center; + background: #fff; + display: flex; + height: 48px; + justify-content: space-between; + padding: 0 8px 0 16px; +} + +.components-popover__header-title { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + width: 100%; +} + +.components-popover__close.components-button { + z-index: 5; +} + +/*!rtl:end:ignore*/ +.components-radio-control { + display: flex; + flex-direction: column; +} +.components-radio-control .components-base-control__help { + margin-top: 0; +} +.components-radio-control .components-base-control__field { + margin-bottom: 0; +} + +.components-radio-control__option:not(:last-child) { + margin-bottom: 4px; +} + +.components-radio-control__input[type=radio] { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + padding: 6px 8px; + box-shadow: 0 0 0 transparent; + transition: box-shadow 0.1s linear; + border-radius: 2px; + border: 1px solid #757575; + /* Fonts smaller than 16px causes mobile safari to zoom. */ + font-size: 16px; + /* Override core line-height. To be reviewed. */ + line-height: normal; + border: 1px solid #1e1e1e; + margin-right: 12px; + transition: none; + border-radius: 50%; + width: 24px; + height: 24px; + margin-top: 0; + margin-right: 6px; +} +@media (prefers-reduced-motion: reduce) { + .components-radio-control__input[type=radio] { + transition-duration: 0s; + transition-delay: 0s; + } +} +@media (min-width: 600px) { + .components-radio-control__input[type=radio] { + font-size: 13px; + /* Override core line-height. To be reviewed. */ + line-height: normal; + } +} +.components-radio-control__input[type=radio]:focus { + border-color: var(--wp-admin-theme-color); + box-shadow: 0 0 0 1px var(--wp-admin-theme-color); + outline: 2px solid transparent; +} +.components-radio-control__input[type=radio]::-webkit-input-placeholder { + color: rgba(30, 30, 30, 0.62); +} +.components-radio-control__input[type=radio]::-moz-placeholder { + opacity: 1; + color: rgba(30, 30, 30, 0.62); +} +.components-radio-control__input[type=radio]:-ms-input-placeholder { + color: rgba(30, 30, 30, 0.62); +} +@media (min-width: 600px) { + .components-radio-control__input[type=radio] { + height: 20px; + width: 20px; + } +} +.components-radio-control__input[type=radio]:checked::before { + box-sizing: inherit; + width: 8px; + height: 8px; + transform: translate(7px, 7px); + margin: 0; + background-color: #fff; + border: 4px solid #fff; +} +@media (min-width: 600px) { + .components-radio-control__input[type=radio]:checked::before { + transform: translate(5px, 5px); + } +} +.components-radio-control__input[type=radio]:focus { + box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color); + outline: 2px solid transparent; +} +.components-radio-control__input[type=radio]:checked { + background: var(--wp-admin-theme-color); + border-color: var(--wp-admin-theme-color); +} + +.components-resizable-box__handle { + display: none; + width: 23px; + height: 23px; + z-index: 2; +} +.components-resizable-box__container.has-show-handle .components-resizable-box__handle { + display: block; +} + +.components-resizable-box__handle::after { + display: block; + content: ""; + width: 15px; + height: 15px; + border: 2px solid var(--wp-admin-theme-color); + border-radius: 50%; + background: #fff; + cursor: inherit; + position: absolute; + top: calc(50% - 8px); + right: calc(50% - 8px); +} + +.components-resizable-box__side-handle::before { + display: block; + border-radius: 2px; + content: ""; + width: 3px; + height: 3px; + background: var(--wp-admin-theme-color); + cursor: inherit; + position: absolute; + top: calc(50% - 1px); + right: calc(50% - 1px); + transition: transform 0.1s ease-in; + opacity: 0; +} +@media (prefers-reduced-motion: reduce) { + .components-resizable-box__side-handle::before { + transition-duration: 0s; + transition-delay: 0s; + } +} + +.components-resizable-box__side-handle { + z-index: 2; +} + +.components-resizable-box__corner-handle { + z-index: 2; +} + +.components-resizable-box__side-handle.components-resizable-box__handle-top, +.components-resizable-box__side-handle.components-resizable-box__handle-bottom, +.components-resizable-box__side-handle.components-resizable-box__handle-top::before, +.components-resizable-box__side-handle.components-resizable-box__handle-bottom::before { + width: 100%; + left: 0; + border-left: 0; + border-right: 0; +} + +.components-resizable-box__side-handle.components-resizable-box__handle-left, +.components-resizable-box__side-handle.components-resizable-box__handle-right, +.components-resizable-box__side-handle.components-resizable-box__handle-left::before, +.components-resizable-box__side-handle.components-resizable-box__handle-right::before { + height: 100%; + top: 0; + border-top: 0; + border-bottom: 0; +} + +.components-resizable-box__side-handle.components-resizable-box__handle-top:hover::before, +.components-resizable-box__side-handle.components-resizable-box__handle-bottom:hover::before, +.components-resizable-box__side-handle.components-resizable-box__handle-top:active::before, +.components-resizable-box__side-handle.components-resizable-box__handle-bottom:active::before { + animation: components-resizable-box__top-bottom-animation 0.1s ease-out 0s; + animation-fill-mode: forwards; +} +@media (prefers-reduced-motion: reduce) { + .components-resizable-box__side-handle.components-resizable-box__handle-top:hover::before, +.components-resizable-box__side-handle.components-resizable-box__handle-bottom:hover::before, +.components-resizable-box__side-handle.components-resizable-box__handle-top:active::before, +.components-resizable-box__side-handle.components-resizable-box__handle-bottom:active::before { + animation-duration: 1ms; + animation-delay: 0s; + } +} + +.components-resizable-box__side-handle.components-resizable-box__handle-left:hover::before, +.components-resizable-box__side-handle.components-resizable-box__handle-right:hover::before, +.components-resizable-box__side-handle.components-resizable-box__handle-left:active::before, +.components-resizable-box__side-handle.components-resizable-box__handle-right:active::before { + animation: components-resizable-box__left-right-animation 0.1s ease-out 0s; + animation-fill-mode: forwards; +} +@media (prefers-reduced-motion: reduce) { + .components-resizable-box__side-handle.components-resizable-box__handle-left:hover::before, +.components-resizable-box__side-handle.components-resizable-box__handle-right:hover::before, +.components-resizable-box__side-handle.components-resizable-box__handle-left:active::before, +.components-resizable-box__side-handle.components-resizable-box__handle-right:active::before { + animation-duration: 1ms; + animation-delay: 0s; + } +} + +/* This CSS is shown only to Safari, which has a bug with table-caption making it jumpy. +See https://bugs.webkit.org/show_bug.cgi?id=187903. */ +@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) { + @supports (-webkit-appearance: none) { + .components-resizable-box__side-handle.components-resizable-box__handle-top:hover::before, +.components-resizable-box__side-handle.components-resizable-box__handle-bottom:hover::before, +.components-resizable-box__side-handle.components-resizable-box__handle-top:active::before, +.components-resizable-box__side-handle.components-resizable-box__handle-bottom:active::before { + animation: none; + } + + .components-resizable-box__side-handle.components-resizable-box__handle-left:hover::before, +.components-resizable-box__side-handle.components-resizable-box__handle-right:hover::before, +.components-resizable-box__side-handle.components-resizable-box__handle-left:active::before, +.components-resizable-box__side-handle.components-resizable-box__handle-right:active::before { + animation: none; + } + } +} +@keyframes components-resizable-box__top-bottom-animation { + from { + transform: scaleX(0); + opacity: 0; + } + to { + transform: scaleX(1); + opacity: 1; + } +} +@keyframes components-resizable-box__left-right-animation { + from { + transform: scaleY(0); + opacity: 0; + } + to { + transform: scaleY(1); + opacity: 1; + } +} +/*!rtl:begin:ignore*/ +.components-resizable-box__handle-right { + right: calc(11.5px * -1); +} + +.components-resizable-box__handle-left { + left: calc(11.5px * -1); +} + +.components-resizable-box__handle-top { + top: calc(11.5px * -1); +} + +.components-resizable-box__handle-bottom { + bottom: calc(11.5px * -1); +} + +/*!rtl:end:ignore*/ +.components-responsive-wrapper { + position: relative; + max-width: 100%; +} +.components-responsive-wrapper, .components-responsive-wrapper > span { + display: block; +} + +.components-responsive-wrapper__content { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + margin: auto; +} + +.components-sandbox { + overflow: hidden; +} + +iframe.components-sandbox { + width: 100%; +} + +html.lockscroll, +body.lockscroll { + overflow: hidden; +} + +.components-select-control__input { + background: #fff; + height: 36px; + line-height: 36px; + margin: 1px; + outline: 0; + width: 100%; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important; +} +@media (min-width: 782px) { + .components-select-control__input { + height: 28px; + line-height: 28px; + } +} + +@media (max-width: 782px) { + .components-base-control .components-base-control__field .components-select-control__input { + font-size: 16px; + } +} +.components-snackbar { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + font-size: 13px; + background-color: #1e1e1e; + border-radius: 2px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); + color: #fff; + padding: 16px 24px; + width: 100%; + max-width: 600px; + box-sizing: border-box; + cursor: pointer; + pointer-events: auto; +} +@media (min-width: 600px) { + .components-snackbar { + width: -moz-fit-content; + width: fit-content; + } +} +.components-snackbar:focus { + box-shadow: 0 0 0 1px #fff, 0 0 0 3px var(--wp-admin-theme-color); +} +.components-snackbar.components-snackbar-explicit-dismiss { + cursor: default; +} +.components-snackbar .components-snackbar__content-with-icon { + margin-left: 24px; +} +.components-snackbar .components-snackbar__icon { + position: absolute; + top: 24px; + left: 28px; +} +.components-snackbar .components-snackbar__dismiss-button { + margin-left: 32px; + cursor: pointer; +} + +.components-snackbar__action.components-button { + margin-left: 32px; + color: #fff; + height: auto; + flex-shrink: 0; + line-height: 1.4; + padding: 0; +} +.components-snackbar__action.components-button:not(:disabled):not([aria-disabled=true]):not(.is-secondary) { + text-decoration: underline; + background-color: transparent; +} +.components-snackbar__action.components-button:not(:disabled):not([aria-disabled=true]):not(.is-secondary):focus { + color: #fff; + box-shadow: none; + outline: 1px dotted #fff; +} +.components-snackbar__action.components-button:not(:disabled):not([aria-disabled=true]):not(.is-secondary):hover { + color: var(--wp-admin-theme-color); +} + +.components-snackbar__content { + display: flex; + align-items: baseline; + justify-content: space-between; + line-height: 1.4; +} + +.components-snackbar-list { + position: absolute; + z-index: 100000; + width: 100%; + box-sizing: border-box; + pointer-events: none; +} + +.components-snackbar-list__notice-container { + position: relative; + padding-top: 8px; +} + +.components-swatch { + width: 18px; + height: 18px; + border-radius: 50%; + color: transparent; + background: transparent; +} +.components-swatch::after { + content: ""; + display: block; + width: 100%; + height: 100%; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 50%; +} + +.components-button.has-icon.has-text .components-swatch { + margin-right: 8px; +} + +.components-tab-panel__tabs { + display: flex; + align-items: stretch; + flex-direction: row; +} +.components-tab-panel__tabs[aria-orientation=vertical] { + flex-direction: column; +} + +.components-tab-panel__tabs-item { + background: transparent; + border: none; + box-shadow: none; + border-radius: 0; + cursor: pointer; + height: 48px; + padding: 3px 16px; + margin-left: 0; + font-weight: 500; + transition: box-shadow 0.1s linear; + box-sizing: border-box; +} +.components-tab-panel__tabs-item::after { + content: attr(data-label); + display: block; + height: 0; + overflow: hidden; + speak: none; + visibility: hidden; +} +.components-tab-panel__tabs-item:focus:not(:disabled) { + box-shadow: inset 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); +} +.components-tab-panel__tabs-item.is-active { + box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) transparent, inset 0 -4px 0 0 var(--wp-admin-theme-color); + position: relative; +} +.components-tab-panel__tabs-item.is-active::before { + content: ""; + position: absolute; + top: 0; + bottom: 1px; + right: 0; + left: 0; + border-bottom: 4px solid transparent; +} +.components-tab-panel__tabs-item:focus { + box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); +} +.components-tab-panel__tabs-item.is-active:focus { + box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 -4px 0 0 var(--wp-admin-theme-color); +} + +.components-text-control__input, +.components-text-control__input[type=text], +.components-text-control__input[type=tel], +.components-text-control__input[type=time], +.components-text-control__input[type=url], +.components-text-control__input[type=week], +.components-text-control__input[type=password], +.components-text-control__input[type=color], +.components-text-control__input[type=date], +.components-text-control__input[type=datetime], +.components-text-control__input[type=datetime-local], +.components-text-control__input[type=email], +.components-text-control__input[type=month], +.components-text-control__input[type=number] { + width: 100%; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + padding: 6px 8px; + box-shadow: 0 0 0 transparent; + transition: box-shadow 0.1s linear; + border-radius: 2px; + border: 1px solid #757575; + /* Fonts smaller than 16px causes mobile safari to zoom. */ + font-size: 16px; + /* Override core line-height. To be reviewed. */ + line-height: normal; +} +@media (prefers-reduced-motion: reduce) { + .components-text-control__input, +.components-text-control__input[type=text], +.components-text-control__input[type=tel], +.components-text-control__input[type=time], +.components-text-control__input[type=url], +.components-text-control__input[type=week], +.components-text-control__input[type=password], +.components-text-control__input[type=color], +.components-text-control__input[type=date], +.components-text-control__input[type=datetime], +.components-text-control__input[type=datetime-local], +.components-text-control__input[type=email], +.components-text-control__input[type=month], +.components-text-control__input[type=number] { + transition-duration: 0s; + transition-delay: 0s; + } +} +@media (min-width: 600px) { + .components-text-control__input, +.components-text-control__input[type=text], +.components-text-control__input[type=tel], +.components-text-control__input[type=time], +.components-text-control__input[type=url], +.components-text-control__input[type=week], +.components-text-control__input[type=password], +.components-text-control__input[type=color], +.components-text-control__input[type=date], +.components-text-control__input[type=datetime], +.components-text-control__input[type=datetime-local], +.components-text-control__input[type=email], +.components-text-control__input[type=month], +.components-text-control__input[type=number] { + font-size: 13px; + /* Override core line-height. To be reviewed. */ + line-height: normal; + } +} +.components-text-control__input:focus, +.components-text-control__input[type=text]:focus, +.components-text-control__input[type=tel]:focus, +.components-text-control__input[type=time]:focus, +.components-text-control__input[type=url]:focus, +.components-text-control__input[type=week]:focus, +.components-text-control__input[type=password]:focus, +.components-text-control__input[type=color]:focus, +.components-text-control__input[type=date]:focus, +.components-text-control__input[type=datetime]:focus, +.components-text-control__input[type=datetime-local]:focus, +.components-text-control__input[type=email]:focus, +.components-text-control__input[type=month]:focus, +.components-text-control__input[type=number]:focus { + border-color: var(--wp-admin-theme-color); + box-shadow: 0 0 0 1px var(--wp-admin-theme-color); + outline: 2px solid transparent; +} +.components-text-control__input::-webkit-input-placeholder, +.components-text-control__input[type=text]::-webkit-input-placeholder, +.components-text-control__input[type=tel]::-webkit-input-placeholder, +.components-text-control__input[type=time]::-webkit-input-placeholder, +.components-text-control__input[type=url]::-webkit-input-placeholder, +.components-text-control__input[type=week]::-webkit-input-placeholder, +.components-text-control__input[type=password]::-webkit-input-placeholder, +.components-text-control__input[type=color]::-webkit-input-placeholder, +.components-text-control__input[type=date]::-webkit-input-placeholder, +.components-text-control__input[type=datetime]::-webkit-input-placeholder, +.components-text-control__input[type=datetime-local]::-webkit-input-placeholder, +.components-text-control__input[type=email]::-webkit-input-placeholder, +.components-text-control__input[type=month]::-webkit-input-placeholder, +.components-text-control__input[type=number]::-webkit-input-placeholder { + color: rgba(30, 30, 30, 0.62); +} +.components-text-control__input::-moz-placeholder, +.components-text-control__input[type=text]::-moz-placeholder, +.components-text-control__input[type=tel]::-moz-placeholder, +.components-text-control__input[type=time]::-moz-placeholder, +.components-text-control__input[type=url]::-moz-placeholder, +.components-text-control__input[type=week]::-moz-placeholder, +.components-text-control__input[type=password]::-moz-placeholder, +.components-text-control__input[type=color]::-moz-placeholder, +.components-text-control__input[type=date]::-moz-placeholder, +.components-text-control__input[type=datetime]::-moz-placeholder, +.components-text-control__input[type=datetime-local]::-moz-placeholder, +.components-text-control__input[type=email]::-moz-placeholder, +.components-text-control__input[type=month]::-moz-placeholder, +.components-text-control__input[type=number]::-moz-placeholder { + opacity: 1; + color: rgba(30, 30, 30, 0.62); +} +.components-text-control__input:-ms-input-placeholder, +.components-text-control__input[type=text]:-ms-input-placeholder, +.components-text-control__input[type=tel]:-ms-input-placeholder, +.components-text-control__input[type=time]:-ms-input-placeholder, +.components-text-control__input[type=url]:-ms-input-placeholder, +.components-text-control__input[type=week]:-ms-input-placeholder, +.components-text-control__input[type=password]:-ms-input-placeholder, +.components-text-control__input[type=color]:-ms-input-placeholder, +.components-text-control__input[type=date]:-ms-input-placeholder, +.components-text-control__input[type=datetime]:-ms-input-placeholder, +.components-text-control__input[type=datetime-local]:-ms-input-placeholder, +.components-text-control__input[type=email]:-ms-input-placeholder, +.components-text-control__input[type=month]:-ms-input-placeholder, +.components-text-control__input[type=number]:-ms-input-placeholder { + color: rgba(30, 30, 30, 0.62); +} + +.components-tip { + display: flex; + color: #757575; +} +.components-tip svg { + align-self: center; + fill: #f0b849; + flex-shrink: 0; + margin-right: 16px; +} +.components-tip p { + margin: 0; +} + +.components-toggle-control .components-base-control__field { + display: flex; + margin-bottom: 12px; + line-height: initial; + align-items: center; +} +.components-toggle-control .components-base-control__field .components-form-toggle { + margin-right: 12px; +} +.components-toggle-control .components-base-control__field .components-toggle-control__label { + display: block; +} + +.components-accessible-toolbar { + display: inline-flex; + border: 1px solid #1e1e1e; + border-radius: 2px; + flex-shrink: 0; +} +.components-accessible-toolbar > .components-toolbar-group:last-child { + border-right: none; +} + +.components-accessible-toolbar .components-button, +.components-toolbar .components-button { + position: relative; + height: 48px; + z-index: 1; + padding-left: 16px; + padding-right: 16px; +} +.components-accessible-toolbar .components-button:focus:enabled, +.components-toolbar .components-button:focus:enabled { + box-shadow: none; + outline: none; +} +.components-accessible-toolbar .components-button::before, +.components-toolbar .components-button::before { + content: ""; + position: absolute; + display: block; + border-radius: 2px; + height: 32px; + left: 8px; + right: 8px; + z-index: -1; + animation: components-button__appear-animation 0.1s ease; + animation-fill-mode: forwards; +} +@media (prefers-reduced-motion: reduce) { + .components-accessible-toolbar .components-button::before, +.components-toolbar .components-button::before { + animation-duration: 1ms; + animation-delay: 0s; + } +} +.components-accessible-toolbar .components-button svg, +.components-toolbar .components-button svg { + position: relative; + margin-left: auto; + margin-right: auto; +} +.components-accessible-toolbar .components-button.is-pressed, +.components-toolbar .components-button.is-pressed { + background: transparent; +} +.components-accessible-toolbar .components-button.is-pressed:hover, +.components-toolbar .components-button.is-pressed:hover { + background: transparent; +} +.components-accessible-toolbar .components-button.is-pressed::before, +.components-toolbar .components-button.is-pressed::before { + background: #1e1e1e; +} +.components-accessible-toolbar .components-button:focus::before, +.components-toolbar .components-button:focus::before { + box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 4px #fff; + outline: 2px solid transparent; +} +.components-accessible-toolbar .components-button.has-icon, +.components-toolbar .components-button.has-icon { + padding-left: 8px; + padding-right: 8px; + min-width: 48px; + justify-content: center; +} +.components-accessible-toolbar .components-button.components-tab-button, +.components-toolbar .components-button.components-tab-button { + font-weight: 500; +} +.components-accessible-toolbar .components-button.components-tab-button span, +.components-toolbar .components-button.components-tab-button span { + display: inline-block; + padding-left: 0; + padding-right: 0; + position: relative; +} + +@keyframes components-button__appear-animation { + from { + transform: scaleY(0); + } + to { + transform: scaleY(1); + } +} +.components-toolbar__control.components-button { + position: relative; +} +.components-toolbar__control.components-button[data-subscript] svg { + padding: 5px 10px 5px 0; +} +.components-toolbar__control.components-button[data-subscript]::after { + content: attr(data-subscript); + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + font-size: 13px; + font-weight: 600; + line-height: 12px; + position: absolute; + right: 8px; + bottom: 10px; +} +.components-toolbar__control.components-button:active::before { + display: none; +} +.components-toolbar__control.components-button:not(:disabled).is-pressed[data-subscript]::after { + color: #fff; +} + +.components-toolbar-group { + min-height: 48px; + border-right: 1px solid #1e1e1e; + background-color: #fff; + display: inline-flex; + flex-shrink: 0; + flex-wrap: wrap; + line-height: 0; +} +.components-toolbar-group .components-toolbar-group.components-toolbar-group { + border-width: 0; + margin: 0; +} + +.components-toolbar { + min-height: 48px; + margin: 0; + border: 1px solid #1e1e1e; + background-color: #fff; + display: inline-flex; + flex-shrink: 0; + flex-wrap: wrap; +} +.components-toolbar .components-toolbar.components-toolbar { + border-width: 0; + margin: 0; +} + +div.components-toolbar > div { + display: block; + margin: 0; +} +@supports (position: sticky) { + div.components-toolbar > div { + display: flex; + } +} +div.components-toolbar > div + div.has-left-divider { + margin-left: 6px; + position: relative; + overflow: visible; +} +div.components-toolbar > div + div.has-left-divider::before { + display: inline-block; + content: ""; + box-sizing: content-box; + background-color: #ddd; + position: absolute; + top: 8px; + left: -3px; + width: 1px; + height: 20px; +} + +.block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > .components-button:first-child:last-child, +.block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > .components-dropdown:first-child:last-child .components-button, .block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot.components-dropdown > .components-button.components-button, .block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot.components-dropdown > * .components-button, +.block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > .components-button:first-child:last-child, +.block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > .components-dropdown:first-child:last-child .components-button, +.block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot.components-dropdown > .components-button.components-button, +.block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot.components-dropdown > * .components-button, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > .components-button:first-child:last-child, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > .components-dropdown:first-child:last-child .components-button, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar.components-dropdown > .components-button.components-button, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar.components-dropdown > * .components-button, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > .components-button:first-child:last-child, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > .components-dropdown:first-child:last-child .components-button, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown.components-dropdown > .components-button.components-button, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown.components-dropdown > * .components-button, +.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > .components-button:first-child:last-child, +.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > .components-dropdown:first-child:last-child .components-button, +.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group.components-dropdown > .components-button.components-button, +.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group.components-dropdown > * .components-button { + min-width: 48px; + padding-left: 12px; + padding-right: 12px; +} +.block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > .components-button:first-child:last-child::before, +.block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > .components-dropdown:first-child:last-child .components-button::before, .block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot.components-dropdown > .components-button.components-button::before, .block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot.components-dropdown > * .components-button::before, +.block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > .components-button:first-child:last-child::before, +.block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > .components-dropdown:first-child:last-child .components-button::before, +.block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot.components-dropdown > .components-button.components-button::before, +.block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot.components-dropdown > * .components-button::before, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > .components-button:first-child:last-child::before, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > .components-dropdown:first-child:last-child .components-button::before, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar.components-dropdown > .components-button.components-button::before, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar.components-dropdown > * .components-button::before, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > .components-button:first-child:last-child::before, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > .components-dropdown:first-child:last-child .components-button::before, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown.components-dropdown > .components-button.components-button::before, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown.components-dropdown > * .components-button::before, +.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > .components-button:first-child:last-child::before, +.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > .components-dropdown:first-child:last-child .components-button::before, +.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group.components-dropdown > .components-button.components-button::before, +.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group.components-dropdown > * .components-button::before { + left: 8px; + right: 8px; +} +.block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > .components-button:first-child, +.block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > div:first-child > .components-button, +.block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > .components-dropdown:first-child .components-button, +.block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > .components-button:first-child, +.block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > div:first-child > .components-button, +.block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > .components-dropdown:first-child .components-button, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > .components-button:first-child, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > div:first-child > .components-button, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > .components-dropdown:first-child .components-button, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > .components-button:first-child, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > div:first-child > .components-button, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > .components-dropdown:first-child .components-button, +.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > .components-button:first-child, +.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > div:first-child > .components-button, +.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > .components-dropdown:first-child .components-button { + min-width: 42px; + padding-left: 11px; + padding-right: 6px; +} +.block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > .components-button:first-child::before, +.block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > div:first-child > .components-button::before, +.block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > .components-dropdown:first-child .components-button::before, +.block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > .components-button:first-child::before, +.block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > div:first-child > .components-button::before, +.block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > .components-dropdown:first-child .components-button::before, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > .components-button:first-child::before, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > div:first-child > .components-button::before, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > .components-dropdown:first-child .components-button::before, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > .components-button:first-child::before, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > div:first-child > .components-button::before, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > .components-dropdown:first-child .components-button::before, +.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > .components-button:first-child::before, +.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > div:first-child > .components-button::before, +.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > .components-dropdown:first-child .components-button::before { + left: 8px; + right: 2px; +} +.block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > .components-button, +.block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > div > .components-button, +.block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > .components-dropdown .components-button, +.block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > .components-button, +.block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > div > .components-button, +.block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > .components-dropdown .components-button, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > .components-button, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > div > .components-button, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > .components-dropdown .components-button, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > .components-button, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > div > .components-button, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > .components-dropdown .components-button, +.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > .components-button, +.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > div > .components-button, +.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > .components-dropdown .components-button { + min-width: 36px; + padding-left: 6px; + padding-right: 6px; +} +.block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > .components-button svg, +.block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > div > .components-button svg, +.block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > .components-dropdown .components-button svg, +.block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > .components-button svg, +.block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > div > .components-button svg, +.block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > .components-dropdown .components-button svg, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > .components-button svg, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > div > .components-button svg, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > .components-dropdown .components-button svg, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > .components-button svg, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > div > .components-button svg, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > .components-dropdown .components-button svg, +.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > .components-button svg, +.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > div > .components-button svg, +.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > .components-dropdown .components-button svg { + min-width: 24px; +} +.block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > .components-button::before, +.block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > div > .components-button::before, +.block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > .components-dropdown .components-button::before, +.block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > .components-button::before, +.block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > div > .components-button::before, +.block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > .components-dropdown .components-button::before, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > .components-button::before, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > div > .components-button::before, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > .components-dropdown .components-button::before, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > .components-button::before, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > div > .components-button::before, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > .components-dropdown .components-button::before, +.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > .components-button::before, +.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > div > .components-button::before, +.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > .components-dropdown .components-button::before { + left: 2px; + right: 2px; +} +.block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > .components-button:last-child, +.block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > div:last-child > .components-button, +.block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > .components-dropdown:last-child .components-button, +.block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > .components-button:last-child, +.block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > div:last-child > .components-button, +.block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > .components-dropdown:last-child .components-button, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > .components-button:last-child, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > div:last-child > .components-button, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > .components-dropdown:last-child .components-button, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > .components-button:last-child, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > div:last-child > .components-button, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > .components-dropdown:last-child .components-button, +.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > .components-button:last-child, +.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > div:last-child > .components-button, +.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > .components-dropdown:last-child .components-button { + min-width: 42px; + padding-left: 6px; + padding-right: 11px; +} +.block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > .components-button:last-child::before, +.block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > div:last-child > .components-button::before, +.block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > .components-dropdown:last-child .components-button::before, +.block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > .components-button:last-child::before, +.block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > div:last-child > .components-button::before, +.block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > .components-dropdown:last-child .components-button::before, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > .components-button:last-child::before, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > div:last-child > .components-button::before, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > .components-dropdown:last-child .components-button::before, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > .components-button:last-child::before, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > div:last-child > .components-button::before, +.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > .components-dropdown:last-child .components-button::before, +.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > .components-button:last-child::before, +.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > div:last-child > .components-button::before, +.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > .components-dropdown:last-child .components-button::before { + left: 2px; + right: 8px; +} + +.components-tooltip.components-popover { + z-index: 1000002; +} +.components-tooltip.components-popover .components-popover__content { + min-width: 0; +} + +.components-tooltip .components-popover__content { + background: #1e1e1e; + border-radius: 2px; + border-width: 0; + color: #fff; + white-space: nowrap; + text-align: center; + line-height: 1.4; + font-size: 12px; + box-shadow: none; +} +.components-tooltip .components-popover__content > div { + padding: 4px 8px; +} + +.components-tooltip__shortcut { + display: inline-block; + margin-left: 8px; +} + +.disabled-element-wrapper { + position: relative; +} +.disabled-element-wrapper .event-catcher { + z-index: 100002; + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + bottom: 0; + right: 0; +} + +.components-visually-hidden { + border: 0; + clip: rect(1px, 1px, 1px, 1px); + -webkit-clip-path: inset(50%); + clip-path: inset(50%); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; + word-wrap: normal !important; +} + +.components-visually-hidden:focus { + background-color: #ddd; + clip: auto !important; + -webkit-clip-path: none; + clip-path: none; + color: #444; + display: block; + font-size: 1em; + height: auto; + left: 5px; + line-height: normal; + padding: 15px 23px 14px; + text-decoration: none; + top: 5px; + width: auto; + z-index: 100000; +} \ No newline at end of file diff --git a/wp-includes/css/dist/components/style.min.css b/wp-includes/css/dist/components/style.min.css new file mode 100644 index 0000000000..96645d2815 --- /dev/null +++ b/wp-includes/css/dist/components/style.min.css @@ -0,0 +1,10 @@ +@charset "UTF-8";:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.components-animate__appear{animation:components-animate__appear-animation .1s cubic-bezier(0,0,.2,1) 0s;animation-fill-mode:forwards}@media (prefers-reduced-motion:reduce){.components-animate__appear{animation-duration:1ms;animation-delay:0s}}.components-animate__appear.is-from-top,.components-animate__appear.is-from-top.is-from-left{transform-origin:top left}.components-animate__appear.is-from-top.is-from-right{transform-origin:top right}.components-animate__appear.is-from-bottom,.components-animate__appear.is-from-bottom.is-from-left{transform-origin:bottom left}.components-animate__appear.is-from-bottom.is-from-right{transform-origin:bottom right}@keyframes components-animate__appear-animation{0%{transform:translateY(-2em) scaleY(0) scaleX(0)}to{transform:translateY(0) scaleY(1) scaleX(1)}}.components-animate__slide-in{animation:components-animate__slide-in-animation .1s cubic-bezier(0,0,.2,1);animation-fill-mode:forwards}@media (prefers-reduced-motion:reduce){.components-animate__slide-in{animation-duration:1ms;animation-delay:0s}}.components-animate__slide-in.is-from-left{transform:translateX(100%)}.components-animate__slide-in.is-from-right{transform:translateX(-100%)}@keyframes components-animate__slide-in-animation{to{transform:translateX(0)}}.components-animate__loading{animation:components-animate__loading 1.6s ease-in-out infinite}@keyframes components-animate__loading{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.components-autocomplete__popover .components-popover__content>div{padding:16px;min-width:220px}.components-autocomplete__result.components-button{display:flex;height:auto;min-height:36px;text-align:left;width:100%}.components-autocomplete__result.components-button.is-selected{box-shadow:0 0 0 2px var(--wp-admin-theme-color)}.components-button-group{display:inline-block}.components-button-group .components-button{border-radius:0;display:inline-flex;color:#1e1e1e;box-shadow:inset 0 0 0 1px #1e1e1e}.components-button-group .components-button+.components-button{margin-left:-1px}.components-button-group .components-button:first-child{border-radius:2px 0 0 2px}.components-button-group .components-button:last-child{border-radius:0 2px 2px 0}.components-button-group .components-button.is-primary,.components-button-group .components-button:focus{position:relative;z-index:1}.components-button-group .components-button.is-primary{box-shadow:inset 0 0 0 1px #1e1e1e}.components-button{display:inline-flex;text-decoration:none;font-weight:400;font-size:13px;margin:0;border:0;cursor:pointer;-webkit-appearance:none;background:none;transition:box-shadow .1s linear;height:36px;align-items:center;box-sizing:border-box;padding:6px 12px;border-radius:2px;color:#1e1e1e}@media (prefers-reduced-motion:reduce){.components-button{transition-duration:0s;transition-delay:0s}}.components-button:hover,.components-button[aria-expanded=true]{color:var(--wp-admin-theme-color)}.components-button[aria-disabled=true]:hover{color:initial}.components-button:focus:not(:disabled){box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);outline:3px solid transparent}.components-button.is-primary{white-space:nowrap;background:var(--wp-admin-theme-color);color:#fff;text-decoration:none;text-shadow:none;outline:1px solid transparent}.components-button.is-primary:hover:not(:disabled){background:var(--wp-admin-theme-color-darker-10);color:#fff}.components-button.is-primary:active:not(:disabled){background:var(--wp-admin-theme-color-darker-20);border-color:var(--wp-admin-theme-color-darker-20);color:#fff}.components-button.is-primary:focus:not(:disabled){box-shadow:inset 0 0 0 1px #fff,0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}.components-button.is-primary:disabled,.components-button.is-primary:disabled:active:enabled,.components-button.is-primary[aria-disabled=true],.components-button.is-primary[aria-disabled=true]:active:enabled,.components-button.is-primary[aria-disabled=true]:enabled{color:hsla(0,0%,100%,.4);background:var(--wp-admin-theme-color);border-color:var(--wp-admin-theme-color);opacity:1;outline:none}.components-button.is-primary:disabled:active:enabled:focus:enabled,.components-button.is-primary:disabled:focus:enabled,.components-button.is-primary[aria-disabled=true]:active:enabled:focus:enabled,.components-button.is-primary[aria-disabled=true]:enabled:focus:enabled,.components-button.is-primary[aria-disabled=true]:focus:enabled{box-shadow:0 0 0 1px #fff,0 0 0 3px var(--wp-admin-theme-color)}.components-button.is-primary.is-busy,.components-button.is-primary.is-busy:disabled,.components-button.is-primary.is-busy[aria-disabled=true]{color:#fff;background-size:100px 100%;background-image:linear-gradient(-45deg,var(--wp-admin-theme-color) 33%,var(--wp-admin-theme-color-darker-20) 0,var(--wp-admin-theme-color-darker-20) 70%,var(--wp-admin-theme-color) 0);border-color:var(--wp-admin-theme-color)}.components-button.is-secondary,.components-button.is-tertiary{outline:1px solid transparent}.components-button.is-secondary:active:not(:disabled),.components-button.is-tertiary:active:not(:disabled){background:#ddd;color:var(--wp-admin-theme-color-darker-10);box-shadow:none}.components-button.is-secondary:hover:not(:disabled),.components-button.is-tertiary:hover:not(:disabled){color:var(--wp-admin-theme-color-darker-10);box-shadow:inset 0 0 0 1px var(--wp-admin-theme-color-darker-10)}.components-button.is-secondary:disabled,.components-button.is-secondary[aria-disabled=true],.components-button.is-secondary[aria-disabled=true]:hover,.components-button.is-tertiary:disabled,.components-button.is-tertiary[aria-disabled=true],.components-button.is-tertiary[aria-disabled=true]:hover{color:#828282;background:#eaeaea;transform:none;opacity:1;box-shadow:none;outline:none}.components-button.is-secondary{box-shadow:inset 0 0 0 1px var(--wp-admin-theme-color);outline:1px solid transparent}.components-button.is-secondary,.components-button.is-tertiary{white-space:nowrap;color:var(--wp-admin-theme-color);background:transparent}.components-button.is-tertiary{padding:6px}.components-button.is-tertiary .dashicon{display:inline-block;flex:0 0 auto}.components-button.is-destructive{color:#cc1818;box-shadow:inset 0 0 0 1px #cc1818}.components-button.is-destructive:hover:not(:disabled){color:#710d0d;box-shadow:inset 0 0 0 1px #710d0d}.components-button.is-destructive:focus:not(:disabled){color:var(--wp-admin-theme-color)}.components-button.is-destructive:active:not(:disabled){background:#ccc}.components-button.is-destructive.is-primary{color:#fff;background:#cc1818;box-shadow:inset 0 0 0 1px #cc1818}.components-button.is-destructive.is-primary:hover:not(:disabled){color:#fff;background:#710d0d;box-shadow:inset 0 0 0 1px #710d0d}.components-button.is-link{margin:0;padding:0;box-shadow:none;border:0;border-radius:0;background:none;outline:none;text-align:left;color:var(--wp-admin-theme-color);text-decoration:underline;transition-property:border,background,color;transition-duration:.05s;transition-timing-function:ease-in-out;height:auto}@media (prefers-reduced-motion:reduce){.components-button.is-link{transition-duration:0s;transition-delay:0s}}.components-button.is-link:focus{border-radius:2px}.components-button.is-link.is-destructive{color:#cc1818}.components-button.is-link.is-destructive:active:not(:disabled),.components-button.is-link.is-destructive:hover:not(:disabled){color:#710d0d;background:none}.components-button.is-link.is-destructive:focus:not(:disabled){color:var(--wp-admin-theme-color)}.components-button:not([aria-disabled=true]):active{color:inherit}.components-button:disabled,.components-button[aria-disabled=true]{cursor:default;opacity:.3}.components-button.is-busy,.components-button.is-secondary.is-busy,.components-button.is-secondary.is-busy:disabled,.components-button.is-secondary.is-busy[aria-disabled=true]{animation:components-button__busy-animation 2.5s linear infinite;opacity:1;background-size:100px 100%;background-image:linear-gradient(-45deg,#fafafa 33%,#e0e0e0 0,#e0e0e0 70%,#fafafa 0)}.components-button.is-small{height:24px;line-height:22px;padding:0 8px;font-size:11px}.components-button.is-small.has-icon:not(.has-text){padding:0 8px;width:24px}.components-button.has-icon{padding:6px;min-width:36px;justify-content:center}.components-button.has-icon .dashicon{display:inline-block;flex:0 0 auto;margin-left:2px;margin-right:2px}.components-button.has-icon.has-text{justify-content:left}.components-button.has-icon.has-text svg{margin-right:8px}.components-button.has-icon.has-text .dashicon{margin-right:10px}.components-button.is-pressed{color:#fff;background:#1e1e1e}.components-button.is-pressed:focus:not(:disabled){box-shadow:inset 0 0 0 1px #fff,0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);outline:2px solid transparent}.components-button.is-pressed:hover:not(:disabled){color:#fff;background:#1e1e1e}.components-button svg{fill:currentColor;outline:none}.components-button .components-visually-hidden{height:auto}@keyframes components-button__busy-animation{0%{background-position:200px 0}}.components-checkbox-control__input[type=checkbox]{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;padding:6px 8px;box-shadow:0 0 0 transparent;transition:box-shadow .1s linear;font-size:16px;line-height:normal;border:1px solid #1e1e1e;transition:none;border-radius:2px;background:#fff;color:#1e1e1e;clear:none;cursor:pointer;display:inline-block;line-height:0;margin:0 4px 0 0;outline:0;padding:0!important;text-align:center;vertical-align:top;width:24px;height:24px;-webkit-appearance:none;appearance:none;transition:border-color .1s ease-in-out}@media (min-width:600px){.components-checkbox-control__input[type=checkbox]{font-size:13px;line-height:normal}}.components-checkbox-control__input[type=checkbox]:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 1px var(--wp-admin-theme-color)}.components-checkbox-control__input[type=checkbox]::-webkit-input-placeholder{color:rgba(30,30,30,.62)}.components-checkbox-control__input[type=checkbox]::-moz-placeholder{opacity:1;color:rgba(30,30,30,.62)}.components-checkbox-control__input[type=checkbox]:-ms-input-placeholder{color:rgba(30,30,30,.62)}.components-checkbox-control__input[type=checkbox]:checked:before,.components-checkbox-control__input[type=checkbox][aria-checked=mixed]:before{margin:-3px -5px;color:#fff}@media (min-width:782px){.components-checkbox-control__input[type=checkbox]:checked:before,.components-checkbox-control__input[type=checkbox][aria-checked=mixed]:before{margin:-4px 0 0 -5px}}.components-checkbox-control__input[type=checkbox][aria-checked=mixed]{background:var(--wp-admin-theme-color);border-color:var(--wp-admin-theme-color)}.components-checkbox-control__input[type=checkbox][aria-checked=mixed]:before{content:"";float:left;display:inline-block;vertical-align:middle;width:16px;font:normal 30px/1 dashicons;speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (min-width:782px){.components-checkbox-control__input[type=checkbox][aria-checked=mixed]:before{float:none;font-size:21px}}@media (min-width:600px){.components-checkbox-control__input[type=checkbox]{height:20px;width:20px}}@media (prefers-reduced-motion:reduce){.components-checkbox-control__input[type=checkbox]{transition-duration:0s;transition-delay:0s}}.components-checkbox-control__input[type=checkbox]:focus{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--wp-admin-theme-color);outline:2px solid transparent}.components-checkbox-control__input[type=checkbox]:checked{background:var(--wp-admin-theme-color);border-color:var(--wp-admin-theme-color)}.components-checkbox-control__input[type=checkbox]:checked::-ms-check{opacity:0}.components-checkbox-control__input[type=checkbox]:checked:before{content:none}.components-checkbox-control__input-container{position:relative;display:inline-block;margin-right:12px;vertical-align:middle;width:24px;height:24px}@media (min-width:600px){.components-checkbox-control__input-container{width:20px;height:20px}}svg.components-checkbox-control__checked{fill:#fff;cursor:pointer;position:absolute;left:0;top:0;width:24px;height:24px;-webkit-user-select:none;user-select:none;pointer-events:none}@media (min-width:600px){svg.components-checkbox-control__checked{left:-2px;top:-2px}}.components-circular-option-picker{display:inline-block;width:100%;min-width:188px}.components-circular-option-picker .components-circular-option-picker__custom-clear-wrapper{display:flex;justify-content:flex-end}.components-circular-option-picker .components-circular-option-picker__swatches{margin-right:-12px}.components-circular-option-picker__option-wrapper{display:inline-block;height:28px;width:28px;margin-right:12px;margin-bottom:12px;vertical-align:top;transform:scale(1);transition:transform .1s ease}@media (prefers-reduced-motion:reduce){.components-circular-option-picker__option-wrapper{transition-duration:0s;transition-delay:0s}}.components-circular-option-picker__option-wrapper:hover{transform:scale(1.2)}.components-circular-option-picker__option-wrapper>div{height:100%;width:100%}.components-circular-option-picker__option-wrapper:before{content:"";position:absolute;top:1px;left:1px;bottom:1px;right:1px;border-radius:50%;z-index:-1;background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='28' height='28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 8V6H4v2h2zm2 0V6h2v2H8zm2 8H8v-2h2v2zm2 0v-2h2v2h-2zm0 2v-2h-2v2H8v2h2v-2h2zm2 0v2h-2v-2h2zm2 0h-2v-2h2v2z' fill='%23555D65'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18 18h2v-2h-2v-2h2v-2h-2v-2h2V8h-2v2h-2V8h-2v2h2v2h-2v2h2v2h2v2zm-2-4v-2h2v2h-2z' fill='%23555D65'/%3E%3Cpath d='M18 18v2h-2v-2h2z' fill='%23555D65'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 10V8H6v2H4v2h2v2H4v2h2v2H4v2h2v2H4v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h2V4h-2v2h-2V4h-2v2h-2V4h-2v2h-2V4h-2v2h2v2h-2v2H8zm0 2v-2H6v2h2zm2 0v-2h2v2h-2zm0 2v-2H8v2H6v2h2v2H6v2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h-2v2h-2V6h-2v2h-2v2h2v2h-2v2h-2z' fill='%23555D65'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 0H2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v2H0v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h2V4h-2V2h2V0h-2v2h-2V0h-2v2h-2V0h-2v2h-2V0h-2v2h-2V0h-2v2H8V0H6v2H4V0zm0 4V2H2v2h2zm2 0V2h2v2H6zm0 2V4H4v2H2v2h2v2H2v2h2v2H2v2h2v2H2v2h2v2H2v2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h2v2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2v-2h-2v-2h2V8h-2V6h2V4h-2V2h-2v2h-2V2h-2v2h-2V2h-2v2h-2V2h-2v2H8v2H6z' fill='%23555D65'/%3E%3C/svg%3E")}.components-circular-option-picker__option{display:inline-block;vertical-align:top;height:100%;width:100%;border:none;border-radius:50%;background:transparent;box-shadow:inset 0 0 0 14px;transition:box-shadow .1s ease;cursor:pointer}@media (prefers-reduced-motion:reduce){.components-circular-option-picker__option{transition-duration:0s;transition-delay:0s}}.components-circular-option-picker__option:hover{box-shadow:inset 0 0 0 14px!important}.components-circular-option-picker__option.is-pressed{box-shadow:inset 0 0 0 4px;position:relative;z-index:1;overflow:visible}.components-circular-option-picker__option.is-pressed+svg{position:absolute;left:2px;top:2px;border-radius:50%;z-index:2;pointer-events:none}.components-circular-option-picker__option:after{content:"";position:absolute;top:-1px;left:-1px;bottom:-1px;right:-1px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.2);border:1px solid transparent}.components-circular-option-picker__option:focus:after{content:"";border:2px solid #757575;width:32px;height:32px;position:absolute;top:-2px;left:-2px;border-radius:50%;box-shadow:inset 0 0 0 2px #fff}.components-circular-option-picker__option.components-button:focus{background-color:transparent;box-shadow:inset 0 0 0 14px;outline:none}.components-circular-option-picker__button-action .components-circular-option-picker__option{color:#fff;background:#fff}.components-circular-option-picker__dropdown-link-action{margin-right:16px}.components-circular-option-picker__dropdown-link-action .components-button{line-height:22px}.components-color-edit__color-option-main-area{display:flex;align-items:center}.components-color-edit__color-option-main-area div.components-circular-option-picker__option-wrapper{display:block;margin:8px}.components-color-edit__color-option.is-hover{background:#e0e0e0}.components-color-edit__cancel-button{float:right}.components-color-edit__color-option-color-name{width:100%}.components-color-edit__label-and-insert-container{display:flex;align-items:center;justify-content:space-between}.components-color-edit__insert-button{margin-top:-8px}.components-color-edit__hidden-control{position:relative;left:-9999px}.components-color-edit__color-option-color-name-input .components-base-control__field{margin-bottom:0;margin-right:8px}.components-color-edit__slug-input{margin-left:8px}.components-color-edit__reset-button{float:right}.component-color-indicator{width:25px;height:16px;margin-left:.8rem;border:1px solid #dadada;display:inline-block}.component-color-indicator+.component-color-indicator{margin-left:.5rem}.components-color-picker{width:100%}.components-color-picker *{box-sizing:border-box}.components-color-picker__saturation{width:100%;padding-bottom:55%;position:relative}.components-color-picker__body{padding:16px 16px 12px}.components-color-picker__controls{display:flex}.components-color-picker__alpha-pointer,.components-color-picker__hue-pointer,.components-color-picker__saturation-pointer{padding:0;position:absolute;cursor:pointer;box-shadow:none;border:none}.components-color-picker__swatch{margin-right:8px;width:32px;height:32px;border-radius:50%;position:relative;overflow:hidden;background-image:linear-gradient(45deg,#ddd 25%,transparent 0),linear-gradient(-45deg,#ddd 25%,transparent 0),linear-gradient(45deg,transparent 75%,#ddd 0),linear-gradient(-45deg,transparent 75%,#ddd 0);background-size:10px 10px;background-position:0 0,0 5px,5px -5px,-5px 0}.is-alpha-disabled .components-color-picker__swatch{width:12px;height:12px;margin-top:0}.components-color-picker__active{border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1);z-index:2}.components-color-picker__active,.components-color-picker__saturation-black,.components-color-picker__saturation-color,.components-color-picker__saturation-white{position:absolute;top:0;left:0;right:0;bottom:0}.components-color-picker__saturation-color{overflow:visible}.components-color-picker__saturation-white{background:linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.components-color-picker__saturation-black{background:linear-gradient(0deg,#000,transparent)}.components-button.components-color-picker__saturation-pointer{width:14px;height:14px;padding:0;border-radius:50%;background-color:transparent;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #fff,inset 0 0 0 1px #000,0 0 0 2px #000}.components-button.components-color-picker__saturation-pointer:focus:not(:disabled){box-shadow:0 0 0 2px #fff,inset 0 0 0 1px #000,0 0 0 3px #000}.components-color-picker__toggles{flex:1}.components-color-picker__alpha{background-image:linear-gradient(45deg,#ddd 25%,transparent 0),linear-gradient(-45deg,#ddd 25%,transparent 0),linear-gradient(45deg,transparent 75%,#ddd 0),linear-gradient(-45deg,transparent 75%,#ddd 0);background-size:10px 10px;background-position:0 0,0 5px,5px -5px,-5px 0}.components-color-picker__alpha-gradient,.components-color-picker__hue-gradient{position:absolute;top:0;left:0;right:0;bottom:0}.components-color-picker__alpha,.components-color-picker__hue{height:12px;position:relative}.is-alpha-enabled .components-color-picker__hue{margin-bottom:8px}.components-color-picker__alpha-bar,.components-color-picker__hue-bar{position:relative;margin:0 3px;height:100%;padding:0 2px}.components-color-picker__hue-gradient{background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.components-color-picker__alpha-pointer,.components-color-picker__hue-pointer{left:0;width:14px;height:14px;border-radius:50%;box-shadow:0 1px 4px 0 rgba(0,0,0,.37);background:#fff;transform:translate(-7px,-1px)}.components-color-picker__hue-pointer,.components-color-picker__saturation-pointer{transition:box-shadow .1s linear}@media (prefers-reduced-motion:reduce){.components-color-picker__hue-pointer,.components-color-picker__saturation-pointer{transition-duration:0s;transition-delay:0s}}.components-color-picker__saturation-pointer:focus{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--wp-admin-theme-color),0 0 5px 0 var(--wp-admin-theme-color),inset 0 0 1px 1px rgba(0,0,0,.3),0 0 1px 2px rgba(0,0,0,.4)}.components-color-picker__alpha-pointer:focus,.components-color-picker__hue-pointer:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 2px var(--wp-admin-theme-color),0 0 3px 0 var(--wp-admin-theme-color);outline:2px solid transparent;outline-offset:-2px}.components-color-picker__inputs-wrapper{margin:0 -4px;padding-top:16px;display:flex;align-items:flex-end;min-width:255px}.components-color-picker__inputs-wrapper fieldset{flex:1;border:none;margin:0;padding:0}.components-color-picker__inputs-wrapper .components-color-picker__inputs-fields .components-text-control__input[type=number]{padding:6px 3px;margin:0}.components-color-picker__inputs-field{width:100%}.components-color-picker__inputs-fields{display:flex;direction:ltr;flex-grow:1;margin-right:4px}.components-color-picker__inputs-fields .components-base-control+.components-base-control{margin-top:0}.components-color-picker__inputs-fields .components-base-control__field{margin:0 2px}.components-color-picker__inputs-toggle{height:30px;padding:0 5px}.components-combobox-control{width:100%}input.components-combobox-control__input[type=text]{width:100%;border:none;box-shadow:none;font-size:16px;padding:2px;margin:0;line-height:inherit;min-height:auto}@media (min-width:600px){input.components-combobox-control__input[type=text]{font-size:13px}}input.components-combobox-control__input[type=text]:focus{outline:none;box-shadow:none}.components-combobox-control__suggestions-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;box-shadow:0 0 0 transparent;transition:box-shadow .1s linear;border-radius:2px;border:1px solid #757575;font-size:16px;line-height:normal;display:flex;flex-wrap:wrap;align-items:flex-start;width:100%;margin:0 0 8px;padding:4px}@media (prefers-reduced-motion:reduce){.components-combobox-control__suggestions-container{transition-duration:0s;transition-delay:0s}}@media (min-width:600px){.components-combobox-control__suggestions-container{font-size:13px;line-height:normal}}.components-combobox-control__suggestions-container:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 1px var(--wp-admin-theme-color);outline:2px solid transparent}.components-combobox-control__suggestions-container::-webkit-input-placeholder{color:rgba(30,30,30,.62)}.components-combobox-control__suggestions-container::-moz-placeholder{opacity:1;color:rgba(30,30,30,.62)}.components-combobox-control__suggestions-container:-ms-input-placeholder{color:rgba(30,30,30,.62)}.components-combobox-control__suggestions-container:focus-within{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 1px var(--wp-admin-theme-color);outline:2px solid transparent}.components-combobox-control__reset.components-button{display:flex;height:24px;min-width:24px;padding:0}.components-color-list-picker,.components-color-list-picker__swatch-button{width:100%}.components-custom-gradient-picker__gradient-bar:not(.has-gradient){opacity:.4}.components-custom-gradient-picker__gradient-bar{margin-top:12px;width:100%;height:36px;border-radius:36px;margin-bottom:12px;padding-left:6px;padding-right:30px}.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__markers-container{position:relative}.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__insert-point{border-radius:50%;background:#fff;padding:2px;top:6px;min-width:24px;width:24px;height:24px;position:relative;color:#1e1e1e}.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__insert-point svg{height:100%;width:100%}.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button{border:2px solid transparent;box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) #fff;border-radius:50%;height:24px;width:24px;padding:0;position:absolute;top:6px}.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button.is-active,.components-custom-gradient-picker__gradient-bar .components-custom-gradient-picker__control-point-button:focus{box-shadow:0 0 0 1px #fff,0 0 0 3px #1e1e1e}.components-custom-gradient-picker__color-picker-popover .components-custom-gradient-picker__remove-control-point{margin-left:auto;margin-right:auto;display:block;margin-bottom:8px}.components-custom-gradient-picker__inserter{width:100%}.components-custom-gradient-picker__liner-gradient-indicator{display:inline-block;flex:0 auto;width:20px;height:20px}.components-custom-gradient-picker .components-custom-gradient-picker__ui-line{margin-bottom:16px}.components-custom-gradient-picker .components-custom-gradient-picker__ui-line .components-base-control.components-angle-picker,.components-custom-gradient-picker .components-custom-gradient-picker__ui-line .components-base-control.components-custom-gradient-picker__type-picker{margin-bottom:0}.components-custom-gradient-picker .components-custom-gradient-picker__toolbar{border:none}.components-custom-gradient-picker .components-custom-gradient-picker__toolbar>div+div{margin-left:1px}.components-custom-gradient-picker .components-custom-gradient-picker__toolbar button.is-pressed>svg{background:#fff;border:1px solid #949494;border-radius:2px}.components-custom-select-control{position:relative}.components-custom-select-control__label{display:block;margin-bottom:8px}.components-custom-select-control__button{border:1px solid #757575;border-radius:2px;min-height:30px;min-width:130px;position:relative;text-align:left}.components-custom-select-control__button.components-custom-select-control__button{padding-right:24px}.components-custom-select-control__button:focus:not(:disabled){border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 1px var(--wp-admin-theme-color)}.components-custom-select-control__button .components-custom-select-control__button-icon{height:100%;padding:0;position:absolute;right:0;top:0}.components-custom-select-control__menu{border:1px solid #1e1e1e;background-color:#fff;border-radius:2px;outline:none;transition:none;max-height:400px;min-width:100%;overflow:auto;padding:0;position:absolute;z-index:1000000}.components-custom-select-control__menu[aria-hidden=true]{display:none}.components-custom-select-control__item{align-items:center;display:flex;list-style-type:none;padding:8px;cursor:default;line-height:28px}.components-custom-select-control__item.is-highlighted{background:#ddd}.components-custom-select-control__item .components-custom-select-control__item-icon{margin-right:0;margin-left:auto}.components-custom-select-control__item:last-child{margin-bottom:0}.PresetDateRangePicker_panel{padding:0 22px 11px}.PresetDateRangePicker_button{position:relative;height:100%;text-align:center;background:0 0;border:2px solid #00a699;color:#00a699;padding:4px 12px;margin-right:8px;font:inherit;font-weight:700;line-height:normal;overflow:visible;box-sizing:border-box;cursor:pointer}.PresetDateRangePicker_button:active{outline:0}.PresetDateRangePicker_button__selected{color:#fff;background:#00a699}.SingleDatePickerInput{display:inline-block;background-color:#fff}.SingleDatePickerInput__withBorder{border-radius:2px;border:1px solid #dbdbdb}.SingleDatePickerInput__rtl{direction:rtl}.SingleDatePickerInput__disabled{background-color:#f2f2f2}.SingleDatePickerInput__block{display:block}.SingleDatePickerInput__showClearDate{padding-right:30px}.SingleDatePickerInput_clearDate{background:0 0;border:0;color:inherit;font:inherit;line-height:normal;overflow:visible;cursor:pointer;padding:10px;margin:0 10px 0 5px;position:absolute;right:0;top:50%;transform:translateY(-50%)}.SingleDatePickerInput_clearDate__default:focus,.SingleDatePickerInput_clearDate__default:hover{background:#dbdbdb;border-radius:50%}.SingleDatePickerInput_clearDate__small{padding:6px}.SingleDatePickerInput_clearDate__hide{visibility:hidden}.SingleDatePickerInput_clearDate_svg{fill:#82888a;height:12px;width:15px;vertical-align:middle}.SingleDatePickerInput_clearDate_svg__small{height:9px}.SingleDatePickerInput_calendarIcon{background:0 0;border:0;color:inherit;font:inherit;line-height:normal;overflow:visible;cursor:pointer;display:inline-block;vertical-align:middle;padding:10px;margin:0 5px 0 10px}.SingleDatePickerInput_calendarIcon_svg{fill:#82888a;height:15px;width:14px;vertical-align:middle}.SingleDatePicker{position:relative;display:inline-block}.SingleDatePicker__block{display:block}.SingleDatePicker_picker{z-index:1;background-color:#fff;position:absolute}.SingleDatePicker_picker__rtl{direction:rtl}.SingleDatePicker_picker__directionLeft{left:0}.SingleDatePicker_picker__directionRight{right:0}.SingleDatePicker_picker__portal{background-color:rgba(0,0,0,.3);position:fixed;top:0;left:0;height:100%;width:100%}.SingleDatePicker_picker__fullScreenPortal{background-color:#fff}.SingleDatePicker_closeButton{background:0 0;border:0;color:inherit;font:inherit;line-height:normal;overflow:visible;cursor:pointer;position:absolute;top:0;right:0;padding:15px;z-index:2}.SingleDatePicker_closeButton:focus,.SingleDatePicker_closeButton:hover{color:#b0b3b4;text-decoration:none}.SingleDatePicker_closeButton_svg{height:15px;width:15px;fill:#cacccd}.DayPickerKeyboardShortcuts_buttonReset{background:0 0;border:0;border-radius:0;color:inherit;font:inherit;line-height:normal;overflow:visible;padding:0;cursor:pointer;font-size:14px}.DayPickerKeyboardShortcuts_buttonReset:active{outline:0}.DayPickerKeyboardShortcuts_show{width:22px;position:absolute;z-index:2}.DayPickerKeyboardShortcuts_show__bottomRight{border-top:26px solid transparent;border-right:33px solid #00a699;bottom:0;right:0}.DayPickerKeyboardShortcuts_show__bottomRight:hover{border-right:33px solid #008489}.DayPickerKeyboardShortcuts_show__topRight{border-bottom:26px solid transparent;border-right:33px solid #00a699;top:0;right:0}.DayPickerKeyboardShortcuts_show__topRight:hover{border-right:33px solid #008489}.DayPickerKeyboardShortcuts_show__topLeft{border-bottom:26px solid transparent;border-left:33px solid #00a699;top:0;left:0}.DayPickerKeyboardShortcuts_show__topLeft:hover{border-left:33px solid #008489}.DayPickerKeyboardShortcuts_showSpan{color:#fff;position:absolute}.DayPickerKeyboardShortcuts_showSpan__bottomRight{bottom:0;right:-28px}.DayPickerKeyboardShortcuts_showSpan__topRight{top:1px;right:-28px}.DayPickerKeyboardShortcuts_showSpan__topLeft{top:1px;left:-28px}.DayPickerKeyboardShortcuts_panel{overflow:auto;background:#fff;border:1px solid #dbdbdb;border-radius:2px;position:absolute;top:0;bottom:0;right:0;left:0;z-index:2;padding:22px;margin:33px}.DayPickerKeyboardShortcuts_title{font-size:16px;font-weight:700;margin:0}.DayPickerKeyboardShortcuts_list{list-style:none;padding:0;font-size:14px}.DayPickerKeyboardShortcuts_close{position:absolute;right:22px;top:22px;z-index:2}.DayPickerKeyboardShortcuts_close:active{outline:0}.DayPickerKeyboardShortcuts_closeSvg{height:15px;width:15px;fill:#cacccd}.DayPickerKeyboardShortcuts_closeSvg:focus,.DayPickerKeyboardShortcuts_closeSvg:hover{fill:#82888a}.CalendarDay{box-sizing:border-box;cursor:pointer;font-size:14px;text-align:center}.CalendarDay:active{outline:0}.CalendarDay__defaultCursor{cursor:default}.CalendarDay__default{border:1px solid #e4e7e7;color:#484848;background:#fff}.CalendarDay__default:hover{background:#e4e7e7;border:1px double #e4e7e7;color:inherit}.CalendarDay__hovered_offset{background:#f4f5f5;border:1px double #e4e7e7;color:inherit}.CalendarDay__outside{border:0;background:#fff;color:#484848}.CalendarDay__outside:hover{border:0}.CalendarDay__blocked_minimum_nights{background:#fff;border:1px solid #eceeee;color:#cacccd}.CalendarDay__blocked_minimum_nights:active,.CalendarDay__blocked_minimum_nights:hover{background:#fff;color:#cacccd}.CalendarDay__highlighted_calendar{background:#ffe8bc;color:#484848}.CalendarDay__highlighted_calendar:active,.CalendarDay__highlighted_calendar:hover{background:#ffce71;color:#484848}.CalendarDay__selected_span{background:#66e2da;border:1px solid #33dacd;color:#fff}.CalendarDay__selected_span:active,.CalendarDay__selected_span:hover{background:#33dacd;border:1px solid #33dacd;color:#fff}.CalendarDay__last_in_range{border-right:#00a699}.CalendarDay__selected,.CalendarDay__selected:active,.CalendarDay__selected:hover{background:#00a699;border:1px solid #00a699;color:#fff}.CalendarDay__hovered_span,.CalendarDay__hovered_span:hover{background:#b2f1ec;border:1px solid #80e8e0;color:#007a87}.CalendarDay__hovered_span:active{background:#80e8e0;border:1px solid #80e8e0;color:#007a87}.CalendarDay__blocked_calendar,.CalendarDay__blocked_calendar:active,.CalendarDay__blocked_calendar:hover{background:#cacccd;border:1px solid #cacccd;color:#82888a}.CalendarDay__blocked_out_of_range,.CalendarDay__blocked_out_of_range:active,.CalendarDay__blocked_out_of_range:hover{background:#fff;border:1px solid #e4e7e7;color:#cacccd}.CalendarMonth{background:#fff;text-align:center;vertical-align:top;-webkit-user-select:none;user-select:none}.CalendarMonth_table{border-collapse:collapse;border-spacing:0}.CalendarMonth_verticalSpacing{border-collapse:separate}.CalendarMonth_caption{color:#484848;font-size:18px;text-align:center;padding-top:22px;padding-bottom:37px;caption-side:top}.CalendarMonth_caption__verticalScrollable{padding-top:12px;padding-bottom:7px}.CalendarMonthGrid{background:#fff;text-align:left;z-index:0}.CalendarMonthGrid__animating{z-index:1}.CalendarMonthGrid__horizontal{position:absolute;left:0}.CalendarMonthGrid__vertical{margin:0 auto}.CalendarMonthGrid__vertical_scrollable{margin:0 auto;overflow-y:scroll}.CalendarMonthGrid_month__horizontal{display:inline-block;vertical-align:top;min-height:100%}.CalendarMonthGrid_month__hideForAnimation{position:absolute;z-index:-1;opacity:0;pointer-events:none}.CalendarMonthGrid_month__hidden{visibility:hidden}.DayPickerNavigation{position:relative;z-index:2}.DayPickerNavigation__horizontal{height:0}.DayPickerNavigation__verticalDefault{position:absolute;width:100%;height:52px;bottom:0;left:0}.DayPickerNavigation__verticalScrollableDefault{position:relative}.DayPickerNavigation_button{cursor:pointer;-webkit-user-select:none;user-select:none;border:0;padding:0;margin:0}.DayPickerNavigation_button__default{border:1px solid #e4e7e7;background-color:#fff;color:#757575}.DayPickerNavigation_button__default:focus,.DayPickerNavigation_button__default:hover{border:1px solid #c4c4c4}.DayPickerNavigation_button__default:active{background:#f2f2f2}.DayPickerNavigation_button__horizontalDefault{position:absolute;top:18px;line-height:.78;border-radius:3px;padding:6px 9px}.DayPickerNavigation_leftButton__horizontalDefault{left:22px}.DayPickerNavigation_rightButton__horizontalDefault{right:22px}.DayPickerNavigation_button__verticalDefault{padding:5px;background:#fff;box-shadow:0 0 5px 2px rgba(0,0,0,.1);position:relative;display:inline-block;height:100%;width:50%}.DayPickerNavigation_nextButton__verticalDefault{border-left:0}.DayPickerNavigation_nextButton__verticalScrollableDefault{width:100%}.DayPickerNavigation_svg__horizontal{height:19px;width:19px;fill:#82888a;display:block}.DayPickerNavigation_svg__vertical{height:42px;width:42px;fill:#484848;display:block}.DayPicker{position:relative;text-align:left}.DayPicker,.DayPicker__horizontal{background:#fff}.DayPicker__verticalScrollable{height:100%}.DayPicker__hidden{visibility:hidden}.DayPicker__withBorder{box-shadow:0 2px 6px rgba(0,0,0,.05),0 0 0 1px rgba(0,0,0,.07);border-radius:3px}.DayPicker_portal__horizontal{box-shadow:none;position:absolute;left:50%;top:50%}.DayPicker_portal__vertical{position:static}.DayPicker_focusRegion{outline:0}.DayPicker_calendarInfo__horizontal,.DayPicker_wrapper__horizontal{display:inline-block;vertical-align:top}.DayPicker_weekHeaders{position:relative}.DayPicker_weekHeaders__horizontal{margin-left:13px}.DayPicker_weekHeader{color:#757575;position:absolute;top:62px;z-index:2;text-align:left;padding:0!important}.DayPicker_weekHeader__vertical{left:50%}.DayPicker_weekHeader__verticalScrollable{top:0;display:table-row;border-bottom:1px solid #dbdbdb;background:#fff;margin-left:0;left:0;width:100%;text-align:center}.DayPicker_weekHeader_ul{list-style:none;margin:1px 0;padding-left:0;padding-right:0;font-size:14px}.DayPicker_weekHeader_li{display:inline-block;text-align:center;margin:0 1px}.DayPicker_transitionContainer{position:relative;overflow:hidden;border-radius:3px}.DayPicker_transitionContainer__horizontal{transition:height .2s ease-in-out}.DayPicker_transitionContainer__vertical{width:100%}.DayPicker_transitionContainer__verticalScrollable{padding-top:20px;height:100%;position:absolute;top:0;bottom:0;right:0;left:0;overflow-y:scroll}.DateInput{margin:0;padding:0;background:#fff;position:relative;display:inline-block;width:130px;vertical-align:middle}.DateInput__small{width:97px}.DateInput__block{width:100%}.DateInput__disabled{background:#f2f2f2;color:#dbdbdb}.DateInput_input{font-weight:200;font-size:19px;line-height:24px;color:#484848;background-color:#fff;width:100%;padding:11px 11px 9px;border:0;border-bottom:2px solid transparent;border-radius:0}.DateInput_input__small{font-size:15px;line-height:18px;letter-spacing:.2px;padding:7px 7px 5px}.DateInput_input__regular{font-weight:auto}.DateInput_input__readOnly{-webkit-user-select:none;user-select:none}.DateInput_input__focused{outline:0;background:#fff;border:0;border-bottom:2px solid #008489}.DateInput_input__disabled{background:#f2f2f2;font-style:italic}.DateInput_screenReaderMessage{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.DateInput_fang{position:absolute;width:20px;height:10px;left:22px;z-index:2}.DateInput_fangShape{fill:#fff}.DateInput_fangStroke{stroke:#dbdbdb;fill:transparent}.DateRangePickerInput{background-color:#fff;display:inline-block}.DateRangePickerInput__disabled{background:#f2f2f2}.DateRangePickerInput__withBorder{border-radius:2px;border:1px solid #dbdbdb}.DateRangePickerInput__rtl{direction:rtl}.DateRangePickerInput__block{display:block}.DateRangePickerInput__showClearDates{padding-right:30px}.DateRangePickerInput_arrow{display:inline-block;vertical-align:middle;color:#484848}.DateRangePickerInput_arrow_svg{vertical-align:middle;fill:#484848;height:24px;width:24px}.DateRangePickerInput_clearDates{background:0 0;border:0;color:inherit;font:inherit;line-height:normal;overflow:visible;cursor:pointer;padding:10px;margin:0 10px 0 5px;position:absolute;right:0;top:50%;transform:translateY(-50%)}.DateRangePickerInput_clearDates__small{padding:6px}.DateRangePickerInput_clearDates_default:focus,.DateRangePickerInput_clearDates_default:hover{background:#dbdbdb;border-radius:50%}.DateRangePickerInput_clearDates__hide{visibility:hidden}.DateRangePickerInput_clearDates_svg{fill:#82888a;height:12px;width:15px;vertical-align:middle}.DateRangePickerInput_clearDates_svg__small{height:9px}.DateRangePickerInput_calendarIcon{background:0 0;border:0;color:inherit;font:inherit;line-height:normal;overflow:visible;cursor:pointer;display:inline-block;vertical-align:middle;padding:10px;margin:0 5px 0 10px}.DateRangePickerInput_calendarIcon_svg{fill:#82888a;height:15px;width:14px;vertical-align:middle}.DateRangePicker{position:relative;display:inline-block}.DateRangePicker__block{display:block}.DateRangePicker_picker{z-index:1;background-color:#fff;position:absolute}.DateRangePicker_picker__rtl{direction:rtl}.DateRangePicker_picker__directionLeft{left:0}.DateRangePicker_picker__directionRight{right:0}.DateRangePicker_picker__portal{background-color:rgba(0,0,0,.3);position:fixed;top:0;left:0;height:100%;width:100%}.DateRangePicker_picker__fullScreenPortal{background-color:#fff}.DateRangePicker_closeButton{background:0 0;border:0;color:inherit;font:inherit;line-height:normal;overflow:visible;cursor:pointer;position:absolute;top:0;right:0;padding:15px;z-index:2}.DateRangePicker_closeButton:focus,.DateRangePicker_closeButton:hover{color:#b0b3b4;text-decoration:none}.DateRangePicker_closeButton_svg{height:15px;width:15px;fill:#cacccd}.components-datetime{padding:16px}.components-panel__body .components-datetime{padding:0}.components-datetime .components-datetime__calendar-help{padding:16px}.components-datetime .components-datetime__calendar-help h4{margin:0}.components-datetime .components-datetime__buttons{display:flex;justify-content:space-between}.components-datetime .components-datetime__date-help-toggle{display:block;margin-left:auto}.components-datetime fieldset{border:0;padding:0;margin:0}.components-datetime input,.components-datetime select{box-shadow:0 0 0 transparent;transition:box-shadow .1s linear;border-radius:2px;border:1px solid #757575}@media (prefers-reduced-motion:reduce){.components-datetime input,.components-datetime select{transition-duration:0s;transition-delay:0s}}.components-datetime .components-button,.components-datetime input[type=number],.components-datetime select{height:30px;margin-top:0;margin-bottom:0}.components-datetime__date{min-height:236px;border-top:1px solid #ddd}.components-datetime__date .DayPickerNavigation_leftButton__horizontalDefault{ + /*!rtl:begin:ignore*/left:13px + /*!rtl:end:ignore*/}.components-datetime__date .CalendarMonth_caption{font-size:13px}.components-datetime__date .CalendarMonth_table{border-collapse:separate;border-spacing:2px}.components-datetime__date .CalendarDay{font-size:13px;border:none;border-radius:50%;text-align:center}.components-datetime__date .CalendarDay:focus{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color),inset 0 0 0 3px #fff;outline:2px solid transparent}.components-datetime__date .CalendarDay__selected{background:var(--wp-admin-theme-color);border:2px solid transparent}.components-datetime__date .CalendarDay__selected:hover{background:var(--wp-admin-theme-color-darker-20)}.components-datetime__date .CalendarDay__selected:focus{box-shadow:inset 0 0 0 1px #fff}.components-datetime__date .DayPickerNavigation_button__horizontalDefault{padding:2px 8px;top:20px}.components-datetime__date .DayPickerNavigation_button__horizontalDefault:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 1px var(--wp-admin-theme-color);outline:2px solid transparent}.components-datetime__date .DayPicker_weekHeader{top:50px}.components-datetime__date .DayPicker_weekHeader .DayPicker_weekHeader_ul{margin:1px;padding-left:0;padding-right:0}.components-datetime__date.is-description-visible .DayPicker{visibility:hidden}.components-datetime__date .CalendarDay .components-datetime__date__day{height:100%;display:flex;justify-content:center;align-content:center;flex-direction:column;position:relative}.components-datetime__date .CalendarDay .components-datetime__date__day.has-events:before{content:" ";width:4px;height:4px;border-radius:2px;position:absolute;left:50%;margin-left:-2px;bottom:0;background-color:#fff}.components-datetime__date .CalendarDay:not(.CalendarDay__selected) .components-datetime__date__day.has-events:before{background:var(--wp-admin-theme-color)}.components-datetime__time{padding-bottom:16px}.components-datetime__time fieldset{position:relative;margin-bottom:.5em}.components-datetime__time fieldset+fieldset{margin-bottom:0}.components-datetime__time .components-datetime__time-field-am-pm fieldset{margin-top:0}.components-datetime__time .components-datetime__time-wrapper{display:flex}.components-datetime__time .components-datetime__time-wrapper .components-datetime__time-separator{display:inline-block;padding:0 3px 0 0}.components-datetime__time .components-datetime__time-wrapper .components-datetime__time-field-time{direction:ltr}.components-datetime__time .components-datetime__time-wrapper .components-datetime__time-field select{margin-right:4px}.components-datetime__time .components-datetime__time-wrapper .components-datetime__time-field select:focus{position:relative;z-index:1}.components-datetime__time .components-datetime__time-wrapper .components-datetime__time-field input[type=number]{padding:2px;margin-right:4px;text-align:center;-moz-appearance:textfield}.components-datetime__time .components-datetime__time-wrapper .components-datetime__time-field input[type=number]:focus{position:relative;z-index:1}.components-datetime__time .components-datetime__time-wrapper .components-datetime__time-field input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.components-datetime__time.is-12-hour .components-datetime__time-field-day input{margin:-4px 0 0!important;border-radius:2px 0 0 2px!important}.components-datetime__time.is-12-hour .components-datetime__time-field-year input{border-radius:0 2px 2px 0!important}.components-datetime__timezone{line-height:30px;margin-left:4px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.components-datetime__time-legend{font-weight:600;margin-top:.5em}.components-datetime__time-legend.invisible{position:absolute;top:-999em;left:-999em}.components-datetime__time-field-day-input,.components-datetime__time-field-hours-input,.components-datetime__time-field-minutes-input{width:35px}.components-datetime__time-field-year-input{width:55px}.components-datetime__time-field-month-select{max-width:145px}.components-popover .components-datetime__date{padding-left:4px}.block-editor-dimension-control .components-base-control__field{display:flex;align-items:center}.block-editor-dimension-control .components-base-control__label{display:flex;align-items:center;margin-right:1em;margin-bottom:0}.block-editor-dimension-control .components-base-control__label .dashicon{margin-right:.5em}.block-editor-dimension-control.is-manual .components-base-control__label{width:10em}body.is-dragging-components-draggable{cursor:move;cursor:grabbing!important}.components-draggable__invisible-drag-image{position:fixed;left:-1000px;height:50px;width:50px}.components-draggable__clone{position:fixed;padding:0;background:transparent;pointer-events:none;z-index:1000000000}.components-drop-zone{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;visibility:hidden;opacity:0;transition:opacity .3s,background-color .3s,visibility 0s .3s;border:2px solid var(--wp-admin-theme-color);border-radius:2px}@media (prefers-reduced-motion:reduce){.components-drop-zone{transition-duration:0s;transition-delay:0s}}.components-drop-zone.is-active{opacity:1;visibility:visible;transition:opacity .3s,background-color .3s}@media (prefers-reduced-motion:reduce){.components-drop-zone.is-active{transition-duration:0s;transition-delay:0s}}.components-drop-zone.is-dragging-over-element{background-color:var(--wp-admin-theme-color)}.components-drop-zone__content{position:absolute;top:50%;left:0;right:0;z-index:50;transform:translateY(-50%);width:100%;text-align:center;color:#fff;transition:transform .2s ease-in-out}@media (prefers-reduced-motion:reduce){.components-drop-zone__content{transition-duration:0s;transition-delay:0s}}.components-drop-zone.is-dragging-over-element .components-drop-zone__content{transform:translateY(-50%) scale(1.05)}.components-drop-zone__content-icon,.components-drop-zone__content-text{display:block}.components-drop-zone__content-icon{margin:0 auto;line-height:0;fill:currentColor}.components-drop-zone__content-text{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.components-dropdown{display:inline-block}.components-dropdown__content .components-popover__content>div{padding:12px}.components-dropdown-menu__popover .components-popover__content{min-width:200px}.components-dropdown-menu__menu{width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;line-height:1.4}.components-dropdown-menu__menu .components-dropdown-menu__menu-item,.components-dropdown-menu__menu .components-menu-item{width:100%;padding:6px;outline:none;cursor:pointer;white-space:nowrap}.components-dropdown-menu__menu .components-dropdown-menu__menu-item.has-separator,.components-dropdown-menu__menu .components-menu-item.has-separator{margin-top:6px;position:relative;overflow:visible}.components-dropdown-menu__menu .components-dropdown-menu__menu-item.has-separator:before,.components-dropdown-menu__menu .components-menu-item.has-separator:before{display:block;content:"";box-sizing:content-box;background-color:#ddd;position:absolute;top:-3px;left:0;right:0;height:1px}.components-dropdown-menu__menu .components-dropdown-menu__menu-item.is-active svg,.components-dropdown-menu__menu .components-menu-item.is-active svg{color:#fff;background:#1e1e1e;box-shadow:0 0 0 1px #1e1e1e;border-radius:1px}.components-dropdown-menu__menu .components-dropdown-menu__menu-item>svg,.components-dropdown-menu__menu .components-menu-item>svg{border-radius:2px;width:24px;height:24px}.components-dropdown-menu__menu .components-menu-item__button,.components-dropdown-menu__menu .components-menu-item__button.components-button{min-height:36px;height:auto;text-align:left;padding-left:8px;padding-right:8px}.components-dropdown-menu__menu .components-menu-group{padding:12px;margin:0 -12px}.components-dropdown-menu__menu .components-menu-group:first-child{margin-top:-12px}.components-dropdown-menu__menu .components-menu-group:last-child{margin-bottom:-12px}.components-dropdown-menu__menu .components-menu-group+.components-menu-group{margin-top:0;border-top:1px solid #ccc;padding:12px}.is-alternate .components-dropdown-menu__menu .components-menu-group+.components-menu-group{border-color:#1e1e1e}.components-font-size-picker__controls{max-width:248px;display:flex;flex-wrap:wrap;align-items:center;margin-bottom:24px}.components-font-size-picker__controls .components-unit-control-wrapper{margin-right:8px}.components-font-size-picker__controls .components-unit-control-wrapper .components-input-control__label{font-weight:300;padding-bottom:0!important;margin-bottom:8px!important}.components-font-size-picker__controls .components-custom-select-control__button{min-width:120px}.components-font-size-picker__controls .components-font-size-picker__number{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;padding:6px 8px;box-shadow:0 0 0 transparent;transition:box-shadow .1s linear;border-radius:2px;border:1px solid #757575;font-size:16px;line-height:normal;display:inline-block;font-weight:500;height:30px;margin:8px 8px 0 0;width:54px}@media (prefers-reduced-motion:reduce){.components-font-size-picker__controls .components-font-size-picker__number{transition-duration:0s;transition-delay:0s}}@media (min-width:600px){.components-font-size-picker__controls .components-font-size-picker__number{font-size:13px;line-height:normal}}.components-font-size-picker__controls .components-font-size-picker__number:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 1px var(--wp-admin-theme-color);outline:2px solid transparent}.components-font-size-picker__controls .components-font-size-picker__number::-webkit-input-placeholder{color:rgba(30,30,30,.62)}.components-font-size-picker__controls .components-font-size-picker__number::-moz-placeholder{opacity:1;color:rgba(30,30,30,.62)}.components-font-size-picker__controls .components-font-size-picker__number:-ms-input-placeholder{color:rgba(30,30,30,.62)}.components-font-size-picker__controls .components-font-size-picker__number[value=""]+.components-button{cursor:default;opacity:.3;pointer-events:none}.components-font-size-picker__controls .components-font-size-picker__number-container{display:flex;flex-direction:column}.components-font-size-picker__controls .components-font-size-picker__select{margin-right:8px}.components-font-size-picker__controls .components-color-palette__clear{height:30px;margin-top:26px}.components-font-size-picker__custom-input .components-range-control__slider+.dashicon{width:30px;height:30px}.components-font-size-picker{border:0;padding:0;margin:0}.components-form-toggle{position:relative;display:inline-block}.components-form-toggle .components-form-toggle__track{content:"";display:inline-block;box-sizing:border-box;vertical-align:top;background-color:#fff;border:1px solid #1e1e1e;width:36px;height:18px;border-radius:9px;transition:background .2s ease}@media (prefers-reduced-motion:reduce){.components-form-toggle .components-form-toggle__track{transition-duration:0s;transition-delay:0s}}.components-form-toggle .components-form-toggle__thumb{display:block;position:absolute;box-sizing:border-box;top:3px;left:3px;width:12px;height:12px;border-radius:50%;transition:transform .1s ease;background-color:#1e1e1e;border:5px solid #1e1e1e}@media (prefers-reduced-motion:reduce){.components-form-toggle .components-form-toggle__thumb{transition-duration:0s;transition-delay:0s}}.components-form-toggle.is-checked .components-form-toggle__track{background-color:var(--wp-admin-theme-color);border:9px solid transparent}.components-form-toggle .components-form-toggle__input:focus+.components-form-toggle__track{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--wp-admin-theme-color);outline:2px solid transparent;outline-offset:2px}.components-form-toggle.is-checked .components-form-toggle__thumb{background-color:#fff;border-width:0;transform:translateX(18px)}.components-disabled .components-form-toggle,.components-form-toggle.is-disabled{opacity:.3}.components-form-toggle input.components-form-toggle__input[type=checkbox]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;margin:0;padding:0;z-index:1;border:none}.components-form-toggle input.components-form-toggle__input[type=checkbox]:checked{background:none}.components-form-toggle input.components-form-toggle__input[type=checkbox]:before{content:""}.components-form-token-field__input-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;box-shadow:0 0 0 transparent;transition:box-shadow .1s linear;border-radius:2px;border:1px solid #757575;font-size:16px;line-height:normal;display:flex;flex-wrap:wrap;align-items:center;width:100%;margin:0 0 8px;padding:2px 4px;cursor:text}@media (prefers-reduced-motion:reduce){.components-form-token-field__input-container{transition-duration:0s;transition-delay:0s}}@media (min-width:600px){.components-form-token-field__input-container{font-size:13px;line-height:normal}}.components-form-token-field__input-container:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 1px var(--wp-admin-theme-color);outline:2px solid transparent}.components-form-token-field__input-container::-webkit-input-placeholder{color:rgba(30,30,30,.62)}.components-form-token-field__input-container::-moz-placeholder{opacity:1;color:rgba(30,30,30,.62)}.components-form-token-field__input-container:-ms-input-placeholder{color:rgba(30,30,30,.62)}.components-form-token-field__input-container.is-disabled{background:#ddd;border-color:#ddd}.components-form-token-field__input-container.is-active{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 1px var(--wp-admin-theme-color);outline:2px solid transparent}.components-form-token-field__input-container input[type=text].components-form-token-field__input{display:inline-block;flex:1;font-size:16px;width:100%;max-width:100%;margin-left:4px;padding:0;min-height:24px;min-width:50px;background:inherit;border:0;color:#1e1e1e;box-shadow:none}@media (min-width:600px){.components-form-token-field__input-container input[type=text].components-form-token-field__input{font-size:13px}}.components-form-token-field.is-active .components-form-token-field__input-container input[type=text].components-form-token-field__input,.components-form-token-field__input-container input[type=text].components-form-token-field__input:focus{outline:none;box-shadow:none}.components-form-token-field__input-container .components-form-token-field__token+input[type=text].components-form-token-field__input{width:auto}.components-form-token-field__label{display:inline-block;margin-bottom:4px}.components-form-token-field__help{font-size:12px;font-style:normal;color:#757575}.components-form-token-field__token{font-size:13px;display:flex;margin:2px 4px 2px 0;color:#1e1e1e;max-width:100%}.components-form-token-field__token.is-success .components-form-token-field__remove-token,.components-form-token-field__token.is-success .components-form-token-field__token-text{background:#4ab866}.components-form-token-field__token.is-error .components-form-token-field__remove-token,.components-form-token-field__token.is-error .components-form-token-field__token-text{background:#cc1818}.components-form-token-field__token.is-validating .components-form-token-field__remove-token,.components-form-token-field__token.is-validating .components-form-token-field__token-text{color:#757575}.components-form-token-field__token.is-borderless{position:relative;padding:0 16px 0 0}.components-form-token-field__token.is-borderless .components-form-token-field__token-text{background:transparent;color:var(--wp-admin-theme-color)}.components-form-token-field__token.is-borderless .components-form-token-field__remove-token{background:transparent;color:#757575;position:absolute;top:1px;right:0}.components-form-token-field__token.is-borderless.is-success .components-form-token-field__token-text{color:#4ab866}.components-form-token-field__token.is-borderless.is-error .components-form-token-field__token-text{color:#cc1818;border-radius:4px 0 0 4px;padding:0 4px 0 6px}.components-form-token-field__token.is-borderless.is-validating .components-form-token-field__token-text{color:#1e1e1e}.components-form-token-field__token.is-disabled .components-form-token-field__remove-token{cursor:default}.components-form-token-field__remove-token.components-button,.components-form-token-field__token-text{display:inline-block;line-height:24px;height:auto;background:#ddd;min-width:unset;transition:all .2s cubic-bezier(.4,1,.4,1)}@media (prefers-reduced-motion:reduce){.components-form-token-field__remove-token.components-button,.components-form-token-field__token-text{transition-duration:0s;transition-delay:0s;animation-duration:1ms;animation-delay:0s}}.components-form-token-field__token-text{border-radius:2px 0 0 2px;padding:0 0 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.components-form-token-field__remove-token.components-button{cursor:pointer;border-radius:0 2px 2px 0;padding:0 2px;color:#1e1e1e;line-height:10px;overflow:initial}.components-form-token-field__remove-token.components-button:hover{color:#1e1e1e}.components-form-token-field__suggestions-list{flex:1 0 100%;min-width:100%;max-height:9em;overflow-y:auto;transition:all .15s ease-in-out;list-style:none;border-top:1px solid #757575;margin:4px -4px -4px;padding:0}@media (prefers-reduced-motion:reduce){.components-form-token-field__suggestions-list{transition-duration:0s;transition-delay:0s}}.components-form-token-field__suggestion{color:#757575;display:block;font-size:13px;padding:4px 8px;margin:0;cursor:pointer}.components-form-token-field__suggestion.is-selected{background:var(--wp-admin-theme-color);color:#fff}.components-form-token-field__suggestion-match{text-decoration:underline}@media (min-width:600px){.components-guide{width:600px}}.components-guide .components-modal__header{background:none;border-bottom:none;width:100%;padding:0;margin:0}.components-guide .components-modal__header .components-button{align-self:flex-start;margin:8px 8px 0 0;position:static}.components-guide .components-modal__header .components-button:hover svg{fill:#fff}.components-guide__container{display:flex;flex-direction:column;justify-content:space-between;margin-top:-60px;min-height:100%}.components-guide__page{display:flex;flex-direction:column;justify-content:center;position:relative}@media (min-width:600px){.components-guide__page{min-height:300px}}.components-guide__footer{align-content:center;display:flex;height:30px;justify-content:center;margin:0 0 24px;padding:0 32px;position:relative;width:100%}@media (max-width:600px){.components-guide__footer{position:absolute;bottom:0}}.components-guide__page-control{margin:0;text-align:center}.components-guide__page-control li{display:inline-block;margin:0}.components-guide__page-control .components-button{height:30px;min-width:20px;margin:-6px 0}.components-guide .components-modal__content{padding:0}.components-modal__frame.components-guide{border:none;min-width:312px;height:80vh;max-height:575px}@media (max-width:600px){.components-modal__frame.components-guide{bottom:5%;left:16px;right:16px;top:5%;margin:0 auto}}.components-button.components-guide__back-button,.components-button.components-guide__finish-button,.components-button.components-guide__forward-button{height:30px;position:absolute}.components-button.components-guide__back-button,.components-button.components-guide__forward-button{font-size:13px;padding:4px 2px}.components-button.components-guide__back-button.has-text svg,.components-button.components-guide__forward-button.has-text svg{margin:0}.components-button.components-guide__back-button:hover,.components-button.components-guide__forward-button:hover{text-decoration:underline}.components-button.components-guide__back-button{left:32px}.components-button.components-guide__forward-button{right:32px;color:#1386bf;font-weight:700}.components-button.components-guide__finish-button{right:32px}.components-button.components-guide__inline-finish-button{display:none}[role=region]{position:relative}.is-focusing-regions [role=region]:focus:after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;pointer-events:none;outline:4px solid transparent;box-shadow:inset 0 0 0 4px var(--wp-admin-theme-color)}@supports (outline-offset:1px){.is-focusing-regions [role=region]:focus:after{content:none}.is-focusing-regions [role=region]:focus{outline-style:solid;outline-color:var(--wp-admin-theme-color);outline-width:4px;outline-offset:-4px}}.components-menu-group+.components-menu-group{margin-top:8px;padding-top:8px;border-top:1px solid #1e1e1e}.components-menu-group+.components-menu-group.has-hidden-separator{border-top:none;margin-top:0;padding-top:0}.components-menu-group__label{padding:0 8px;margin-top:4px;margin-bottom:12px;color:#757575;text-transform:uppercase;font-size:11px;font-weight:500}.components-menu-item__button,.components-menu-item__button.components-button{width:100%}.components-menu-item__button.components-button .components-menu-items__item-icon,.components-menu-item__button .components-menu-items__item-icon{margin-right:-2px;margin-left:24px;display:inline-block;flex:0 0 auto}.components-menu-item__button.components-button .components-menu-item__shortcut+.components-menu-items__item-icon,.components-menu-item__button .components-menu-item__shortcut+.components-menu-items__item-icon{margin-left:8px}.components-menu-item__button .block-editor-block-icon,.components-menu-item__button.components-button .block-editor-block-icon{margin-left:-2px;margin-right:8px}.components-menu-item__button.components-button.is-primary,.components-menu-item__button.is-primary{justify-content:center}.components-menu-item__button.components-button.is-primary .components-menu-item__item,.components-menu-item__button.is-primary .components-menu-item__item{margin-right:0}.components-menu-item__info-wrapper{display:flex;flex-direction:column;margin-right:auto}.components-menu-item__info{margin-top:4px;font-size:12px;color:#757575;white-space:normal}.components-menu-item__item{white-space:nowrap;margin-right:auto;display:inline-flex;align-items:center}.components-menu-item__shortcut{align-self:center;margin-right:0;margin-left:auto;padding-left:24px;color:currentColor;display:none}@media (min-width:480px){.components-menu-item__shortcut{display:inline}}.components-menu-items-choice.components-button svg,.components-menu-items-choice svg{margin-right:12px}.components-menu-items-choice.components-button.has-icon,.components-menu-items-choice.has-icon{padding-left:12px}.components-modal__screen-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.35);z-index:100000;animation:edit-post__fade-in-animation .2s ease-out 0s;animation-fill-mode:forwards}@media (prefers-reduced-motion:reduce){.components-modal__screen-overlay{animation-duration:1ms;animation-delay:0s}}.components-modal__frame{position:absolute;top:0;right:0;bottom:0;left:0;box-sizing:border-box;margin:0;background:#fff;box-shadow:0 10px 10px rgba(0,0,0,.25);border-radius:2px;overflow:auto}@media (min-width:600px){.components-modal__frame{top:50%;right:auto;bottom:auto;left:50%;min-width:360px;max-width:calc(100% - 32px);max-height:90%;transform:translate(-50%,-50%);animation:components-modal__appear-animation .1s ease-out;animation-fill-mode:forwards}}@media (min-width:600px) and (prefers-reduced-motion:reduce){.components-modal__frame{animation-duration:1ms;animation-delay:0s}}@keyframes components-modal__appear-animation{0%{margin-top:32px}to{margin-top:0}}.components-modal__header{box-sizing:border-box;border-bottom:1px solid #ddd;padding:0 32px;display:flex;flex-direction:row;justify-content:space-between;background:#fff;align-items:center;height:60px;z-index:10;position:relative;position:sticky;top:0;margin:0 -32px 24px}@supports (-ms-ime-align:auto){.components-modal__header{position:fixed;width:100%}}.components-modal__header .components-modal__header-heading{font-size:1rem;font-weight:600}.components-modal__header h1{line-height:1;margin:0}.components-modal__header .components-button{position:relative;left:8px}.components-modal__header-heading-container{align-items:center;flex-grow:1;display:flex;flex-direction:row;justify-content:left}.components-modal__header-icon-container{display:inline-block}.components-modal__header-icon-container svg{max-width:36px;max-height:36px;padding:8px}.components-modal__content{box-sizing:border-box;height:100%;padding:0 32px 24px}@supports (-ms-ime-align:auto){.components-modal__content{padding-top:60px}}.components-notice{display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;background-color:#fff;border-left:4px solid var(--wp-admin-theme-color);margin:5px 15px 2px;padding:8px 12px;align-items:center}.components-notice.is-dismissible{padding-right:36px;position:relative}.components-notice.is-success{border-left-color:#4ab866;background-color:#eff9f1}.components-notice.is-warning{border-left-color:#f0b849;background-color:#fef8ee}.components-notice.is-error{border-left-color:#cc1818;background-color:#f4a2a2}.components-notice__content{flex-grow:1;margin:4px 25px 4px 0}.components-notice__actions{display:flex;flex-wrap:wrap}.components-notice__action.components-button{margin-right:8px}.components-notice__action.components-button,.components-notice__action.components-button.is-link{margin-left:12px}.components-notice__action.components-button.is-secondary{vertical-align:initial}.components-notice__dismiss{color:#757575;align-self:flex-start;flex-shrink:0}.components-notice__dismiss:not(:disabled):not([aria-disabled=true]):focus,.components-notice__dismiss:not(:disabled):not([aria-disabled=true]):not(.is-secondary):active,.components-notice__dismiss:not(:disabled):not([aria-disabled=true]):not(.is-secondary):hover{color:#1e1e1e;background-color:transparent}.components-notice__dismiss:not(:disabled):not([aria-disabled=true]):not(.is-secondary):hover{box-shadow:none}.components-notice-list{max-width:100vw;box-sizing:border-box}.components-notice-list .components-notice__content{margin-top:12px;margin-bottom:12px;line-height:2}.components-notice-list .components-notice__action.components-button{display:block;margin-left:0;margin-top:8px}.components-panel{background:#fff;border:1px solid #e0e0e0}.components-panel>.components-panel__body:first-child,.components-panel>.components-panel__header:first-child{margin-top:-1px}.components-panel>.components-panel__body:last-child,.components-panel>.components-panel__header:last-child{border-bottom-width:0}.components-panel+.components-panel{margin-top:-1px}.components-panel__body{border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0}.components-panel__body h3{margin:0 0 .5em}.components-panel__body.is-opened{padding:16px}.components-panel__header{display:flex;justify-content:space-between;align-items:center;padding:0 16px;height:48px;border-top:1px solid #ddd;border-bottom:1px solid #ddd}.components-panel__header h2{margin:0;font-size:inherit;color:inherit}.components-panel__body+.components-panel__body,.components-panel__body+.components-panel__header,.components-panel__header+.components-panel__body,.components-panel__header+.components-panel__header{margin-top:-1px}.components-panel__body>.components-panel__body-title{display:block;padding:0;font-size:inherit;margin-top:0;margin-bottom:0;transition:background .1s ease-in-out}@media (prefers-reduced-motion:reduce){.components-panel__body>.components-panel__body-title{transition-duration:0s;transition-delay:0s}}.components-panel__body.is-opened>.components-panel__body-title{margin:-16px -16px 5px}.components-panel__body>.components-panel__body-title:hover{background:#f0f0f0;border:none}.components-panel__body-toggle.components-button{position:relative;padding:16px 48px 16px 16px;outline:none;width:100%;font-weight:500;text-align:left;color:#1e1e1e;border:none;box-shadow:none;transition:background .1s ease-in-out;height:auto}@media (prefers-reduced-motion:reduce){.components-panel__body-toggle.components-button{transition-duration:0s;transition-delay:0s}}.components-panel__body-toggle.components-button:focus{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);border-radius:0}.components-panel__body-toggle.components-button .components-panel__arrow{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#1e1e1e;fill:currentColor;transition:color .1s ease-in-out}@media (prefers-reduced-motion:reduce){.components-panel__body-toggle.components-button .components-panel__arrow{transition-duration:0s;transition-delay:0s}}body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right{transform:scaleX(-1);-ms-filter:fliph;filter:FlipH;margin-top:-10px}.components-panel__icon{color:#757575;margin:-2px 0 -2px 6px}.components-panel__body-toggle-icon{margin-right:-5px}.components-panel__color-title{float:left;height:19px}.components-panel__row{display:flex;justify-content:space-between;align-items:center;margin-top:8px;min-height:36px}.components-panel__row select{min-width:0}.components-panel__row label{margin-right:12px;flex-shrink:0;max-width:75%}.components-panel__row:empty,.components-panel__row:first-of-type{margin-top:0}.components-panel .circle-picker{padding-bottom:20px}.components-placeholder.components-placeholder{box-sizing:border-box;position:relative;padding:1em;min-height:200px;width:100%;text-align:left;margin:0;color:#1e1e1e;-moz-font-smoothing:subpixel-antialiased;-webkit-font-smoothing:subpixel-antialiased;border-radius:2px;background-color:#fff;box-shadow:inset 0 0 0 1px #1e1e1e;outline:1px solid transparent}@supports (position:sticky){.components-placeholder.components-placeholder{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}}.components-placeholder.components-placeholder .components-base-control__label{font-size:13px}.components-placeholder__error,.components-placeholder__fieldset,.components-placeholder__instructions,.components-placeholder__label{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px}.components-placeholder__label{display:flex;font-weight:600;margin-bottom:16px;align-items:center}.components-placeholder__label .block-editor-block-icon,.components-placeholder__label .dashicon,.components-placeholder__label>svg{fill:currentColor;margin-right:1ch}.components-placeholder__label:empty{display:none}.components-placeholder__fieldset,.components-placeholder__fieldset form{display:flex;flex-direction:row;width:100%;flex-wrap:wrap}.components-placeholder__fieldset form p,.components-placeholder__fieldset p{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px}.components-placeholder__fieldset.is-column-layout,.components-placeholder__fieldset.is-column-layout form{flex-direction:column}.components-placeholder__input[type=url]{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;padding:6px 8px;box-shadow:0 0 0 transparent;transition:box-shadow .1s linear;border-radius:2px;border:1px solid #757575;font-size:16px;line-height:normal;margin:0 8px 0 0;flex:1 1 auto}@media (prefers-reduced-motion:reduce){.components-placeholder__input[type=url]{transition-duration:0s;transition-delay:0s}}@media (min-width:600px){.components-placeholder__input[type=url]{font-size:13px;line-height:normal}}.components-placeholder__input[type=url]:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 1px var(--wp-admin-theme-color);outline:2px solid transparent}.components-placeholder__input[type=url]::-webkit-input-placeholder{color:rgba(30,30,30,.62)}.components-placeholder__input[type=url]::-moz-placeholder{opacity:1;color:rgba(30,30,30,.62)}.components-placeholder__input[type=url]:-ms-input-placeholder{color:rgba(30,30,30,.62)}.components-placeholder__instructions{margin-bottom:1em}.components-placeholder__error{margin-top:1em;width:100%}.components-placeholder__preview img{margin:3%;width:50%}.components-placeholder__fieldset .components-button{margin-right:12px;margin-bottom:12px}.components-placeholder__fieldset .components-button:last-child{margin-bottom:0;margin-right:0}.components-placeholder__fieldset .components-button:not(.is-link)~.components-button.is-link{margin-left:10px;margin-right:10px}.components-placeholder__fieldset .components-button:not(.is-link)~.components-button.is-link:last-child{margin-right:0}.components-placeholder.is-large .components-placeholder__label{font-size:18pt;font-weight:400}.components-placeholder.is-medium .components-placeholder__instructions,.components-placeholder.is-small .components-placeholder__instructions{display:none}.components-placeholder.is-medium .components-placeholder__fieldset,.components-placeholder.is-medium .components-placeholder__fieldset form,.components-placeholder.is-small .components-placeholder__fieldset,.components-placeholder.is-small .components-placeholder__fieldset form{flex-direction:column}.components-placeholder.is-medium .components-placeholder__fieldset .components-button,.components-placeholder.is-small .components-placeholder__fieldset .components-button{margin-right:auto}.components-placeholder.is-small .components-button{padding:0 8px 2px} + +/*!rtl:begin:ignore*/.components-popover{position:fixed;z-index:1000000;top:0;left:0;opacity:0}.components-popover.is-expanded,.components-popover[data-x-axis][data-y-axis]{opacity:1}.components-popover.is-expanded{top:0;left:0;right:0;bottom:0;z-index:1000000!important}.components-popover:not(.is-without-arrow){margin-left:2px}.components-popover:not(.is-without-arrow):before{border:8px solid #ccc}.components-popover:not(.is-without-arrow).is-alternate:before{border-color:#1e1e1e}.components-popover:not(.is-without-arrow):after{border:8px solid #fff}.components-popover:not(.is-without-arrow):after,.components-popover:not(.is-without-arrow):before{content:"";position:absolute;height:0;width:0;line-height:0}.components-popover:not(.is-without-arrow)[data-y-axis=top]{margin-top:-8px}.components-popover:not(.is-without-arrow)[data-y-axis=top]:before{bottom:-8px}.components-popover:not(.is-without-arrow)[data-y-axis=top]:after{bottom:-6px}.components-popover:not(.is-without-arrow)[data-y-axis=top]:after,.components-popover:not(.is-without-arrow)[data-y-axis=top]:before{border-bottom:none;border-left-color:transparent;border-right-color:transparent;border-top-style:solid;margin-left:-10px}.components-popover:not(.is-without-arrow)[data-y-axis=bottom]{margin-top:8px}.components-popover:not(.is-without-arrow)[data-y-axis=bottom]:before{top:-8px}.components-popover:not(.is-without-arrow)[data-y-axis=bottom]:after{top:-6px}.components-popover:not(.is-without-arrow)[data-y-axis=bottom]:after,.components-popover:not(.is-without-arrow)[data-y-axis=bottom]:before{border-bottom-style:solid;border-left-color:transparent;border-right-color:transparent;border-top:none;margin-left:-10px}.components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=left]{margin-left:-8px}.components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=left]:before{right:-8px}.components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=left]:after{right:-6px}.components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=left]:after,.components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=left]:before{border-bottom-color:transparent;border-left-style:solid;border-right:none;border-top-color:transparent}.components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=right]{margin-left:8px}.components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=right]:before{left:-8px}.components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=right]:after{left:-6px}.components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=right]:after,.components-popover:not(.is-without-arrow)[data-y-axis=middle][data-x-axis=right]:before{border-bottom-color:transparent;border-left:none;border-right-style:solid;border-top-color:transparent}.components-popover[data-y-axis=top]{bottom:100%}.components-popover[data-y-axis=bottom]{top:100%}.components-popover[data-y-axis=middle]{align-items:center;display:flex}.components-popover.is-from-top{margin-top:12px}.components-popover.is-from-bottom{margin-top:-12px}.components-popover.is-from-left:not(.is-from-top):not(.is-from-bottom){margin-left:12px}.components-popover.is-from-right:not(.is-from-top):not(.is-from-bottom){margin-right:12px}.components-popover__content{height:100%;background:#fff;border:1px solid #ccc;box-shadow:0 2px 6px rgba(0,0,0,.05);border-radius:2px}.is-alternate .components-popover__content{border:1px solid #1e1e1e;box-shadow:none}.components-popover .components-popover__content{position:absolute;height:auto;overflow-y:auto}.components-popover.is-expanded .components-popover__content{position:static;height:calc(100% - 48px);overflow-y:visible;min-width:auto;border:none;border-top:1px solid #1e1e1e}.components-popover[data-y-axis=top] .components-popover__content{bottom:100%}.components-popover[data-x-axis=center] .components-popover__content{left:50%;transform:translateX(-50%)}.components-popover[data-x-axis=right] .components-popover__content{position:absolute;left:100%}.components-popover:not([data-y-axis=middle])[data-x-axis=right] .components-popover__content{margin-left:-25px}.components-popover[data-x-axis=left] .components-popover__content{position:absolute;right:100%}.components-popover:not([data-y-axis=middle])[data-x-axis=left] .components-popover__content{margin-right:-25px}.components-popover__header{align-items:center;background:#fff;display:flex;height:48px;justify-content:space-between;padding:0 8px 0 16px}.components-popover__header-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.components-popover__close.components-button{z-index:5} + +/*!rtl:end:ignore*/.components-radio-control{display:flex;flex-direction:column}.components-radio-control .components-base-control__help{margin-top:0}.components-radio-control .components-base-control__field{margin-bottom:0}.components-radio-control__option:not(:last-child){margin-bottom:4px}.components-radio-control__input[type=radio]{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;padding:6px 8px;box-shadow:0 0 0 transparent;transition:box-shadow .1s linear;border-radius:2px;font-size:16px;line-height:normal;border:1px solid #1e1e1e;transition:none;border-radius:50%;width:24px;height:24px;margin-top:0;margin-right:6px}@media (prefers-reduced-motion:reduce){.components-radio-control__input[type=radio]{transition-duration:0s;transition-delay:0s}}@media (min-width:600px){.components-radio-control__input[type=radio]{font-size:13px;line-height:normal}}.components-radio-control__input[type=radio]:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 1px var(--wp-admin-theme-color)}.components-radio-control__input[type=radio]::-webkit-input-placeholder{color:rgba(30,30,30,.62)}.components-radio-control__input[type=radio]::-moz-placeholder{opacity:1;color:rgba(30,30,30,.62)}.components-radio-control__input[type=radio]:-ms-input-placeholder{color:rgba(30,30,30,.62)}@media (min-width:600px){.components-radio-control__input[type=radio]{height:20px;width:20px}}.components-radio-control__input[type=radio]:checked:before{box-sizing:inherit;width:8px;height:8px;transform:translate(7px,7px);margin:0;background-color:#fff;border:4px solid #fff}@media (min-width:600px){.components-radio-control__input[type=radio]:checked:before{transform:translate(5px,5px)}}.components-radio-control__input[type=radio]:focus{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--wp-admin-theme-color);outline:2px solid transparent}.components-radio-control__input[type=radio]:checked{background:var(--wp-admin-theme-color);border-color:var(--wp-admin-theme-color)}.components-resizable-box__handle{display:none;width:23px;height:23px;z-index:2}.components-resizable-box__container.has-show-handle .components-resizable-box__handle{display:block}.components-resizable-box__handle:after{display:block;content:"";width:15px;height:15px;border:2px solid var(--wp-admin-theme-color);border-radius:50%;background:#fff;cursor:inherit;position:absolute;top:calc(50% - 8px);right:calc(50% - 8px)}.components-resizable-box__side-handle:before{display:block;border-radius:2px;content:"";width:3px;height:3px;background:var(--wp-admin-theme-color);cursor:inherit;position:absolute;top:calc(50% - 1px);right:calc(50% - 1px);transition:transform .1s ease-in;opacity:0}@media (prefers-reduced-motion:reduce){.components-resizable-box__side-handle:before{transition-duration:0s;transition-delay:0s}}.components-resizable-box__corner-handle,.components-resizable-box__side-handle{z-index:2}.components-resizable-box__side-handle.components-resizable-box__handle-bottom,.components-resizable-box__side-handle.components-resizable-box__handle-bottom:before,.components-resizable-box__side-handle.components-resizable-box__handle-top,.components-resizable-box__side-handle.components-resizable-box__handle-top:before{width:100%;left:0;border-left:0;border-right:0}.components-resizable-box__side-handle.components-resizable-box__handle-left,.components-resizable-box__side-handle.components-resizable-box__handle-left:before,.components-resizable-box__side-handle.components-resizable-box__handle-right,.components-resizable-box__side-handle.components-resizable-box__handle-right:before{height:100%;top:0;border-top:0;border-bottom:0}.components-resizable-box__side-handle.components-resizable-box__handle-bottom:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-bottom:hover:before,.components-resizable-box__side-handle.components-resizable-box__handle-top:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-top:hover:before{animation:components-resizable-box__top-bottom-animation .1s ease-out 0s;animation-fill-mode:forwards}@media (prefers-reduced-motion:reduce){.components-resizable-box__side-handle.components-resizable-box__handle-bottom:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-bottom:hover:before,.components-resizable-box__side-handle.components-resizable-box__handle-top:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-top:hover:before{animation-duration:1ms;animation-delay:0s}}.components-resizable-box__side-handle.components-resizable-box__handle-left:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-left:hover:before,.components-resizable-box__side-handle.components-resizable-box__handle-right:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-right:hover:before{animation:components-resizable-box__left-right-animation .1s ease-out 0s;animation-fill-mode:forwards}@media (prefers-reduced-motion:reduce){.components-resizable-box__side-handle.components-resizable-box__handle-left:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-left:hover:before,.components-resizable-box__side-handle.components-resizable-box__handle-right:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-right:hover:before{animation-duration:1ms;animation-delay:0s}}@media not all and (-webkit-min-device-pixel-ratio:0),not all and (min-resolution:0.001dpcm){@supports (-webkit-appearance:none){.components-resizable-box__side-handle.components-resizable-box__handle-bottom:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-bottom:hover:before,.components-resizable-box__side-handle.components-resizable-box__handle-left:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-left:hover:before,.components-resizable-box__side-handle.components-resizable-box__handle-right:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-right:hover:before,.components-resizable-box__side-handle.components-resizable-box__handle-top:active:before,.components-resizable-box__side-handle.components-resizable-box__handle-top:hover:before{animation:none}}}@keyframes components-resizable-box__top-bottom-animation{0%{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}@keyframes components-resizable-box__left-right-animation{0%{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}} +/*!rtl:begin:ignore*/.components-resizable-box__handle-right{right:-11.5px}.components-resizable-box__handle-left{left:-11.5px}.components-resizable-box__handle-top{top:-11.5px}.components-resizable-box__handle-bottom{bottom:-11.5px} + +/*!rtl:end:ignore*/.components-responsive-wrapper{position:relative;max-width:100%}.components-responsive-wrapper,.components-responsive-wrapper>span{display:block}.components-responsive-wrapper__content{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:auto}.components-sandbox{overflow:hidden}iframe.components-sandbox{width:100%}body.lockscroll,html.lockscroll{overflow:hidden}.components-select-control__input{background:#fff;height:36px;line-height:36px;margin:1px;outline:0;width:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)!important}@media (min-width:782px){.components-select-control__input{height:28px;line-height:28px}}@media (max-width:782px){.components-base-control .components-base-control__field .components-select-control__input{font-size:16px}}.components-snackbar{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;background-color:#1e1e1e;border-radius:2px;box-shadow:0 2px 4px rgba(0,0,0,.3);color:#fff;padding:16px 24px;width:100%;max-width:600px;box-sizing:border-box;cursor:pointer;pointer-events:auto}@media (min-width:600px){.components-snackbar{width:-moz-fit-content;width:fit-content}}.components-snackbar:focus{box-shadow:0 0 0 1px #fff,0 0 0 3px var(--wp-admin-theme-color)}.components-snackbar.components-snackbar-explicit-dismiss{cursor:default}.components-snackbar .components-snackbar__content-with-icon{margin-left:24px}.components-snackbar .components-snackbar__icon{position:absolute;top:24px;left:28px}.components-snackbar .components-snackbar__dismiss-button{margin-left:32px;cursor:pointer}.components-snackbar__action.components-button{margin-left:32px;color:#fff;height:auto;flex-shrink:0;line-height:1.4;padding:0}.components-snackbar__action.components-button:not(:disabled):not([aria-disabled=true]):not(.is-secondary){text-decoration:underline;background-color:transparent}.components-snackbar__action.components-button:not(:disabled):not([aria-disabled=true]):not(.is-secondary):focus{color:#fff;box-shadow:none;outline:1px dotted #fff}.components-snackbar__action.components-button:not(:disabled):not([aria-disabled=true]):not(.is-secondary):hover{color:var(--wp-admin-theme-color)}.components-snackbar__content{display:flex;align-items:baseline;justify-content:space-between;line-height:1.4}.components-snackbar-list{position:absolute;z-index:100000;width:100%;box-sizing:border-box;pointer-events:none}.components-snackbar-list__notice-container{position:relative;padding-top:8px}.components-swatch{width:18px;height:18px;border-radius:50%;color:transparent;background:transparent}.components-swatch:after{content:"";display:block;width:100%;height:100%;border:1px solid rgba(0,0,0,.2);border-radius:50%}.components-button.has-icon.has-text .components-swatch{margin-right:8px}.components-tab-panel__tabs{display:flex;align-items:stretch;flex-direction:row}.components-tab-panel__tabs[aria-orientation=vertical]{flex-direction:column}.components-tab-panel__tabs-item{background:transparent;border:none;box-shadow:none;border-radius:0;cursor:pointer;height:48px;padding:3px 16px;margin-left:0;font-weight:500;transition:box-shadow .1s linear;box-sizing:border-box}.components-tab-panel__tabs-item:after{content:attr(data-label);display:block;height:0;overflow:hidden;speak:none;visibility:hidden}.components-tab-panel__tabs-item:focus:not(:disabled){box-shadow:inset 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}.components-tab-panel__tabs-item.is-active{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) transparent,inset 0 -4px 0 0 var(--wp-admin-theme-color);position:relative}.components-tab-panel__tabs-item.is-active:before{content:"";position:absolute;top:0;bottom:1px;right:0;left:0;border-bottom:4px solid transparent}.components-tab-panel__tabs-item:focus{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}.components-tab-panel__tabs-item.is-active:focus{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color),inset 0 -4px 0 0 var(--wp-admin-theme-color)}.components-text-control__input,.components-text-control__input[type=color],.components-text-control__input[type=date],.components-text-control__input[type=datetime-local],.components-text-control__input[type=datetime],.components-text-control__input[type=email],.components-text-control__input[type=month],.components-text-control__input[type=number],.components-text-control__input[type=password],.components-text-control__input[type=tel],.components-text-control__input[type=text],.components-text-control__input[type=time],.components-text-control__input[type=url],.components-text-control__input[type=week]{width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;padding:6px 8px;box-shadow:0 0 0 transparent;transition:box-shadow .1s linear;border-radius:2px;border:1px solid #757575;font-size:16px;line-height:normal}@media (prefers-reduced-motion:reduce){.components-text-control__input,.components-text-control__input[type=color],.components-text-control__input[type=date],.components-text-control__input[type=datetime-local],.components-text-control__input[type=datetime],.components-text-control__input[type=email],.components-text-control__input[type=month],.components-text-control__input[type=number],.components-text-control__input[type=password],.components-text-control__input[type=tel],.components-text-control__input[type=text],.components-text-control__input[type=time],.components-text-control__input[type=url],.components-text-control__input[type=week]{transition-duration:0s;transition-delay:0s}}@media (min-width:600px){.components-text-control__input,.components-text-control__input[type=color],.components-text-control__input[type=date],.components-text-control__input[type=datetime-local],.components-text-control__input[type=datetime],.components-text-control__input[type=email],.components-text-control__input[type=month],.components-text-control__input[type=number],.components-text-control__input[type=password],.components-text-control__input[type=tel],.components-text-control__input[type=text],.components-text-control__input[type=time],.components-text-control__input[type=url],.components-text-control__input[type=week]{font-size:13px;line-height:normal}}.components-text-control__input:focus,.components-text-control__input[type=color]:focus,.components-text-control__input[type=date]:focus,.components-text-control__input[type=datetime-local]:focus,.components-text-control__input[type=datetime]:focus,.components-text-control__input[type=email]:focus,.components-text-control__input[type=month]:focus,.components-text-control__input[type=number]:focus,.components-text-control__input[type=password]:focus,.components-text-control__input[type=tel]:focus,.components-text-control__input[type=text]:focus,.components-text-control__input[type=time]:focus,.components-text-control__input[type=url]:focus,.components-text-control__input[type=week]:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 1px var(--wp-admin-theme-color);outline:2px solid transparent}.components-text-control__input::-webkit-input-placeholder,.components-text-control__input[type=color]::-webkit-input-placeholder,.components-text-control__input[type=date]::-webkit-input-placeholder,.components-text-control__input[type=datetime-local]::-webkit-input-placeholder,.components-text-control__input[type=datetime]::-webkit-input-placeholder,.components-text-control__input[type=email]::-webkit-input-placeholder,.components-text-control__input[type=month]::-webkit-input-placeholder,.components-text-control__input[type=number]::-webkit-input-placeholder,.components-text-control__input[type=password]::-webkit-input-placeholder,.components-text-control__input[type=tel]::-webkit-input-placeholder,.components-text-control__input[type=text]::-webkit-input-placeholder,.components-text-control__input[type=time]::-webkit-input-placeholder,.components-text-control__input[type=url]::-webkit-input-placeholder,.components-text-control__input[type=week]::-webkit-input-placeholder{color:rgba(30,30,30,.62)}.components-text-control__input::-moz-placeholder,.components-text-control__input[type=color]::-moz-placeholder,.components-text-control__input[type=date]::-moz-placeholder,.components-text-control__input[type=datetime-local]::-moz-placeholder,.components-text-control__input[type=datetime]::-moz-placeholder,.components-text-control__input[type=email]::-moz-placeholder,.components-text-control__input[type=month]::-moz-placeholder,.components-text-control__input[type=number]::-moz-placeholder,.components-text-control__input[type=password]::-moz-placeholder,.components-text-control__input[type=tel]::-moz-placeholder,.components-text-control__input[type=text]::-moz-placeholder,.components-text-control__input[type=time]::-moz-placeholder,.components-text-control__input[type=url]::-moz-placeholder,.components-text-control__input[type=week]::-moz-placeholder{opacity:1;color:rgba(30,30,30,.62)}.components-text-control__input:-ms-input-placeholder,.components-text-control__input[type=color]:-ms-input-placeholder,.components-text-control__input[type=date]:-ms-input-placeholder,.components-text-control__input[type=datetime-local]:-ms-input-placeholder,.components-text-control__input[type=datetime]:-ms-input-placeholder,.components-text-control__input[type=email]:-ms-input-placeholder,.components-text-control__input[type=month]:-ms-input-placeholder,.components-text-control__input[type=number]:-ms-input-placeholder,.components-text-control__input[type=password]:-ms-input-placeholder,.components-text-control__input[type=tel]:-ms-input-placeholder,.components-text-control__input[type=text]:-ms-input-placeholder,.components-text-control__input[type=time]:-ms-input-placeholder,.components-text-control__input[type=url]:-ms-input-placeholder,.components-text-control__input[type=week]:-ms-input-placeholder{color:rgba(30,30,30,.62)}.components-tip{display:flex;color:#757575}.components-tip svg{align-self:center;fill:#f0b849;flex-shrink:0;margin-right:16px}.components-tip p{margin:0}.components-toggle-control .components-base-control__field{display:flex;margin-bottom:12px;line-height:normal;align-items:center}.components-toggle-control .components-base-control__field .components-form-toggle{margin-right:12px}.components-toggle-control .components-base-control__field .components-toggle-control__label{display:block}.components-accessible-toolbar{display:inline-flex;border:1px solid #1e1e1e;border-radius:2px;flex-shrink:0}.components-accessible-toolbar>.components-toolbar-group:last-child{border-right:none}.components-accessible-toolbar .components-button,.components-toolbar .components-button{position:relative;height:48px;z-index:1;padding-left:16px;padding-right:16px}.components-accessible-toolbar .components-button:focus:enabled,.components-toolbar .components-button:focus:enabled{box-shadow:none;outline:none}.components-accessible-toolbar .components-button:before,.components-toolbar .components-button:before{content:"";position:absolute;display:block;border-radius:2px;height:32px;left:8px;right:8px;z-index:-1;animation:components-button__appear-animation .1s ease;animation-fill-mode:forwards}@media (prefers-reduced-motion:reduce){.components-accessible-toolbar .components-button:before,.components-toolbar .components-button:before{animation-duration:1ms;animation-delay:0s}}.components-accessible-toolbar .components-button svg,.components-toolbar .components-button svg{position:relative;margin-left:auto;margin-right:auto}.components-accessible-toolbar .components-button.is-pressed,.components-accessible-toolbar .components-button.is-pressed:hover,.components-toolbar .components-button.is-pressed,.components-toolbar .components-button.is-pressed:hover{background:transparent}.components-accessible-toolbar .components-button.is-pressed:before,.components-toolbar .components-button.is-pressed:before{background:#1e1e1e}.components-accessible-toolbar .components-button:focus:before,.components-toolbar .components-button:focus:before{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color),inset 0 0 0 4px #fff;outline:2px solid transparent}.components-accessible-toolbar .components-button.has-icon,.components-toolbar .components-button.has-icon{padding-left:8px;padding-right:8px;min-width:48px;justify-content:center}.components-accessible-toolbar .components-button.components-tab-button,.components-toolbar .components-button.components-tab-button{font-weight:500}.components-accessible-toolbar .components-button.components-tab-button span,.components-toolbar .components-button.components-tab-button span{display:inline-block;padding-left:0;padding-right:0;position:relative}@keyframes components-button__appear-animation{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.components-toolbar__control.components-button{position:relative}.components-toolbar__control.components-button[data-subscript] svg{padding:5px 10px 5px 0}.components-toolbar__control.components-button[data-subscript]:after{content:attr(data-subscript);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;font-weight:600;line-height:12px;position:absolute;right:8px;bottom:10px}.components-toolbar__control.components-button:active:before{display:none}.components-toolbar__control.components-button:not(:disabled).is-pressed[data-subscript]:after{color:#fff}.components-toolbar-group{min-height:48px;border-right:1px solid #1e1e1e;background-color:#fff;display:inline-flex;flex-shrink:0;flex-wrap:wrap;line-height:0}.components-toolbar-group .components-toolbar-group.components-toolbar-group{border-width:0;margin:0}.components-toolbar{min-height:48px;margin:0;border:1px solid #1e1e1e;background-color:#fff;display:inline-flex;flex-shrink:0;flex-wrap:wrap}.components-toolbar .components-toolbar.components-toolbar{border-width:0;margin:0}div.components-toolbar>div{display:block;margin:0}@supports (position:sticky){div.components-toolbar>div{display:flex}}div.components-toolbar>div+div.has-left-divider{margin-left:6px;position:relative;overflow:visible}div.components-toolbar>div+div.has-left-divider:before{display:inline-block;content:"";box-sizing:content-box;background-color:#ddd;position:absolute;top:8px;left:-3px;width:1px;height:20px}.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group.components-dropdown>* .components-button,.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group.components-dropdown>.components-button.components-button,.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group>.components-button:first-child:last-child,.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group>.components-dropdown:first-child:last-child .components-button,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-dropdown.components-dropdown>* .components-button,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-dropdown.components-dropdown>.components-button.components-button,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-dropdown>.components-button:first-child:last-child,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-dropdown>.components-dropdown:first-child:last-child .components-button,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-toolbar.components-dropdown>* .components-button,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-toolbar.components-dropdown>.components-button.components-button,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-toolbar>.components-button:first-child:last-child,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-toolbar>.components-dropdown:first-child:last-child .components-button,.block-editor-block-toolbar>.components-toolbar-group>.block-editor-block-toolbar__slot.components-dropdown>* .components-button,.block-editor-block-toolbar>.components-toolbar-group>.block-editor-block-toolbar__slot.components-dropdown>.components-button.components-button,.block-editor-block-toolbar>.components-toolbar-group>.block-editor-block-toolbar__slot>.components-button:first-child:last-child,.block-editor-block-toolbar>.components-toolbar-group>.block-editor-block-toolbar__slot>.components-dropdown:first-child:last-child .components-button,.block-editor-block-toolbar>.components-toolbar>.block-editor-block-toolbar__slot.components-dropdown>* .components-button,.block-editor-block-toolbar>.components-toolbar>.block-editor-block-toolbar__slot.components-dropdown>.components-button.components-button,.block-editor-block-toolbar>.components-toolbar>.block-editor-block-toolbar__slot>.components-button:first-child:last-child,.block-editor-block-toolbar>.components-toolbar>.block-editor-block-toolbar__slot>.components-dropdown:first-child:last-child .components-button{min-width:48px;padding-left:12px;padding-right:12px}.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group.components-dropdown>* .components-button:before,.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group.components-dropdown>.components-button.components-button:before,.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group>.components-button:first-child:last-child:before,.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group>.components-dropdown:first-child:last-child .components-button:before,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-dropdown.components-dropdown>* .components-button:before,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-dropdown.components-dropdown>.components-button.components-button:before,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-dropdown>.components-button:first-child:last-child:before,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-dropdown>.components-dropdown:first-child:last-child .components-button:before,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-toolbar.components-dropdown>* .components-button:before,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-toolbar.components-dropdown>.components-button.components-button:before,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-toolbar>.components-button:first-child:last-child:before,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-toolbar>.components-dropdown:first-child:last-child .components-button:before,.block-editor-block-toolbar>.components-toolbar-group>.block-editor-block-toolbar__slot.components-dropdown>* .components-button:before,.block-editor-block-toolbar>.components-toolbar-group>.block-editor-block-toolbar__slot.components-dropdown>.components-button.components-button:before,.block-editor-block-toolbar>.components-toolbar-group>.block-editor-block-toolbar__slot>.components-button:first-child:last-child:before,.block-editor-block-toolbar>.components-toolbar-group>.block-editor-block-toolbar__slot>.components-dropdown:first-child:last-child .components-button:before,.block-editor-block-toolbar>.components-toolbar>.block-editor-block-toolbar__slot.components-dropdown>* .components-button:before,.block-editor-block-toolbar>.components-toolbar>.block-editor-block-toolbar__slot.components-dropdown>.components-button.components-button:before,.block-editor-block-toolbar>.components-toolbar>.block-editor-block-toolbar__slot>.components-button:first-child:last-child:before,.block-editor-block-toolbar>.components-toolbar>.block-editor-block-toolbar__slot>.components-dropdown:first-child:last-child .components-button:before{left:8px;right:8px}.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group>.components-button:first-child,.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group>.components-dropdown:first-child .components-button,.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group>div:first-child>.components-button,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-dropdown>.components-button:first-child,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-dropdown>.components-dropdown:first-child .components-button,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-dropdown>div:first-child>.components-button,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-toolbar>.components-button:first-child,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-toolbar>.components-dropdown:first-child .components-button,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-toolbar>div:first-child>.components-button,.block-editor-block-toolbar>.components-toolbar-group>.block-editor-block-toolbar__slot>.components-button:first-child,.block-editor-block-toolbar>.components-toolbar-group>.block-editor-block-toolbar__slot>.components-dropdown:first-child .components-button,.block-editor-block-toolbar>.components-toolbar-group>.block-editor-block-toolbar__slot>div:first-child>.components-button,.block-editor-block-toolbar>.components-toolbar>.block-editor-block-toolbar__slot>.components-button:first-child,.block-editor-block-toolbar>.components-toolbar>.block-editor-block-toolbar__slot>.components-dropdown:first-child .components-button,.block-editor-block-toolbar>.components-toolbar>.block-editor-block-toolbar__slot>div:first-child>.components-button{min-width:42px;padding-left:11px;padding-right:6px}.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group>.components-button:first-child:before,.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group>.components-dropdown:first-child .components-button:before,.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group>div:first-child>.components-button:before,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-dropdown>.components-button:first-child:before,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-dropdown>.components-dropdown:first-child .components-button:before,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-dropdown>div:first-child>.components-button:before,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-toolbar>.components-button:first-child:before,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-toolbar>.components-dropdown:first-child .components-button:before,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-toolbar>div:first-child>.components-button:before,.block-editor-block-toolbar>.components-toolbar-group>.block-editor-block-toolbar__slot>.components-button:first-child:before,.block-editor-block-toolbar>.components-toolbar-group>.block-editor-block-toolbar__slot>.components-dropdown:first-child .components-button:before,.block-editor-block-toolbar>.components-toolbar-group>.block-editor-block-toolbar__slot>div:first-child>.components-button:before,.block-editor-block-toolbar>.components-toolbar>.block-editor-block-toolbar__slot>.components-button:first-child:before,.block-editor-block-toolbar>.components-toolbar>.block-editor-block-toolbar__slot>.components-dropdown:first-child .components-button:before,.block-editor-block-toolbar>.components-toolbar>.block-editor-block-toolbar__slot>div:first-child>.components-button:before{left:8px;right:2px}.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group>.components-button,.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group>.components-dropdown .components-button,.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group>div>.components-button,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-dropdown>.components-button,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-dropdown>.components-dropdown .components-button,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-dropdown>div>.components-button,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-toolbar>.components-button,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-toolbar>.components-dropdown .components-button,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-toolbar>div>.components-button,.block-editor-block-toolbar>.components-toolbar-group>.block-editor-block-toolbar__slot>.components-button,.block-editor-block-toolbar>.components-toolbar-group>.block-editor-block-toolbar__slot>.components-dropdown .components-button,.block-editor-block-toolbar>.components-toolbar-group>.block-editor-block-toolbar__slot>div>.components-button,.block-editor-block-toolbar>.components-toolbar>.block-editor-block-toolbar__slot>.components-button,.block-editor-block-toolbar>.components-toolbar>.block-editor-block-toolbar__slot>.components-dropdown .components-button,.block-editor-block-toolbar>.components-toolbar>.block-editor-block-toolbar__slot>div>.components-button{min-width:36px;padding-left:6px;padding-right:6px}.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group>.components-button svg,.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group>.components-dropdown .components-button svg,.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group>div>.components-button svg,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-dropdown>.components-button svg,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-dropdown>.components-dropdown .components-button svg,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-dropdown>div>.components-button svg,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-toolbar>.components-button svg,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-toolbar>.components-dropdown .components-button svg,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-toolbar>div>.components-button svg,.block-editor-block-toolbar>.components-toolbar-group>.block-editor-block-toolbar__slot>.components-button svg,.block-editor-block-toolbar>.components-toolbar-group>.block-editor-block-toolbar__slot>.components-dropdown .components-button svg,.block-editor-block-toolbar>.components-toolbar-group>.block-editor-block-toolbar__slot>div>.components-button svg,.block-editor-block-toolbar>.components-toolbar>.block-editor-block-toolbar__slot>.components-button svg,.block-editor-block-toolbar>.components-toolbar>.block-editor-block-toolbar__slot>.components-dropdown .components-button svg,.block-editor-block-toolbar>.components-toolbar>.block-editor-block-toolbar__slot>div>.components-button svg{min-width:24px}.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group>.components-button:before,.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group>.components-dropdown .components-button:before,.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group>div>.components-button:before,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-dropdown>.components-button:before,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-dropdown>.components-dropdown .components-button:before,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-dropdown>div>.components-button:before,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-toolbar>.components-button:before,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-toolbar>.components-dropdown .components-button:before,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-toolbar>div>.components-button:before,.block-editor-block-toolbar>.components-toolbar-group>.block-editor-block-toolbar__slot>.components-button:before,.block-editor-block-toolbar>.components-toolbar-group>.block-editor-block-toolbar__slot>.components-dropdown .components-button:before,.block-editor-block-toolbar>.components-toolbar-group>.block-editor-block-toolbar__slot>div>.components-button:before,.block-editor-block-toolbar>.components-toolbar>.block-editor-block-toolbar__slot>.components-button:before,.block-editor-block-toolbar>.components-toolbar>.block-editor-block-toolbar__slot>.components-dropdown .components-button:before,.block-editor-block-toolbar>.components-toolbar>.block-editor-block-toolbar__slot>div>.components-button:before{left:2px;right:2px}.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group>.components-button:last-child,.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group>.components-dropdown:last-child .components-button,.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group>div:last-child>.components-button,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-dropdown>.components-button:last-child,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-dropdown>.components-dropdown:last-child .components-button,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-dropdown>div:last-child>.components-button,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-toolbar>.components-button:last-child,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-toolbar>.components-dropdown:last-child .components-button,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-toolbar>div:last-child>.components-button,.block-editor-block-toolbar>.components-toolbar-group>.block-editor-block-toolbar__slot>.components-button:last-child,.block-editor-block-toolbar>.components-toolbar-group>.block-editor-block-toolbar__slot>.components-dropdown:last-child .components-button,.block-editor-block-toolbar>.components-toolbar-group>.block-editor-block-toolbar__slot>div:last-child>.components-button,.block-editor-block-toolbar>.components-toolbar>.block-editor-block-toolbar__slot>.components-button:last-child,.block-editor-block-toolbar>.components-toolbar>.block-editor-block-toolbar__slot>.components-dropdown:last-child .components-button,.block-editor-block-toolbar>.components-toolbar>.block-editor-block-toolbar__slot>div:last-child>.components-button{min-width:42px;padding-left:6px;padding-right:11px}.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group>.components-button:last-child:before,.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group>.components-dropdown:last-child .components-button:before,.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group>div:last-child>.components-button:before,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-dropdown>.components-button:last-child:before,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-dropdown>.components-dropdown:last-child .components-button:before,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-dropdown>div:last-child>.components-button:before,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-toolbar>.components-button:last-child:before,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-toolbar>.components-dropdown:last-child .components-button:before,.block-editor-block-toolbar>.block-editor-block-toolbar__slot>.components-toolbar>div:last-child>.components-button:before,.block-editor-block-toolbar>.components-toolbar-group>.block-editor-block-toolbar__slot>.components-button:last-child:before,.block-editor-block-toolbar>.components-toolbar-group>.block-editor-block-toolbar__slot>.components-dropdown:last-child .components-button:before,.block-editor-block-toolbar>.components-toolbar-group>.block-editor-block-toolbar__slot>div:last-child>.components-button:before,.block-editor-block-toolbar>.components-toolbar>.block-editor-block-toolbar__slot>.components-button:last-child:before,.block-editor-block-toolbar>.components-toolbar>.block-editor-block-toolbar__slot>.components-dropdown:last-child .components-button:before,.block-editor-block-toolbar>.components-toolbar>.block-editor-block-toolbar__slot>div:last-child>.components-button:before{left:2px;right:8px}.components-tooltip.components-popover{z-index:1000002}.components-tooltip.components-popover .components-popover__content{min-width:0}.components-tooltip .components-popover__content{background:#1e1e1e;border-radius:2px;border-width:0;color:#fff;white-space:nowrap;text-align:center;line-height:1.4;font-size:12px;box-shadow:none}.components-tooltip .components-popover__content>div{padding:4px 8px}.components-tooltip__shortcut{display:inline-block;margin-left:8px}.disabled-element-wrapper{position:relative}.disabled-element-wrapper .event-catcher{z-index:100002;position:absolute;width:100%;height:100%;top:0;left:0;bottom:0;right:0}.components-visually-hidden{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.components-visually-hidden:focus{background-color:#ddd;clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000} \ No newline at end of file diff --git a/wp-includes/css/dist/customize-widgets/style-rtl.css b/wp-includes/css/dist/customize-widgets/style-rtl.css new file mode 100644 index 0000000000..86596226e0 --- /dev/null +++ b/wp-includes/css/dist/customize-widgets/style-rtl.css @@ -0,0 +1,333 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles for JavaScript UI based pages. + * This is a WP-admin agnostic reset + */ +/** + * Reset the WP Admin page styles for Gutenberg-like pages. + */ +:root { + --wp-admin-theme-color: #007cba; + --wp-admin-theme-color-darker-10: #006ba1; + --wp-admin-theme-color-darker-20: #005a87; + --wp-admin-border-width-focus: 2px; +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + :root { + --wp-admin-border-width-focus: 1.5px; + } +} + +#customize-theme-controls .customize-pane-child.accordion-section-content.customize-widgets-layout__inspector { + background: #fff; + box-sizing: border-box; +} +#customize-theme-controls .customize-pane-child.accordion-section-content.customize-widgets-layout__inspector * { + box-sizing: inherit; +} +#customize-theme-controls .customize-pane-child.accordion-section-content.customize-widgets-layout__inspector .block-editor-block-inspector { + margin: -12px; +} +#customize-theme-controls .customize-pane-child.accordion-section-content.customize-widgets-layout__inspector .block-editor-block-inspector h3 { + margin-bottom: 0; +} + +#customize-theme-controls .customize-pane-child.control-section-sidebar.is-sub-section-open { + transform: translateX(100%); +} + +.customize-widgets-header { + display: flex; + justify-content: flex-end; + margin: -15px -12px 0 -12px; + background: #f0f0f1; + border-bottom: 1px solid #e0e0e0; + z-index: 8; +} +@media (min-width: 782px) { + .customize-widgets-header { + margin-bottom: 76px; + } +} +.customize-widgets-header.is-fixed-toolbar-active { + margin-bottom: 0; +} + +.customize-widgets-header-toolbar { + display: flex; + border: none; + width: 100%; + align-items: center; +} +.customize-widgets-header-toolbar .customize-widgets-header-toolbar__inserter-toggle.components-button.has-icon { + border-radius: 2px; + color: #fff; + padding: 0; + min-width: 24px; + height: 24px; + margin: 12px auto 12px 0; +} +.customize-widgets-header-toolbar .customize-widgets-header-toolbar__inserter-toggle.components-button.has-icon::before { + content: none; +} +.customize-widgets-header-toolbar .customize-widgets-header-toolbar__inserter-toggle.components-button.has-icon.is-pressed { + background: #1e1e1e; +} +.customize-widgets-header-toolbar .components-button.has-icon.customize-widgets-editor-history-button.redo-button { + margin-right: -12px; +} + +#customize-sidebar-outer-content { + width: auto; + min-width: 100%; +} + +#customize-outer-theme-controls .widgets-inserter { + padding: 0; +} +#customize-outer-theme-controls .widgets-inserter .customize-section-description-container { + display: none; +} + +.customize-widgets-layout__inserter-panel { + background: #fff; +} + +.customize-widgets-layout__inserter-panel-header { + display: flex; + justify-content: space-between; + align-items: center; + padding: 16px; + height: 46px; + box-sizing: border-box; + border-bottom: 1px solid #ddd; +} +.customize-widgets-layout__inserter-panel-header .customize-widgets-layout__inserter-panel-header-title { + margin: 0; +} + +.block-editor-inserter__quick-inserter .block-editor-inserter__panel-content { + background: #fff; +} + +.customize-widgets-keyboard-shortcut-help-modal__section { + margin: 0 0 2rem 0; +} +.customize-widgets-keyboard-shortcut-help-modal__main-shortcuts .customize-widgets-keyboard-shortcut-help-modal__shortcut-list { + margin-top: -25px; +} +.customize-widgets-keyboard-shortcut-help-modal__section-title { + font-size: 0.9rem; + font-weight: 600; +} +.customize-widgets-keyboard-shortcut-help-modal__shortcut { + display: flex; + align-items: baseline; + padding: 0.6rem 0; + border-top: 1px solid #ddd; + margin-bottom: 0; +} +.customize-widgets-keyboard-shortcut-help-modal__shortcut:last-child { + border-bottom: 1px solid #ddd; +} +.customize-widgets-keyboard-shortcut-help-modal__shortcut:empty { + display: none; +} +.customize-widgets-keyboard-shortcut-help-modal__shortcut-term { + font-weight: 600; + margin: 0 1rem 0 0; + text-align: left; +} +.customize-widgets-keyboard-shortcut-help-modal__shortcut-description { + flex: 1; + margin: 0; + flex-basis: auto; +} +.customize-widgets-keyboard-shortcut-help-modal__shortcut-key-combination { + display: block; + background: none; + margin: 0; + padding: 0; +} +.customize-widgets-keyboard-shortcut-help-modal__shortcut-key-combination + .customize-widgets-keyboard-shortcut-help-modal__shortcut-key-combination { + margin-top: 10px; +} +.customize-widgets-keyboard-shortcut-help-modal__shortcut-key { + padding: 0.25rem 0.5rem; + border-radius: 8%; + margin: 0 0.2rem 0 0.2rem; +} +.customize-widgets-keyboard-shortcut-help-modal__shortcut-key:last-child { + margin: 0 0.2rem 0 0; +} + +.customize-widgets-more-menu { + margin-right: -4px; +} +.customize-widgets-more-menu .components-button { + width: auto; + padding: 0 2px; +} +@media (min-width: 600px) { + .customize-widgets-more-menu { + margin-right: 0; + } + .customize-widgets-more-menu .components-button { + padding: 0 4px; + } +} + +.customize-widgets-more-menu__content .components-popover__content { + min-width: 280px; +} +@media (min-width: 480px) { + .customize-widgets-more-menu__content .components-popover__content { + width: auto; + max-width: 480px; + } +} +.customize-widgets-more-menu__content .components-popover__content .components-dropdown-menu__menu { + padding: 0; +} + +.components-popover.customize-widgets-more-menu__content { + z-index: 99998; +} + +.block-editor-block-contextual-toolbar.is-fixed { + top: 0; + margin-right: -12px; + margin-left: -12px; + width: calc(100% + 24px); + overflow-y: auto; + z-index: 7; +} + +.customize-control-sidebar_block_editor .block-editor-block-list__block-popover { + position: fixed; + z-index: 7; +} + +.customize-widgets-welcome-guide__image__wrapper { + background: #00a0d2; + text-align: center; + margin-bottom: 8px; +} +.customize-widgets-welcome-guide__image { + height: auto; +} +.wrap .customize-widgets-welcome-guide__heading { + font-size: 18px; + font-weight: 600; +} +.customize-widgets-welcome-guide__text { + line-height: 1.7; +} +.customize-widgets-welcome-guide__button { + justify-content: center; + margin: 1em 0; + width: 100%; +} +.customize-widgets-welcome-guide__separator { + margin: 1em 0; +} +.customize-widgets-welcome-guide__more-info { + line-height: 1.4; +} + +#customize-theme-controls .customize-pane-child.customize-widgets__sidebar-section { + min-height: 100%; + background-color: #fff; + padding-top: 12px !important; +} +#customize-theme-controls .customize-pane-child.customize-widgets__sidebar-section.open { + overflow: unset; +} +#customize-theme-controls .customize-pane-child.customize-widgets__sidebar-section .customize-section-title { + position: static !important; + margin-top: -12px !important; + width: unset !important; +} + +.components-modal__screen-overlay { + z-index: 999999; +} + +.customize-control-sidebar_block_editor, +.customize-widgets-layout__inspector, +.customize-widgets-popover { + box-sizing: border-box; +} +.customize-control-sidebar_block_editor *, +.customize-control-sidebar_block_editor *::before, +.customize-control-sidebar_block_editor *::after, +.customize-widgets-layout__inspector *, +.customize-widgets-layout__inspector *::before, +.customize-widgets-layout__inspector *::after, +.customize-widgets-popover *, +.customize-widgets-popover *::before, +.customize-widgets-popover *::after { + box-sizing: inherit; +} \ No newline at end of file diff --git a/wp-includes/css/dist/customize-widgets/style-rtl.min.css b/wp-includes/css/dist/customize-widgets/style-rtl.min.css new file mode 100644 index 0000000000..d4fdfedb6a --- /dev/null +++ b/wp-includes/css/dist/customize-widgets/style-rtl.min.css @@ -0,0 +1 @@ +:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}#customize-theme-controls .customize-pane-child.accordion-section-content.customize-widgets-layout__inspector{background:#fff;box-sizing:border-box}#customize-theme-controls .customize-pane-child.accordion-section-content.customize-widgets-layout__inspector *{box-sizing:inherit}#customize-theme-controls .customize-pane-child.accordion-section-content.customize-widgets-layout__inspector .block-editor-block-inspector{margin:-12px}#customize-theme-controls .customize-pane-child.accordion-section-content.customize-widgets-layout__inspector .block-editor-block-inspector h3{margin-bottom:0}#customize-theme-controls .customize-pane-child.control-section-sidebar.is-sub-section-open{transform:translateX(100%)}.customize-widgets-header{display:flex;justify-content:flex-end;margin:-15px -12px 0;background:#f0f0f1;border-bottom:1px solid #e0e0e0;z-index:8}@media (min-width:782px){.customize-widgets-header{margin-bottom:76px}}.customize-widgets-header.is-fixed-toolbar-active{margin-bottom:0}.customize-widgets-header-toolbar{display:flex;border:none;width:100%;align-items:center}.customize-widgets-header-toolbar .customize-widgets-header-toolbar__inserter-toggle.components-button.has-icon{border-radius:2px;color:#fff;padding:0;min-width:24px;height:24px;margin:12px auto 12px 0}.customize-widgets-header-toolbar .customize-widgets-header-toolbar__inserter-toggle.components-button.has-icon:before{content:none}.customize-widgets-header-toolbar .customize-widgets-header-toolbar__inserter-toggle.components-button.has-icon.is-pressed{background:#1e1e1e}.customize-widgets-header-toolbar .components-button.has-icon.customize-widgets-editor-history-button.redo-button{margin-right:-12px}#customize-sidebar-outer-content{width:auto;min-width:100%}#customize-outer-theme-controls .widgets-inserter{padding:0}#customize-outer-theme-controls .widgets-inserter .customize-section-description-container{display:none}.customize-widgets-layout__inserter-panel{background:#fff}.customize-widgets-layout__inserter-panel-header{display:flex;justify-content:space-between;align-items:center;padding:16px;height:46px;box-sizing:border-box;border-bottom:1px solid #ddd}.customize-widgets-layout__inserter-panel-header .customize-widgets-layout__inserter-panel-header-title{margin:0}.block-editor-inserter__quick-inserter .block-editor-inserter__panel-content{background:#fff}.customize-widgets-keyboard-shortcut-help-modal__section{margin:0 0 2rem}.customize-widgets-keyboard-shortcut-help-modal__main-shortcuts .customize-widgets-keyboard-shortcut-help-modal__shortcut-list{margin-top:-25px}.customize-widgets-keyboard-shortcut-help-modal__section-title{font-size:.9rem;font-weight:600}.customize-widgets-keyboard-shortcut-help-modal__shortcut{display:flex;align-items:baseline;padding:.6rem 0;border-top:1px solid #ddd;margin-bottom:0}.customize-widgets-keyboard-shortcut-help-modal__shortcut:last-child{border-bottom:1px solid #ddd}.customize-widgets-keyboard-shortcut-help-modal__shortcut:empty{display:none}.customize-widgets-keyboard-shortcut-help-modal__shortcut-term{font-weight:600;margin:0 1rem 0 0;text-align:left}.customize-widgets-keyboard-shortcut-help-modal__shortcut-description{flex:1;margin:0;flex-basis:auto}.customize-widgets-keyboard-shortcut-help-modal__shortcut-key-combination{display:block;background:none;margin:0;padding:0}.customize-widgets-keyboard-shortcut-help-modal__shortcut-key-combination+.customize-widgets-keyboard-shortcut-help-modal__shortcut-key-combination{margin-top:10px}.customize-widgets-keyboard-shortcut-help-modal__shortcut-key{padding:.25rem .5rem;border-radius:8%;margin:0 .2rem}.customize-widgets-keyboard-shortcut-help-modal__shortcut-key:last-child{margin:0 .2rem 0 0}.customize-widgets-more-menu{margin-right:-4px}.customize-widgets-more-menu .components-button{width:auto;padding:0 2px}@media (min-width:600px){.customize-widgets-more-menu{margin-right:0}.customize-widgets-more-menu .components-button{padding:0 4px}}.customize-widgets-more-menu__content .components-popover__content{min-width:280px}@media (min-width:480px){.customize-widgets-more-menu__content .components-popover__content{width:auto;max-width:480px}}.customize-widgets-more-menu__content .components-popover__content .components-dropdown-menu__menu{padding:0}.components-popover.customize-widgets-more-menu__content{z-index:99998}.block-editor-block-contextual-toolbar.is-fixed{top:0;margin-right:-12px;margin-left:-12px;width:calc(100% + 24px);overflow-y:auto;z-index:7}.customize-control-sidebar_block_editor .block-editor-block-list__block-popover{position:fixed;z-index:7}.customize-widgets-welcome-guide__image__wrapper{background:#00a0d2;text-align:center;margin-bottom:8px}.customize-widgets-welcome-guide__image{height:auto}.wrap .customize-widgets-welcome-guide__heading{font-size:18px;font-weight:600}.customize-widgets-welcome-guide__text{line-height:1.7}.customize-widgets-welcome-guide__button{justify-content:center;margin:1em 0;width:100%}.customize-widgets-welcome-guide__separator{margin:1em 0}.customize-widgets-welcome-guide__more-info{line-height:1.4}#customize-theme-controls .customize-pane-child.customize-widgets__sidebar-section{min-height:100%;background-color:#fff;padding-top:12px!important}#customize-theme-controls .customize-pane-child.customize-widgets__sidebar-section.open{overflow:unset}#customize-theme-controls .customize-pane-child.customize-widgets__sidebar-section .customize-section-title{position:static!important;margin-top:-12px!important;width:unset!important}.components-modal__screen-overlay{z-index:999999}.customize-control-sidebar_block_editor,.customize-widgets-layout__inspector,.customize-widgets-popover{box-sizing:border-box}.customize-control-sidebar_block_editor *,.customize-control-sidebar_block_editor :after,.customize-control-sidebar_block_editor :before,.customize-widgets-layout__inspector *,.customize-widgets-layout__inspector :after,.customize-widgets-layout__inspector :before,.customize-widgets-popover *,.customize-widgets-popover :after,.customize-widgets-popover :before{box-sizing:inherit} \ No newline at end of file diff --git a/wp-includes/css/dist/customize-widgets/style.css b/wp-includes/css/dist/customize-widgets/style.css new file mode 100644 index 0000000000..dc4678bcc3 --- /dev/null +++ b/wp-includes/css/dist/customize-widgets/style.css @@ -0,0 +1,333 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles for JavaScript UI based pages. + * This is a WP-admin agnostic reset + */ +/** + * Reset the WP Admin page styles for Gutenberg-like pages. + */ +:root { + --wp-admin-theme-color: #007cba; + --wp-admin-theme-color-darker-10: #006ba1; + --wp-admin-theme-color-darker-20: #005a87; + --wp-admin-border-width-focus: 2px; +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + :root { + --wp-admin-border-width-focus: 1.5px; + } +} + +#customize-theme-controls .customize-pane-child.accordion-section-content.customize-widgets-layout__inspector { + background: #fff; + box-sizing: border-box; +} +#customize-theme-controls .customize-pane-child.accordion-section-content.customize-widgets-layout__inspector * { + box-sizing: inherit; +} +#customize-theme-controls .customize-pane-child.accordion-section-content.customize-widgets-layout__inspector .block-editor-block-inspector { + margin: -12px; +} +#customize-theme-controls .customize-pane-child.accordion-section-content.customize-widgets-layout__inspector .block-editor-block-inspector h3 { + margin-bottom: 0; +} + +#customize-theme-controls .customize-pane-child.control-section-sidebar.is-sub-section-open { + transform: translateX(-100%); +} + +.customize-widgets-header { + display: flex; + justify-content: flex-end; + margin: -15px -12px 0 -12px; + background: #f0f0f1; + border-bottom: 1px solid #e0e0e0; + z-index: 8; +} +@media (min-width: 782px) { + .customize-widgets-header { + margin-bottom: 76px; + } +} +.customize-widgets-header.is-fixed-toolbar-active { + margin-bottom: 0; +} + +.customize-widgets-header-toolbar { + display: flex; + border: none; + width: 100%; + align-items: center; +} +.customize-widgets-header-toolbar .customize-widgets-header-toolbar__inserter-toggle.components-button.has-icon { + border-radius: 2px; + color: #fff; + padding: 0; + min-width: 24px; + height: 24px; + margin: 12px 0 12px auto; +} +.customize-widgets-header-toolbar .customize-widgets-header-toolbar__inserter-toggle.components-button.has-icon::before { + content: none; +} +.customize-widgets-header-toolbar .customize-widgets-header-toolbar__inserter-toggle.components-button.has-icon.is-pressed { + background: #1e1e1e; +} +.customize-widgets-header-toolbar .components-button.has-icon.customize-widgets-editor-history-button.redo-button { + margin-left: -12px; +} + +#customize-sidebar-outer-content { + width: auto; + min-width: 100%; +} + +#customize-outer-theme-controls .widgets-inserter { + padding: 0; +} +#customize-outer-theme-controls .widgets-inserter .customize-section-description-container { + display: none; +} + +.customize-widgets-layout__inserter-panel { + background: #fff; +} + +.customize-widgets-layout__inserter-panel-header { + display: flex; + justify-content: space-between; + align-items: center; + padding: 16px; + height: 46px; + box-sizing: border-box; + border-bottom: 1px solid #ddd; +} +.customize-widgets-layout__inserter-panel-header .customize-widgets-layout__inserter-panel-header-title { + margin: 0; +} + +.block-editor-inserter__quick-inserter .block-editor-inserter__panel-content { + background: #fff; +} + +.customize-widgets-keyboard-shortcut-help-modal__section { + margin: 0 0 2rem 0; +} +.customize-widgets-keyboard-shortcut-help-modal__main-shortcuts .customize-widgets-keyboard-shortcut-help-modal__shortcut-list { + margin-top: -25px; +} +.customize-widgets-keyboard-shortcut-help-modal__section-title { + font-size: 0.9rem; + font-weight: 600; +} +.customize-widgets-keyboard-shortcut-help-modal__shortcut { + display: flex; + align-items: baseline; + padding: 0.6rem 0; + border-top: 1px solid #ddd; + margin-bottom: 0; +} +.customize-widgets-keyboard-shortcut-help-modal__shortcut:last-child { + border-bottom: 1px solid #ddd; +} +.customize-widgets-keyboard-shortcut-help-modal__shortcut:empty { + display: none; +} +.customize-widgets-keyboard-shortcut-help-modal__shortcut-term { + font-weight: 600; + margin: 0 0 0 1rem; + text-align: right; +} +.customize-widgets-keyboard-shortcut-help-modal__shortcut-description { + flex: 1; + margin: 0; + flex-basis: auto; +} +.customize-widgets-keyboard-shortcut-help-modal__shortcut-key-combination { + display: block; + background: none; + margin: 0; + padding: 0; +} +.customize-widgets-keyboard-shortcut-help-modal__shortcut-key-combination + .customize-widgets-keyboard-shortcut-help-modal__shortcut-key-combination { + margin-top: 10px; +} +.customize-widgets-keyboard-shortcut-help-modal__shortcut-key { + padding: 0.25rem 0.5rem; + border-radius: 8%; + margin: 0 0.2rem 0 0.2rem; +} +.customize-widgets-keyboard-shortcut-help-modal__shortcut-key:last-child { + margin: 0 0 0 0.2rem; +} + +.customize-widgets-more-menu { + margin-left: -4px; +} +.customize-widgets-more-menu .components-button { + width: auto; + padding: 0 2px; +} +@media (min-width: 600px) { + .customize-widgets-more-menu { + margin-left: 0; + } + .customize-widgets-more-menu .components-button { + padding: 0 4px; + } +} + +.customize-widgets-more-menu__content .components-popover__content { + min-width: 280px; +} +@media (min-width: 480px) { + .customize-widgets-more-menu__content .components-popover__content { + width: auto; + max-width: 480px; + } +} +.customize-widgets-more-menu__content .components-popover__content .components-dropdown-menu__menu { + padding: 0; +} + +.components-popover.customize-widgets-more-menu__content { + z-index: 99998; +} + +.block-editor-block-contextual-toolbar.is-fixed { + top: 0; + margin-left: -12px; + margin-right: -12px; + width: calc(100% + 24px); + overflow-y: auto; + z-index: 7; +} + +.customize-control-sidebar_block_editor .block-editor-block-list__block-popover { + position: fixed; + z-index: 7; +} + +.customize-widgets-welcome-guide__image__wrapper { + background: #00a0d2; + text-align: center; + margin-bottom: 8px; +} +.customize-widgets-welcome-guide__image { + height: auto; +} +.wrap .customize-widgets-welcome-guide__heading { + font-size: 18px; + font-weight: 600; +} +.customize-widgets-welcome-guide__text { + line-height: 1.7; +} +.customize-widgets-welcome-guide__button { + justify-content: center; + margin: 1em 0; + width: 100%; +} +.customize-widgets-welcome-guide__separator { + margin: 1em 0; +} +.customize-widgets-welcome-guide__more-info { + line-height: 1.4; +} + +#customize-theme-controls .customize-pane-child.customize-widgets__sidebar-section { + min-height: 100%; + background-color: #fff; + padding-top: 12px !important; +} +#customize-theme-controls .customize-pane-child.customize-widgets__sidebar-section.open { + overflow: unset; +} +#customize-theme-controls .customize-pane-child.customize-widgets__sidebar-section .customize-section-title { + position: static !important; + margin-top: -12px !important; + width: unset !important; +} + +.components-modal__screen-overlay { + z-index: 999999; +} + +.customize-control-sidebar_block_editor, +.customize-widgets-layout__inspector, +.customize-widgets-popover { + box-sizing: border-box; +} +.customize-control-sidebar_block_editor *, +.customize-control-sidebar_block_editor *::before, +.customize-control-sidebar_block_editor *::after, +.customize-widgets-layout__inspector *, +.customize-widgets-layout__inspector *::before, +.customize-widgets-layout__inspector *::after, +.customize-widgets-popover *, +.customize-widgets-popover *::before, +.customize-widgets-popover *::after { + box-sizing: inherit; +} \ No newline at end of file diff --git a/wp-includes/css/dist/customize-widgets/style.min.css b/wp-includes/css/dist/customize-widgets/style.min.css new file mode 100644 index 0000000000..c4ce2b47dd --- /dev/null +++ b/wp-includes/css/dist/customize-widgets/style.min.css @@ -0,0 +1 @@ +:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}#customize-theme-controls .customize-pane-child.accordion-section-content.customize-widgets-layout__inspector{background:#fff;box-sizing:border-box}#customize-theme-controls .customize-pane-child.accordion-section-content.customize-widgets-layout__inspector *{box-sizing:inherit}#customize-theme-controls .customize-pane-child.accordion-section-content.customize-widgets-layout__inspector .block-editor-block-inspector{margin:-12px}#customize-theme-controls .customize-pane-child.accordion-section-content.customize-widgets-layout__inspector .block-editor-block-inspector h3{margin-bottom:0}#customize-theme-controls .customize-pane-child.control-section-sidebar.is-sub-section-open{transform:translateX(-100%)}.customize-widgets-header{display:flex;justify-content:flex-end;margin:-15px -12px 0;background:#f0f0f1;border-bottom:1px solid #e0e0e0;z-index:8}@media (min-width:782px){.customize-widgets-header{margin-bottom:76px}}.customize-widgets-header.is-fixed-toolbar-active{margin-bottom:0}.customize-widgets-header-toolbar{display:flex;border:none;width:100%;align-items:center}.customize-widgets-header-toolbar .customize-widgets-header-toolbar__inserter-toggle.components-button.has-icon{border-radius:2px;color:#fff;padding:0;min-width:24px;height:24px;margin:12px 0 12px auto}.customize-widgets-header-toolbar .customize-widgets-header-toolbar__inserter-toggle.components-button.has-icon:before{content:none}.customize-widgets-header-toolbar .customize-widgets-header-toolbar__inserter-toggle.components-button.has-icon.is-pressed{background:#1e1e1e}.customize-widgets-header-toolbar .components-button.has-icon.customize-widgets-editor-history-button.redo-button{margin-left:-12px}#customize-sidebar-outer-content{width:auto;min-width:100%}#customize-outer-theme-controls .widgets-inserter{padding:0}#customize-outer-theme-controls .widgets-inserter .customize-section-description-container{display:none}.customize-widgets-layout__inserter-panel{background:#fff}.customize-widgets-layout__inserter-panel-header{display:flex;justify-content:space-between;align-items:center;padding:16px;height:46px;box-sizing:border-box;border-bottom:1px solid #ddd}.customize-widgets-layout__inserter-panel-header .customize-widgets-layout__inserter-panel-header-title{margin:0}.block-editor-inserter__quick-inserter .block-editor-inserter__panel-content{background:#fff}.customize-widgets-keyboard-shortcut-help-modal__section{margin:0 0 2rem}.customize-widgets-keyboard-shortcut-help-modal__main-shortcuts .customize-widgets-keyboard-shortcut-help-modal__shortcut-list{margin-top:-25px}.customize-widgets-keyboard-shortcut-help-modal__section-title{font-size:.9rem;font-weight:600}.customize-widgets-keyboard-shortcut-help-modal__shortcut{display:flex;align-items:baseline;padding:.6rem 0;border-top:1px solid #ddd;margin-bottom:0}.customize-widgets-keyboard-shortcut-help-modal__shortcut:last-child{border-bottom:1px solid #ddd}.customize-widgets-keyboard-shortcut-help-modal__shortcut:empty{display:none}.customize-widgets-keyboard-shortcut-help-modal__shortcut-term{font-weight:600;margin:0 0 0 1rem;text-align:right}.customize-widgets-keyboard-shortcut-help-modal__shortcut-description{flex:1;margin:0;flex-basis:auto}.customize-widgets-keyboard-shortcut-help-modal__shortcut-key-combination{display:block;background:none;margin:0;padding:0}.customize-widgets-keyboard-shortcut-help-modal__shortcut-key-combination+.customize-widgets-keyboard-shortcut-help-modal__shortcut-key-combination{margin-top:10px}.customize-widgets-keyboard-shortcut-help-modal__shortcut-key{padding:.25rem .5rem;border-radius:8%;margin:0 .2rem}.customize-widgets-keyboard-shortcut-help-modal__shortcut-key:last-child{margin:0 0 0 .2rem}.customize-widgets-more-menu{margin-left:-4px}.customize-widgets-more-menu .components-button{width:auto;padding:0 2px}@media (min-width:600px){.customize-widgets-more-menu{margin-left:0}.customize-widgets-more-menu .components-button{padding:0 4px}}.customize-widgets-more-menu__content .components-popover__content{min-width:280px}@media (min-width:480px){.customize-widgets-more-menu__content .components-popover__content{width:auto;max-width:480px}}.customize-widgets-more-menu__content .components-popover__content .components-dropdown-menu__menu{padding:0}.components-popover.customize-widgets-more-menu__content{z-index:99998}.block-editor-block-contextual-toolbar.is-fixed{top:0;margin-left:-12px;margin-right:-12px;width:calc(100% + 24px);overflow-y:auto;z-index:7}.customize-control-sidebar_block_editor .block-editor-block-list__block-popover{position:fixed;z-index:7}.customize-widgets-welcome-guide__image__wrapper{background:#00a0d2;text-align:center;margin-bottom:8px}.customize-widgets-welcome-guide__image{height:auto}.wrap .customize-widgets-welcome-guide__heading{font-size:18px;font-weight:600}.customize-widgets-welcome-guide__text{line-height:1.7}.customize-widgets-welcome-guide__button{justify-content:center;margin:1em 0;width:100%}.customize-widgets-welcome-guide__separator{margin:1em 0}.customize-widgets-welcome-guide__more-info{line-height:1.4}#customize-theme-controls .customize-pane-child.customize-widgets__sidebar-section{min-height:100%;background-color:#fff;padding-top:12px!important}#customize-theme-controls .customize-pane-child.customize-widgets__sidebar-section.open{overflow:unset}#customize-theme-controls .customize-pane-child.customize-widgets__sidebar-section .customize-section-title{position:static!important;margin-top:-12px!important;width:unset!important}.components-modal__screen-overlay{z-index:999999}.customize-control-sidebar_block_editor,.customize-widgets-layout__inspector,.customize-widgets-popover{box-sizing:border-box}.customize-control-sidebar_block_editor *,.customize-control-sidebar_block_editor :after,.customize-control-sidebar_block_editor :before,.customize-widgets-layout__inspector *,.customize-widgets-layout__inspector :after,.customize-widgets-layout__inspector :before,.customize-widgets-popover *,.customize-widgets-popover :after,.customize-widgets-popover :before{box-sizing:inherit} \ No newline at end of file diff --git a/wp-includes/css/dist/edit-post/classic-rtl.css b/wp-includes/css/dist/edit-post/classic-rtl.css new file mode 100644 index 0000000000..8663786969 --- /dev/null +++ b/wp-includes/css/dist/edit-post/classic-rtl.css @@ -0,0 +1,150 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles for JavaScript UI based pages. + * This is a WP-admin agnostic reset + */ +/** + * Reset the WP Admin page styles for Gutenberg-like pages. + */ +:root { + --wp-admin-theme-color: #007cba; + --wp-admin-theme-color-darker-10: #006ba1; + --wp-admin-theme-color-darker-20: #005a87; + --wp-admin-border-width-focus: 2px; +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + :root { + --wp-admin-border-width-focus: 1.5px; + } +} + +.editor-styles-wrapper .wp-block { + margin-right: auto; + margin-left: auto; +} + +.wp-block { + max-width: 840px; + margin-top: 28px; + margin-bottom: 28px; +} +.wp-block[data-align=wide] { + max-width: 1100px; +} +.wp-block[data-align=full] { + max-width: none; +} +.wp-block[data-align=left], .wp-block[data-align=right] { + width: 100%; + height: 0; +} +.wp-block[data-align=left]::before, .wp-block[data-align=right]::before { + content: none; +} +.wp-block[data-align=left] > * { + float: left; + margin-right: 2em; +} +.wp-block[data-align=right] > * { + float: right; + margin-left: 2em; +} +.wp-block[data-align=full], .wp-block[data-align=wide] { + clear: both; +} + +.wp-block-group > [data-align=full] { + margin-right: auto; + margin-left: auto; +} + +.wp-block-group.has-background > [data-align=full] { + margin-right: -30px; + width: calc(100% + 60px); +} + +/** +* Group: Full Width Alignment +*/ +[data-align=full] .wp-block-group > .wp-block { + padding-right: 14px; + padding-left: 14px; +} +@media (min-width: 600px) { + [data-align=full] .wp-block-group > .wp-block { + padding-right: 0; + padding-left: 0; + } +} +[data-align=full] .wp-block-group > [data-align=full] { + padding-left: 0; + padding-right: 0; + right: 0; + width: 100%; + max-width: none; +} +[data-align=full] .wp-block-group.has-background > [data-align=full] { + width: calc(100% + 60px); +} \ No newline at end of file diff --git a/wp-includes/css/dist/edit-post/classic-rtl.min.css b/wp-includes/css/dist/edit-post/classic-rtl.min.css new file mode 100644 index 0000000000..a48d819768 --- /dev/null +++ b/wp-includes/css/dist/edit-post/classic-rtl.min.css @@ -0,0 +1 @@ +:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.editor-styles-wrapper .wp-block{margin-right:auto;margin-left:auto}.wp-block{max-width:840px;margin-top:28px;margin-bottom:28px}.wp-block[data-align=wide]{max-width:1100px}.wp-block[data-align=full]{max-width:none}.wp-block[data-align=left],.wp-block[data-align=right]{width:100%;height:0}.wp-block[data-align=left]:before,.wp-block[data-align=right]:before{content:none}.wp-block[data-align=left]>*{float:left;margin-right:2em}.wp-block[data-align=right]>*{float:right;margin-left:2em}.wp-block[data-align=full],.wp-block[data-align=wide]{clear:both}.wp-block-group>[data-align=full]{margin-right:auto;margin-left:auto}.wp-block-group.has-background>[data-align=full]{margin-right:-30px;width:calc(100% + 60px)}[data-align=full] .wp-block-group>.wp-block{padding-right:14px;padding-left:14px}@media (min-width:600px){[data-align=full] .wp-block-group>.wp-block{padding-right:0;padding-left:0}}[data-align=full] .wp-block-group>[data-align=full]{padding-left:0;padding-right:0;right:0;width:100%;max-width:none}[data-align=full] .wp-block-group.has-background>[data-align=full]{width:calc(100% + 60px)} \ No newline at end of file diff --git a/wp-includes/css/dist/edit-post/classic.css b/wp-includes/css/dist/edit-post/classic.css new file mode 100644 index 0000000000..24b212ec41 --- /dev/null +++ b/wp-includes/css/dist/edit-post/classic.css @@ -0,0 +1,154 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles for JavaScript UI based pages. + * This is a WP-admin agnostic reset + */ +/** + * Reset the WP Admin page styles for Gutenberg-like pages. + */ +:root { + --wp-admin-theme-color: #007cba; + --wp-admin-theme-color-darker-10: #006ba1; + --wp-admin-theme-color-darker-20: #005a87; + --wp-admin-border-width-focus: 2px; +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + :root { + --wp-admin-border-width-focus: 1.5px; + } +} + +.editor-styles-wrapper .wp-block { + margin-left: auto; + margin-right: auto; +} + +.wp-block { + max-width: 840px; + margin-top: 28px; + margin-bottom: 28px; +} +.wp-block[data-align=wide] { + max-width: 1100px; +} +.wp-block[data-align=full] { + max-width: none; +} +.wp-block[data-align=left], .wp-block[data-align=right] { + width: 100%; + height: 0; +} +.wp-block[data-align=left]::before, .wp-block[data-align=right]::before { + content: none; +} +.wp-block[data-align=left] > * { + /*!rtl:begin:ignore*/ + float: left; + margin-right: 2em; + /*!rtl:end:ignore*/ +} +.wp-block[data-align=right] > * { + /*!rtl:begin:ignore*/ + float: right; + margin-left: 2em; + /*!rtl:end:ignore*/ +} +.wp-block[data-align=full], .wp-block[data-align=wide] { + clear: both; +} + +.wp-block-group > [data-align=full] { + margin-left: auto; + margin-right: auto; +} + +.wp-block-group.has-background > [data-align=full] { + margin-left: -30px; + width: calc(100% + 60px); +} + +/** +* Group: Full Width Alignment +*/ +[data-align=full] .wp-block-group > .wp-block { + padding-left: 14px; + padding-right: 14px; +} +@media (min-width: 600px) { + [data-align=full] .wp-block-group > .wp-block { + padding-left: 0; + padding-right: 0; + } +} +[data-align=full] .wp-block-group > [data-align=full] { + padding-right: 0; + padding-left: 0; + left: 0; + width: 100%; + max-width: none; +} +[data-align=full] .wp-block-group.has-background > [data-align=full] { + width: calc(100% + 60px); +} \ No newline at end of file diff --git a/wp-includes/css/dist/edit-post/classic.min.css b/wp-includes/css/dist/edit-post/classic.min.css new file mode 100644 index 0000000000..48b02c190a --- /dev/null +++ b/wp-includes/css/dist/edit-post/classic.min.css @@ -0,0 +1,5 @@ +:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.editor-styles-wrapper .wp-block{margin-left:auto;margin-right:auto}.wp-block{max-width:840px;margin-top:28px;margin-bottom:28px}.wp-block[data-align=wide]{max-width:1100px}.wp-block[data-align=full]{max-width:none}.wp-block[data-align=left],.wp-block[data-align=right]{width:100%;height:0}.wp-block[data-align=left]:before,.wp-block[data-align=right]:before{content:none}.wp-block[data-align=left]>*{ + /*!rtl:begin:ignore*/float:left;margin-right:2em + /*!rtl:end:ignore*/}.wp-block[data-align=right]>*{ + /*!rtl:begin:ignore*/float:right;margin-left:2em + /*!rtl:end:ignore*/}.wp-block[data-align=full],.wp-block[data-align=wide]{clear:both}.wp-block-group>[data-align=full]{margin-left:auto;margin-right:auto}.wp-block-group.has-background>[data-align=full]{margin-left:-30px;width:calc(100% + 60px)}[data-align=full] .wp-block-group>.wp-block{padding-left:14px;padding-right:14px}@media (min-width:600px){[data-align=full] .wp-block-group>.wp-block{padding-left:0;padding-right:0}}[data-align=full] .wp-block-group>[data-align=full]{padding-right:0;padding-left:0;left:0;width:100%;max-width:none}[data-align=full] .wp-block-group.has-background>[data-align=full]{width:calc(100% + 60px)} \ No newline at end of file diff --git a/wp-includes/css/dist/edit-post/style-rtl.css b/wp-includes/css/dist/edit-post/style-rtl.css new file mode 100644 index 0000000000..3e5e7167a8 --- /dev/null +++ b/wp-includes/css/dist/edit-post/style-rtl.css @@ -0,0 +1,2025 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles for JavaScript UI based pages. + * This is a WP-admin agnostic reset + */ +/** + * Reset the WP Admin page styles for Gutenberg-like pages. + */ +:root { + --wp-admin-theme-color: #007cba; + --wp-admin-theme-color-darker-10: #006ba1; + --wp-admin-theme-color-darker-20: #005a87; + --wp-admin-border-width-focus: 2px; +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + :root { + --wp-admin-border-width-focus: 1.5px; + } +} + +.components-panel__header.interface-complementary-area-header__small { + background: #fff; + padding-left: 4px; +} +.components-panel__header.interface-complementary-area-header__small .interface-complementary-area-header__small-title { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + width: 100%; +} +@media (min-width: 782px) { + .components-panel__header.interface-complementary-area-header__small { + display: none; + } +} + +.interface-complementary-area-header { + background: #fff; + padding-left: 4px; +} +.interface-complementary-area-header .components-button.has-icon { + display: none; + margin-right: auto; +} +.interface-complementary-area-header .components-button.has-icon ~ .components-button { + margin-right: 0; +} +@media (min-width: 782px) { + .interface-complementary-area-header .components-button.has-icon { + display: flex; + } +} + +.interface-complementary-area { + background: #fff; + color: #1e1e1e; +} +@media (min-width: 600px) { + .interface-complementary-area { + -webkit-overflow-scrolling: touch; + } +} +@media (min-width: 782px) { + .interface-complementary-area { + width: 280px; + } +} +.interface-complementary-area .components-panel { + border: none; + position: relative; + z-index: 0; +} +.interface-complementary-area .components-panel__header { + position: sticky; + top: 0; + z-index: 1; +} +.interface-complementary-area .components-panel__header.edit-post-sidebar__panel-tabs { + top: 48px; +} +@media (min-width: 782px) { + .interface-complementary-area .components-panel__header.edit-post-sidebar__panel-tabs { + top: 0; + } +} +.interface-complementary-area p { + margin-top: 0; +} +.interface-complementary-area h2, +.interface-complementary-area h3 { + font-size: 13px; + color: #1e1e1e; + margin-bottom: 1.5em; +} +.interface-complementary-area hr { + border-top: none; + border-bottom: 1px solid #f0f0f0; + margin: 1.5em 0; +} +.interface-complementary-area div.components-toolbar-group, +.interface-complementary-area div.components-toolbar { + box-shadow: none; + margin-bottom: 1.5em; +} +.interface-complementary-area div.components-toolbar-group:last-child, +.interface-complementary-area div.components-toolbar:last-child { + margin-bottom: 0; +} +.interface-complementary-area .block-editor-skip-to-selected-block:focus { + top: auto; + left: 10px; + bottom: 10px; + right: auto; +} + +@media (min-width: 782px) { + body.js.is-fullscreen-mode { + margin-top: -32px; + height: calc(100% + 32px); + } + body.js.is-fullscreen-mode #adminmenumain, +body.js.is-fullscreen-mode #wpadminbar { + display: none; + } + body.js.is-fullscreen-mode #wpcontent, +body.js.is-fullscreen-mode #wpfooter { + margin-right: 0; + } +} + +html.interface-interface-skeleton__html-container { + position: fixed; + width: 100%; +} +@media (min-width: 782px) { + html.interface-interface-skeleton__html-container { + position: initial; + width: initial; + } +} + +.interface-interface-skeleton { + display: flex; + flex-direction: row; + height: auto; + max-height: 100%; + position: fixed; + top: 46px; + right: 0; + left: 0; + bottom: 0; +} +@media (min-width: 783px) { + .interface-interface-skeleton { + top: 32px; + } + .is-fullscreen-mode .interface-interface-skeleton { + top: 0; + } +} + +.interface-interface-skeleton__editor { + display: flex; + flex-direction: column; + flex: 0 1 100%; + overflow: hidden; +} + +.interface-interface-skeleton { + /* Set left position when auto-fold is not on the body element. */ + right: 0; +} +@media (min-width: 783px) { + .interface-interface-skeleton { + right: 160px; + } +} + +.auto-fold .interface-interface-skeleton { + /* Auto fold is when on smaller breakpoints, nav menu auto collapses. */ +} +@media (min-width: 783px) { + .auto-fold .interface-interface-skeleton { + right: 36px; + } +} +@media (min-width: 961px) { + .auto-fold .interface-interface-skeleton { + right: 160px; + } +} + +/* Sidebar manually collapsed. */ +.folded .interface-interface-skeleton { + right: 0; +} +@media (min-width: 783px) { + .folded .interface-interface-skeleton { + right: 36px; + } +} + +body.is-fullscreen-mode .interface-interface-skeleton { + right: 0 !important; +} + +.interface-interface-skeleton__body { + flex-grow: 1; + display: flex; + overflow: auto; + overscroll-behavior-y: none; +} +@media (min-width: 782px) { + .has-footer .interface-interface-skeleton__body { + padding-bottom: 25px; + } +} + +.interface-interface-skeleton__content { + flex-grow: 1; + display: flex; + flex-direction: column; + overflow: auto; + z-index: 20; +} + +.interface-interface-skeleton__secondary-sidebar, +.interface-interface-skeleton__sidebar { + display: block; + flex-shrink: 0; + position: absolute; + z-index: 100000; + top: 0; + left: 0; + bottom: 0; + right: 0; + background: #fff; + color: #1e1e1e; +} +@media (min-width: 782px) { + .interface-interface-skeleton__secondary-sidebar, +.interface-interface-skeleton__sidebar { + position: relative !important; + z-index: 90; + width: auto; + } +} + +.interface-interface-skeleton__sidebar { + overflow: auto; +} +@media (min-width: 782px) { + .interface-interface-skeleton__sidebar { + border-right: 1px solid #e0e0e0; + } +} + +@media (min-width: 782px) { + .interface-interface-skeleton__secondary-sidebar { + border-left: 1px solid #e0e0e0; + } +} + +.interface-interface-skeleton__header { + flex-shrink: 0; + height: auto; + border-bottom: 1px solid #e0e0e0; + z-index: 30; + color: #1e1e1e; +} + +.interface-interface-skeleton__footer { + height: auto; + flex-shrink: 0; + border-top: 1px solid #e0e0e0; + color: #1e1e1e; + position: absolute; + bottom: 0; + right: 0; + width: 100%; + background-color: #fff; + z-index: 90; + display: none; +} +@media (min-width: 782px) { + .interface-interface-skeleton__footer { + display: flex; + } +} +.interface-interface-skeleton__footer .block-editor-block-breadcrumb { + z-index: 30; + display: flex; + background: #fff; + height: 24px; + align-items: center; + font-size: 13px; + padding: 0 18px; +} + +.interface-interface-skeleton__actions { + z-index: 100000; + position: fixed !important; + top: -9999em; + bottom: auto; + right: auto; + left: 0; + width: 280px; + color: #1e1e1e; +} +.interface-interface-skeleton__actions:focus { + top: auto; + bottom: 0; +} + +.interface-pinned-items { + display: flex; +} +.interface-pinned-items .components-button:not(:first-child) { + display: none; +} +@media (min-width: 600px) { + .interface-pinned-items .components-button:not(:first-child) { + display: flex; + } +} +.interface-pinned-items .components-button { + margin-right: 4px; +} +.interface-pinned-items .components-button svg { + max-width: 24px; + max-height: 24px; +} + +.edit-post-header { + height: 60px; + background: #fff; + display: flex; + flex-wrap: wrap; + align-items: center; + max-width: 100vw; +} +@media (min-width: 280px) { + .edit-post-header { + flex-wrap: nowrap; + } +} +.edit-post-header > .edit-post-header__settings { + order: 1; +} +@supports (position: sticky) { + .edit-post-header > .edit-post-header__settings { + order: initial; + } +} + +.edit-post-header__toolbar { + display: flex; + flex-grow: 1; +} +.edit-post-header__toolbar .table-of-contents { + display: none; +} +@media (min-width: 600px) { + .edit-post-header__toolbar .table-of-contents { + display: block; + } +} + +.edit-post-header__settings { + display: inline-flex; + align-items: center; + flex-wrap: wrap; + padding-left: 4px; + /** + * Buttons in the Toolbar + */ +} +@media (min-width: 600px) { + .edit-post-header__settings { + padding-left: 16px; + } +} +.edit-post-header__settings .editor-post-saved-state, +.edit-post-header__settings .components-button.components-button { + margin-left: 4px; +} +@media (min-width: 600px) { + .edit-post-header__settings .editor-post-saved-state, +.edit-post-header__settings .components-button.components-button { + margin-left: 12px; + } +} +.edit-post-header__settings .editor-post-saved-state, +.edit-post-header__settings .components-button.is-tertiary { + padding: 0 6px; +} +.edit-post-header__settings .edit-post-more-menu .components-button, +.edit-post-header__settings .interface-pinned-items .components-button { + margin-left: 0; +} + +.edit-post-header-preview__grouping-external { + display: flex; + position: relative; + padding-bottom: 0; +} + +.edit-post-header-preview__button-external { + padding-right: 8px; + margin-left: auto; + width: 100%; + display: flex; + justify-content: flex-start; +} +.edit-post-header-preview__button-external svg { + margin-right: auto; +} + +.edit-post-post-preview-dropdown .components-popover__content > div { + padding-bottom: 0; +} + +.show-icon-labels.interface-pinned-items .components-button.has-icon, +.show-icon-labels .edit-post-header .components-button.has-icon, +.edit-post-header__dropdown .components-button.has-icon { + width: auto; +} +.show-icon-labels.interface-pinned-items .components-button.has-icon svg, +.show-icon-labels .edit-post-header .components-button.has-icon svg, +.edit-post-header__dropdown .components-button.has-icon svg { + display: none; +} +.show-icon-labels.interface-pinned-items .components-button.has-icon::after, +.show-icon-labels .edit-post-header .components-button.has-icon::after, +.edit-post-header__dropdown .components-button.has-icon::after { + content: attr(aria-label); +} +.show-icon-labels.interface-pinned-items .components-button.has-icon[aria-disabled=true], +.show-icon-labels .edit-post-header .components-button.has-icon[aria-disabled=true], +.edit-post-header__dropdown .components-button.has-icon[aria-disabled=true] { + background-color: transparent; +} +.show-icon-labels.interface-pinned-items .is-tertiary:active, +.show-icon-labels .edit-post-header .is-tertiary:active, +.edit-post-header__dropdown .is-tertiary:active { + box-shadow: 0 0 0 1.5px var(--wp-admin-theme-color); + background-color: transparent; +} +.show-icon-labels.interface-pinned-items .edit-post-fullscreen-mode-close.has-icon svg, +.show-icon-labels.interface-pinned-items .components-button.has-icon.button-toggle svg, +.show-icon-labels .edit-post-header .edit-post-fullscreen-mode-close.has-icon svg, +.show-icon-labels .edit-post-header .components-button.has-icon.button-toggle svg, +.edit-post-header__dropdown .edit-post-fullscreen-mode-close.has-icon svg, +.edit-post-header__dropdown .components-button.has-icon.button-toggle svg { + display: block; +} +.show-icon-labels.interface-pinned-items .edit-post-fullscreen-mode-close.has-icon::after, +.show-icon-labels.interface-pinned-items .components-button.has-icon.button-toggle::after, +.show-icon-labels .edit-post-header .edit-post-fullscreen-mode-close.has-icon::after, +.show-icon-labels .edit-post-header .components-button.has-icon.button-toggle::after, +.edit-post-header__dropdown .edit-post-fullscreen-mode-close.has-icon::after, +.edit-post-header__dropdown .components-button.has-icon.button-toggle::after { + content: none; +} +.show-icon-labels.interface-pinned-items .edit-post-fullscreen-mode-close.has-icon, +.show-icon-labels .edit-post-header .edit-post-fullscreen-mode-close.has-icon, +.edit-post-header__dropdown .edit-post-fullscreen-mode-close.has-icon { + width: 60px; +} +.show-icon-labels.interface-pinned-items .components-menu-items-choice .components-menu-items__item-icon.components-menu-items__item-icon, +.show-icon-labels .edit-post-header .components-menu-items-choice .components-menu-items__item-icon.components-menu-items__item-icon, +.edit-post-header__dropdown .components-menu-items-choice .components-menu-items__item-icon.components-menu-items__item-icon { + display: block; +} +.show-icon-labels.interface-pinned-items .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle, +.show-icon-labels.interface-pinned-items .interface-pinned-items .components-button, +.show-icon-labels .edit-post-header .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle, +.show-icon-labels .edit-post-header .interface-pinned-items .components-button, +.edit-post-header__dropdown .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle, +.edit-post-header__dropdown .interface-pinned-items .components-button { + padding-right: 8px; + padding-left: 8px; +} +@media (min-width: 600px) { + .show-icon-labels.interface-pinned-items .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle, +.show-icon-labels.interface-pinned-items .interface-pinned-items .components-button, +.show-icon-labels .edit-post-header .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle, +.show-icon-labels .edit-post-header .interface-pinned-items .components-button, +.edit-post-header__dropdown .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle, +.edit-post-header__dropdown .interface-pinned-items .components-button { + padding-right: 12px; + padding-left: 12px; + } +} +.show-icon-labels.interface-pinned-items .components-dropdown-menu__toggle, +.show-icon-labels .edit-post-header .components-dropdown-menu__toggle, +.edit-post-header__dropdown .components-dropdown-menu__toggle { + margin-right: 8px; + padding-right: 8px; + padding-left: 8px; +} +@media (min-width: 600px) { + .show-icon-labels.interface-pinned-items .components-dropdown-menu__toggle, +.show-icon-labels .edit-post-header .components-dropdown-menu__toggle, +.edit-post-header__dropdown .components-dropdown-menu__toggle { + margin-right: 12px; + padding-right: 12px; + padding-left: 12px; + } +} +.show-icon-labels.interface-pinned-items .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle::after, +.show-icon-labels .edit-post-header .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle::after, +.edit-post-header__dropdown .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle::after { + content: none; +} +.show-icon-labels.interface-pinned-items .editor-post-save-draft.editor-post-save-draft::after, +.show-icon-labels .edit-post-header .editor-post-save-draft.editor-post-save-draft::after, +.edit-post-header__dropdown .editor-post-save-draft.editor-post-save-draft::after { + content: none; +} +@media (min-width: 600px) { + .show-icon-labels.interface-pinned-items .editor-post-save-draft.editor-post-save-draft::after, +.show-icon-labels .edit-post-header .editor-post-save-draft.editor-post-save-draft::after, +.edit-post-header__dropdown .editor-post-save-draft.editor-post-save-draft::after { + content: attr(aria-label); + } +} + +.edit-post-header__dropdown .components-menu-item__button.components-menu-item__button, +.edit-post-header__dropdown .components-button.editor-history__undo, +.edit-post-header__dropdown .components-button.editor-history__redo, +.edit-post-header__dropdown .table-of-contents .components-button, +.edit-post-header__dropdown .components-button.block-editor-block-navigation { + margin: 0; + padding: 6px 40px 6px 6px; + width: 14.625rem; + text-align: right; + justify-content: flex-start; +} + +.show-icon-labels.interface-pinned-items { + padding: 6px 12px 12px; + margin-top: 0; + margin-bottom: 0; + margin-right: -12px; + margin-left: -12px; + border-bottom: 1px solid #ccc; + display: block; +} +.show-icon-labels.interface-pinned-items > .components-button.has-icon { + margin: 0; + padding: 6px 8px 6px 6px; + width: 14.625rem; + justify-content: flex-start; +} +.show-icon-labels.interface-pinned-items > .components-button.has-icon[aria-expanded=true] svg { + display: block; + max-width: 24px; +} +.show-icon-labels.interface-pinned-items > .components-button.has-icon[aria-expanded=false] { + padding-right: 40px; +} +.show-icon-labels.interface-pinned-items > .components-button.has-icon svg { + margin-left: 8px; +} + +.edit-post-fullscreen-mode-close.has-icon { + display: none; +} +@media (min-width: 782px) { + .edit-post-fullscreen-mode-close.has-icon { + display: flex; + align-items: center; + align-self: stretch; + border: none; + background: #23282e; + color: #fff; + border-radius: 0; + height: 61px; + width: 60px; + position: relative; + margin-bottom: -1px; + } + .edit-post-fullscreen-mode-close.has-icon:active { + color: #fff; + } + .edit-post-fullscreen-mode-close.has-icon:focus { + box-shadow: none; + } + .edit-post-fullscreen-mode-close.has-icon::before { + transition: box-shadow 0.1s ease; + content: ""; + display: block; + position: absolute; + top: 9px; + left: 9px; + bottom: 9px; + right: 9px; + border-radius: 4px; + box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) #23282e; + } +} +@media (min-width: 782px) and (prefers-reduced-motion: reduce) { + .edit-post-fullscreen-mode-close.has-icon::before { + transition-duration: 0s; + transition-delay: 0s; + } +} +@media (min-width: 782px) { + .edit-post-fullscreen-mode-close.has-icon:hover::before { + box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) #757575; + } +} +@media (min-width: 782px) { + .edit-post-fullscreen-mode-close.has-icon:focus::before { + box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) rgba(255, 255, 255, 0.1), inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + } +} + +.edit-post-fullscreen-mode-close_site-icon { + width: 36px; + border-radius: 2px; +} + +.edit-post-header-toolbar { + display: inline-flex; + flex-grow: 1; + align-items: center; + border: none; +} +.edit-post-header-toolbar .edit-post-header-toolbar__left > .components-button { + display: none; +} +@media (min-width: 600px) { + .edit-post-header-toolbar .edit-post-header-toolbar__left > .components-button { + display: inline-flex; + } +} +.edit-post-header-toolbar .edit-post-header-toolbar__left > .edit-post-header-toolbar__inserter-toggle { + display: inline-flex; +} +.edit-post-header-toolbar .edit-post-header-toolbar__left > .edit-post-header-toolbar__inserter-toggle svg { + transition: transform cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; +} +@media (prefers-reduced-motion: reduce) { + .edit-post-header-toolbar .edit-post-header-toolbar__left > .edit-post-header-toolbar__inserter-toggle svg { + transition-duration: 0s; + transition-delay: 0s; + } +} +.edit-post-header-toolbar .edit-post-header-toolbar__left > .edit-post-header-toolbar__inserter-toggle.is-pressed svg { + transform: rotate(-45deg); +} +.edit-post-header-toolbar .block-editor-block-navigation { + display: none; +} +@media (min-width: 600px) { + .edit-post-header-toolbar .block-editor-block-navigation { + display: flex; + } +} +.edit-post-header-toolbar .edit-post-header-toolbar__left > .components-button.has-icon, +.edit-post-header-toolbar .edit-post-header-toolbar__left > .components-dropdown > .components-button.has-icon { + height: 36px; + min-width: 36px; + padding: 6px; +} +.edit-post-header-toolbar .edit-post-header-toolbar__left > .components-button.has-icon.is-pressed, +.edit-post-header-toolbar .edit-post-header-toolbar__left > .components-dropdown > .components-button.has-icon.is-pressed { + background: #1e1e1e; +} +.edit-post-header-toolbar .edit-post-header-toolbar__left > .components-button.has-icon:focus:not(:disabled), +.edit-post-header-toolbar .edit-post-header-toolbar__left > .components-dropdown > .components-button.has-icon:focus:not(:disabled) { + box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 1px #fff; + outline: 1px solid transparent; +} +.edit-post-header-toolbar .edit-post-header-toolbar__left > .components-button.has-icon::before, +.edit-post-header-toolbar .edit-post-header-toolbar__left > .components-dropdown > .components-button.has-icon::before { + display: none; +} + +@media (min-width: 600px) { + .edit-post-header.has-reduced-ui .edit-post-header-toolbar__left > * + .components-button, +.edit-post-header.has-reduced-ui .edit-post-header-toolbar__left > * + .components-dropdown > [aria-expanded=false] { + transition: opacity 0.1s linear; + } +} +@media (min-width: 600px) and (prefers-reduced-motion: reduce) { + .edit-post-header.has-reduced-ui .edit-post-header-toolbar__left > * + .components-button, +.edit-post-header.has-reduced-ui .edit-post-header-toolbar__left > * + .components-dropdown > [aria-expanded=false] { + transition-duration: 0s; + transition-delay: 0s; + } +} +@media (min-width: 600px) { + .edit-post-header.has-reduced-ui:not(:hover) .edit-post-header-toolbar__left > * + .components-button, .edit-post-header.has-reduced-ui:not(:hover) .edit-post-header-toolbar__left > * + .components-dropdown > [aria-expanded=false] { + opacity: 0; + } +} + +.edit-post-header-toolbar__left { + display: inline-flex; + align-items: center; + padding-right: 8px; +} +@media (min-width: 600px) { + .edit-post-header-toolbar__left { + padding-right: 24px; + } +} +@media (min-width: 1280px) { + .edit-post-header-toolbar__left { + padding-left: 8px; + } +} + +.edit-post-header-toolbar .edit-post-header-toolbar__left > .edit-post-header-toolbar__inserter-toggle.has-icon { + margin-left: 8px; + min-width: 32px; + width: 32px; + height: 32px; + padding: 0; +} +.show-icon-labels .edit-post-header-toolbar .edit-post-header-toolbar__left > .edit-post-header-toolbar__inserter-toggle.has-icon { + height: 36px; +} + +.edit-post-header-toolbar .edit-post-header-toolbar__left > .edit-post-header-toolbar__inserter-toggle.has-text.has-icon { + width: auto; + padding: 0 8px; +} + +.show-icon-labels .edit-post-header-toolbar__left > * + * { + margin-right: 8px; +} + +.edit-post-more-menu { + margin-right: -4px; +} +.edit-post-more-menu .components-button { + width: auto; + padding: 0 2px; +} +@media (min-width: 600px) { + .edit-post-more-menu { + margin-right: 0; + } + .edit-post-more-menu .components-button { + padding: 0 4px; + } +} + +.edit-post-more-menu__content .components-popover__content { + min-width: 280px; +} +@media (min-width: 480px) { + .edit-post-more-menu__content .components-popover__content { + width: auto; + max-width: 480px; + } +} +.edit-post-more-menu__content .components-popover__content .components-dropdown-menu__menu { + padding: 0; +} + +.components-popover.edit-post-more-menu__content { + z-index: 99998; +} + +.edit-post-template-top-area { + display: flex; + flex-direction: column; + align-content: space-between; + width: 100%; + align-items: center; +} +.edit-post-template-top-area .edit-post-template-title, +.edit-post-template-top-area .edit-post-template-post-title { + padding: 0; + text-decoration: none; + height: auto; +} +.edit-post-template-top-area .edit-post-template-title::before, +.edit-post-template-top-area .edit-post-template-post-title::before { + height: 100%; +} +.edit-post-template-top-area .edit-post-template-title.has-icon svg, +.edit-post-template-top-area .edit-post-template-post-title.has-icon svg { + order: 1; + margin-left: 0; +} +.edit-post-template-top-area .edit-post-template-title { + color: #1e1e1e; +} +.edit-post-template-top-area .edit-post-template-post-title { + margin-top: 4px; + max-width: 160px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + display: block; +} +.edit-post-template-top-area .edit-post-template-post-title::before { + right: 0; + left: 0; +} +@media (min-width: 1080px) { + .edit-post-template-top-area .edit-post-template-post-title { + max-width: none; + } +} + +.edit-post-template-top-area__popover .components-popover__content { + min-width: 280px; +} + +.edit-post-template-top-area__second-menu-group { + margin-right: -12px; + margin-left: -12px; + padding: 12px; + padding-bottom: 0; + border-top: 1px solid #ddd; +} +.edit-post-template-top-area__second-menu-group .edit-post-template-top-area__delete-template-button { + display: flex; + justify-content: center; +} +.edit-post-template-top-area__second-menu-group .edit-post-template-top-area__delete-template-button .components-menu-item__item { + margin-left: 0; +} + +.edit-post-keyboard-shortcut-help-modal__section { + margin: 0 0 2rem 0; +} +.edit-post-keyboard-shortcut-help-modal__main-shortcuts .edit-post-keyboard-shortcut-help-modal__shortcut-list { + margin-top: -25px; +} +.edit-post-keyboard-shortcut-help-modal__section-title { + font-size: 0.9rem; + font-weight: 600; +} +.edit-post-keyboard-shortcut-help-modal__shortcut { + display: flex; + align-items: baseline; + padding: 0.6rem 0; + border-top: 1px solid #ddd; + margin-bottom: 0; +} +.edit-post-keyboard-shortcut-help-modal__shortcut:last-child { + border-bottom: 1px solid #ddd; +} +.edit-post-keyboard-shortcut-help-modal__shortcut:empty { + display: none; +} +.edit-post-keyboard-shortcut-help-modal__shortcut-term { + font-weight: 600; + margin: 0 1rem 0 0; + text-align: left; +} +.edit-post-keyboard-shortcut-help-modal__shortcut-description { + flex: 1; + margin: 0; + flex-basis: auto; +} +.edit-post-keyboard-shortcut-help-modal__shortcut-key-combination { + display: block; + background: none; + margin: 0; + padding: 0; +} +.edit-post-keyboard-shortcut-help-modal__shortcut-key-combination + .edit-post-keyboard-shortcut-help-modal__shortcut-key-combination { + margin-top: 10px; +} +.edit-post-keyboard-shortcut-help-modal__shortcut-key { + padding: 0.25rem 0.5rem; + border-radius: 8%; + margin: 0 0.2rem 0 0.2rem; +} +.edit-post-keyboard-shortcut-help-modal__shortcut-key:last-child { + margin: 0 0.2rem 0 0; +} + +.edit-post-layout__metaboxes { + flex-shrink: 0; +} + +.edit-post-layout__metaboxes:not(:empty) { + border-top: 1px solid #ddd; + padding: 10px 0 10px; + clear: both; +} +.edit-post-layout__metaboxes:not(:empty) .edit-post-meta-boxes-area { + margin: auto 20px; +} + +.edit-post-layout .components-editor-notices__snackbar { + position: fixed; + left: 0; + bottom: 40px; + padding-right: 16px; + padding-left: 16px; +} + +.edit-post-layout .components-editor-notices__snackbar { + /* Set left position when auto-fold is not on the body element. */ + right: 0; +} +@media (min-width: 783px) { + .edit-post-layout .components-editor-notices__snackbar { + right: 160px; + } +} + +.auto-fold .edit-post-layout .components-editor-notices__snackbar { + /* Auto fold is when on smaller breakpoints, nav menu auto collapses. */ +} +@media (min-width: 783px) { + .auto-fold .edit-post-layout .components-editor-notices__snackbar { + right: 36px; + } +} +@media (min-width: 961px) { + .auto-fold .edit-post-layout .components-editor-notices__snackbar { + right: 160px; + } +} + +/* Sidebar manually collapsed. */ +.folded .edit-post-layout .components-editor-notices__snackbar { + right: 0; +} +@media (min-width: 783px) { + .folded .edit-post-layout .components-editor-notices__snackbar { + right: 36px; + } +} + +body.is-fullscreen-mode .edit-post-layout .components-editor-notices__snackbar { + right: 0 !important; +} + +.edit-post-layout .editor-post-publish-panel { + position: fixed; + z-index: 100001; + top: 46px; + bottom: 0; + left: 0; + right: 0; + overflow: auto; +} +@media (min-width: 782px) { + .edit-post-layout .editor-post-publish-panel { + z-index: 99998; + top: 32px; + right: auto; + width: 281px; + border-right: 1px solid #ddd; + transform: translateX(-100%); + animation: edit-post-post-publish-panel__slide-in-animation 0.1s forwards; + } +} +@media (min-width: 782px) and (prefers-reduced-motion: reduce) { + .edit-post-layout .editor-post-publish-panel { + animation-duration: 1ms; + animation-delay: 0s; + } +} +@media (min-width: 782px) { + body.is-fullscreen-mode .edit-post-layout .editor-post-publish-panel { + top: 0; + } +} +@media (min-width: 782px) { + [role=region]:focus .edit-post-layout .editor-post-publish-panel { + transform: translateX(0%); + } +} + +@keyframes edit-post-post-publish-panel__slide-in-animation { + 100% { + transform: translateX(0%); + } +} +.edit-post-layout .editor-post-publish-panel__header-publish-button { + justify-content: center; +} + +.edit-post-layout__toggle-publish-panel, +.edit-post-layout__toggle-sidebar-panel, +.edit-post-layout__toggle-entities-saved-states-panel { + z-index: 100000; + position: fixed !important; + top: -9999em; + bottom: auto; + right: auto; + left: 0; + width: 280px; + background-color: #fff; + border: 1px dotted #ddd; + height: auto !important; + padding: 24px; + display: flex; + justify-content: center; +} +.interface-interface-skeleton__actions:focus .edit-post-layout__toggle-publish-panel, .interface-interface-skeleton__actions:focus-within .edit-post-layout__toggle-publish-panel, +.interface-interface-skeleton__actions:focus .edit-post-layout__toggle-sidebar-panel, +.interface-interface-skeleton__actions:focus-within .edit-post-layout__toggle-sidebar-panel, +.interface-interface-skeleton__actions:focus .edit-post-layout__toggle-entities-saved-states-panel, +.interface-interface-skeleton__actions:focus-within .edit-post-layout__toggle-entities-saved-states-panel { + top: auto; + bottom: 0; +} + +@media (min-width: 600px) { + .edit-post-manage-blocks-modal { + height: calc(100% - 60px - 60px); + } +} + +.edit-post-manage-blocks-modal .components-modal__content { + padding-bottom: 0; + display: flex; + flex-direction: column; +} + +.edit-post-manage-blocks-modal .components-modal__header { + flex-shrink: 0; + margin-bottom: 0; +} + +.edit-post-manage-blocks-modal__content { + display: flex; + flex-direction: column; + flex: 0 1 100%; + min-height: 0; +} + +.edit-post-manage-blocks-modal__no-results { + font-style: italic; + padding: 24px 0; + text-align: center; +} + +.edit-post-manage-blocks-modal__search { + margin: 16px 0; +} +.edit-post-manage-blocks-modal__search .components-base-control__field { + margin-bottom: 0; +} +.edit-post-manage-blocks-modal__search .components-base-control__label { + margin-top: -4px; +} +.edit-post-manage-blocks-modal__search input[type=search].components-text-control__input { + padding: 8px; + border-radius: 2px; +} + +.edit-post-manage-blocks-modal__disabled-blocks-count { + border-top: 1px solid #ddd; + margin-right: -24px; + margin-left: -24px; + padding-top: 0.6rem; + padding-bottom: 0.6rem; + padding-right: 24px; + padding-left: 24px; + background-color: #f0f0f0; +} + +.edit-post-manage-blocks-modal__category { + margin: 0 0 2rem 0; +} + +.edit-post-manage-blocks-modal__category-title { + position: sticky; + top: 0; + padding: 16px 0; + background-color: #fff; + z-index: 1; +} +.edit-post-manage-blocks-modal__category-title .components-base-control__field { + margin-bottom: 0; +} +.edit-post-manage-blocks-modal__category-title .components-checkbox-control__label { + font-size: 0.9rem; + font-weight: 600; +} + +.edit-post-manage-blocks-modal__show-all { + margin-left: 8px; +} + +.edit-post-manage-blocks-modal__checklist { + margin-top: 0; +} + +.edit-post-manage-blocks-modal__checklist-item { + margin-bottom: 0; + padding-right: 16px; + border-top: 1px solid #ddd; +} +.edit-post-manage-blocks-modal__checklist-item:last-child { + border-bottom: 1px solid #ddd; +} +.edit-post-manage-blocks-modal__checklist-item .components-base-control__field { + align-items: center; + display: flex; + margin: 0; +} +.components-modal__content .edit-post-manage-blocks-modal__checklist-item.components-checkbox-control__input-container { + margin: 0 8px; +} +.edit-post-manage-blocks-modal__checklist-item .components-checkbox-control__label { + display: flex; + align-items: center; + justify-content: space-between; + flex-grow: 1; + padding: 0.6rem 10px 0.6rem 0; +} +.edit-post-manage-blocks-modal__checklist-item .block-editor-block-icon { + margin-left: 10px; + fill: #1e1e1e; +} + +.edit-post-manage-blocks-modal__results { + height: 100%; + overflow: auto; + margin-right: -32px; + margin-left: -32px; + padding-right: 32px; + padding-left: 32px; + border-top: 1px solid #ddd; +} + +.edit-post-meta-boxes-area { + position: relative; + /** + * The wordpress default for most meta-box elements is content-box. Some + * elements such as textarea and input are set to border-box in forms.css. + * These elements therefore specifically set back to border-box here, while + * other elements (such as .button) are unaffected by Gutenberg's style + * because of their higher specificity. + */ + /* Match width and positioning of the meta boxes. Override default styles. */ + /* Override Default meta box stylings */ +} +.edit-post-meta-boxes-area__container, +.edit-post-meta-boxes-area .inside { + box-sizing: content-box; +} +.edit-post-meta-boxes-area textarea, +.edit-post-meta-boxes-area input { + box-sizing: border-box; +} +.edit-post-meta-boxes-area #poststuff { + margin: 0 auto; + padding-top: 0; + min-width: auto; +} +.edit-post-meta-boxes-area #poststuff h3.hndle, +.edit-post-meta-boxes-area #poststuff .stuffbox > h3, +.edit-post-meta-boxes-area #poststuff h2.hndle { + /* WordPress selectors yolo */ + box-sizing: border-box; + color: inherit; + font-weight: 600; + outline: none; + padding: 15px; + position: relative; + width: 100%; +} +.edit-post-meta-boxes-area .postbox { + border: 0; + color: inherit; + margin-bottom: 0; +} +.edit-post-meta-boxes-area .postbox > .inside { + border-bottom: 1px solid #ddd; + color: inherit; + padding: 0 14px 14px; + margin: 0; +} +.edit-post-meta-boxes-area .postbox .handlediv { + height: 44px; + width: 44px; +} +.edit-post-meta-boxes-area.is-loading::before { + position: absolute; + top: 0; + right: 0; + left: 0; + bottom: 0; + content: ""; + background: transparent; + z-index: 1; +} +.edit-post-meta-boxes-area .components-spinner { + position: absolute; + top: 10px; + left: 20px; + z-index: 5; +} +.edit-post-meta-boxes-area .is-hidden { + display: none; +} +.edit-post-meta-boxes-area .metabox-location-side .postbox input[type=checkbox] { + border: 1px solid #757575; +} +.edit-post-meta-boxes-area .metabox-location-side .postbox input[type=checkbox]:checked { + background: #fff; + border-color: #757575; +} +.edit-post-meta-boxes-area .metabox-location-side .postbox input[type=checkbox]::before { + margin: -3px -4px; +} + +.edit-post-meta-boxes-area__clear { + clear: both; +} + +.edit-post-preferences-modal { + min-width: 360px; + width: 100%; +} +@media (min-width: 782px) { + .edit-post-preferences-modal { + width: auto; + } +} +@media (min-width: 600px) { + .edit-post-preferences-modal { + height: calc(100% - 60px - 60px); + } +} +.edit-post-preferences-modal .components-navigation { + background-color: #fff; + margin: -8px; + padding: 8px; +} +.edit-post-preferences-modal .components-navigation .components-navigation__menu { + margin: 0; + color: #1e1e1e; +} +.edit-post-preferences-modal .components-navigation .components-navigation__menu .components-navigation__item { + color: #1e1e1e; +} +.edit-post-preferences-modal .components-navigation .components-navigation__menu .components-navigation__item > button { + color: inherit; + padding: 3px 16px; + height: 48px; +} +.edit-post-preferences-modal .components-navigation .components-navigation__menu .components-navigation__item > button:focus { + background: #f0f0f0; + font-weight: 500; +} +.edit-post-preferences-modal .components-navigation .components-navigation__menu .components-navigation__item > button:hover { + color: var(--wp-admin-theme-color); +} +.edit-post-preferences-modal .components-navigation .components-navigation__menu .components-navigation__item .components-toggle-control__label { + color: inherit; +} +.edit-post-preferences-modal .components-navigation .components-navigation__menu .components-navigation__menu-title-heading { + color: inherit; + border-bottom: 1px solid #ddd; + padding-right: 0; + padding-left: 0; +} +.edit-post-preferences-modal .components-navigation .components-navigation__menu .components-navigation__back-button { + color: inherit; + padding-right: 0; +} +.edit-post-preferences-modal .components-navigation .components-navigation__menu .components-navigation__back-button:hover { + color: var(--wp-admin-theme-color); +} +.edit-post-preferences-modal .components-navigation .components-navigation__menu .edit-post-preferences-modal__custom-fields-confirmation-button { + width: auto; +} +.edit-post-preferences-modal .edit-post-preferences__tabs { + display: flex; + flex-direction: row; +} +.edit-post-preferences-modal .edit-post-preferences__tabs .components-tab-panel__tabs { + width: 160px; +} +.edit-post-preferences-modal .edit-post-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item { + border-radius: 2px; + font-weight: 400; +} +.edit-post-preferences-modal .edit-post-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item.is-active { + background: #f0f0f0; + box-shadow: none; + font-weight: 500; +} +.edit-post-preferences-modal .edit-post-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item:focus:not(:disabled) { + box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); +} +.edit-post-preferences-modal .edit-post-preferences__tabs .components-tab-panel__tab-content { + width: 500px; + padding-right: 24px; +} +.edit-post-preferences-modal__section { + margin: 0 0 2.5rem 0; +} +.edit-post-preferences-modal__section-title { + font-size: 0.9rem; + font-weight: 600; +} +.edit-post-preferences-modal__option .components-base-control .components-base-control__field { + align-items: center; + display: flex; + margin-bottom: 0; +} +.edit-post-preferences-modal__option .components-base-control .components-base-control__field > label { + flex-grow: 1; + padding: 0.6rem 10px 0.6rem 0; +} +.edit-post-preferences-modal__custom-fields-confirmation-message, .edit-post-preferences-modal__custom-fields-confirmation-button { + margin: 0 48px 0.6rem 0; +} +@media (min-width: 782px) { + .edit-post-preferences-modal__custom-fields-confirmation-message, .edit-post-preferences-modal__custom-fields-confirmation-button { + margin-right: 38px; + } +} +@media (min-width: 600px) { + .edit-post-preferences-modal__custom-fields-confirmation-message, .edit-post-preferences-modal__custom-fields-confirmation-button { + max-width: 300px; + } +} +.edit-post-preferences-modal .components-base-control__help { + margin: -8px 58px 8px 0; + font-size: 12px; + font-style: normal; + color: #757575; +} +.edit-post-preferences-modal .edit-post-preferences-modal__section-description { + margin: -8px 0 8px 0; + font-size: 12px; + font-style: normal; + color: #757575; +} + +.edit-post-editor__inserter-panel, +.edit-post-editor__list-view-panel { + height: 100%; + display: flex; + flex-direction: column; +} + +.edit-post-editor__list-view-panel { + min-width: 350px; +} + +.edit-post-editor__inserter-panel-header { + padding-top: 8px; + padding-left: 8px; + display: flex; + justify-content: flex-end; +} +@media (min-width: 782px) { + .edit-post-editor__inserter-panel-header { + display: none; + } +} + +.edit-post-editor__inserter-panel-content, +.edit-post-editor__list-view-panel-content { + height: calc(100% - 36px - 8px); +} + +@media (min-width: 782px) { + .edit-post-editor__inserter-panel-content { + height: 100%; + } +} + +.edit-post-editor__list-view-panel-header { + align-items: center; + border-bottom: 1px solid #ddd; + display: flex; + justify-content: space-between; + height: 48px; + padding-right: 16px; + padding-left: 4px; +} + +.edit-post-editor__list-view-panel-content { + overflow-y: auto; + padding: 8px; +} + +.components-panel__header.edit-post-sidebar__panel-tabs { + justify-content: flex-start; + padding-right: 0; + padding-left: 16px; + border-top: 0; + margin-top: 0; +} +.components-panel__header.edit-post-sidebar__panel-tabs ul { + display: flex; +} +.components-panel__header.edit-post-sidebar__panel-tabs li { + margin: 0; +} +.components-panel__header.edit-post-sidebar__panel-tabs .components-button.has-icon { + display: none; + margin: 0 auto 0 0; + padding: 0; + min-width: 24px; + height: 24px; +} +@media (min-width: 782px) { + .components-panel__header.edit-post-sidebar__panel-tabs .components-button.has-icon { + display: flex; + } +} + +.components-panel__body.is-opened.edit-post-last-revision__panel { + padding: 0; + height: 48px; +} + +.editor-post-last-revision__title.components-button { + padding: 16px; +} + +.editor-post-author__select { + margin: -5px 0; + width: 100%; +} +@supports (position: sticky) { + .editor-post-author__select { + width: auto; + } +} + +.edit-post-post-link__link-post-name { + font-weight: 600; +} + +.edit-post-post-link__preview-label { + font-weight: 400; + margin: 0; +} + +.edit-post-post-link__link { + text-align: right; + word-wrap: break-word; + display: block; +} +.edit-post-post-link__preview-link-container { + direction: ltr; +} +.edit-post-post-schedule { + width: 100%; + position: relative; + justify-content: left; +} +.edit-post-post-schedule span { + display: block; + width: 45%; +} + +.components-button.edit-post-post-schedule__toggle { + text-align: left; +} + +.edit-post-post-schedule__dialog .components-popover__content > div { + padding: 0; +} + +.editor-post-slug__input { + margin: -5px 0; + padding: 2px; +} + +.edit-post-post-status .edit-post-post-publish-dropdown__switch-to-draft { + margin-top: 15px; + width: 100%; + text-align: center; +} + +.edit-post-post-visibility { + width: 100%; + justify-content: left; +} +.edit-post-post-visibility span { + display: block; + width: 45%; +} + +@media (min-width: 782px) { + .edit-post-post-visibility__dialog .components-popover__content { + width: 257px; + } +} + +.edit-post-post-visibility__dialog-legend { + font-weight: 600; +} + +.edit-post-post-visibility__choice { + margin: 10px 0; +} + +.edit-post-post-visibility__dialog-radio, +.edit-post-post-visibility__dialog-label { + vertical-align: top; +} + +.edit-post-post-visibility__dialog-password-input { + width: calc(100% - 20px); + margin-right: 20px; +} + +.edit-post-post-visibility__dialog-info { + color: #757575; + padding-right: 20px; + font-style: italic; + margin: 4px 0 0; + line-height: 1.4; +} + +.components-button.edit-post-sidebar__panel-tab { + border-radius: 0; + height: 48px; + background: transparent; + border: none; + box-shadow: none; + cursor: pointer; + display: inline-block; + padding: 3px 15px; + margin-right: 0; + font-weight: 500; +} +.components-button.edit-post-sidebar__panel-tab::after { + content: attr(data-label); + display: block; + font-weight: 600; + height: 0; + overflow: hidden; + speak: none; + visibility: hidden; +} +.components-button.edit-post-sidebar__panel-tab.is-active { + box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) transparent, inset 0 -4px 0 0 var(--wp-admin-theme-color); + position: relative; + z-index: 1; +} +.components-button.edit-post-sidebar__panel-tab.is-active::before { + content: ""; + position: absolute; + top: 0; + bottom: 1px; + left: 0; + right: 0; + border-bottom: 4px solid transparent; +} +.components-button.edit-post-sidebar__panel-tab:focus { + box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + position: relative; + z-index: 1; +} +.components-button.edit-post-sidebar__panel-tab.is-active:focus { + box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 -4px 0 0 var(--wp-admin-theme-color); +} + +@media (min-width: 782px) { + .edit-post-template__modal .components-base-control { + width: 320px; + } +} +.edit-post-template__modal .components-modal__header { + border-bottom: none; +} +.edit-post-template__modal .components-modal__content::before { + margin-bottom: 4px; +} + +.edit-post-template__modal-actions { + margin-top: 12px; +} + +.edit-post-template-modal__tip { + padding: 16px 24px; + background: #f0f0f0; + border-radius: 2px; +} +@media (min-width: 782px) { + .edit-post-template-modal__tip { + width: 240px; + } +} + +.edit-post-template__actions button:not(:last-child) { + margin-left: 8px; +} + +h2.edit-post-template-summary__title { + margin: 0; + line-height: 24px; +} + +.edit-post-text-editor { + position: relative; + width: 100%; + background-color: #fff; + flex-grow: 1; +} +.edit-post-text-editor .editor-post-title.editor-post-title__block { + max-width: none; + line-height: 1.4; +} +.edit-post-text-editor .editor-post-title.editor-post-title__block .editor-post-title__input.editor-post-title__input.editor-post-title__input { + font-family: Menlo, Consolas, monaco, monospace; + font-size: 2.5em; + font-weight: normal; +} +.edit-post-text-editor .editor-post-title.editor-post-title__block .editor-post-title__input { + border: 1px solid #949494; + margin-bottom: -1px; + padding: 16px; +} +@media (min-width: 600px) { + .edit-post-text-editor .editor-post-title.editor-post-title__block .editor-post-title__input { + padding: 24px; + } +} +.edit-post-text-editor .editor-post-title.editor-post-title__block .editor-post-title__input:focus { + border-color: var(--wp-admin-theme-color); + box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); +} +@media (min-width: 600px) { + .edit-post-text-editor .editor-post-title.editor-post-title__block { + padding: 0; + } +} + +.edit-post-text-editor__body { + width: 100%; + padding: 0 12px 12px 12px; + max-width: 1080px; + margin-right: auto; + margin-left: auto; +} +@media (min-width: 960px) { + .edit-post-text-editor__body { + padding: 16px 24px 96px 24px; + padding: 0 24px 24px 24px; + } +} + +.edit-post-text-editor__toolbar { + position: sticky; + z-index: 1; + top: 0; + right: 0; + left: 0; + display: flex; + background: rgba(255, 255, 255, 0.8); + padding: 4px 12px; +} +@media (min-width: 600px) { + .edit-post-text-editor__toolbar { + padding: 12px; + } +} +@media (min-width: 960px) { + .edit-post-text-editor__toolbar { + padding: 12px 24px; + } +} +.edit-post-text-editor__toolbar h2 { + line-height: 36px; + margin: 0 0 0 auto; + font-size: 13px; + color: #1e1e1e; +} +.edit-post-text-editor__toolbar .components-button svg { + order: 1; +} + +.edit-post-visual-editor { + position: relative; + display: flex; + flex-flow: column; + background-color: #2f2f2f; + flex: 1 1 auto; +} +.edit-post-visual-editor .components-button { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + font-size: 13px; + padding: 6px 12px; +} +.edit-post-visual-editor .components-button.is-tertiary, .edit-post-visual-editor .components-button.has-icon { + padding: 6px; +} +@supports (position: sticky) { + .edit-post-visual-editor { + flex-basis: 100%; + } +} + +.edit-post-visual-editor__post-title-wrapper .editor-post-title { + margin-top: 2em; + margin-right: auto; + margin-left: auto; + margin-bottom: 0; +} + +.edit-post-visual-editor__exit-template-mode { + position: absolute; + top: 8px; + right: 8px; + color: #fff; +} +.edit-post-visual-editor__exit-template-mode:active:not([aria-disabled=true]), .edit-post-visual-editor__exit-template-mode:focus:not([aria-disabled=true]), .edit-post-visual-editor__exit-template-mode:hover { + color: #f0f0f0; +} + +.edit-post-visual-editor__content-area { + width: 100%; + height: 100%; + position: relative; + display: flex; +} + +.edit-post-welcome-guide { + width: 312px; +} +.edit-post-welcome-guide__image { + background: #00a0d2; + margin: 0 0 16px; +} +.edit-post-welcome-guide__heading { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + font-size: 24px; + line-height: 1.4; + margin: 16px 0 16px 0; + padding: 0 32px; +} +.edit-post-welcome-guide__text { + font-size: 13px; + line-height: 1.4; + margin: 0 0 24px 0; + padding: 0 32px; +} +.edit-post-welcome-guide__inserter-icon { + margin: 0 4px; + vertical-align: text-top; +} + +/** + * Animations + */ +@keyframes edit-post__fade-in-animation { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +html.wp-toolbar { + background: #fff; +} + +body.block-editor-page { + background: #fff; + /* We hide legacy notices in Gutenberg Based Pages, because they were not designed in a way that scaled well. + Plugins can use Gutenberg notices if they need to pass on information to the user when they are editing. */ +} +body.block-editor-page #wpcontent { + padding-right: 0; +} +body.block-editor-page #wpbody-content { + padding-bottom: 0; +} +body.block-editor-page #wpbody-content > div:not(.block-editor):not(#screen-meta) { + display: none; +} +body.block-editor-page #wpfooter { + display: none; +} +body.block-editor-page .a11y-speak-region { + right: -1px; + top: -1px; +} +body.block-editor-page ul#adminmenu a.wp-has-current-submenu::after, +body.block-editor-page ul#adminmenu > li.current > a.current::after { + border-left-color: #fff; +} +body.block-editor-page .media-frame select.attachment-filters:last-of-type { + width: auto; + max-width: 100%; +} + +.block-editor-page #wpwrap { + overflow-y: auto; +} +@media (min-width: 782px) { + .block-editor-page #wpwrap { + overflow-y: initial; + } +} + +.edit-post-header, +.edit-post-visual-editor, +.edit-post-text-editor, +.edit-post-sidebar, +.editor-post-publish-panel, +.components-popover, +.components-modal__frame, +.edit-post-editor__inserter-panel { + box-sizing: border-box; +} +.edit-post-header *, +.edit-post-header *::before, +.edit-post-header *::after, +.edit-post-visual-editor *, +.edit-post-visual-editor *::before, +.edit-post-visual-editor *::after, +.edit-post-text-editor *, +.edit-post-text-editor *::before, +.edit-post-text-editor *::after, +.edit-post-sidebar *, +.edit-post-sidebar *::before, +.edit-post-sidebar *::after, +.editor-post-publish-panel *, +.editor-post-publish-panel *::before, +.editor-post-publish-panel *::after, +.components-popover *, +.components-popover *::before, +.components-popover *::after, +.components-modal__frame *, +.components-modal__frame *::before, +.components-modal__frame *::after, +.edit-post-editor__inserter-panel *, +.edit-post-editor__inserter-panel *::before, +.edit-post-editor__inserter-panel *::after { + box-sizing: inherit; +} + +@media (min-width: 600px) { + .block-editor__container { + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + min-height: calc(100vh - 46px); + } +} +@media (min-width: 782px) { + .block-editor__container { + min-height: calc(100vh - 32px); + } + body.is-fullscreen-mode .block-editor__container { + min-height: 100vh; + } +} +.block-editor__container img { + max-width: 100%; + height: auto; +} +.block-editor__container iframe { + width: 100%; +} + +body.admin-color-light { + --wp-admin-theme-color: #0085ba; + --wp-admin-theme-color-darker-10: #0073a1; + --wp-admin-theme-color-darker-20: #006187; + --wp-admin-border-width-focus: 2px; +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + body.admin-color-light { + --wp-admin-border-width-focus: 1.5px; + } +} + +body.admin-color-modern { + --wp-admin-theme-color: #3858e9; + --wp-admin-theme-color-darker-10: #2145e6; + --wp-admin-theme-color-darker-20: #183ad6; + --wp-admin-border-width-focus: 2px; +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + body.admin-color-modern { + --wp-admin-border-width-focus: 1.5px; + } +} + +body.admin-color-blue { + --wp-admin-theme-color: #096484; + --wp-admin-theme-color-darker-10: #07526c; + --wp-admin-theme-color-darker-20: #064054; + --wp-admin-border-width-focus: 2px; +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + body.admin-color-blue { + --wp-admin-border-width-focus: 1.5px; + } +} + +body.admin-color-coffee { + --wp-admin-theme-color: #46403c; + --wp-admin-theme-color-darker-10: #383330; + --wp-admin-theme-color-darker-20: #2b2724; + --wp-admin-border-width-focus: 2px; +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + body.admin-color-coffee { + --wp-admin-border-width-focus: 1.5px; + } +} + +body.admin-color-ectoplasm { + --wp-admin-theme-color: #523f6d; + --wp-admin-theme-color-darker-10: #46365d; + --wp-admin-theme-color-darker-20: #3a2c4d; + --wp-admin-border-width-focus: 2px; +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + body.admin-color-ectoplasm { + --wp-admin-border-width-focus: 1.5px; + } +} + +body.admin-color-midnight { + --wp-admin-theme-color: #e14d43; + --wp-admin-theme-color-darker-10: #dd382d; + --wp-admin-theme-color-darker-20: #d02c21; + --wp-admin-border-width-focus: 2px; +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + body.admin-color-midnight { + --wp-admin-border-width-focus: 1.5px; + } +} + +body.admin-color-ocean { + --wp-admin-theme-color: #627c83; + --wp-admin-theme-color-darker-10: #576e74; + --wp-admin-theme-color-darker-20: #4c6066; + --wp-admin-border-width-focus: 2px; +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + body.admin-color-ocean { + --wp-admin-border-width-focus: 1.5px; + } +} + +body.admin-color-sunrise { + --wp-admin-theme-color: #dd823b; + --wp-admin-theme-color-darker-10: #d97426; + --wp-admin-theme-color-darker-20: #c36922; + --wp-admin-border-width-focus: 2px; +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + body.admin-color-sunrise { + --wp-admin-border-width-focus: 1.5px; + } +} \ No newline at end of file diff --git a/wp-includes/css/dist/edit-post/style-rtl.min.css b/wp-includes/css/dist/edit-post/style-rtl.min.css new file mode 100644 index 0000000000..d61e6b8701 --- /dev/null +++ b/wp-includes/css/dist/edit-post/style-rtl.min.css @@ -0,0 +1 @@ +:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.components-panel__header.interface-complementary-area-header__small{background:#fff;padding-left:4px}.components-panel__header.interface-complementary-area-header__small .interface-complementary-area-header__small-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}@media (min-width:782px){.components-panel__header.interface-complementary-area-header__small{display:none}}.interface-complementary-area-header{background:#fff;padding-left:4px}.interface-complementary-area-header .components-button.has-icon{display:none;margin-right:auto}.interface-complementary-area-header .components-button.has-icon~.components-button{margin-right:0}@media (min-width:782px){.interface-complementary-area-header .components-button.has-icon{display:flex}}.interface-complementary-area{background:#fff;color:#1e1e1e}@media (min-width:600px){.interface-complementary-area{-webkit-overflow-scrolling:touch}}@media (min-width:782px){.interface-complementary-area{width:280px}}.interface-complementary-area .components-panel{border:none;position:relative;z-index:0}.interface-complementary-area .components-panel__header{position:sticky;top:0;z-index:1}.interface-complementary-area .components-panel__header.edit-post-sidebar__panel-tabs{top:48px}@media (min-width:782px){.interface-complementary-area .components-panel__header.edit-post-sidebar__panel-tabs{top:0}}.interface-complementary-area p{margin-top:0}.interface-complementary-area h2,.interface-complementary-area h3{font-size:13px;color:#1e1e1e;margin-bottom:1.5em}.interface-complementary-area hr{border-top:none;border-bottom:1px solid #f0f0f0;margin:1.5em 0}.interface-complementary-area div.components-toolbar,.interface-complementary-area div.components-toolbar-group{box-shadow:none;margin-bottom:1.5em}.interface-complementary-area div.components-toolbar-group:last-child,.interface-complementary-area div.components-toolbar:last-child{margin-bottom:0}.interface-complementary-area .block-editor-skip-to-selected-block:focus{top:auto;left:10px;bottom:10px;right:auto}@media (min-width:782px){body.js.is-fullscreen-mode{margin-top:-32px;height:calc(100% + 32px)}body.js.is-fullscreen-mode #adminmenumain,body.js.is-fullscreen-mode #wpadminbar{display:none}body.js.is-fullscreen-mode #wpcontent,body.js.is-fullscreen-mode #wpfooter{margin-right:0}}html.interface-interface-skeleton__html-container{position:fixed;width:100%}@media (min-width:782px){html.interface-interface-skeleton__html-container{position:static;width:auto}}.interface-interface-skeleton{display:flex;flex-direction:row;height:auto;max-height:100%;position:fixed;top:46px;left:0;bottom:0}@media (min-width:783px){.interface-interface-skeleton{top:32px}.is-fullscreen-mode .interface-interface-skeleton{top:0}}.interface-interface-skeleton__editor{display:flex;flex-direction:column;flex:0 1 100%;overflow:hidden}.interface-interface-skeleton{right:0}@media (min-width:783px){.interface-interface-skeleton{right:160px}}@media (min-width:783px){.auto-fold .interface-interface-skeleton{right:36px}}@media (min-width:961px){.auto-fold .interface-interface-skeleton{right:160px}}.folded .interface-interface-skeleton{right:0}@media (min-width:783px){.folded .interface-interface-skeleton{right:36px}}body.is-fullscreen-mode .interface-interface-skeleton{right:0!important}.interface-interface-skeleton__body{flex-grow:1;display:flex;overflow:auto;overscroll-behavior-y:none}@media (min-width:782px){.has-footer .interface-interface-skeleton__body{padding-bottom:25px}}.interface-interface-skeleton__content{flex-grow:1;display:flex;flex-direction:column;overflow:auto;z-index:20}.interface-interface-skeleton__secondary-sidebar,.interface-interface-skeleton__sidebar{display:block;flex-shrink:0;position:absolute;z-index:100000;top:0;left:0;bottom:0;right:0;background:#fff;color:#1e1e1e}@media (min-width:782px){.interface-interface-skeleton__secondary-sidebar,.interface-interface-skeleton__sidebar{position:relative!important;z-index:90;width:auto}}.interface-interface-skeleton__sidebar{overflow:auto}@media (min-width:782px){.interface-interface-skeleton__sidebar{border-right:1px solid #e0e0e0}}@media (min-width:782px){.interface-interface-skeleton__secondary-sidebar{border-left:1px solid #e0e0e0}}.interface-interface-skeleton__header{flex-shrink:0;height:auto;border-bottom:1px solid #e0e0e0;z-index:30;color:#1e1e1e}.interface-interface-skeleton__footer{height:auto;flex-shrink:0;border-top:1px solid #e0e0e0;color:#1e1e1e;position:absolute;bottom:0;right:0;width:100%;background-color:#fff;z-index:90;display:none}@media (min-width:782px){.interface-interface-skeleton__footer{display:flex}}.interface-interface-skeleton__footer .block-editor-block-breadcrumb{z-index:30;display:flex;background:#fff;height:24px;align-items:center;font-size:13px;padding:0 18px}.interface-interface-skeleton__actions{z-index:100000;position:fixed!important;top:-9999em;bottom:auto;right:auto;left:0;width:280px;color:#1e1e1e}.interface-interface-skeleton__actions:focus{top:auto;bottom:0}.interface-pinned-items{display:flex}.interface-pinned-items .components-button:not(:first-child){display:none}@media (min-width:600px){.interface-pinned-items .components-button:not(:first-child){display:flex}}.interface-pinned-items .components-button{margin-right:4px}.interface-pinned-items .components-button svg{max-width:24px;max-height:24px}.edit-post-header{height:60px;background:#fff;display:flex;flex-wrap:wrap;align-items:center;max-width:100vw}@media (min-width:280px){.edit-post-header{flex-wrap:nowrap}}.edit-post-header>.edit-post-header__settings{order:1}@supports (position:sticky){.edit-post-header>.edit-post-header__settings{order:0}}.edit-post-header__toolbar{display:flex;flex-grow:1}.edit-post-header__toolbar .table-of-contents{display:none}@media (min-width:600px){.edit-post-header__toolbar .table-of-contents{display:block}}.edit-post-header__settings{display:inline-flex;align-items:center;flex-wrap:wrap;padding-left:4px}@media (min-width:600px){.edit-post-header__settings{padding-left:16px}}.edit-post-header__settings .components-button.components-button,.edit-post-header__settings .editor-post-saved-state{margin-left:4px}@media (min-width:600px){.edit-post-header__settings .components-button.components-button,.edit-post-header__settings .editor-post-saved-state{margin-left:12px}}.edit-post-header__settings .components-button.is-tertiary,.edit-post-header__settings .editor-post-saved-state{padding:0 6px}.edit-post-header__settings .edit-post-more-menu .components-button,.edit-post-header__settings .interface-pinned-items .components-button{margin-left:0}.edit-post-header-preview__grouping-external{display:flex;position:relative;padding-bottom:0}.edit-post-header-preview__button-external{padding-right:8px;margin-left:auto;width:100%;display:flex;justify-content:flex-start}.edit-post-header-preview__button-external svg{margin-right:auto}.edit-post-post-preview-dropdown .components-popover__content>div{padding-bottom:0}.edit-post-header__dropdown .components-button.has-icon,.show-icon-labels .edit-post-header .components-button.has-icon,.show-icon-labels.interface-pinned-items .components-button.has-icon{width:auto}.edit-post-header__dropdown .components-button.has-icon svg,.show-icon-labels .edit-post-header .components-button.has-icon svg,.show-icon-labels.interface-pinned-items .components-button.has-icon svg{display:none}.edit-post-header__dropdown .components-button.has-icon:after,.show-icon-labels .edit-post-header .components-button.has-icon:after,.show-icon-labels.interface-pinned-items .components-button.has-icon:after{content:attr(aria-label)}.edit-post-header__dropdown .components-button.has-icon[aria-disabled=true],.show-icon-labels .edit-post-header .components-button.has-icon[aria-disabled=true],.show-icon-labels.interface-pinned-items .components-button.has-icon[aria-disabled=true]{background-color:transparent}.edit-post-header__dropdown .is-tertiary:active,.show-icon-labels .edit-post-header .is-tertiary:active,.show-icon-labels.interface-pinned-items .is-tertiary:active{box-shadow:0 0 0 1.5px var(--wp-admin-theme-color);background-color:transparent}.edit-post-header__dropdown .components-button.has-icon.button-toggle svg,.edit-post-header__dropdown .edit-post-fullscreen-mode-close.has-icon svg,.show-icon-labels .edit-post-header .components-button.has-icon.button-toggle svg,.show-icon-labels .edit-post-header .edit-post-fullscreen-mode-close.has-icon svg,.show-icon-labels.interface-pinned-items .components-button.has-icon.button-toggle svg,.show-icon-labels.interface-pinned-items .edit-post-fullscreen-mode-close.has-icon svg{display:block}.edit-post-header__dropdown .components-button.has-icon.button-toggle:after,.edit-post-header__dropdown .edit-post-fullscreen-mode-close.has-icon:after,.show-icon-labels .edit-post-header .components-button.has-icon.button-toggle:after,.show-icon-labels .edit-post-header .edit-post-fullscreen-mode-close.has-icon:after,.show-icon-labels.interface-pinned-items .components-button.has-icon.button-toggle:after,.show-icon-labels.interface-pinned-items .edit-post-fullscreen-mode-close.has-icon:after{content:none}.edit-post-header__dropdown .edit-post-fullscreen-mode-close.has-icon,.show-icon-labels .edit-post-header .edit-post-fullscreen-mode-close.has-icon,.show-icon-labels.interface-pinned-items .edit-post-fullscreen-mode-close.has-icon{width:60px}.edit-post-header__dropdown .components-menu-items-choice .components-menu-items__item-icon.components-menu-items__item-icon,.show-icon-labels .edit-post-header .components-menu-items-choice .components-menu-items__item-icon.components-menu-items__item-icon,.show-icon-labels.interface-pinned-items .components-menu-items-choice .components-menu-items__item-icon.components-menu-items__item-icon{display:block}.edit-post-header__dropdown .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle,.edit-post-header__dropdown .interface-pinned-items .components-button,.show-icon-labels .edit-post-header .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle,.show-icon-labels .edit-post-header .interface-pinned-items .components-button,.show-icon-labels.interface-pinned-items .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle,.show-icon-labels.interface-pinned-items .interface-pinned-items .components-button{padding-right:8px;padding-left:8px}@media (min-width:600px){.edit-post-header__dropdown .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle,.edit-post-header__dropdown .interface-pinned-items .components-button,.show-icon-labels .edit-post-header .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle,.show-icon-labels .edit-post-header .interface-pinned-items .components-button,.show-icon-labels.interface-pinned-items .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle,.show-icon-labels.interface-pinned-items .interface-pinned-items .components-button{padding-right:12px;padding-left:12px}}.edit-post-header__dropdown .components-dropdown-menu__toggle,.show-icon-labels .edit-post-header .components-dropdown-menu__toggle,.show-icon-labels.interface-pinned-items .components-dropdown-menu__toggle{margin-right:8px;padding-right:8px;padding-left:8px}@media (min-width:600px){.edit-post-header__dropdown .components-dropdown-menu__toggle,.show-icon-labels .edit-post-header .components-dropdown-menu__toggle,.show-icon-labels.interface-pinned-items .components-dropdown-menu__toggle{margin-right:12px;padding-right:12px;padding-left:12px}}.edit-post-header__dropdown .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle:after,.edit-post-header__dropdown .editor-post-save-draft.editor-post-save-draft:after,.show-icon-labels .edit-post-header .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle:after,.show-icon-labels .edit-post-header .editor-post-save-draft.editor-post-save-draft:after,.show-icon-labels.interface-pinned-items .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle:after,.show-icon-labels.interface-pinned-items .editor-post-save-draft.editor-post-save-draft:after{content:none}@media (min-width:600px){.edit-post-header__dropdown .editor-post-save-draft.editor-post-save-draft:after,.show-icon-labels .edit-post-header .editor-post-save-draft.editor-post-save-draft:after,.show-icon-labels.interface-pinned-items .editor-post-save-draft.editor-post-save-draft:after{content:attr(aria-label)}}.edit-post-header__dropdown .components-button.block-editor-block-navigation,.edit-post-header__dropdown .components-button.editor-history__redo,.edit-post-header__dropdown .components-button.editor-history__undo,.edit-post-header__dropdown .components-menu-item__button.components-menu-item__button,.edit-post-header__dropdown .table-of-contents .components-button{margin:0;padding:6px 40px 6px 6px;width:14.625rem;text-align:right;justify-content:flex-start}.show-icon-labels.interface-pinned-items{padding:6px 12px 12px;margin:0 -12px;border-bottom:1px solid #ccc;display:block}.show-icon-labels.interface-pinned-items>.components-button.has-icon{margin:0;padding:6px 8px 6px 6px;width:14.625rem;justify-content:flex-start}.show-icon-labels.interface-pinned-items>.components-button.has-icon[aria-expanded=true] svg{display:block;max-width:24px}.show-icon-labels.interface-pinned-items>.components-button.has-icon[aria-expanded=false]{padding-right:40px}.show-icon-labels.interface-pinned-items>.components-button.has-icon svg{margin-left:8px}.edit-post-fullscreen-mode-close.has-icon{display:none}@media (min-width:782px){.edit-post-fullscreen-mode-close.has-icon{display:flex;align-items:center;align-self:stretch;border:none;background:#23282e;color:#fff;border-radius:0;height:61px;width:60px;position:relative;margin-bottom:-1px}.edit-post-fullscreen-mode-close.has-icon:active{color:#fff}.edit-post-fullscreen-mode-close.has-icon:focus{box-shadow:none}.edit-post-fullscreen-mode-close.has-icon:before{transition:box-shadow .1s ease;content:"";display:block;position:absolute;top:9px;left:9px;bottom:9px;right:9px;border-radius:4px;box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) #23282e}}@media (min-width:782px) and (prefers-reduced-motion:reduce){.edit-post-fullscreen-mode-close.has-icon:before{transition-duration:0s;transition-delay:0s}}@media (min-width:782px){.edit-post-fullscreen-mode-close.has-icon:hover:before{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) #757575}}@media (min-width:782px){.edit-post-fullscreen-mode-close.has-icon:focus:before{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) hsla(0,0%,100%,.1),inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}}.edit-post-fullscreen-mode-close_site-icon{width:36px;border-radius:2px}.edit-post-header-toolbar{display:inline-flex;flex-grow:1;align-items:center;border:none}.edit-post-header-toolbar .edit-post-header-toolbar__left>.components-button{display:none}@media (min-width:600px){.edit-post-header-toolbar .edit-post-header-toolbar__left>.components-button{display:inline-flex}}.edit-post-header-toolbar .edit-post-header-toolbar__left>.edit-post-header-toolbar__inserter-toggle{display:inline-flex}.edit-post-header-toolbar .edit-post-header-toolbar__left>.edit-post-header-toolbar__inserter-toggle svg{transition:transform .2s cubic-bezier(.165,.84,.44,1)}@media (prefers-reduced-motion:reduce){.edit-post-header-toolbar .edit-post-header-toolbar__left>.edit-post-header-toolbar__inserter-toggle svg{transition-duration:0s;transition-delay:0s}}.edit-post-header-toolbar .edit-post-header-toolbar__left>.edit-post-header-toolbar__inserter-toggle.is-pressed svg{transform:rotate(-45deg)}.edit-post-header-toolbar .block-editor-block-navigation{display:none}@media (min-width:600px){.edit-post-header-toolbar .block-editor-block-navigation{display:flex}}.edit-post-header-toolbar .edit-post-header-toolbar__left>.components-button.has-icon,.edit-post-header-toolbar .edit-post-header-toolbar__left>.components-dropdown>.components-button.has-icon{height:36px;min-width:36px;padding:6px}.edit-post-header-toolbar .edit-post-header-toolbar__left>.components-button.has-icon.is-pressed,.edit-post-header-toolbar .edit-post-header-toolbar__left>.components-dropdown>.components-button.has-icon.is-pressed{background:#1e1e1e}.edit-post-header-toolbar .edit-post-header-toolbar__left>.components-button.has-icon:focus:not(:disabled),.edit-post-header-toolbar .edit-post-header-toolbar__left>.components-dropdown>.components-button.has-icon:focus:not(:disabled){box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color),inset 0 0 0 1px #fff;outline:1px solid transparent}.edit-post-header-toolbar .edit-post-header-toolbar__left>.components-button.has-icon:before,.edit-post-header-toolbar .edit-post-header-toolbar__left>.components-dropdown>.components-button.has-icon:before{display:none}@media (min-width:600px){.edit-post-header.has-reduced-ui .edit-post-header-toolbar__left>*+.components-button,.edit-post-header.has-reduced-ui .edit-post-header-toolbar__left>*+.components-dropdown>[aria-expanded=false]{transition:opacity .1s linear}}@media (min-width:600px) and (prefers-reduced-motion:reduce){.edit-post-header.has-reduced-ui .edit-post-header-toolbar__left>*+.components-button,.edit-post-header.has-reduced-ui .edit-post-header-toolbar__left>*+.components-dropdown>[aria-expanded=false]{transition-duration:0s;transition-delay:0s}}@media (min-width:600px){.edit-post-header.has-reduced-ui:not(:hover) .edit-post-header-toolbar__left>*+.components-button,.edit-post-header.has-reduced-ui:not(:hover) .edit-post-header-toolbar__left>*+.components-dropdown>[aria-expanded=false]{opacity:0}}.edit-post-header-toolbar__left{display:inline-flex;align-items:center;padding-right:8px}@media (min-width:600px){.edit-post-header-toolbar__left{padding-right:24px}}@media (min-width:1280px){.edit-post-header-toolbar__left{padding-left:8px}}.edit-post-header-toolbar .edit-post-header-toolbar__left>.edit-post-header-toolbar__inserter-toggle.has-icon{margin-left:8px;min-width:32px;width:32px;height:32px;padding:0}.show-icon-labels .edit-post-header-toolbar .edit-post-header-toolbar__left>.edit-post-header-toolbar__inserter-toggle.has-icon{height:36px}.edit-post-header-toolbar .edit-post-header-toolbar__left>.edit-post-header-toolbar__inserter-toggle.has-text.has-icon{width:auto;padding:0 8px}.show-icon-labels .edit-post-header-toolbar__left>*+*{margin-right:8px}.edit-post-more-menu{margin-right:-4px}.edit-post-more-menu .components-button{width:auto;padding:0 2px}@media (min-width:600px){.edit-post-more-menu{margin-right:0}.edit-post-more-menu .components-button{padding:0 4px}}.edit-post-more-menu__content .components-popover__content{min-width:280px}@media (min-width:480px){.edit-post-more-menu__content .components-popover__content{width:auto;max-width:480px}}.edit-post-more-menu__content .components-popover__content .components-dropdown-menu__menu{padding:0}.components-popover.edit-post-more-menu__content{z-index:99998}.edit-post-template-top-area{display:flex;flex-direction:column;align-content:space-between;width:100%;align-items:center}.edit-post-template-top-area .edit-post-template-post-title,.edit-post-template-top-area .edit-post-template-title{padding:0;text-decoration:none;height:auto}.edit-post-template-top-area .edit-post-template-post-title:before,.edit-post-template-top-area .edit-post-template-title:before{height:100%}.edit-post-template-top-area .edit-post-template-post-title.has-icon svg,.edit-post-template-top-area .edit-post-template-title.has-icon svg{order:1;margin-left:0}.edit-post-template-top-area .edit-post-template-title{color:#1e1e1e}.edit-post-template-top-area .edit-post-template-post-title{margin-top:4px;max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.edit-post-template-top-area .edit-post-template-post-title:before{right:0;left:0}@media (min-width:1080px){.edit-post-template-top-area .edit-post-template-post-title{max-width:none}}.edit-post-template-top-area__popover .components-popover__content{min-width:280px}.edit-post-template-top-area__second-menu-group{margin-right:-12px;margin-left:-12px;padding:12px 12px 0;border-top:1px solid #ddd}.edit-post-template-top-area__second-menu-group .edit-post-template-top-area__delete-template-button{display:flex;justify-content:center}.edit-post-template-top-area__second-menu-group .edit-post-template-top-area__delete-template-button .components-menu-item__item{margin-left:0}.edit-post-keyboard-shortcut-help-modal__section{margin:0 0 2rem}.edit-post-keyboard-shortcut-help-modal__main-shortcuts .edit-post-keyboard-shortcut-help-modal__shortcut-list{margin-top:-25px}.edit-post-keyboard-shortcut-help-modal__section-title{font-size:.9rem;font-weight:600}.edit-post-keyboard-shortcut-help-modal__shortcut{display:flex;align-items:baseline;padding:.6rem 0;border-top:1px solid #ddd;margin-bottom:0}.edit-post-keyboard-shortcut-help-modal__shortcut:last-child{border-bottom:1px solid #ddd}.edit-post-keyboard-shortcut-help-modal__shortcut:empty{display:none}.edit-post-keyboard-shortcut-help-modal__shortcut-term{font-weight:600;margin:0 1rem 0 0;text-align:left}.edit-post-keyboard-shortcut-help-modal__shortcut-description{flex:1;margin:0;flex-basis:auto}.edit-post-keyboard-shortcut-help-modal__shortcut-key-combination{display:block;background:none;margin:0;padding:0}.edit-post-keyboard-shortcut-help-modal__shortcut-key-combination+.edit-post-keyboard-shortcut-help-modal__shortcut-key-combination{margin-top:10px}.edit-post-keyboard-shortcut-help-modal__shortcut-key{padding:.25rem .5rem;border-radius:8%;margin:0 .2rem}.edit-post-keyboard-shortcut-help-modal__shortcut-key:last-child{margin:0 .2rem 0 0}.edit-post-layout__metaboxes{flex-shrink:0}.edit-post-layout__metaboxes:not(:empty){border-top:1px solid #ddd;padding:10px 0;clear:both}.edit-post-layout__metaboxes:not(:empty) .edit-post-meta-boxes-area{margin:auto 20px}.edit-post-layout .components-editor-notices__snackbar{position:fixed;left:0;bottom:40px;padding-right:16px;padding-left:16px;right:0}@media (min-width:783px){.edit-post-layout .components-editor-notices__snackbar{right:160px}}@media (min-width:783px){.auto-fold .edit-post-layout .components-editor-notices__snackbar{right:36px}}@media (min-width:961px){.auto-fold .edit-post-layout .components-editor-notices__snackbar{right:160px}}.folded .edit-post-layout .components-editor-notices__snackbar{right:0}@media (min-width:783px){.folded .edit-post-layout .components-editor-notices__snackbar{right:36px}}body.is-fullscreen-mode .edit-post-layout .components-editor-notices__snackbar{right:0!important}.edit-post-layout .editor-post-publish-panel{position:fixed;z-index:100001;top:46px;bottom:0;left:0;right:0;overflow:auto}@media (min-width:782px){.edit-post-layout .editor-post-publish-panel{z-index:99998;top:32px;right:auto;width:281px;border-right:1px solid #ddd;transform:translateX(-100%);animation:edit-post-post-publish-panel__slide-in-animation .1s forwards}}@media (min-width:782px) and (prefers-reduced-motion:reduce){.edit-post-layout .editor-post-publish-panel{animation-duration:1ms;animation-delay:0s}}@media (min-width:782px){body.is-fullscreen-mode .edit-post-layout .editor-post-publish-panel{top:0}}@media (min-width:782px){[role=region]:focus .edit-post-layout .editor-post-publish-panel{transform:translateX(0)}}@keyframes edit-post-post-publish-panel__slide-in-animation{to{transform:translateX(0)}}.edit-post-layout .editor-post-publish-panel__header-publish-button{justify-content:center}.edit-post-layout__toggle-entities-saved-states-panel,.edit-post-layout__toggle-publish-panel,.edit-post-layout__toggle-sidebar-panel{z-index:100000;position:fixed!important;top:-9999em;bottom:auto;right:auto;left:0;width:280px;background-color:#fff;border:1px dotted #ddd;height:auto!important;padding:24px;display:flex;justify-content:center}.interface-interface-skeleton__actions:focus-within .edit-post-layout__toggle-entities-saved-states-panel,.interface-interface-skeleton__actions:focus-within .edit-post-layout__toggle-publish-panel,.interface-interface-skeleton__actions:focus-within .edit-post-layout__toggle-sidebar-panel,.interface-interface-skeleton__actions:focus .edit-post-layout__toggle-entities-saved-states-panel,.interface-interface-skeleton__actions:focus .edit-post-layout__toggle-publish-panel,.interface-interface-skeleton__actions:focus .edit-post-layout__toggle-sidebar-panel{top:auto;bottom:0}@media (min-width:600px){.edit-post-manage-blocks-modal{height:calc(100% - 120px)}}.edit-post-manage-blocks-modal .components-modal__content{padding-bottom:0;display:flex;flex-direction:column}.edit-post-manage-blocks-modal .components-modal__header{flex-shrink:0;margin-bottom:0}.edit-post-manage-blocks-modal__content{display:flex;flex-direction:column;flex:0 1 100%;min-height:0}.edit-post-manage-blocks-modal__no-results{font-style:italic;padding:24px 0;text-align:center}.edit-post-manage-blocks-modal__search{margin:16px 0}.edit-post-manage-blocks-modal__search .components-base-control__field{margin-bottom:0}.edit-post-manage-blocks-modal__search .components-base-control__label{margin-top:-4px}.edit-post-manage-blocks-modal__search input[type=search].components-text-control__input{padding:8px;border-radius:2px}.edit-post-manage-blocks-modal__disabled-blocks-count{border-top:1px solid #ddd;margin-right:-24px;margin-left:-24px;padding:.6rem 24px;background-color:#f0f0f0}.edit-post-manage-blocks-modal__category{margin:0 0 2rem}.edit-post-manage-blocks-modal__category-title{position:sticky;top:0;padding:16px 0;background-color:#fff;z-index:1}.edit-post-manage-blocks-modal__category-title .components-base-control__field{margin-bottom:0}.edit-post-manage-blocks-modal__category-title .components-checkbox-control__label{font-size:.9rem;font-weight:600}.edit-post-manage-blocks-modal__show-all{margin-left:8px}.edit-post-manage-blocks-modal__checklist{margin-top:0}.edit-post-manage-blocks-modal__checklist-item{margin-bottom:0;padding-right:16px;border-top:1px solid #ddd}.edit-post-manage-blocks-modal__checklist-item:last-child{border-bottom:1px solid #ddd}.edit-post-manage-blocks-modal__checklist-item .components-base-control__field{align-items:center;display:flex;margin:0}.components-modal__content .edit-post-manage-blocks-modal__checklist-item.components-checkbox-control__input-container{margin:0 8px}.edit-post-manage-blocks-modal__checklist-item .components-checkbox-control__label{display:flex;align-items:center;justify-content:space-between;flex-grow:1;padding:.6rem 10px .6rem 0}.edit-post-manage-blocks-modal__checklist-item .block-editor-block-icon{margin-left:10px;fill:#1e1e1e}.edit-post-manage-blocks-modal__results{height:100%;overflow:auto;margin-right:-32px;margin-left:-32px;padding-right:32px;padding-left:32px;border-top:1px solid #ddd}.edit-post-meta-boxes-area{position:relative}.edit-post-meta-boxes-area .inside,.edit-post-meta-boxes-area__container{box-sizing:content-box}.edit-post-meta-boxes-area input,.edit-post-meta-boxes-area textarea{box-sizing:border-box}.edit-post-meta-boxes-area #poststuff{margin:0 auto;padding-top:0;min-width:auto}.edit-post-meta-boxes-area #poststuff .stuffbox>h3,.edit-post-meta-boxes-area #poststuff h2.hndle,.edit-post-meta-boxes-area #poststuff h3.hndle{box-sizing:border-box;color:inherit;font-weight:600;outline:none;padding:15px;position:relative;width:100%}.edit-post-meta-boxes-area .postbox{border:0;color:inherit;margin-bottom:0}.edit-post-meta-boxes-area .postbox>.inside{border-bottom:1px solid #ddd;color:inherit;padding:0 14px 14px;margin:0}.edit-post-meta-boxes-area .postbox .handlediv{height:44px;width:44px}.edit-post-meta-boxes-area.is-loading:before{position:absolute;top:0;right:0;left:0;bottom:0;content:"";background:transparent;z-index:1}.edit-post-meta-boxes-area .components-spinner{position:absolute;top:10px;left:20px;z-index:5}.edit-post-meta-boxes-area .is-hidden{display:none}.edit-post-meta-boxes-area .metabox-location-side .postbox input[type=checkbox]{border:1px solid #757575}.edit-post-meta-boxes-area .metabox-location-side .postbox input[type=checkbox]:checked{background:#fff;border-color:#757575}.edit-post-meta-boxes-area .metabox-location-side .postbox input[type=checkbox]:before{margin:-3px -4px}.edit-post-meta-boxes-area__clear{clear:both}.edit-post-preferences-modal{min-width:360px;width:100%}@media (min-width:782px){.edit-post-preferences-modal{width:auto}}@media (min-width:600px){.edit-post-preferences-modal{height:calc(100% - 120px)}}.edit-post-preferences-modal .components-navigation{background-color:#fff;margin:-8px;padding:8px}.edit-post-preferences-modal .components-navigation .components-navigation__menu{margin:0;color:#1e1e1e}.edit-post-preferences-modal .components-navigation .components-navigation__menu .components-navigation__item{color:#1e1e1e}.edit-post-preferences-modal .components-navigation .components-navigation__menu .components-navigation__item>button{color:inherit;padding:3px 16px;height:48px}.edit-post-preferences-modal .components-navigation .components-navigation__menu .components-navigation__item>button:focus{background:#f0f0f0;font-weight:500}.edit-post-preferences-modal .components-navigation .components-navigation__menu .components-navigation__item>button:hover{color:var(--wp-admin-theme-color)}.edit-post-preferences-modal .components-navigation .components-navigation__menu .components-navigation__item .components-toggle-control__label{color:inherit}.edit-post-preferences-modal .components-navigation .components-navigation__menu .components-navigation__menu-title-heading{color:inherit;border-bottom:1px solid #ddd;padding-right:0;padding-left:0}.edit-post-preferences-modal .components-navigation .components-navigation__menu .components-navigation__back-button{color:inherit;padding-right:0}.edit-post-preferences-modal .components-navigation .components-navigation__menu .components-navigation__back-button:hover{color:var(--wp-admin-theme-color)}.edit-post-preferences-modal .components-navigation .components-navigation__menu .edit-post-preferences-modal__custom-fields-confirmation-button{width:auto}.edit-post-preferences-modal .edit-post-preferences__tabs{display:flex;flex-direction:row}.edit-post-preferences-modal .edit-post-preferences__tabs .components-tab-panel__tabs{width:160px}.edit-post-preferences-modal .edit-post-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item{border-radius:2px;font-weight:400}.edit-post-preferences-modal .edit-post-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item.is-active{background:#f0f0f0;box-shadow:none;font-weight:500}.edit-post-preferences-modal .edit-post-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item:focus:not(:disabled){box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}.edit-post-preferences-modal .edit-post-preferences__tabs .components-tab-panel__tab-content{width:500px;padding-right:24px}.edit-post-preferences-modal__section{margin:0 0 2.5rem}.edit-post-preferences-modal__section-title{font-size:.9rem;font-weight:600}.edit-post-preferences-modal__option .components-base-control .components-base-control__field{align-items:center;display:flex;margin-bottom:0}.edit-post-preferences-modal__option .components-base-control .components-base-control__field>label{flex-grow:1;padding:.6rem 10px .6rem 0}.edit-post-preferences-modal__custom-fields-confirmation-button,.edit-post-preferences-modal__custom-fields-confirmation-message{margin:0 48px .6rem 0}@media (min-width:782px){.edit-post-preferences-modal__custom-fields-confirmation-button,.edit-post-preferences-modal__custom-fields-confirmation-message{margin-right:38px}}@media (min-width:600px){.edit-post-preferences-modal__custom-fields-confirmation-button,.edit-post-preferences-modal__custom-fields-confirmation-message{max-width:300px}}.edit-post-preferences-modal .components-base-control__help{margin:-8px 58px 8px 0;font-size:12px;font-style:normal;color:#757575}.edit-post-preferences-modal .edit-post-preferences-modal__section-description{margin:-8px 0 8px;font-size:12px;font-style:normal;color:#757575}.edit-post-editor__inserter-panel,.edit-post-editor__list-view-panel{height:100%;display:flex;flex-direction:column}.edit-post-editor__list-view-panel{min-width:350px}.edit-post-editor__inserter-panel-header{padding-top:8px;padding-left:8px;display:flex;justify-content:flex-end}@media (min-width:782px){.edit-post-editor__inserter-panel-header{display:none}}.edit-post-editor__inserter-panel-content,.edit-post-editor__list-view-panel-content{height:calc(100% - 44px)}@media (min-width:782px){.edit-post-editor__inserter-panel-content{height:100%}}.edit-post-editor__list-view-panel-header{align-items:center;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;height:48px;padding-right:16px;padding-left:4px}.edit-post-editor__list-view-panel-content{overflow-y:auto;padding:8px}.components-panel__header.edit-post-sidebar__panel-tabs{justify-content:flex-start;padding-right:0;padding-left:16px;border-top:0;margin-top:0}.components-panel__header.edit-post-sidebar__panel-tabs ul{display:flex}.components-panel__header.edit-post-sidebar__panel-tabs li{margin:0}.components-panel__header.edit-post-sidebar__panel-tabs .components-button.has-icon{display:none;margin:0 auto 0 0;padding:0;min-width:24px;height:24px}@media (min-width:782px){.components-panel__header.edit-post-sidebar__panel-tabs .components-button.has-icon{display:flex}}.components-panel__body.is-opened.edit-post-last-revision__panel{padding:0;height:48px}.editor-post-last-revision__title.components-button{padding:16px}.editor-post-author__select{margin:-5px 0;width:100%}@supports (position:sticky){.editor-post-author__select{width:auto}}.edit-post-post-link__link-post-name{font-weight:600}.edit-post-post-link__preview-label{font-weight:400;margin:0}.edit-post-post-link__link{text-align:right;word-wrap:break-word;display:block}.edit-post-post-link__preview-link-container{direction:ltr}.edit-post-post-schedule{width:100%;position:relative;justify-content:left}.edit-post-post-schedule span{display:block;width:45%}.components-button.edit-post-post-schedule__toggle{text-align:left}.edit-post-post-schedule__dialog .components-popover__content>div{padding:0}.editor-post-slug__input{margin:-5px 0;padding:2px}.edit-post-post-status .edit-post-post-publish-dropdown__switch-to-draft{margin-top:15px;width:100%;text-align:center}.edit-post-post-visibility{width:100%;justify-content:left}.edit-post-post-visibility span{display:block;width:45%}@media (min-width:782px){.edit-post-post-visibility__dialog .components-popover__content{width:257px}}.edit-post-post-visibility__dialog-legend{font-weight:600}.edit-post-post-visibility__choice{margin:10px 0}.edit-post-post-visibility__dialog-label,.edit-post-post-visibility__dialog-radio{vertical-align:top}.edit-post-post-visibility__dialog-password-input{width:calc(100% - 20px);margin-right:20px}.edit-post-post-visibility__dialog-info{color:#757575;padding-right:20px;font-style:italic;margin:4px 0 0;line-height:1.4}.components-button.edit-post-sidebar__panel-tab{border-radius:0;height:48px;background:transparent;border:none;box-shadow:none;cursor:pointer;display:inline-block;padding:3px 15px;margin-right:0;font-weight:500}.components-button.edit-post-sidebar__panel-tab:after{content:attr(data-label);display:block;font-weight:600;height:0;overflow:hidden;speak:none;visibility:hidden}.components-button.edit-post-sidebar__panel-tab.is-active{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) transparent,inset 0 -4px 0 0 var(--wp-admin-theme-color);position:relative;z-index:1}.components-button.edit-post-sidebar__panel-tab.is-active:before{content:"";position:absolute;top:0;bottom:1px;left:0;right:0;border-bottom:4px solid transparent}.components-button.edit-post-sidebar__panel-tab:focus{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);position:relative;z-index:1}.components-button.edit-post-sidebar__panel-tab.is-active:focus{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color),inset 0 -4px 0 0 var(--wp-admin-theme-color)}@media (min-width:782px){.edit-post-template__modal .components-base-control{width:320px}}.edit-post-template__modal .components-modal__header{border-bottom:none}.edit-post-template__modal .components-modal__content:before{margin-bottom:4px}.edit-post-template__modal-actions{margin-top:12px}.edit-post-template-modal__tip{padding:16px 24px;background:#f0f0f0;border-radius:2px}@media (min-width:782px){.edit-post-template-modal__tip{width:240px}}.edit-post-template__actions button:not(:last-child){margin-left:8px}h2.edit-post-template-summary__title{margin:0;line-height:24px}.edit-post-text-editor{position:relative;width:100%;background-color:#fff;flex-grow:1}.edit-post-text-editor .editor-post-title.editor-post-title__block{max-width:none;line-height:1.4}.edit-post-text-editor .editor-post-title.editor-post-title__block .editor-post-title__input.editor-post-title__input.editor-post-title__input{font-family:Menlo,Consolas,monaco,monospace;font-size:2.5em;font-weight:400}.edit-post-text-editor .editor-post-title.editor-post-title__block .editor-post-title__input{border:1px solid #949494;margin-bottom:-1px;padding:16px}@media (min-width:600px){.edit-post-text-editor .editor-post-title.editor-post-title__block .editor-post-title__input{padding:24px}}.edit-post-text-editor .editor-post-title.editor-post-title__block .editor-post-title__input:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}@media (min-width:600px){.edit-post-text-editor .editor-post-title.editor-post-title__block{padding:0}}.edit-post-text-editor__body{width:100%;padding:0 12px 12px;max-width:1080px;margin-right:auto;margin-left:auto}@media (min-width:960px){.edit-post-text-editor__body{padding:0 24px 24px}}.edit-post-text-editor__toolbar{position:sticky;z-index:1;top:0;right:0;left:0;display:flex;background:hsla(0,0%,100%,.8);padding:4px 12px}@media (min-width:600px){.edit-post-text-editor__toolbar{padding:12px}}@media (min-width:960px){.edit-post-text-editor__toolbar{padding:12px 24px}}.edit-post-text-editor__toolbar h2{line-height:36px;margin:0 0 0 auto;font-size:13px;color:#1e1e1e}.edit-post-text-editor__toolbar .components-button svg{order:1}.edit-post-visual-editor{position:relative;display:flex;flex-flow:column;background-color:#2f2f2f;flex:1 1 auto}.edit-post-visual-editor .components-button{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;padding:6px 12px}.edit-post-visual-editor .components-button.has-icon,.edit-post-visual-editor .components-button.is-tertiary{padding:6px}@supports (position:sticky){.edit-post-visual-editor{flex-basis:100%}}.edit-post-visual-editor__post-title-wrapper .editor-post-title{margin:2em auto 0}.edit-post-visual-editor__exit-template-mode{position:absolute;top:8px;right:8px;color:#fff}.edit-post-visual-editor__exit-template-mode:active:not([aria-disabled=true]),.edit-post-visual-editor__exit-template-mode:focus:not([aria-disabled=true]),.edit-post-visual-editor__exit-template-mode:hover{color:#f0f0f0}.edit-post-visual-editor__content-area{width:100%;height:100%;position:relative;display:flex}.edit-post-welcome-guide{width:312px}.edit-post-welcome-guide__image{background:#00a0d2;margin:0 0 16px}.edit-post-welcome-guide__heading{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:24px;line-height:1.4;margin:16px 0;padding:0 32px}.edit-post-welcome-guide__text{font-size:13px;line-height:1.4;margin:0 0 24px;padding:0 32px}.edit-post-welcome-guide__inserter-icon{margin:0 4px;vertical-align:text-top}@keyframes edit-post__fade-in-animation{0%{opacity:0}to{opacity:1}}body.block-editor-page,html.wp-toolbar{background:#fff}body.block-editor-page #wpcontent{padding-right:0}body.block-editor-page #wpbody-content{padding-bottom:0}body.block-editor-page #wpbody-content>div:not(.block-editor):not(#screen-meta),body.block-editor-page #wpfooter{display:none}body.block-editor-page .a11y-speak-region{right:-1px;top:-1px}body.block-editor-page ul#adminmenu>li.current>a.current:after,body.block-editor-page ul#adminmenu a.wp-has-current-submenu:after{border-left-color:#fff}body.block-editor-page .media-frame select.attachment-filters:last-of-type{width:auto;max-width:100%}.block-editor-page #wpwrap{overflow-y:auto}@media (min-width:782px){.block-editor-page #wpwrap{overflow-y:initial}}.components-modal__frame,.components-popover,.edit-post-editor__inserter-panel,.edit-post-header,.edit-post-sidebar,.edit-post-text-editor,.edit-post-visual-editor,.editor-post-publish-panel{box-sizing:border-box}.components-modal__frame *,.components-modal__frame :after,.components-modal__frame :before,.components-popover *,.components-popover :after,.components-popover :before,.edit-post-editor__inserter-panel *,.edit-post-editor__inserter-panel :after,.edit-post-editor__inserter-panel :before,.edit-post-header *,.edit-post-header :after,.edit-post-header :before,.edit-post-sidebar *,.edit-post-sidebar :after,.edit-post-sidebar :before,.edit-post-text-editor *,.edit-post-text-editor :after,.edit-post-text-editor :before,.edit-post-visual-editor *,.edit-post-visual-editor :after,.edit-post-visual-editor :before,.editor-post-publish-panel *,.editor-post-publish-panel :after,.editor-post-publish-panel :before{box-sizing:inherit}@media (min-width:600px){.block-editor__container{position:absolute;top:0;left:0;bottom:0;right:0;min-height:calc(100vh - 46px)}}@media (min-width:782px){.block-editor__container{min-height:calc(100vh - 32px)}body.is-fullscreen-mode .block-editor__container{min-height:100vh}}.block-editor__container img{max-width:100%;height:auto}.block-editor__container iframe{width:100%}body.admin-color-light{--wp-admin-theme-color:#0085ba;--wp-admin-theme-color-darker-10:#0073a1;--wp-admin-theme-color-darker-20:#006187;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-light{--wp-admin-border-width-focus:1.5px}}body.admin-color-modern{--wp-admin-theme-color:#3858e9;--wp-admin-theme-color-darker-10:#2145e6;--wp-admin-theme-color-darker-20:#183ad6;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-modern{--wp-admin-border-width-focus:1.5px}}body.admin-color-blue{--wp-admin-theme-color:#096484;--wp-admin-theme-color-darker-10:#07526c;--wp-admin-theme-color-darker-20:#064054;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-blue{--wp-admin-border-width-focus:1.5px}}body.admin-color-coffee{--wp-admin-theme-color:#46403c;--wp-admin-theme-color-darker-10:#383330;--wp-admin-theme-color-darker-20:#2b2724;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-coffee{--wp-admin-border-width-focus:1.5px}}body.admin-color-ectoplasm{--wp-admin-theme-color:#523f6d;--wp-admin-theme-color-darker-10:#46365d;--wp-admin-theme-color-darker-20:#3a2c4d;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-ectoplasm{--wp-admin-border-width-focus:1.5px}}body.admin-color-midnight{--wp-admin-theme-color:#e14d43;--wp-admin-theme-color-darker-10:#dd382d;--wp-admin-theme-color-darker-20:#d02c21;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-midnight{--wp-admin-border-width-focus:1.5px}}body.admin-color-ocean{--wp-admin-theme-color:#627c83;--wp-admin-theme-color-darker-10:#576e74;--wp-admin-theme-color-darker-20:#4c6066;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-ocean{--wp-admin-border-width-focus:1.5px}}body.admin-color-sunrise{--wp-admin-theme-color:#dd823b;--wp-admin-theme-color-darker-10:#d97426;--wp-admin-theme-color-darker-20:#c36922;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-sunrise{--wp-admin-border-width-focus:1.5px}} \ No newline at end of file diff --git a/wp-includes/css/dist/edit-post/style.css b/wp-includes/css/dist/edit-post/style.css new file mode 100644 index 0000000000..a0788fd8f1 --- /dev/null +++ b/wp-includes/css/dist/edit-post/style.css @@ -0,0 +1,2029 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles for JavaScript UI based pages. + * This is a WP-admin agnostic reset + */ +/** + * Reset the WP Admin page styles for Gutenberg-like pages. + */ +:root { + --wp-admin-theme-color: #007cba; + --wp-admin-theme-color-darker-10: #006ba1; + --wp-admin-theme-color-darker-20: #005a87; + --wp-admin-border-width-focus: 2px; +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + :root { + --wp-admin-border-width-focus: 1.5px; + } +} + +.components-panel__header.interface-complementary-area-header__small { + background: #fff; + padding-right: 4px; +} +.components-panel__header.interface-complementary-area-header__small .interface-complementary-area-header__small-title { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + width: 100%; +} +@media (min-width: 782px) { + .components-panel__header.interface-complementary-area-header__small { + display: none; + } +} + +.interface-complementary-area-header { + background: #fff; + padding-right: 4px; +} +.interface-complementary-area-header .components-button.has-icon { + display: none; + margin-left: auto; +} +.interface-complementary-area-header .components-button.has-icon ~ .components-button { + margin-left: 0; +} +@media (min-width: 782px) { + .interface-complementary-area-header .components-button.has-icon { + display: flex; + } +} + +.interface-complementary-area { + background: #fff; + color: #1e1e1e; +} +@media (min-width: 600px) { + .interface-complementary-area { + -webkit-overflow-scrolling: touch; + } +} +@media (min-width: 782px) { + .interface-complementary-area { + width: 280px; + } +} +.interface-complementary-area .components-panel { + border: none; + position: relative; + z-index: 0; +} +.interface-complementary-area .components-panel__header { + position: sticky; + top: 0; + z-index: 1; +} +.interface-complementary-area .components-panel__header.edit-post-sidebar__panel-tabs { + top: 48px; +} +@media (min-width: 782px) { + .interface-complementary-area .components-panel__header.edit-post-sidebar__panel-tabs { + top: 0; + } +} +.interface-complementary-area p { + margin-top: 0; +} +.interface-complementary-area h2, +.interface-complementary-area h3 { + font-size: 13px; + color: #1e1e1e; + margin-bottom: 1.5em; +} +.interface-complementary-area hr { + border-top: none; + border-bottom: 1px solid #f0f0f0; + margin: 1.5em 0; +} +.interface-complementary-area div.components-toolbar-group, +.interface-complementary-area div.components-toolbar { + box-shadow: none; + margin-bottom: 1.5em; +} +.interface-complementary-area div.components-toolbar-group:last-child, +.interface-complementary-area div.components-toolbar:last-child { + margin-bottom: 0; +} +.interface-complementary-area .block-editor-skip-to-selected-block:focus { + top: auto; + right: 10px; + bottom: 10px; + left: auto; +} + +@media (min-width: 782px) { + body.js.is-fullscreen-mode { + margin-top: -32px; + height: calc(100% + 32px); + } + body.js.is-fullscreen-mode #adminmenumain, +body.js.is-fullscreen-mode #wpadminbar { + display: none; + } + body.js.is-fullscreen-mode #wpcontent, +body.js.is-fullscreen-mode #wpfooter { + margin-left: 0; + } +} + +html.interface-interface-skeleton__html-container { + position: fixed; + width: 100%; +} +@media (min-width: 782px) { + html.interface-interface-skeleton__html-container { + position: initial; + width: initial; + } +} + +.interface-interface-skeleton { + display: flex; + flex-direction: row; + height: auto; + max-height: 100%; + position: fixed; + top: 46px; + left: 0; + right: 0; + bottom: 0; +} +@media (min-width: 783px) { + .interface-interface-skeleton { + top: 32px; + } + .is-fullscreen-mode .interface-interface-skeleton { + top: 0; + } +} + +.interface-interface-skeleton__editor { + display: flex; + flex-direction: column; + flex: 0 1 100%; + overflow: hidden; +} + +.interface-interface-skeleton { + /* Set left position when auto-fold is not on the body element. */ + left: 0; +} +@media (min-width: 783px) { + .interface-interface-skeleton { + left: 160px; + } +} + +.auto-fold .interface-interface-skeleton { + /* Auto fold is when on smaller breakpoints, nav menu auto collapses. */ +} +@media (min-width: 783px) { + .auto-fold .interface-interface-skeleton { + left: 36px; + } +} +@media (min-width: 961px) { + .auto-fold .interface-interface-skeleton { + left: 160px; + } +} + +/* Sidebar manually collapsed. */ +.folded .interface-interface-skeleton { + left: 0; +} +@media (min-width: 783px) { + .folded .interface-interface-skeleton { + left: 36px; + } +} + +body.is-fullscreen-mode .interface-interface-skeleton { + left: 0 !important; +} + +.interface-interface-skeleton__body { + flex-grow: 1; + display: flex; + overflow: auto; + overscroll-behavior-y: none; +} +@media (min-width: 782px) { + .has-footer .interface-interface-skeleton__body { + padding-bottom: 25px; + } +} + +.interface-interface-skeleton__content { + flex-grow: 1; + display: flex; + flex-direction: column; + overflow: auto; + z-index: 20; +} + +.interface-interface-skeleton__secondary-sidebar, +.interface-interface-skeleton__sidebar { + display: block; + flex-shrink: 0; + position: absolute; + z-index: 100000; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: #fff; + color: #1e1e1e; +} +@media (min-width: 782px) { + .interface-interface-skeleton__secondary-sidebar, +.interface-interface-skeleton__sidebar { + position: relative !important; + z-index: 90; + width: auto; + } +} + +.interface-interface-skeleton__sidebar { + overflow: auto; +} +@media (min-width: 782px) { + .interface-interface-skeleton__sidebar { + border-left: 1px solid #e0e0e0; + } +} + +@media (min-width: 782px) { + .interface-interface-skeleton__secondary-sidebar { + border-right: 1px solid #e0e0e0; + } +} + +.interface-interface-skeleton__header { + flex-shrink: 0; + height: auto; + border-bottom: 1px solid #e0e0e0; + z-index: 30; + color: #1e1e1e; +} + +.interface-interface-skeleton__footer { + height: auto; + flex-shrink: 0; + border-top: 1px solid #e0e0e0; + color: #1e1e1e; + position: absolute; + bottom: 0; + left: 0; + width: 100%; + background-color: #fff; + z-index: 90; + display: none; +} +@media (min-width: 782px) { + .interface-interface-skeleton__footer { + display: flex; + } +} +.interface-interface-skeleton__footer .block-editor-block-breadcrumb { + z-index: 30; + display: flex; + background: #fff; + height: 24px; + align-items: center; + font-size: 13px; + padding: 0 18px; +} + +.interface-interface-skeleton__actions { + z-index: 100000; + position: fixed !important; + top: -9999em; + bottom: auto; + left: auto; + right: 0; + width: 280px; + color: #1e1e1e; +} +.interface-interface-skeleton__actions:focus { + top: auto; + bottom: 0; +} + +.interface-pinned-items { + display: flex; +} +.interface-pinned-items .components-button:not(:first-child) { + display: none; +} +@media (min-width: 600px) { + .interface-pinned-items .components-button:not(:first-child) { + display: flex; + } +} +.interface-pinned-items .components-button { + margin-left: 4px; +} +.interface-pinned-items .components-button svg { + max-width: 24px; + max-height: 24px; +} + +.edit-post-header { + height: 60px; + background: #fff; + display: flex; + flex-wrap: wrap; + align-items: center; + max-width: 100vw; +} +@media (min-width: 280px) { + .edit-post-header { + flex-wrap: nowrap; + } +} +.edit-post-header > .edit-post-header__settings { + order: 1; +} +@supports (position: sticky) { + .edit-post-header > .edit-post-header__settings { + order: initial; + } +} + +.edit-post-header__toolbar { + display: flex; + flex-grow: 1; +} +.edit-post-header__toolbar .table-of-contents { + display: none; +} +@media (min-width: 600px) { + .edit-post-header__toolbar .table-of-contents { + display: block; + } +} + +.edit-post-header__settings { + display: inline-flex; + align-items: center; + flex-wrap: wrap; + padding-right: 4px; + /** + * Buttons in the Toolbar + */ +} +@media (min-width: 600px) { + .edit-post-header__settings { + padding-right: 16px; + } +} +.edit-post-header__settings .editor-post-saved-state, +.edit-post-header__settings .components-button.components-button { + margin-right: 4px; +} +@media (min-width: 600px) { + .edit-post-header__settings .editor-post-saved-state, +.edit-post-header__settings .components-button.components-button { + margin-right: 12px; + } +} +.edit-post-header__settings .editor-post-saved-state, +.edit-post-header__settings .components-button.is-tertiary { + padding: 0 6px; +} +.edit-post-header__settings .edit-post-more-menu .components-button, +.edit-post-header__settings .interface-pinned-items .components-button { + margin-right: 0; +} + +.edit-post-header-preview__grouping-external { + display: flex; + position: relative; + padding-bottom: 0; +} + +.edit-post-header-preview__button-external { + padding-left: 8px; + margin-right: auto; + width: 100%; + display: flex; + justify-content: flex-start; +} +.edit-post-header-preview__button-external svg { + margin-left: auto; +} + +.edit-post-post-preview-dropdown .components-popover__content > div { + padding-bottom: 0; +} + +.show-icon-labels.interface-pinned-items .components-button.has-icon, +.show-icon-labels .edit-post-header .components-button.has-icon, +.edit-post-header__dropdown .components-button.has-icon { + width: auto; +} +.show-icon-labels.interface-pinned-items .components-button.has-icon svg, +.show-icon-labels .edit-post-header .components-button.has-icon svg, +.edit-post-header__dropdown .components-button.has-icon svg { + display: none; +} +.show-icon-labels.interface-pinned-items .components-button.has-icon::after, +.show-icon-labels .edit-post-header .components-button.has-icon::after, +.edit-post-header__dropdown .components-button.has-icon::after { + content: attr(aria-label); +} +.show-icon-labels.interface-pinned-items .components-button.has-icon[aria-disabled=true], +.show-icon-labels .edit-post-header .components-button.has-icon[aria-disabled=true], +.edit-post-header__dropdown .components-button.has-icon[aria-disabled=true] { + background-color: transparent; +} +.show-icon-labels.interface-pinned-items .is-tertiary:active, +.show-icon-labels .edit-post-header .is-tertiary:active, +.edit-post-header__dropdown .is-tertiary:active { + box-shadow: 0 0 0 1.5px var(--wp-admin-theme-color); + background-color: transparent; +} +.show-icon-labels.interface-pinned-items .edit-post-fullscreen-mode-close.has-icon svg, +.show-icon-labels.interface-pinned-items .components-button.has-icon.button-toggle svg, +.show-icon-labels .edit-post-header .edit-post-fullscreen-mode-close.has-icon svg, +.show-icon-labels .edit-post-header .components-button.has-icon.button-toggle svg, +.edit-post-header__dropdown .edit-post-fullscreen-mode-close.has-icon svg, +.edit-post-header__dropdown .components-button.has-icon.button-toggle svg { + display: block; +} +.show-icon-labels.interface-pinned-items .edit-post-fullscreen-mode-close.has-icon::after, +.show-icon-labels.interface-pinned-items .components-button.has-icon.button-toggle::after, +.show-icon-labels .edit-post-header .edit-post-fullscreen-mode-close.has-icon::after, +.show-icon-labels .edit-post-header .components-button.has-icon.button-toggle::after, +.edit-post-header__dropdown .edit-post-fullscreen-mode-close.has-icon::after, +.edit-post-header__dropdown .components-button.has-icon.button-toggle::after { + content: none; +} +.show-icon-labels.interface-pinned-items .edit-post-fullscreen-mode-close.has-icon, +.show-icon-labels .edit-post-header .edit-post-fullscreen-mode-close.has-icon, +.edit-post-header__dropdown .edit-post-fullscreen-mode-close.has-icon { + width: 60px; +} +.show-icon-labels.interface-pinned-items .components-menu-items-choice .components-menu-items__item-icon.components-menu-items__item-icon, +.show-icon-labels .edit-post-header .components-menu-items-choice .components-menu-items__item-icon.components-menu-items__item-icon, +.edit-post-header__dropdown .components-menu-items-choice .components-menu-items__item-icon.components-menu-items__item-icon { + display: block; +} +.show-icon-labels.interface-pinned-items .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle, +.show-icon-labels.interface-pinned-items .interface-pinned-items .components-button, +.show-icon-labels .edit-post-header .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle, +.show-icon-labels .edit-post-header .interface-pinned-items .components-button, +.edit-post-header__dropdown .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle, +.edit-post-header__dropdown .interface-pinned-items .components-button { + padding-left: 8px; + padding-right: 8px; +} +@media (min-width: 600px) { + .show-icon-labels.interface-pinned-items .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle, +.show-icon-labels.interface-pinned-items .interface-pinned-items .components-button, +.show-icon-labels .edit-post-header .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle, +.show-icon-labels .edit-post-header .interface-pinned-items .components-button, +.edit-post-header__dropdown .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle, +.edit-post-header__dropdown .interface-pinned-items .components-button { + padding-left: 12px; + padding-right: 12px; + } +} +.show-icon-labels.interface-pinned-items .components-dropdown-menu__toggle, +.show-icon-labels .edit-post-header .components-dropdown-menu__toggle, +.edit-post-header__dropdown .components-dropdown-menu__toggle { + margin-left: 8px; + padding-left: 8px; + padding-right: 8px; +} +@media (min-width: 600px) { + .show-icon-labels.interface-pinned-items .components-dropdown-menu__toggle, +.show-icon-labels .edit-post-header .components-dropdown-menu__toggle, +.edit-post-header__dropdown .components-dropdown-menu__toggle { + margin-left: 12px; + padding-left: 12px; + padding-right: 12px; + } +} +.show-icon-labels.interface-pinned-items .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle::after, +.show-icon-labels .edit-post-header .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle::after, +.edit-post-header__dropdown .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle::after { + content: none; +} +.show-icon-labels.interface-pinned-items .editor-post-save-draft.editor-post-save-draft::after, +.show-icon-labels .edit-post-header .editor-post-save-draft.editor-post-save-draft::after, +.edit-post-header__dropdown .editor-post-save-draft.editor-post-save-draft::after { + content: none; +} +@media (min-width: 600px) { + .show-icon-labels.interface-pinned-items .editor-post-save-draft.editor-post-save-draft::after, +.show-icon-labels .edit-post-header .editor-post-save-draft.editor-post-save-draft::after, +.edit-post-header__dropdown .editor-post-save-draft.editor-post-save-draft::after { + content: attr(aria-label); + } +} + +.edit-post-header__dropdown .components-menu-item__button.components-menu-item__button, +.edit-post-header__dropdown .components-button.editor-history__undo, +.edit-post-header__dropdown .components-button.editor-history__redo, +.edit-post-header__dropdown .table-of-contents .components-button, +.edit-post-header__dropdown .components-button.block-editor-block-navigation { + margin: 0; + padding: 6px 6px 6px 40px; + width: 14.625rem; + text-align: left; + justify-content: flex-start; +} + +.show-icon-labels.interface-pinned-items { + padding: 6px 12px 12px; + margin-top: 0; + margin-bottom: 0; + margin-left: -12px; + margin-right: -12px; + border-bottom: 1px solid #ccc; + display: block; +} +.show-icon-labels.interface-pinned-items > .components-button.has-icon { + margin: 0; + padding: 6px 6px 6px 8px; + width: 14.625rem; + justify-content: flex-start; +} +.show-icon-labels.interface-pinned-items > .components-button.has-icon[aria-expanded=true] svg { + display: block; + max-width: 24px; +} +.show-icon-labels.interface-pinned-items > .components-button.has-icon[aria-expanded=false] { + padding-left: 40px; +} +.show-icon-labels.interface-pinned-items > .components-button.has-icon svg { + margin-right: 8px; +} + +.edit-post-fullscreen-mode-close.has-icon { + display: none; +} +@media (min-width: 782px) { + .edit-post-fullscreen-mode-close.has-icon { + display: flex; + align-items: center; + align-self: stretch; + border: none; + background: #23282e; + color: #fff; + border-radius: 0; + height: 61px; + width: 60px; + position: relative; + margin-bottom: -1px; + } + .edit-post-fullscreen-mode-close.has-icon:active { + color: #fff; + } + .edit-post-fullscreen-mode-close.has-icon:focus { + box-shadow: none; + } + .edit-post-fullscreen-mode-close.has-icon::before { + transition: box-shadow 0.1s ease; + content: ""; + display: block; + position: absolute; + top: 9px; + right: 9px; + bottom: 9px; + left: 9px; + border-radius: 4px; + box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) #23282e; + } +} +@media (min-width: 782px) and (prefers-reduced-motion: reduce) { + .edit-post-fullscreen-mode-close.has-icon::before { + transition-duration: 0s; + transition-delay: 0s; + } +} +@media (min-width: 782px) { + .edit-post-fullscreen-mode-close.has-icon:hover::before { + box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) #757575; + } +} +@media (min-width: 782px) { + .edit-post-fullscreen-mode-close.has-icon:focus::before { + box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) rgba(255, 255, 255, 0.1), inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + } +} + +.edit-post-fullscreen-mode-close_site-icon { + width: 36px; + border-radius: 2px; +} + +.edit-post-header-toolbar { + display: inline-flex; + flex-grow: 1; + align-items: center; + border: none; +} +.edit-post-header-toolbar .edit-post-header-toolbar__left > .components-button { + display: none; +} +@media (min-width: 600px) { + .edit-post-header-toolbar .edit-post-header-toolbar__left > .components-button { + display: inline-flex; + } +} +.edit-post-header-toolbar .edit-post-header-toolbar__left > .edit-post-header-toolbar__inserter-toggle { + display: inline-flex; +} +.edit-post-header-toolbar .edit-post-header-toolbar__left > .edit-post-header-toolbar__inserter-toggle svg { + transition: transform cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; +} +@media (prefers-reduced-motion: reduce) { + .edit-post-header-toolbar .edit-post-header-toolbar__left > .edit-post-header-toolbar__inserter-toggle svg { + transition-duration: 0s; + transition-delay: 0s; + } +} +.edit-post-header-toolbar .edit-post-header-toolbar__left > .edit-post-header-toolbar__inserter-toggle.is-pressed svg { + transform: rotate(45deg); +} +.edit-post-header-toolbar .block-editor-block-navigation { + display: none; +} +@media (min-width: 600px) { + .edit-post-header-toolbar .block-editor-block-navigation { + display: flex; + } +} +.edit-post-header-toolbar .edit-post-header-toolbar__left > .components-button.has-icon, +.edit-post-header-toolbar .edit-post-header-toolbar__left > .components-dropdown > .components-button.has-icon { + height: 36px; + min-width: 36px; + padding: 6px; +} +.edit-post-header-toolbar .edit-post-header-toolbar__left > .components-button.has-icon.is-pressed, +.edit-post-header-toolbar .edit-post-header-toolbar__left > .components-dropdown > .components-button.has-icon.is-pressed { + background: #1e1e1e; +} +.edit-post-header-toolbar .edit-post-header-toolbar__left > .components-button.has-icon:focus:not(:disabled), +.edit-post-header-toolbar .edit-post-header-toolbar__left > .components-dropdown > .components-button.has-icon:focus:not(:disabled) { + box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 1px #fff; + outline: 1px solid transparent; +} +.edit-post-header-toolbar .edit-post-header-toolbar__left > .components-button.has-icon::before, +.edit-post-header-toolbar .edit-post-header-toolbar__left > .components-dropdown > .components-button.has-icon::before { + display: none; +} + +@media (min-width: 600px) { + .edit-post-header.has-reduced-ui .edit-post-header-toolbar__left > * + .components-button, +.edit-post-header.has-reduced-ui .edit-post-header-toolbar__left > * + .components-dropdown > [aria-expanded=false] { + transition: opacity 0.1s linear; + } +} +@media (min-width: 600px) and (prefers-reduced-motion: reduce) { + .edit-post-header.has-reduced-ui .edit-post-header-toolbar__left > * + .components-button, +.edit-post-header.has-reduced-ui .edit-post-header-toolbar__left > * + .components-dropdown > [aria-expanded=false] { + transition-duration: 0s; + transition-delay: 0s; + } +} +@media (min-width: 600px) { + .edit-post-header.has-reduced-ui:not(:hover) .edit-post-header-toolbar__left > * + .components-button, .edit-post-header.has-reduced-ui:not(:hover) .edit-post-header-toolbar__left > * + .components-dropdown > [aria-expanded=false] { + opacity: 0; + } +} + +.edit-post-header-toolbar__left { + display: inline-flex; + align-items: center; + padding-left: 8px; +} +@media (min-width: 600px) { + .edit-post-header-toolbar__left { + padding-left: 24px; + } +} +@media (min-width: 1280px) { + .edit-post-header-toolbar__left { + padding-right: 8px; + } +} + +.edit-post-header-toolbar .edit-post-header-toolbar__left > .edit-post-header-toolbar__inserter-toggle.has-icon { + margin-right: 8px; + min-width: 32px; + width: 32px; + height: 32px; + padding: 0; +} +.show-icon-labels .edit-post-header-toolbar .edit-post-header-toolbar__left > .edit-post-header-toolbar__inserter-toggle.has-icon { + height: 36px; +} + +.edit-post-header-toolbar .edit-post-header-toolbar__left > .edit-post-header-toolbar__inserter-toggle.has-text.has-icon { + width: auto; + padding: 0 8px; +} + +.show-icon-labels .edit-post-header-toolbar__left > * + * { + margin-left: 8px; +} + +.edit-post-more-menu { + margin-left: -4px; +} +.edit-post-more-menu .components-button { + width: auto; + padding: 0 2px; +} +@media (min-width: 600px) { + .edit-post-more-menu { + margin-left: 0; + } + .edit-post-more-menu .components-button { + padding: 0 4px; + } +} + +.edit-post-more-menu__content .components-popover__content { + min-width: 280px; +} +@media (min-width: 480px) { + .edit-post-more-menu__content .components-popover__content { + width: auto; + max-width: 480px; + } +} +.edit-post-more-menu__content .components-popover__content .components-dropdown-menu__menu { + padding: 0; +} + +.components-popover.edit-post-more-menu__content { + z-index: 99998; +} + +.edit-post-template-top-area { + display: flex; + flex-direction: column; + align-content: space-between; + width: 100%; + align-items: center; +} +.edit-post-template-top-area .edit-post-template-title, +.edit-post-template-top-area .edit-post-template-post-title { + padding: 0; + text-decoration: none; + height: auto; +} +.edit-post-template-top-area .edit-post-template-title::before, +.edit-post-template-top-area .edit-post-template-post-title::before { + height: 100%; +} +.edit-post-template-top-area .edit-post-template-title.has-icon svg, +.edit-post-template-top-area .edit-post-template-post-title.has-icon svg { + order: 1; + margin-right: 0; +} +.edit-post-template-top-area .edit-post-template-title { + color: #1e1e1e; +} +.edit-post-template-top-area .edit-post-template-post-title { + margin-top: 4px; + max-width: 160px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + display: block; +} +.edit-post-template-top-area .edit-post-template-post-title::before { + left: 0; + right: 0; +} +@media (min-width: 1080px) { + .edit-post-template-top-area .edit-post-template-post-title { + max-width: none; + } +} + +.edit-post-template-top-area__popover .components-popover__content { + min-width: 280px; +} + +.edit-post-template-top-area__second-menu-group { + margin-left: -12px; + margin-right: -12px; + padding: 12px; + padding-bottom: 0; + border-top: 1px solid #ddd; +} +.edit-post-template-top-area__second-menu-group .edit-post-template-top-area__delete-template-button { + display: flex; + justify-content: center; +} +.edit-post-template-top-area__second-menu-group .edit-post-template-top-area__delete-template-button .components-menu-item__item { + margin-right: 0; +} + +.edit-post-keyboard-shortcut-help-modal__section { + margin: 0 0 2rem 0; +} +.edit-post-keyboard-shortcut-help-modal__main-shortcuts .edit-post-keyboard-shortcut-help-modal__shortcut-list { + margin-top: -25px; +} +.edit-post-keyboard-shortcut-help-modal__section-title { + font-size: 0.9rem; + font-weight: 600; +} +.edit-post-keyboard-shortcut-help-modal__shortcut { + display: flex; + align-items: baseline; + padding: 0.6rem 0; + border-top: 1px solid #ddd; + margin-bottom: 0; +} +.edit-post-keyboard-shortcut-help-modal__shortcut:last-child { + border-bottom: 1px solid #ddd; +} +.edit-post-keyboard-shortcut-help-modal__shortcut:empty { + display: none; +} +.edit-post-keyboard-shortcut-help-modal__shortcut-term { + font-weight: 600; + margin: 0 0 0 1rem; + text-align: right; +} +.edit-post-keyboard-shortcut-help-modal__shortcut-description { + flex: 1; + margin: 0; + flex-basis: auto; +} +.edit-post-keyboard-shortcut-help-modal__shortcut-key-combination { + display: block; + background: none; + margin: 0; + padding: 0; +} +.edit-post-keyboard-shortcut-help-modal__shortcut-key-combination + .edit-post-keyboard-shortcut-help-modal__shortcut-key-combination { + margin-top: 10px; +} +.edit-post-keyboard-shortcut-help-modal__shortcut-key { + padding: 0.25rem 0.5rem; + border-radius: 8%; + margin: 0 0.2rem 0 0.2rem; +} +.edit-post-keyboard-shortcut-help-modal__shortcut-key:last-child { + margin: 0 0 0 0.2rem; +} + +.edit-post-layout__metaboxes { + flex-shrink: 0; +} + +.edit-post-layout__metaboxes:not(:empty) { + border-top: 1px solid #ddd; + padding: 10px 0 10px; + clear: both; +} +.edit-post-layout__metaboxes:not(:empty) .edit-post-meta-boxes-area { + margin: auto 20px; +} + +.edit-post-layout .components-editor-notices__snackbar { + position: fixed; + right: 0; + bottom: 40px; + padding-left: 16px; + padding-right: 16px; +} + +.edit-post-layout .components-editor-notices__snackbar { + /* Set left position when auto-fold is not on the body element. */ + left: 0; +} +@media (min-width: 783px) { + .edit-post-layout .components-editor-notices__snackbar { + left: 160px; + } +} + +.auto-fold .edit-post-layout .components-editor-notices__snackbar { + /* Auto fold is when on smaller breakpoints, nav menu auto collapses. */ +} +@media (min-width: 783px) { + .auto-fold .edit-post-layout .components-editor-notices__snackbar { + left: 36px; + } +} +@media (min-width: 961px) { + .auto-fold .edit-post-layout .components-editor-notices__snackbar { + left: 160px; + } +} + +/* Sidebar manually collapsed. */ +.folded .edit-post-layout .components-editor-notices__snackbar { + left: 0; +} +@media (min-width: 783px) { + .folded .edit-post-layout .components-editor-notices__snackbar { + left: 36px; + } +} + +body.is-fullscreen-mode .edit-post-layout .components-editor-notices__snackbar { + left: 0 !important; +} + +.edit-post-layout .editor-post-publish-panel { + position: fixed; + z-index: 100001; + top: 46px; + bottom: 0; + right: 0; + left: 0; + overflow: auto; +} +@media (min-width: 782px) { + .edit-post-layout .editor-post-publish-panel { + z-index: 99998; + top: 32px; + left: auto; + width: 281px; + border-left: 1px solid #ddd; + transform: translateX(100%); + animation: edit-post-post-publish-panel__slide-in-animation 0.1s forwards; + } +} +@media (min-width: 782px) and (prefers-reduced-motion: reduce) { + .edit-post-layout .editor-post-publish-panel { + animation-duration: 1ms; + animation-delay: 0s; + } +} +@media (min-width: 782px) { + body.is-fullscreen-mode .edit-post-layout .editor-post-publish-panel { + top: 0; + } +} +@media (min-width: 782px) { + [role=region]:focus .edit-post-layout .editor-post-publish-panel { + transform: translateX(0%); + } +} + +@keyframes edit-post-post-publish-panel__slide-in-animation { + 100% { + transform: translateX(0%); + } +} +.edit-post-layout .editor-post-publish-panel__header-publish-button { + justify-content: center; +} + +.edit-post-layout__toggle-publish-panel, +.edit-post-layout__toggle-sidebar-panel, +.edit-post-layout__toggle-entities-saved-states-panel { + z-index: 100000; + position: fixed !important; + top: -9999em; + bottom: auto; + left: auto; + right: 0; + width: 280px; + background-color: #fff; + border: 1px dotted #ddd; + height: auto !important; + padding: 24px; + display: flex; + justify-content: center; +} +.interface-interface-skeleton__actions:focus .edit-post-layout__toggle-publish-panel, .interface-interface-skeleton__actions:focus-within .edit-post-layout__toggle-publish-panel, +.interface-interface-skeleton__actions:focus .edit-post-layout__toggle-sidebar-panel, +.interface-interface-skeleton__actions:focus-within .edit-post-layout__toggle-sidebar-panel, +.interface-interface-skeleton__actions:focus .edit-post-layout__toggle-entities-saved-states-panel, +.interface-interface-skeleton__actions:focus-within .edit-post-layout__toggle-entities-saved-states-panel { + top: auto; + bottom: 0; +} + +@media (min-width: 600px) { + .edit-post-manage-blocks-modal { + height: calc(100% - 60px - 60px); + } +} + +.edit-post-manage-blocks-modal .components-modal__content { + padding-bottom: 0; + display: flex; + flex-direction: column; +} + +.edit-post-manage-blocks-modal .components-modal__header { + flex-shrink: 0; + margin-bottom: 0; +} + +.edit-post-manage-blocks-modal__content { + display: flex; + flex-direction: column; + flex: 0 1 100%; + min-height: 0; +} + +.edit-post-manage-blocks-modal__no-results { + font-style: italic; + padding: 24px 0; + text-align: center; +} + +.edit-post-manage-blocks-modal__search { + margin: 16px 0; +} +.edit-post-manage-blocks-modal__search .components-base-control__field { + margin-bottom: 0; +} +.edit-post-manage-blocks-modal__search .components-base-control__label { + margin-top: -4px; +} +.edit-post-manage-blocks-modal__search input[type=search].components-text-control__input { + padding: 8px; + border-radius: 2px; +} + +.edit-post-manage-blocks-modal__disabled-blocks-count { + border-top: 1px solid #ddd; + margin-left: -24px; + margin-right: -24px; + padding-top: 0.6rem; + padding-bottom: 0.6rem; + padding-left: 24px; + padding-right: 24px; + background-color: #f0f0f0; +} + +.edit-post-manage-blocks-modal__category { + margin: 0 0 2rem 0; +} + +.edit-post-manage-blocks-modal__category-title { + position: sticky; + top: 0; + padding: 16px 0; + background-color: #fff; + z-index: 1; +} +.edit-post-manage-blocks-modal__category-title .components-base-control__field { + margin-bottom: 0; +} +.edit-post-manage-blocks-modal__category-title .components-checkbox-control__label { + font-size: 0.9rem; + font-weight: 600; +} + +.edit-post-manage-blocks-modal__show-all { + margin-right: 8px; +} + +.edit-post-manage-blocks-modal__checklist { + margin-top: 0; +} + +.edit-post-manage-blocks-modal__checklist-item { + margin-bottom: 0; + padding-left: 16px; + border-top: 1px solid #ddd; +} +.edit-post-manage-blocks-modal__checklist-item:last-child { + border-bottom: 1px solid #ddd; +} +.edit-post-manage-blocks-modal__checklist-item .components-base-control__field { + align-items: center; + display: flex; + margin: 0; +} +.components-modal__content .edit-post-manage-blocks-modal__checklist-item.components-checkbox-control__input-container { + margin: 0 8px; +} +.edit-post-manage-blocks-modal__checklist-item .components-checkbox-control__label { + display: flex; + align-items: center; + justify-content: space-between; + flex-grow: 1; + padding: 0.6rem 0 0.6rem 10px; +} +.edit-post-manage-blocks-modal__checklist-item .block-editor-block-icon { + margin-right: 10px; + fill: #1e1e1e; +} + +.edit-post-manage-blocks-modal__results { + height: 100%; + overflow: auto; + margin-left: -32px; + margin-right: -32px; + padding-left: 32px; + padding-right: 32px; + border-top: 1px solid #ddd; +} + +.edit-post-meta-boxes-area { + position: relative; + /** + * The wordpress default for most meta-box elements is content-box. Some + * elements such as textarea and input are set to border-box in forms.css. + * These elements therefore specifically set back to border-box here, while + * other elements (such as .button) are unaffected by Gutenberg's style + * because of their higher specificity. + */ + /* Match width and positioning of the meta boxes. Override default styles. */ + /* Override Default meta box stylings */ +} +.edit-post-meta-boxes-area__container, +.edit-post-meta-boxes-area .inside { + box-sizing: content-box; +} +.edit-post-meta-boxes-area textarea, +.edit-post-meta-boxes-area input { + box-sizing: border-box; +} +.edit-post-meta-boxes-area #poststuff { + margin: 0 auto; + padding-top: 0; + min-width: auto; +} +.edit-post-meta-boxes-area #poststuff h3.hndle, +.edit-post-meta-boxes-area #poststuff .stuffbox > h3, +.edit-post-meta-boxes-area #poststuff h2.hndle { + /* WordPress selectors yolo */ + box-sizing: border-box; + color: inherit; + font-weight: 600; + outline: none; + padding: 15px; + position: relative; + width: 100%; +} +.edit-post-meta-boxes-area .postbox { + border: 0; + color: inherit; + margin-bottom: 0; +} +.edit-post-meta-boxes-area .postbox > .inside { + border-bottom: 1px solid #ddd; + color: inherit; + padding: 0 14px 14px; + margin: 0; +} +.edit-post-meta-boxes-area .postbox .handlediv { + height: 44px; + width: 44px; +} +.edit-post-meta-boxes-area.is-loading::before { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + content: ""; + background: transparent; + z-index: 1; +} +.edit-post-meta-boxes-area .components-spinner { + position: absolute; + top: 10px; + right: 20px; + z-index: 5; +} +.edit-post-meta-boxes-area .is-hidden { + display: none; +} +.edit-post-meta-boxes-area .metabox-location-side .postbox input[type=checkbox] { + border: 1px solid #757575; +} +.edit-post-meta-boxes-area .metabox-location-side .postbox input[type=checkbox]:checked { + background: #fff; + border-color: #757575; +} +.edit-post-meta-boxes-area .metabox-location-side .postbox input[type=checkbox]::before { + margin: -3px -4px; +} + +.edit-post-meta-boxes-area__clear { + clear: both; +} + +.edit-post-preferences-modal { + min-width: 360px; + width: 100%; +} +@media (min-width: 782px) { + .edit-post-preferences-modal { + width: auto; + } +} +@media (min-width: 600px) { + .edit-post-preferences-modal { + height: calc(100% - 60px - 60px); + } +} +.edit-post-preferences-modal .components-navigation { + background-color: #fff; + margin: -8px; + padding: 8px; +} +.edit-post-preferences-modal .components-navigation .components-navigation__menu { + margin: 0; + color: #1e1e1e; +} +.edit-post-preferences-modal .components-navigation .components-navigation__menu .components-navigation__item { + color: #1e1e1e; +} +.edit-post-preferences-modal .components-navigation .components-navigation__menu .components-navigation__item > button { + color: inherit; + padding: 3px 16px; + height: 48px; +} +.edit-post-preferences-modal .components-navigation .components-navigation__menu .components-navigation__item > button:focus { + background: #f0f0f0; + font-weight: 500; +} +.edit-post-preferences-modal .components-navigation .components-navigation__menu .components-navigation__item > button:hover { + color: var(--wp-admin-theme-color); +} +.edit-post-preferences-modal .components-navigation .components-navigation__menu .components-navigation__item .components-toggle-control__label { + color: inherit; +} +.edit-post-preferences-modal .components-navigation .components-navigation__menu .components-navigation__menu-title-heading { + color: inherit; + border-bottom: 1px solid #ddd; + padding-left: 0; + padding-right: 0; +} +.edit-post-preferences-modal .components-navigation .components-navigation__menu .components-navigation__back-button { + color: inherit; + padding-left: 0; +} +.edit-post-preferences-modal .components-navigation .components-navigation__menu .components-navigation__back-button:hover { + color: var(--wp-admin-theme-color); +} +.edit-post-preferences-modal .components-navigation .components-navigation__menu .edit-post-preferences-modal__custom-fields-confirmation-button { + width: auto; +} +.edit-post-preferences-modal .edit-post-preferences__tabs { + display: flex; + flex-direction: row; +} +.edit-post-preferences-modal .edit-post-preferences__tabs .components-tab-panel__tabs { + width: 160px; +} +.edit-post-preferences-modal .edit-post-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item { + border-radius: 2px; + font-weight: 400; +} +.edit-post-preferences-modal .edit-post-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item.is-active { + background: #f0f0f0; + box-shadow: none; + font-weight: 500; +} +.edit-post-preferences-modal .edit-post-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item:focus:not(:disabled) { + box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); +} +.edit-post-preferences-modal .edit-post-preferences__tabs .components-tab-panel__tab-content { + width: 500px; + padding-left: 24px; +} +.edit-post-preferences-modal__section { + margin: 0 0 2.5rem 0; +} +.edit-post-preferences-modal__section-title { + font-size: 0.9rem; + font-weight: 600; +} +.edit-post-preferences-modal__option .components-base-control .components-base-control__field { + align-items: center; + display: flex; + margin-bottom: 0; +} +.edit-post-preferences-modal__option .components-base-control .components-base-control__field > label { + flex-grow: 1; + padding: 0.6rem 0 0.6rem 10px; +} +.edit-post-preferences-modal__custom-fields-confirmation-message, .edit-post-preferences-modal__custom-fields-confirmation-button { + margin: 0 0 0.6rem 48px; +} +@media (min-width: 782px) { + .edit-post-preferences-modal__custom-fields-confirmation-message, .edit-post-preferences-modal__custom-fields-confirmation-button { + margin-left: 38px; + } +} +@media (min-width: 600px) { + .edit-post-preferences-modal__custom-fields-confirmation-message, .edit-post-preferences-modal__custom-fields-confirmation-button { + max-width: 300px; + } +} +.edit-post-preferences-modal .components-base-control__help { + margin: -8px 0 8px 58px; + font-size: 12px; + font-style: normal; + color: #757575; +} +.edit-post-preferences-modal .edit-post-preferences-modal__section-description { + margin: -8px 0 8px 0; + font-size: 12px; + font-style: normal; + color: #757575; +} + +.edit-post-editor__inserter-panel, +.edit-post-editor__list-view-panel { + height: 100%; + display: flex; + flex-direction: column; +} + +.edit-post-editor__list-view-panel { + min-width: 350px; +} + +.edit-post-editor__inserter-panel-header { + padding-top: 8px; + padding-right: 8px; + display: flex; + justify-content: flex-end; +} +@media (min-width: 782px) { + .edit-post-editor__inserter-panel-header { + display: none; + } +} + +.edit-post-editor__inserter-panel-content, +.edit-post-editor__list-view-panel-content { + height: calc(100% - 36px - 8px); +} + +@media (min-width: 782px) { + .edit-post-editor__inserter-panel-content { + height: 100%; + } +} + +.edit-post-editor__list-view-panel-header { + align-items: center; + border-bottom: 1px solid #ddd; + display: flex; + justify-content: space-between; + height: 48px; + padding-left: 16px; + padding-right: 4px; +} + +.edit-post-editor__list-view-panel-content { + overflow-y: auto; + padding: 8px; +} + +.components-panel__header.edit-post-sidebar__panel-tabs { + justify-content: flex-start; + padding-left: 0; + padding-right: 16px; + border-top: 0; + margin-top: 0; +} +.components-panel__header.edit-post-sidebar__panel-tabs ul { + display: flex; +} +.components-panel__header.edit-post-sidebar__panel-tabs li { + margin: 0; +} +.components-panel__header.edit-post-sidebar__panel-tabs .components-button.has-icon { + display: none; + margin: 0 0 0 auto; + padding: 0; + min-width: 24px; + height: 24px; +} +@media (min-width: 782px) { + .components-panel__header.edit-post-sidebar__panel-tabs .components-button.has-icon { + display: flex; + } +} + +.components-panel__body.is-opened.edit-post-last-revision__panel { + padding: 0; + height: 48px; +} + +.editor-post-last-revision__title.components-button { + padding: 16px; +} + +.editor-post-author__select { + margin: -5px 0; + width: 100%; +} +@supports (position: sticky) { + .editor-post-author__select { + width: auto; + } +} + +.edit-post-post-link__link-post-name { + font-weight: 600; +} + +.edit-post-post-link__preview-label { + font-weight: 400; + margin: 0; +} + +.edit-post-post-link__link { + text-align: left; + word-wrap: break-word; + display: block; +} + +/* rtl:begin:ignore */ +.edit-post-post-link__preview-link-container { + direction: ltr; +} + +/* rtl:end:ignore */ +.edit-post-post-schedule { + width: 100%; + position: relative; + justify-content: left; +} +.edit-post-post-schedule span { + display: block; + width: 45%; +} + +.components-button.edit-post-post-schedule__toggle { + text-align: right; +} + +.edit-post-post-schedule__dialog .components-popover__content > div { + padding: 0; +} + +.editor-post-slug__input { + margin: -5px 0; + padding: 2px; +} + +.edit-post-post-status .edit-post-post-publish-dropdown__switch-to-draft { + margin-top: 15px; + width: 100%; + text-align: center; +} + +.edit-post-post-visibility { + width: 100%; + justify-content: left; +} +.edit-post-post-visibility span { + display: block; + width: 45%; +} + +@media (min-width: 782px) { + .edit-post-post-visibility__dialog .components-popover__content { + width: 257px; + } +} + +.edit-post-post-visibility__dialog-legend { + font-weight: 600; +} + +.edit-post-post-visibility__choice { + margin: 10px 0; +} + +.edit-post-post-visibility__dialog-radio, +.edit-post-post-visibility__dialog-label { + vertical-align: top; +} + +.edit-post-post-visibility__dialog-password-input { + width: calc(100% - 20px); + margin-left: 20px; +} + +.edit-post-post-visibility__dialog-info { + color: #757575; + padding-left: 20px; + font-style: italic; + margin: 4px 0 0; + line-height: 1.4; +} + +.components-button.edit-post-sidebar__panel-tab { + border-radius: 0; + height: 48px; + background: transparent; + border: none; + box-shadow: none; + cursor: pointer; + display: inline-block; + padding: 3px 15px; + margin-left: 0; + font-weight: 500; +} +.components-button.edit-post-sidebar__panel-tab::after { + content: attr(data-label); + display: block; + font-weight: 600; + height: 0; + overflow: hidden; + speak: none; + visibility: hidden; +} +.components-button.edit-post-sidebar__panel-tab.is-active { + box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) transparent, inset 0 -4px 0 0 var(--wp-admin-theme-color); + position: relative; + z-index: 1; +} +.components-button.edit-post-sidebar__panel-tab.is-active::before { + content: ""; + position: absolute; + top: 0; + bottom: 1px; + right: 0; + left: 0; + border-bottom: 4px solid transparent; +} +.components-button.edit-post-sidebar__panel-tab:focus { + box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + position: relative; + z-index: 1; +} +.components-button.edit-post-sidebar__panel-tab.is-active:focus { + box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 -4px 0 0 var(--wp-admin-theme-color); +} + +@media (min-width: 782px) { + .edit-post-template__modal .components-base-control { + width: 320px; + } +} +.edit-post-template__modal .components-modal__header { + border-bottom: none; +} +.edit-post-template__modal .components-modal__content::before { + margin-bottom: 4px; +} + +.edit-post-template__modal-actions { + margin-top: 12px; +} + +.edit-post-template-modal__tip { + padding: 16px 24px; + background: #f0f0f0; + border-radius: 2px; +} +@media (min-width: 782px) { + .edit-post-template-modal__tip { + width: 240px; + } +} + +.edit-post-template__actions button:not(:last-child) { + margin-right: 8px; +} + +h2.edit-post-template-summary__title { + margin: 0; + line-height: 24px; +} + +.edit-post-text-editor { + position: relative; + width: 100%; + background-color: #fff; + flex-grow: 1; +} +.edit-post-text-editor .editor-post-title.editor-post-title__block { + max-width: none; + line-height: 1.4; +} +.edit-post-text-editor .editor-post-title.editor-post-title__block .editor-post-title__input.editor-post-title__input.editor-post-title__input { + font-family: Menlo, Consolas, monaco, monospace; + font-size: 2.5em; + font-weight: normal; +} +.edit-post-text-editor .editor-post-title.editor-post-title__block .editor-post-title__input { + border: 1px solid #949494; + margin-bottom: -1px; + padding: 16px; +} +@media (min-width: 600px) { + .edit-post-text-editor .editor-post-title.editor-post-title__block .editor-post-title__input { + padding: 24px; + } +} +.edit-post-text-editor .editor-post-title.editor-post-title__block .editor-post-title__input:focus { + border-color: var(--wp-admin-theme-color); + box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); +} +@media (min-width: 600px) { + .edit-post-text-editor .editor-post-title.editor-post-title__block { + padding: 0; + } +} + +.edit-post-text-editor__body { + width: 100%; + padding: 0 12px 12px 12px; + max-width: 1080px; + margin-left: auto; + margin-right: auto; +} +@media (min-width: 960px) { + .edit-post-text-editor__body { + padding: 16px 24px 96px 24px; + padding: 0 24px 24px 24px; + } +} + +.edit-post-text-editor__toolbar { + position: sticky; + z-index: 1; + top: 0; + left: 0; + right: 0; + display: flex; + background: rgba(255, 255, 255, 0.8); + padding: 4px 12px; +} +@media (min-width: 600px) { + .edit-post-text-editor__toolbar { + padding: 12px; + } +} +@media (min-width: 960px) { + .edit-post-text-editor__toolbar { + padding: 12px 24px; + } +} +.edit-post-text-editor__toolbar h2 { + line-height: 36px; + margin: 0 auto 0 0; + font-size: 13px; + color: #1e1e1e; +} +.edit-post-text-editor__toolbar .components-button svg { + order: 1; +} + +.edit-post-visual-editor { + position: relative; + display: flex; + flex-flow: column; + background-color: #2f2f2f; + flex: 1 1 auto; +} +.edit-post-visual-editor .components-button { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + font-size: 13px; + padding: 6px 12px; +} +.edit-post-visual-editor .components-button.is-tertiary, .edit-post-visual-editor .components-button.has-icon { + padding: 6px; +} +@supports (position: sticky) { + .edit-post-visual-editor { + flex-basis: 100%; + } +} + +.edit-post-visual-editor__post-title-wrapper .editor-post-title { + margin-top: 2em; + margin-left: auto; + margin-right: auto; + margin-bottom: 0; +} + +.edit-post-visual-editor__exit-template-mode { + position: absolute; + top: 8px; + left: 8px; + color: #fff; +} +.edit-post-visual-editor__exit-template-mode:active:not([aria-disabled=true]), .edit-post-visual-editor__exit-template-mode:focus:not([aria-disabled=true]), .edit-post-visual-editor__exit-template-mode:hover { + color: #f0f0f0; +} + +.edit-post-visual-editor__content-area { + width: 100%; + height: 100%; + position: relative; + display: flex; +} + +.edit-post-welcome-guide { + width: 312px; +} +.edit-post-welcome-guide__image { + background: #00a0d2; + margin: 0 0 16px; +} +.edit-post-welcome-guide__heading { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + font-size: 24px; + line-height: 1.4; + margin: 16px 0 16px 0; + padding: 0 32px; +} +.edit-post-welcome-guide__text { + font-size: 13px; + line-height: 1.4; + margin: 0 0 24px 0; + padding: 0 32px; +} +.edit-post-welcome-guide__inserter-icon { + margin: 0 4px; + vertical-align: text-top; +} + +/** + * Animations + */ +@keyframes edit-post__fade-in-animation { + from { + opacity: 0; + } + to { + opacity: 1; + } +} +html.wp-toolbar { + background: #fff; +} + +body.block-editor-page { + background: #fff; + /* We hide legacy notices in Gutenberg Based Pages, because they were not designed in a way that scaled well. + Plugins can use Gutenberg notices if they need to pass on information to the user when they are editing. */ +} +body.block-editor-page #wpcontent { + padding-left: 0; +} +body.block-editor-page #wpbody-content { + padding-bottom: 0; +} +body.block-editor-page #wpbody-content > div:not(.block-editor):not(#screen-meta) { + display: none; +} +body.block-editor-page #wpfooter { + display: none; +} +body.block-editor-page .a11y-speak-region { + left: -1px; + top: -1px; +} +body.block-editor-page ul#adminmenu a.wp-has-current-submenu::after, +body.block-editor-page ul#adminmenu > li.current > a.current::after { + border-right-color: #fff; +} +body.block-editor-page .media-frame select.attachment-filters:last-of-type { + width: auto; + max-width: 100%; +} + +.block-editor-page #wpwrap { + overflow-y: auto; +} +@media (min-width: 782px) { + .block-editor-page #wpwrap { + overflow-y: initial; + } +} + +.edit-post-header, +.edit-post-visual-editor, +.edit-post-text-editor, +.edit-post-sidebar, +.editor-post-publish-panel, +.components-popover, +.components-modal__frame, +.edit-post-editor__inserter-panel { + box-sizing: border-box; +} +.edit-post-header *, +.edit-post-header *::before, +.edit-post-header *::after, +.edit-post-visual-editor *, +.edit-post-visual-editor *::before, +.edit-post-visual-editor *::after, +.edit-post-text-editor *, +.edit-post-text-editor *::before, +.edit-post-text-editor *::after, +.edit-post-sidebar *, +.edit-post-sidebar *::before, +.edit-post-sidebar *::after, +.editor-post-publish-panel *, +.editor-post-publish-panel *::before, +.editor-post-publish-panel *::after, +.components-popover *, +.components-popover *::before, +.components-popover *::after, +.components-modal__frame *, +.components-modal__frame *::before, +.components-modal__frame *::after, +.edit-post-editor__inserter-panel *, +.edit-post-editor__inserter-panel *::before, +.edit-post-editor__inserter-panel *::after { + box-sizing: inherit; +} + +@media (min-width: 600px) { + .block-editor__container { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + min-height: calc(100vh - 46px); + } +} +@media (min-width: 782px) { + .block-editor__container { + min-height: calc(100vh - 32px); + } + body.is-fullscreen-mode .block-editor__container { + min-height: 100vh; + } +} +.block-editor__container img { + max-width: 100%; + height: auto; +} +.block-editor__container iframe { + width: 100%; +} + +body.admin-color-light { + --wp-admin-theme-color: #0085ba; + --wp-admin-theme-color-darker-10: #0073a1; + --wp-admin-theme-color-darker-20: #006187; + --wp-admin-border-width-focus: 2px; +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + body.admin-color-light { + --wp-admin-border-width-focus: 1.5px; + } +} + +body.admin-color-modern { + --wp-admin-theme-color: #3858e9; + --wp-admin-theme-color-darker-10: #2145e6; + --wp-admin-theme-color-darker-20: #183ad6; + --wp-admin-border-width-focus: 2px; +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + body.admin-color-modern { + --wp-admin-border-width-focus: 1.5px; + } +} + +body.admin-color-blue { + --wp-admin-theme-color: #096484; + --wp-admin-theme-color-darker-10: #07526c; + --wp-admin-theme-color-darker-20: #064054; + --wp-admin-border-width-focus: 2px; +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + body.admin-color-blue { + --wp-admin-border-width-focus: 1.5px; + } +} + +body.admin-color-coffee { + --wp-admin-theme-color: #46403c; + --wp-admin-theme-color-darker-10: #383330; + --wp-admin-theme-color-darker-20: #2b2724; + --wp-admin-border-width-focus: 2px; +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + body.admin-color-coffee { + --wp-admin-border-width-focus: 1.5px; + } +} + +body.admin-color-ectoplasm { + --wp-admin-theme-color: #523f6d; + --wp-admin-theme-color-darker-10: #46365d; + --wp-admin-theme-color-darker-20: #3a2c4d; + --wp-admin-border-width-focus: 2px; +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + body.admin-color-ectoplasm { + --wp-admin-border-width-focus: 1.5px; + } +} + +body.admin-color-midnight { + --wp-admin-theme-color: #e14d43; + --wp-admin-theme-color-darker-10: #dd382d; + --wp-admin-theme-color-darker-20: #d02c21; + --wp-admin-border-width-focus: 2px; +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + body.admin-color-midnight { + --wp-admin-border-width-focus: 1.5px; + } +} + +body.admin-color-ocean { + --wp-admin-theme-color: #627c83; + --wp-admin-theme-color-darker-10: #576e74; + --wp-admin-theme-color-darker-20: #4c6066; + --wp-admin-border-width-focus: 2px; +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + body.admin-color-ocean { + --wp-admin-border-width-focus: 1.5px; + } +} + +body.admin-color-sunrise { + --wp-admin-theme-color: #dd823b; + --wp-admin-theme-color-darker-10: #d97426; + --wp-admin-theme-color-darker-20: #c36922; + --wp-admin-border-width-focus: 2px; +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + body.admin-color-sunrise { + --wp-admin-border-width-focus: 1.5px; + } +} \ No newline at end of file diff --git a/wp-includes/css/dist/edit-post/style.min.css b/wp-includes/css/dist/edit-post/style.min.css new file mode 100644 index 0000000000..9a6bb6ccdb --- /dev/null +++ b/wp-includes/css/dist/edit-post/style.min.css @@ -0,0 +1 @@ +:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.components-panel__header.interface-complementary-area-header__small{background:#fff;padding-right:4px}.components-panel__header.interface-complementary-area-header__small .interface-complementary-area-header__small-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}@media (min-width:782px){.components-panel__header.interface-complementary-area-header__small{display:none}}.interface-complementary-area-header{background:#fff;padding-right:4px}.interface-complementary-area-header .components-button.has-icon{display:none;margin-left:auto}.interface-complementary-area-header .components-button.has-icon~.components-button{margin-left:0}@media (min-width:782px){.interface-complementary-area-header .components-button.has-icon{display:flex}}.interface-complementary-area{background:#fff;color:#1e1e1e}@media (min-width:600px){.interface-complementary-area{-webkit-overflow-scrolling:touch}}@media (min-width:782px){.interface-complementary-area{width:280px}}.interface-complementary-area .components-panel{border:none;position:relative;z-index:0}.interface-complementary-area .components-panel__header{position:sticky;top:0;z-index:1}.interface-complementary-area .components-panel__header.edit-post-sidebar__panel-tabs{top:48px}@media (min-width:782px){.interface-complementary-area .components-panel__header.edit-post-sidebar__panel-tabs{top:0}}.interface-complementary-area p{margin-top:0}.interface-complementary-area h2,.interface-complementary-area h3{font-size:13px;color:#1e1e1e;margin-bottom:1.5em}.interface-complementary-area hr{border-top:none;border-bottom:1px solid #f0f0f0;margin:1.5em 0}.interface-complementary-area div.components-toolbar,.interface-complementary-area div.components-toolbar-group{box-shadow:none;margin-bottom:1.5em}.interface-complementary-area div.components-toolbar-group:last-child,.interface-complementary-area div.components-toolbar:last-child{margin-bottom:0}.interface-complementary-area .block-editor-skip-to-selected-block:focus{top:auto;right:10px;bottom:10px;left:auto}@media (min-width:782px){body.js.is-fullscreen-mode{margin-top:-32px;height:calc(100% + 32px)}body.js.is-fullscreen-mode #adminmenumain,body.js.is-fullscreen-mode #wpadminbar{display:none}body.js.is-fullscreen-mode #wpcontent,body.js.is-fullscreen-mode #wpfooter{margin-left:0}}html.interface-interface-skeleton__html-container{position:fixed;width:100%}@media (min-width:782px){html.interface-interface-skeleton__html-container{position:static;width:auto}}.interface-interface-skeleton{display:flex;flex-direction:row;height:auto;max-height:100%;position:fixed;top:46px;right:0;bottom:0}@media (min-width:783px){.interface-interface-skeleton{top:32px}.is-fullscreen-mode .interface-interface-skeleton{top:0}}.interface-interface-skeleton__editor{display:flex;flex-direction:column;flex:0 1 100%;overflow:hidden}.interface-interface-skeleton{left:0}@media (min-width:783px){.interface-interface-skeleton{left:160px}}@media (min-width:783px){.auto-fold .interface-interface-skeleton{left:36px}}@media (min-width:961px){.auto-fold .interface-interface-skeleton{left:160px}}.folded .interface-interface-skeleton{left:0}@media (min-width:783px){.folded .interface-interface-skeleton{left:36px}}body.is-fullscreen-mode .interface-interface-skeleton{left:0!important}.interface-interface-skeleton__body{flex-grow:1;display:flex;overflow:auto;overscroll-behavior-y:none}@media (min-width:782px){.has-footer .interface-interface-skeleton__body{padding-bottom:25px}}.interface-interface-skeleton__content{flex-grow:1;display:flex;flex-direction:column;overflow:auto;z-index:20}.interface-interface-skeleton__secondary-sidebar,.interface-interface-skeleton__sidebar{display:block;flex-shrink:0;position:absolute;z-index:100000;top:0;right:0;bottom:0;left:0;background:#fff;color:#1e1e1e}@media (min-width:782px){.interface-interface-skeleton__secondary-sidebar,.interface-interface-skeleton__sidebar{position:relative!important;z-index:90;width:auto}}.interface-interface-skeleton__sidebar{overflow:auto}@media (min-width:782px){.interface-interface-skeleton__sidebar{border-left:1px solid #e0e0e0}}@media (min-width:782px){.interface-interface-skeleton__secondary-sidebar{border-right:1px solid #e0e0e0}}.interface-interface-skeleton__header{flex-shrink:0;height:auto;border-bottom:1px solid #e0e0e0;z-index:30;color:#1e1e1e}.interface-interface-skeleton__footer{height:auto;flex-shrink:0;border-top:1px solid #e0e0e0;color:#1e1e1e;position:absolute;bottom:0;left:0;width:100%;background-color:#fff;z-index:90;display:none}@media (min-width:782px){.interface-interface-skeleton__footer{display:flex}}.interface-interface-skeleton__footer .block-editor-block-breadcrumb{z-index:30;display:flex;background:#fff;height:24px;align-items:center;font-size:13px;padding:0 18px}.interface-interface-skeleton__actions{z-index:100000;position:fixed!important;top:-9999em;bottom:auto;left:auto;right:0;width:280px;color:#1e1e1e}.interface-interface-skeleton__actions:focus{top:auto;bottom:0}.interface-pinned-items{display:flex}.interface-pinned-items .components-button:not(:first-child){display:none}@media (min-width:600px){.interface-pinned-items .components-button:not(:first-child){display:flex}}.interface-pinned-items .components-button{margin-left:4px}.interface-pinned-items .components-button svg{max-width:24px;max-height:24px}.edit-post-header{height:60px;background:#fff;display:flex;flex-wrap:wrap;align-items:center;max-width:100vw}@media (min-width:280px){.edit-post-header{flex-wrap:nowrap}}.edit-post-header>.edit-post-header__settings{order:1}@supports (position:sticky){.edit-post-header>.edit-post-header__settings{order:0}}.edit-post-header__toolbar{display:flex;flex-grow:1}.edit-post-header__toolbar .table-of-contents{display:none}@media (min-width:600px){.edit-post-header__toolbar .table-of-contents{display:block}}.edit-post-header__settings{display:inline-flex;align-items:center;flex-wrap:wrap;padding-right:4px}@media (min-width:600px){.edit-post-header__settings{padding-right:16px}}.edit-post-header__settings .components-button.components-button,.edit-post-header__settings .editor-post-saved-state{margin-right:4px}@media (min-width:600px){.edit-post-header__settings .components-button.components-button,.edit-post-header__settings .editor-post-saved-state{margin-right:12px}}.edit-post-header__settings .components-button.is-tertiary,.edit-post-header__settings .editor-post-saved-state{padding:0 6px}.edit-post-header__settings .edit-post-more-menu .components-button,.edit-post-header__settings .interface-pinned-items .components-button{margin-right:0}.edit-post-header-preview__grouping-external{display:flex;position:relative;padding-bottom:0}.edit-post-header-preview__button-external{padding-left:8px;margin-right:auto;width:100%;display:flex;justify-content:flex-start}.edit-post-header-preview__button-external svg{margin-left:auto}.edit-post-post-preview-dropdown .components-popover__content>div{padding-bottom:0}.edit-post-header__dropdown .components-button.has-icon,.show-icon-labels .edit-post-header .components-button.has-icon,.show-icon-labels.interface-pinned-items .components-button.has-icon{width:auto}.edit-post-header__dropdown .components-button.has-icon svg,.show-icon-labels .edit-post-header .components-button.has-icon svg,.show-icon-labels.interface-pinned-items .components-button.has-icon svg{display:none}.edit-post-header__dropdown .components-button.has-icon:after,.show-icon-labels .edit-post-header .components-button.has-icon:after,.show-icon-labels.interface-pinned-items .components-button.has-icon:after{content:attr(aria-label)}.edit-post-header__dropdown .components-button.has-icon[aria-disabled=true],.show-icon-labels .edit-post-header .components-button.has-icon[aria-disabled=true],.show-icon-labels.interface-pinned-items .components-button.has-icon[aria-disabled=true]{background-color:transparent}.edit-post-header__dropdown .is-tertiary:active,.show-icon-labels .edit-post-header .is-tertiary:active,.show-icon-labels.interface-pinned-items .is-tertiary:active{box-shadow:0 0 0 1.5px var(--wp-admin-theme-color);background-color:transparent}.edit-post-header__dropdown .components-button.has-icon.button-toggle svg,.edit-post-header__dropdown .edit-post-fullscreen-mode-close.has-icon svg,.show-icon-labels .edit-post-header .components-button.has-icon.button-toggle svg,.show-icon-labels .edit-post-header .edit-post-fullscreen-mode-close.has-icon svg,.show-icon-labels.interface-pinned-items .components-button.has-icon.button-toggle svg,.show-icon-labels.interface-pinned-items .edit-post-fullscreen-mode-close.has-icon svg{display:block}.edit-post-header__dropdown .components-button.has-icon.button-toggle:after,.edit-post-header__dropdown .edit-post-fullscreen-mode-close.has-icon:after,.show-icon-labels .edit-post-header .components-button.has-icon.button-toggle:after,.show-icon-labels .edit-post-header .edit-post-fullscreen-mode-close.has-icon:after,.show-icon-labels.interface-pinned-items .components-button.has-icon.button-toggle:after,.show-icon-labels.interface-pinned-items .edit-post-fullscreen-mode-close.has-icon:after{content:none}.edit-post-header__dropdown .edit-post-fullscreen-mode-close.has-icon,.show-icon-labels .edit-post-header .edit-post-fullscreen-mode-close.has-icon,.show-icon-labels.interface-pinned-items .edit-post-fullscreen-mode-close.has-icon{width:60px}.edit-post-header__dropdown .components-menu-items-choice .components-menu-items__item-icon.components-menu-items__item-icon,.show-icon-labels .edit-post-header .components-menu-items-choice .components-menu-items__item-icon.components-menu-items__item-icon,.show-icon-labels.interface-pinned-items .components-menu-items-choice .components-menu-items__item-icon.components-menu-items__item-icon{display:block}.edit-post-header__dropdown .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle,.edit-post-header__dropdown .interface-pinned-items .components-button,.show-icon-labels .edit-post-header .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle,.show-icon-labels .edit-post-header .interface-pinned-items .components-button,.show-icon-labels.interface-pinned-items .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle,.show-icon-labels.interface-pinned-items .interface-pinned-items .components-button{padding-left:8px;padding-right:8px}@media (min-width:600px){.edit-post-header__dropdown .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle,.edit-post-header__dropdown .interface-pinned-items .components-button,.show-icon-labels .edit-post-header .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle,.show-icon-labels .edit-post-header .interface-pinned-items .components-button,.show-icon-labels.interface-pinned-items .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle,.show-icon-labels.interface-pinned-items .interface-pinned-items .components-button{padding-left:12px;padding-right:12px}}.edit-post-header__dropdown .components-dropdown-menu__toggle,.show-icon-labels .edit-post-header .components-dropdown-menu__toggle,.show-icon-labels.interface-pinned-items .components-dropdown-menu__toggle{margin-left:8px;padding-left:8px;padding-right:8px}@media (min-width:600px){.edit-post-header__dropdown .components-dropdown-menu__toggle,.show-icon-labels .edit-post-header .components-dropdown-menu__toggle,.show-icon-labels.interface-pinned-items .components-dropdown-menu__toggle{margin-left:12px;padding-left:12px;padding-right:12px}}.edit-post-header__dropdown .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle:after,.edit-post-header__dropdown .editor-post-save-draft.editor-post-save-draft:after,.show-icon-labels .edit-post-header .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle:after,.show-icon-labels .edit-post-header .editor-post-save-draft.editor-post-save-draft:after,.show-icon-labels.interface-pinned-items .edit-post-header-toolbar__inserter-toggle.edit-post-header-toolbar__inserter-toggle:after,.show-icon-labels.interface-pinned-items .editor-post-save-draft.editor-post-save-draft:after{content:none}@media (min-width:600px){.edit-post-header__dropdown .editor-post-save-draft.editor-post-save-draft:after,.show-icon-labels .edit-post-header .editor-post-save-draft.editor-post-save-draft:after,.show-icon-labels.interface-pinned-items .editor-post-save-draft.editor-post-save-draft:after{content:attr(aria-label)}}.edit-post-header__dropdown .components-button.block-editor-block-navigation,.edit-post-header__dropdown .components-button.editor-history__redo,.edit-post-header__dropdown .components-button.editor-history__undo,.edit-post-header__dropdown .components-menu-item__button.components-menu-item__button,.edit-post-header__dropdown .table-of-contents .components-button{margin:0;padding:6px 6px 6px 40px;width:14.625rem;text-align:left;justify-content:flex-start}.show-icon-labels.interface-pinned-items{padding:6px 12px 12px;margin:0 -12px;border-bottom:1px solid #ccc;display:block}.show-icon-labels.interface-pinned-items>.components-button.has-icon{margin:0;padding:6px 6px 6px 8px;width:14.625rem;justify-content:flex-start}.show-icon-labels.interface-pinned-items>.components-button.has-icon[aria-expanded=true] svg{display:block;max-width:24px}.show-icon-labels.interface-pinned-items>.components-button.has-icon[aria-expanded=false]{padding-left:40px}.show-icon-labels.interface-pinned-items>.components-button.has-icon svg{margin-right:8px}.edit-post-fullscreen-mode-close.has-icon{display:none}@media (min-width:782px){.edit-post-fullscreen-mode-close.has-icon{display:flex;align-items:center;align-self:stretch;border:none;background:#23282e;color:#fff;border-radius:0;height:61px;width:60px;position:relative;margin-bottom:-1px}.edit-post-fullscreen-mode-close.has-icon:active{color:#fff}.edit-post-fullscreen-mode-close.has-icon:focus{box-shadow:none}.edit-post-fullscreen-mode-close.has-icon:before{transition:box-shadow .1s ease;content:"";display:block;position:absolute;top:9px;right:9px;bottom:9px;left:9px;border-radius:4px;box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) #23282e}}@media (min-width:782px) and (prefers-reduced-motion:reduce){.edit-post-fullscreen-mode-close.has-icon:before{transition-duration:0s;transition-delay:0s}}@media (min-width:782px){.edit-post-fullscreen-mode-close.has-icon:hover:before{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) #757575}}@media (min-width:782px){.edit-post-fullscreen-mode-close.has-icon:focus:before{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) hsla(0,0%,100%,.1),inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}}.edit-post-fullscreen-mode-close_site-icon{width:36px;border-radius:2px}.edit-post-header-toolbar{display:inline-flex;flex-grow:1;align-items:center;border:none}.edit-post-header-toolbar .edit-post-header-toolbar__left>.components-button{display:none}@media (min-width:600px){.edit-post-header-toolbar .edit-post-header-toolbar__left>.components-button{display:inline-flex}}.edit-post-header-toolbar .edit-post-header-toolbar__left>.edit-post-header-toolbar__inserter-toggle{display:inline-flex}.edit-post-header-toolbar .edit-post-header-toolbar__left>.edit-post-header-toolbar__inserter-toggle svg{transition:transform .2s cubic-bezier(.165,.84,.44,1)}@media (prefers-reduced-motion:reduce){.edit-post-header-toolbar .edit-post-header-toolbar__left>.edit-post-header-toolbar__inserter-toggle svg{transition-duration:0s;transition-delay:0s}}.edit-post-header-toolbar .edit-post-header-toolbar__left>.edit-post-header-toolbar__inserter-toggle.is-pressed svg{transform:rotate(45deg)}.edit-post-header-toolbar .block-editor-block-navigation{display:none}@media (min-width:600px){.edit-post-header-toolbar .block-editor-block-navigation{display:flex}}.edit-post-header-toolbar .edit-post-header-toolbar__left>.components-button.has-icon,.edit-post-header-toolbar .edit-post-header-toolbar__left>.components-dropdown>.components-button.has-icon{height:36px;min-width:36px;padding:6px}.edit-post-header-toolbar .edit-post-header-toolbar__left>.components-button.has-icon.is-pressed,.edit-post-header-toolbar .edit-post-header-toolbar__left>.components-dropdown>.components-button.has-icon.is-pressed{background:#1e1e1e}.edit-post-header-toolbar .edit-post-header-toolbar__left>.components-button.has-icon:focus:not(:disabled),.edit-post-header-toolbar .edit-post-header-toolbar__left>.components-dropdown>.components-button.has-icon:focus:not(:disabled){box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color),inset 0 0 0 1px #fff;outline:1px solid transparent}.edit-post-header-toolbar .edit-post-header-toolbar__left>.components-button.has-icon:before,.edit-post-header-toolbar .edit-post-header-toolbar__left>.components-dropdown>.components-button.has-icon:before{display:none}@media (min-width:600px){.edit-post-header.has-reduced-ui .edit-post-header-toolbar__left>*+.components-button,.edit-post-header.has-reduced-ui .edit-post-header-toolbar__left>*+.components-dropdown>[aria-expanded=false]{transition:opacity .1s linear}}@media (min-width:600px) and (prefers-reduced-motion:reduce){.edit-post-header.has-reduced-ui .edit-post-header-toolbar__left>*+.components-button,.edit-post-header.has-reduced-ui .edit-post-header-toolbar__left>*+.components-dropdown>[aria-expanded=false]{transition-duration:0s;transition-delay:0s}}@media (min-width:600px){.edit-post-header.has-reduced-ui:not(:hover) .edit-post-header-toolbar__left>*+.components-button,.edit-post-header.has-reduced-ui:not(:hover) .edit-post-header-toolbar__left>*+.components-dropdown>[aria-expanded=false]{opacity:0}}.edit-post-header-toolbar__left{display:inline-flex;align-items:center;padding-left:8px}@media (min-width:600px){.edit-post-header-toolbar__left{padding-left:24px}}@media (min-width:1280px){.edit-post-header-toolbar__left{padding-right:8px}}.edit-post-header-toolbar .edit-post-header-toolbar__left>.edit-post-header-toolbar__inserter-toggle.has-icon{margin-right:8px;min-width:32px;width:32px;height:32px;padding:0}.show-icon-labels .edit-post-header-toolbar .edit-post-header-toolbar__left>.edit-post-header-toolbar__inserter-toggle.has-icon{height:36px}.edit-post-header-toolbar .edit-post-header-toolbar__left>.edit-post-header-toolbar__inserter-toggle.has-text.has-icon{width:auto;padding:0 8px}.show-icon-labels .edit-post-header-toolbar__left>*+*{margin-left:8px}.edit-post-more-menu{margin-left:-4px}.edit-post-more-menu .components-button{width:auto;padding:0 2px}@media (min-width:600px){.edit-post-more-menu{margin-left:0}.edit-post-more-menu .components-button{padding:0 4px}}.edit-post-more-menu__content .components-popover__content{min-width:280px}@media (min-width:480px){.edit-post-more-menu__content .components-popover__content{width:auto;max-width:480px}}.edit-post-more-menu__content .components-popover__content .components-dropdown-menu__menu{padding:0}.components-popover.edit-post-more-menu__content{z-index:99998}.edit-post-template-top-area{display:flex;flex-direction:column;align-content:space-between;width:100%;align-items:center}.edit-post-template-top-area .edit-post-template-post-title,.edit-post-template-top-area .edit-post-template-title{padding:0;text-decoration:none;height:auto}.edit-post-template-top-area .edit-post-template-post-title:before,.edit-post-template-top-area .edit-post-template-title:before{height:100%}.edit-post-template-top-area .edit-post-template-post-title.has-icon svg,.edit-post-template-top-area .edit-post-template-title.has-icon svg{order:1;margin-right:0}.edit-post-template-top-area .edit-post-template-title{color:#1e1e1e}.edit-post-template-top-area .edit-post-template-post-title{margin-top:4px;max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.edit-post-template-top-area .edit-post-template-post-title:before{left:0;right:0}@media (min-width:1080px){.edit-post-template-top-area .edit-post-template-post-title{max-width:none}}.edit-post-template-top-area__popover .components-popover__content{min-width:280px}.edit-post-template-top-area__second-menu-group{margin-left:-12px;margin-right:-12px;padding:12px 12px 0;border-top:1px solid #ddd}.edit-post-template-top-area__second-menu-group .edit-post-template-top-area__delete-template-button{display:flex;justify-content:center}.edit-post-template-top-area__second-menu-group .edit-post-template-top-area__delete-template-button .components-menu-item__item{margin-right:0}.edit-post-keyboard-shortcut-help-modal__section{margin:0 0 2rem}.edit-post-keyboard-shortcut-help-modal__main-shortcuts .edit-post-keyboard-shortcut-help-modal__shortcut-list{margin-top:-25px}.edit-post-keyboard-shortcut-help-modal__section-title{font-size:.9rem;font-weight:600}.edit-post-keyboard-shortcut-help-modal__shortcut{display:flex;align-items:baseline;padding:.6rem 0;border-top:1px solid #ddd;margin-bottom:0}.edit-post-keyboard-shortcut-help-modal__shortcut:last-child{border-bottom:1px solid #ddd}.edit-post-keyboard-shortcut-help-modal__shortcut:empty{display:none}.edit-post-keyboard-shortcut-help-modal__shortcut-term{font-weight:600;margin:0 0 0 1rem;text-align:right}.edit-post-keyboard-shortcut-help-modal__shortcut-description{flex:1;margin:0;flex-basis:auto}.edit-post-keyboard-shortcut-help-modal__shortcut-key-combination{display:block;background:none;margin:0;padding:0}.edit-post-keyboard-shortcut-help-modal__shortcut-key-combination+.edit-post-keyboard-shortcut-help-modal__shortcut-key-combination{margin-top:10px}.edit-post-keyboard-shortcut-help-modal__shortcut-key{padding:.25rem .5rem;border-radius:8%;margin:0 .2rem}.edit-post-keyboard-shortcut-help-modal__shortcut-key:last-child{margin:0 0 0 .2rem}.edit-post-layout__metaboxes{flex-shrink:0}.edit-post-layout__metaboxes:not(:empty){border-top:1px solid #ddd;padding:10px 0;clear:both}.edit-post-layout__metaboxes:not(:empty) .edit-post-meta-boxes-area{margin:auto 20px}.edit-post-layout .components-editor-notices__snackbar{position:fixed;right:0;bottom:40px;padding-left:16px;padding-right:16px;left:0}@media (min-width:783px){.edit-post-layout .components-editor-notices__snackbar{left:160px}}@media (min-width:783px){.auto-fold .edit-post-layout .components-editor-notices__snackbar{left:36px}}@media (min-width:961px){.auto-fold .edit-post-layout .components-editor-notices__snackbar{left:160px}}.folded .edit-post-layout .components-editor-notices__snackbar{left:0}@media (min-width:783px){.folded .edit-post-layout .components-editor-notices__snackbar{left:36px}}body.is-fullscreen-mode .edit-post-layout .components-editor-notices__snackbar{left:0!important}.edit-post-layout .editor-post-publish-panel{position:fixed;z-index:100001;top:46px;bottom:0;right:0;left:0;overflow:auto}@media (min-width:782px){.edit-post-layout .editor-post-publish-panel{z-index:99998;top:32px;left:auto;width:281px;border-left:1px solid #ddd;transform:translateX(100%);animation:edit-post-post-publish-panel__slide-in-animation .1s forwards}}@media (min-width:782px) and (prefers-reduced-motion:reduce){.edit-post-layout .editor-post-publish-panel{animation-duration:1ms;animation-delay:0s}}@media (min-width:782px){body.is-fullscreen-mode .edit-post-layout .editor-post-publish-panel{top:0}}@media (min-width:782px){[role=region]:focus .edit-post-layout .editor-post-publish-panel{transform:translateX(0)}}@keyframes edit-post-post-publish-panel__slide-in-animation{to{transform:translateX(0)}}.edit-post-layout .editor-post-publish-panel__header-publish-button{justify-content:center}.edit-post-layout__toggle-entities-saved-states-panel,.edit-post-layout__toggle-publish-panel,.edit-post-layout__toggle-sidebar-panel{z-index:100000;position:fixed!important;top:-9999em;bottom:auto;left:auto;right:0;width:280px;background-color:#fff;border:1px dotted #ddd;height:auto!important;padding:24px;display:flex;justify-content:center}.interface-interface-skeleton__actions:focus-within .edit-post-layout__toggle-entities-saved-states-panel,.interface-interface-skeleton__actions:focus-within .edit-post-layout__toggle-publish-panel,.interface-interface-skeleton__actions:focus-within .edit-post-layout__toggle-sidebar-panel,.interface-interface-skeleton__actions:focus .edit-post-layout__toggle-entities-saved-states-panel,.interface-interface-skeleton__actions:focus .edit-post-layout__toggle-publish-panel,.interface-interface-skeleton__actions:focus .edit-post-layout__toggle-sidebar-panel{top:auto;bottom:0}@media (min-width:600px){.edit-post-manage-blocks-modal{height:calc(100% - 120px)}}.edit-post-manage-blocks-modal .components-modal__content{padding-bottom:0;display:flex;flex-direction:column}.edit-post-manage-blocks-modal .components-modal__header{flex-shrink:0;margin-bottom:0}.edit-post-manage-blocks-modal__content{display:flex;flex-direction:column;flex:0 1 100%;min-height:0}.edit-post-manage-blocks-modal__no-results{font-style:italic;padding:24px 0;text-align:center}.edit-post-manage-blocks-modal__search{margin:16px 0}.edit-post-manage-blocks-modal__search .components-base-control__field{margin-bottom:0}.edit-post-manage-blocks-modal__search .components-base-control__label{margin-top:-4px}.edit-post-manage-blocks-modal__search input[type=search].components-text-control__input{padding:8px;border-radius:2px}.edit-post-manage-blocks-modal__disabled-blocks-count{border-top:1px solid #ddd;margin-left:-24px;margin-right:-24px;padding:.6rem 24px;background-color:#f0f0f0}.edit-post-manage-blocks-modal__category{margin:0 0 2rem}.edit-post-manage-blocks-modal__category-title{position:sticky;top:0;padding:16px 0;background-color:#fff;z-index:1}.edit-post-manage-blocks-modal__category-title .components-base-control__field{margin-bottom:0}.edit-post-manage-blocks-modal__category-title .components-checkbox-control__label{font-size:.9rem;font-weight:600}.edit-post-manage-blocks-modal__show-all{margin-right:8px}.edit-post-manage-blocks-modal__checklist{margin-top:0}.edit-post-manage-blocks-modal__checklist-item{margin-bottom:0;padding-left:16px;border-top:1px solid #ddd}.edit-post-manage-blocks-modal__checklist-item:last-child{border-bottom:1px solid #ddd}.edit-post-manage-blocks-modal__checklist-item .components-base-control__field{align-items:center;display:flex;margin:0}.components-modal__content .edit-post-manage-blocks-modal__checklist-item.components-checkbox-control__input-container{margin:0 8px}.edit-post-manage-blocks-modal__checklist-item .components-checkbox-control__label{display:flex;align-items:center;justify-content:space-between;flex-grow:1;padding:.6rem 0 .6rem 10px}.edit-post-manage-blocks-modal__checklist-item .block-editor-block-icon{margin-right:10px;fill:#1e1e1e}.edit-post-manage-blocks-modal__results{height:100%;overflow:auto;margin-left:-32px;margin-right:-32px;padding-left:32px;padding-right:32px;border-top:1px solid #ddd}.edit-post-meta-boxes-area{position:relative}.edit-post-meta-boxes-area .inside,.edit-post-meta-boxes-area__container{box-sizing:content-box}.edit-post-meta-boxes-area input,.edit-post-meta-boxes-area textarea{box-sizing:border-box}.edit-post-meta-boxes-area #poststuff{margin:0 auto;padding-top:0;min-width:auto}.edit-post-meta-boxes-area #poststuff .stuffbox>h3,.edit-post-meta-boxes-area #poststuff h2.hndle,.edit-post-meta-boxes-area #poststuff h3.hndle{box-sizing:border-box;color:inherit;font-weight:600;outline:none;padding:15px;position:relative;width:100%}.edit-post-meta-boxes-area .postbox{border:0;color:inherit;margin-bottom:0}.edit-post-meta-boxes-area .postbox>.inside{border-bottom:1px solid #ddd;color:inherit;padding:0 14px 14px;margin:0}.edit-post-meta-boxes-area .postbox .handlediv{height:44px;width:44px}.edit-post-meta-boxes-area.is-loading:before{position:absolute;top:0;left:0;right:0;bottom:0;content:"";background:transparent;z-index:1}.edit-post-meta-boxes-area .components-spinner{position:absolute;top:10px;right:20px;z-index:5}.edit-post-meta-boxes-area .is-hidden{display:none}.edit-post-meta-boxes-area .metabox-location-side .postbox input[type=checkbox]{border:1px solid #757575}.edit-post-meta-boxes-area .metabox-location-side .postbox input[type=checkbox]:checked{background:#fff;border-color:#757575}.edit-post-meta-boxes-area .metabox-location-side .postbox input[type=checkbox]:before{margin:-3px -4px}.edit-post-meta-boxes-area__clear{clear:both}.edit-post-preferences-modal{min-width:360px;width:100%}@media (min-width:782px){.edit-post-preferences-modal{width:auto}}@media (min-width:600px){.edit-post-preferences-modal{height:calc(100% - 120px)}}.edit-post-preferences-modal .components-navigation{background-color:#fff;margin:-8px;padding:8px}.edit-post-preferences-modal .components-navigation .components-navigation__menu{margin:0;color:#1e1e1e}.edit-post-preferences-modal .components-navigation .components-navigation__menu .components-navigation__item{color:#1e1e1e}.edit-post-preferences-modal .components-navigation .components-navigation__menu .components-navigation__item>button{color:inherit;padding:3px 16px;height:48px}.edit-post-preferences-modal .components-navigation .components-navigation__menu .components-navigation__item>button:focus{background:#f0f0f0;font-weight:500}.edit-post-preferences-modal .components-navigation .components-navigation__menu .components-navigation__item>button:hover{color:var(--wp-admin-theme-color)}.edit-post-preferences-modal .components-navigation .components-navigation__menu .components-navigation__item .components-toggle-control__label{color:inherit}.edit-post-preferences-modal .components-navigation .components-navigation__menu .components-navigation__menu-title-heading{color:inherit;border-bottom:1px solid #ddd;padding-left:0;padding-right:0}.edit-post-preferences-modal .components-navigation .components-navigation__menu .components-navigation__back-button{color:inherit;padding-left:0}.edit-post-preferences-modal .components-navigation .components-navigation__menu .components-navigation__back-button:hover{color:var(--wp-admin-theme-color)}.edit-post-preferences-modal .components-navigation .components-navigation__menu .edit-post-preferences-modal__custom-fields-confirmation-button{width:auto}.edit-post-preferences-modal .edit-post-preferences__tabs{display:flex;flex-direction:row}.edit-post-preferences-modal .edit-post-preferences__tabs .components-tab-panel__tabs{width:160px}.edit-post-preferences-modal .edit-post-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item{border-radius:2px;font-weight:400}.edit-post-preferences-modal .edit-post-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item.is-active{background:#f0f0f0;box-shadow:none;font-weight:500}.edit-post-preferences-modal .edit-post-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item:focus:not(:disabled){box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}.edit-post-preferences-modal .edit-post-preferences__tabs .components-tab-panel__tab-content{width:500px;padding-left:24px}.edit-post-preferences-modal__section{margin:0 0 2.5rem}.edit-post-preferences-modal__section-title{font-size:.9rem;font-weight:600}.edit-post-preferences-modal__option .components-base-control .components-base-control__field{align-items:center;display:flex;margin-bottom:0}.edit-post-preferences-modal__option .components-base-control .components-base-control__field>label{flex-grow:1;padding:.6rem 0 .6rem 10px}.edit-post-preferences-modal__custom-fields-confirmation-button,.edit-post-preferences-modal__custom-fields-confirmation-message{margin:0 0 .6rem 48px}@media (min-width:782px){.edit-post-preferences-modal__custom-fields-confirmation-button,.edit-post-preferences-modal__custom-fields-confirmation-message{margin-left:38px}}@media (min-width:600px){.edit-post-preferences-modal__custom-fields-confirmation-button,.edit-post-preferences-modal__custom-fields-confirmation-message{max-width:300px}}.edit-post-preferences-modal .components-base-control__help{margin:-8px 0 8px 58px;font-size:12px;font-style:normal;color:#757575}.edit-post-preferences-modal .edit-post-preferences-modal__section-description{margin:-8px 0 8px;font-size:12px;font-style:normal;color:#757575}.edit-post-editor__inserter-panel,.edit-post-editor__list-view-panel{height:100%;display:flex;flex-direction:column}.edit-post-editor__list-view-panel{min-width:350px}.edit-post-editor__inserter-panel-header{padding-top:8px;padding-right:8px;display:flex;justify-content:flex-end}@media (min-width:782px){.edit-post-editor__inserter-panel-header{display:none}}.edit-post-editor__inserter-panel-content,.edit-post-editor__list-view-panel-content{height:calc(100% - 44px)}@media (min-width:782px){.edit-post-editor__inserter-panel-content{height:100%}}.edit-post-editor__list-view-panel-header{align-items:center;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;height:48px;padding-left:16px;padding-right:4px}.edit-post-editor__list-view-panel-content{overflow-y:auto;padding:8px}.components-panel__header.edit-post-sidebar__panel-tabs{justify-content:flex-start;padding-left:0;padding-right:16px;border-top:0;margin-top:0}.components-panel__header.edit-post-sidebar__panel-tabs ul{display:flex}.components-panel__header.edit-post-sidebar__panel-tabs li{margin:0}.components-panel__header.edit-post-sidebar__panel-tabs .components-button.has-icon{display:none;margin:0 0 0 auto;padding:0;min-width:24px;height:24px}@media (min-width:782px){.components-panel__header.edit-post-sidebar__panel-tabs .components-button.has-icon{display:flex}}.components-panel__body.is-opened.edit-post-last-revision__panel{padding:0;height:48px}.editor-post-last-revision__title.components-button{padding:16px}.editor-post-author__select{margin:-5px 0;width:100%}@supports (position:sticky){.editor-post-author__select{width:auto}}.edit-post-post-link__link-post-name{font-weight:600}.edit-post-post-link__preview-label{font-weight:400;margin:0}.edit-post-post-link__link{text-align:left;word-wrap:break-word;display:block}.edit-post-post-link__preview-link-container{direction:ltr}.edit-post-post-schedule{width:100%;position:relative;justify-content:left}.edit-post-post-schedule span{display:block;width:45%}.components-button.edit-post-post-schedule__toggle{text-align:right}.edit-post-post-schedule__dialog .components-popover__content>div{padding:0}.editor-post-slug__input{margin:-5px 0;padding:2px}.edit-post-post-status .edit-post-post-publish-dropdown__switch-to-draft{margin-top:15px;width:100%;text-align:center}.edit-post-post-visibility{width:100%;justify-content:left}.edit-post-post-visibility span{display:block;width:45%}@media (min-width:782px){.edit-post-post-visibility__dialog .components-popover__content{width:257px}}.edit-post-post-visibility__dialog-legend{font-weight:600}.edit-post-post-visibility__choice{margin:10px 0}.edit-post-post-visibility__dialog-label,.edit-post-post-visibility__dialog-radio{vertical-align:top}.edit-post-post-visibility__dialog-password-input{width:calc(100% - 20px);margin-left:20px}.edit-post-post-visibility__dialog-info{color:#757575;padding-left:20px;font-style:italic;margin:4px 0 0;line-height:1.4}.components-button.edit-post-sidebar__panel-tab{border-radius:0;height:48px;background:transparent;border:none;box-shadow:none;cursor:pointer;display:inline-block;padding:3px 15px;margin-left:0;font-weight:500}.components-button.edit-post-sidebar__panel-tab:after{content:attr(data-label);display:block;font-weight:600;height:0;overflow:hidden;speak:none;visibility:hidden}.components-button.edit-post-sidebar__panel-tab.is-active{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) transparent,inset 0 -4px 0 0 var(--wp-admin-theme-color);position:relative;z-index:1}.components-button.edit-post-sidebar__panel-tab.is-active:before{content:"";position:absolute;top:0;bottom:1px;right:0;left:0;border-bottom:4px solid transparent}.components-button.edit-post-sidebar__panel-tab:focus{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);position:relative;z-index:1}.components-button.edit-post-sidebar__panel-tab.is-active:focus{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color),inset 0 -4px 0 0 var(--wp-admin-theme-color)}@media (min-width:782px){.edit-post-template__modal .components-base-control{width:320px}}.edit-post-template__modal .components-modal__header{border-bottom:none}.edit-post-template__modal .components-modal__content:before{margin-bottom:4px}.edit-post-template__modal-actions{margin-top:12px}.edit-post-template-modal__tip{padding:16px 24px;background:#f0f0f0;border-radius:2px}@media (min-width:782px){.edit-post-template-modal__tip{width:240px}}.edit-post-template__actions button:not(:last-child){margin-right:8px}h2.edit-post-template-summary__title{margin:0;line-height:24px}.edit-post-text-editor{position:relative;width:100%;background-color:#fff;flex-grow:1}.edit-post-text-editor .editor-post-title.editor-post-title__block{max-width:none;line-height:1.4}.edit-post-text-editor .editor-post-title.editor-post-title__block .editor-post-title__input.editor-post-title__input.editor-post-title__input{font-family:Menlo,Consolas,monaco,monospace;font-size:2.5em;font-weight:400}.edit-post-text-editor .editor-post-title.editor-post-title__block .editor-post-title__input{border:1px solid #949494;margin-bottom:-1px;padding:16px}@media (min-width:600px){.edit-post-text-editor .editor-post-title.editor-post-title__block .editor-post-title__input{padding:24px}}.edit-post-text-editor .editor-post-title.editor-post-title__block .editor-post-title__input:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}@media (min-width:600px){.edit-post-text-editor .editor-post-title.editor-post-title__block{padding:0}}.edit-post-text-editor__body{width:100%;padding:0 12px 12px;max-width:1080px;margin-left:auto;margin-right:auto}@media (min-width:960px){.edit-post-text-editor__body{padding:0 24px 24px}}.edit-post-text-editor__toolbar{position:sticky;z-index:1;top:0;left:0;right:0;display:flex;background:hsla(0,0%,100%,.8);padding:4px 12px}@media (min-width:600px){.edit-post-text-editor__toolbar{padding:12px}}@media (min-width:960px){.edit-post-text-editor__toolbar{padding:12px 24px}}.edit-post-text-editor__toolbar h2{line-height:36px;margin:0 auto 0 0;font-size:13px;color:#1e1e1e}.edit-post-text-editor__toolbar .components-button svg{order:1}.edit-post-visual-editor{position:relative;display:flex;flex-flow:column;background-color:#2f2f2f;flex:1 1 auto}.edit-post-visual-editor .components-button{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;padding:6px 12px}.edit-post-visual-editor .components-button.has-icon,.edit-post-visual-editor .components-button.is-tertiary{padding:6px}@supports (position:sticky){.edit-post-visual-editor{flex-basis:100%}}.edit-post-visual-editor__post-title-wrapper .editor-post-title{margin:2em auto 0}.edit-post-visual-editor__exit-template-mode{position:absolute;top:8px;left:8px;color:#fff}.edit-post-visual-editor__exit-template-mode:active:not([aria-disabled=true]),.edit-post-visual-editor__exit-template-mode:focus:not([aria-disabled=true]),.edit-post-visual-editor__exit-template-mode:hover{color:#f0f0f0}.edit-post-visual-editor__content-area{width:100%;height:100%;position:relative;display:flex}.edit-post-welcome-guide{width:312px}.edit-post-welcome-guide__image{background:#00a0d2;margin:0 0 16px}.edit-post-welcome-guide__heading{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:24px;line-height:1.4;margin:16px 0;padding:0 32px}.edit-post-welcome-guide__text{font-size:13px;line-height:1.4;margin:0 0 24px;padding:0 32px}.edit-post-welcome-guide__inserter-icon{margin:0 4px;vertical-align:text-top}@keyframes edit-post__fade-in-animation{0%{opacity:0}to{opacity:1}}body.block-editor-page,html.wp-toolbar{background:#fff}body.block-editor-page #wpcontent{padding-left:0}body.block-editor-page #wpbody-content{padding-bottom:0}body.block-editor-page #wpbody-content>div:not(.block-editor):not(#screen-meta),body.block-editor-page #wpfooter{display:none}body.block-editor-page .a11y-speak-region{left:-1px;top:-1px}body.block-editor-page ul#adminmenu>li.current>a.current:after,body.block-editor-page ul#adminmenu a.wp-has-current-submenu:after{border-right-color:#fff}body.block-editor-page .media-frame select.attachment-filters:last-of-type{width:auto;max-width:100%}.block-editor-page #wpwrap{overflow-y:auto}@media (min-width:782px){.block-editor-page #wpwrap{overflow-y:initial}}.components-modal__frame,.components-popover,.edit-post-editor__inserter-panel,.edit-post-header,.edit-post-sidebar,.edit-post-text-editor,.edit-post-visual-editor,.editor-post-publish-panel{box-sizing:border-box}.components-modal__frame *,.components-modal__frame :after,.components-modal__frame :before,.components-popover *,.components-popover :after,.components-popover :before,.edit-post-editor__inserter-panel *,.edit-post-editor__inserter-panel :after,.edit-post-editor__inserter-panel :before,.edit-post-header *,.edit-post-header :after,.edit-post-header :before,.edit-post-sidebar *,.edit-post-sidebar :after,.edit-post-sidebar :before,.edit-post-text-editor *,.edit-post-text-editor :after,.edit-post-text-editor :before,.edit-post-visual-editor *,.edit-post-visual-editor :after,.edit-post-visual-editor :before,.editor-post-publish-panel *,.editor-post-publish-panel :after,.editor-post-publish-panel :before{box-sizing:inherit}@media (min-width:600px){.block-editor__container{position:absolute;top:0;right:0;bottom:0;left:0;min-height:calc(100vh - 46px)}}@media (min-width:782px){.block-editor__container{min-height:calc(100vh - 32px)}body.is-fullscreen-mode .block-editor__container{min-height:100vh}}.block-editor__container img{max-width:100%;height:auto}.block-editor__container iframe{width:100%}body.admin-color-light{--wp-admin-theme-color:#0085ba;--wp-admin-theme-color-darker-10:#0073a1;--wp-admin-theme-color-darker-20:#006187;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-light{--wp-admin-border-width-focus:1.5px}}body.admin-color-modern{--wp-admin-theme-color:#3858e9;--wp-admin-theme-color-darker-10:#2145e6;--wp-admin-theme-color-darker-20:#183ad6;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-modern{--wp-admin-border-width-focus:1.5px}}body.admin-color-blue{--wp-admin-theme-color:#096484;--wp-admin-theme-color-darker-10:#07526c;--wp-admin-theme-color-darker-20:#064054;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-blue{--wp-admin-border-width-focus:1.5px}}body.admin-color-coffee{--wp-admin-theme-color:#46403c;--wp-admin-theme-color-darker-10:#383330;--wp-admin-theme-color-darker-20:#2b2724;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-coffee{--wp-admin-border-width-focus:1.5px}}body.admin-color-ectoplasm{--wp-admin-theme-color:#523f6d;--wp-admin-theme-color-darker-10:#46365d;--wp-admin-theme-color-darker-20:#3a2c4d;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-ectoplasm{--wp-admin-border-width-focus:1.5px}}body.admin-color-midnight{--wp-admin-theme-color:#e14d43;--wp-admin-theme-color-darker-10:#dd382d;--wp-admin-theme-color-darker-20:#d02c21;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-midnight{--wp-admin-border-width-focus:1.5px}}body.admin-color-ocean{--wp-admin-theme-color:#627c83;--wp-admin-theme-color-darker-10:#576e74;--wp-admin-theme-color-darker-20:#4c6066;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-ocean{--wp-admin-border-width-focus:1.5px}}body.admin-color-sunrise{--wp-admin-theme-color:#dd823b;--wp-admin-theme-color-darker-10:#d97426;--wp-admin-theme-color-darker-20:#c36922;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-sunrise{--wp-admin-border-width-focus:1.5px}} \ No newline at end of file diff --git a/wp-includes/css/dist/edit-widgets/style-rtl.css b/wp-includes/css/dist/edit-widgets/style-rtl.css new file mode 100644 index 0000000000..3bb07bc25c --- /dev/null +++ b/wp-includes/css/dist/edit-widgets/style-rtl.css @@ -0,0 +1,1000 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles for JavaScript UI based pages. + * This is a WP-admin agnostic reset + */ +/** + * Reset the WP Admin page styles for Gutenberg-like pages. + */ +:root { + --wp-admin-theme-color: #007cba; + --wp-admin-theme-color-darker-10: #006ba1; + --wp-admin-theme-color-darker-20: #005a87; + --wp-admin-border-width-focus: 2px; +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + :root { + --wp-admin-border-width-focus: 1.5px; + } +} + +.components-panel__header.interface-complementary-area-header__small { + background: #fff; + padding-left: 4px; +} +.components-panel__header.interface-complementary-area-header__small .interface-complementary-area-header__small-title { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + width: 100%; +} +@media (min-width: 782px) { + .components-panel__header.interface-complementary-area-header__small { + display: none; + } +} + +.interface-complementary-area-header { + background: #fff; + padding-left: 4px; +} +.interface-complementary-area-header .components-button.has-icon { + display: none; + margin-right: auto; +} +.interface-complementary-area-header .components-button.has-icon ~ .components-button { + margin-right: 0; +} +@media (min-width: 782px) { + .interface-complementary-area-header .components-button.has-icon { + display: flex; + } +} + +.interface-complementary-area { + background: #fff; + color: #1e1e1e; +} +@media (min-width: 600px) { + .interface-complementary-area { + -webkit-overflow-scrolling: touch; + } +} +@media (min-width: 782px) { + .interface-complementary-area { + width: 280px; + } +} +.interface-complementary-area .components-panel { + border: none; + position: relative; + z-index: 0; +} +.interface-complementary-area .components-panel__header { + position: sticky; + top: 0; + z-index: 1; +} +.interface-complementary-area .components-panel__header.edit-post-sidebar__panel-tabs { + top: 48px; +} +@media (min-width: 782px) { + .interface-complementary-area .components-panel__header.edit-post-sidebar__panel-tabs { + top: 0; + } +} +.interface-complementary-area p { + margin-top: 0; +} +.interface-complementary-area h2, +.interface-complementary-area h3 { + font-size: 13px; + color: #1e1e1e; + margin-bottom: 1.5em; +} +.interface-complementary-area hr { + border-top: none; + border-bottom: 1px solid #f0f0f0; + margin: 1.5em 0; +} +.interface-complementary-area div.components-toolbar-group, +.interface-complementary-area div.components-toolbar { + box-shadow: none; + margin-bottom: 1.5em; +} +.interface-complementary-area div.components-toolbar-group:last-child, +.interface-complementary-area div.components-toolbar:last-child { + margin-bottom: 0; +} +.interface-complementary-area .block-editor-skip-to-selected-block:focus { + top: auto; + left: 10px; + bottom: 10px; + right: auto; +} + +@media (min-width: 782px) { + body.js.is-fullscreen-mode { + margin-top: -32px; + height: calc(100% + 32px); + } + body.js.is-fullscreen-mode #adminmenumain, +body.js.is-fullscreen-mode #wpadminbar { + display: none; + } + body.js.is-fullscreen-mode #wpcontent, +body.js.is-fullscreen-mode #wpfooter { + margin-right: 0; + } +} + +html.interface-interface-skeleton__html-container { + position: fixed; + width: 100%; +} +@media (min-width: 782px) { + html.interface-interface-skeleton__html-container { + position: initial; + width: initial; + } +} + +.interface-interface-skeleton { + display: flex; + flex-direction: row; + height: auto; + max-height: 100%; + position: fixed; + top: 46px; + right: 0; + left: 0; + bottom: 0; +} +@media (min-width: 783px) { + .interface-interface-skeleton { + top: 32px; + } + .is-fullscreen-mode .interface-interface-skeleton { + top: 0; + } +} + +.interface-interface-skeleton__editor { + display: flex; + flex-direction: column; + flex: 0 1 100%; + overflow: hidden; +} + +.interface-interface-skeleton { + /* Set left position when auto-fold is not on the body element. */ + right: 0; +} +@media (min-width: 783px) { + .interface-interface-skeleton { + right: 160px; + } +} + +.auto-fold .interface-interface-skeleton { + /* Auto fold is when on smaller breakpoints, nav menu auto collapses. */ +} +@media (min-width: 783px) { + .auto-fold .interface-interface-skeleton { + right: 36px; + } +} +@media (min-width: 961px) { + .auto-fold .interface-interface-skeleton { + right: 160px; + } +} + +/* Sidebar manually collapsed. */ +.folded .interface-interface-skeleton { + right: 0; +} +@media (min-width: 783px) { + .folded .interface-interface-skeleton { + right: 36px; + } +} + +body.is-fullscreen-mode .interface-interface-skeleton { + right: 0 !important; +} + +.interface-interface-skeleton__body { + flex-grow: 1; + display: flex; + overflow: auto; + overscroll-behavior-y: none; +} +@media (min-width: 782px) { + .has-footer .interface-interface-skeleton__body { + padding-bottom: 25px; + } +} + +.interface-interface-skeleton__content { + flex-grow: 1; + display: flex; + flex-direction: column; + overflow: auto; + z-index: 20; +} + +.interface-interface-skeleton__secondary-sidebar, +.interface-interface-skeleton__sidebar { + display: block; + flex-shrink: 0; + position: absolute; + z-index: 100000; + top: 0; + left: 0; + bottom: 0; + right: 0; + background: #fff; + color: #1e1e1e; +} +@media (min-width: 782px) { + .interface-interface-skeleton__secondary-sidebar, +.interface-interface-skeleton__sidebar { + position: relative !important; + z-index: 90; + width: auto; + } +} + +.interface-interface-skeleton__sidebar { + overflow: auto; +} +@media (min-width: 782px) { + .interface-interface-skeleton__sidebar { + border-right: 1px solid #e0e0e0; + } +} + +@media (min-width: 782px) { + .interface-interface-skeleton__secondary-sidebar { + border-left: 1px solid #e0e0e0; + } +} + +.interface-interface-skeleton__header { + flex-shrink: 0; + height: auto; + border-bottom: 1px solid #e0e0e0; + z-index: 30; + color: #1e1e1e; +} + +.interface-interface-skeleton__footer { + height: auto; + flex-shrink: 0; + border-top: 1px solid #e0e0e0; + color: #1e1e1e; + position: absolute; + bottom: 0; + right: 0; + width: 100%; + background-color: #fff; + z-index: 90; + display: none; +} +@media (min-width: 782px) { + .interface-interface-skeleton__footer { + display: flex; + } +} +.interface-interface-skeleton__footer .block-editor-block-breadcrumb { + z-index: 30; + display: flex; + background: #fff; + height: 24px; + align-items: center; + font-size: 13px; + padding: 0 18px; +} + +.interface-interface-skeleton__actions { + z-index: 100000; + position: fixed !important; + top: -9999em; + bottom: auto; + right: auto; + left: 0; + width: 280px; + color: #1e1e1e; +} +.interface-interface-skeleton__actions:focus { + top: auto; + bottom: 0; +} + +.interface-pinned-items { + display: flex; +} +.interface-pinned-items .components-button:not(:first-child) { + display: none; +} +@media (min-width: 600px) { + .interface-pinned-items .components-button:not(:first-child) { + display: flex; + } +} +.interface-pinned-items .components-button { + margin-right: 4px; +} +.interface-pinned-items .components-button svg { + max-width: 24px; + max-height: 24px; +} + +.wp-block[data-type="core/widget-area"] { + max-width: 700px; + margin-right: auto; + margin-left: auto; +} +.wp-block[data-type="core/widget-area"] .components-panel__body > .components-panel__body-title { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + margin: 0; + height: 48px; + position: relative; + z-index: 1; + background: #fff; + transform: translateZ(0); +} +.wp-block[data-type="core/widget-area"] .components-panel__body > .components-panel__body-title:hover { + background: #fff; +} +.wp-block[data-type="core/widget-area"] .block-list-appender.wp-block { + width: initial; +} +.wp-block[data-type="core/widget-area"] .editor-styles-wrapper .wp-block.wp-block.wp-block.wp-block.wp-block { + max-width: 100%; +} +.wp-block[data-type="core/widget-area"] .components-panel__body.is-opened { + padding: 0; +} + +.blocks-widgets-container .wp-block-widget-area__inner-blocks.editor-styles-wrapper { + margin: 0; + padding: 0; +} +.blocks-widgets-container .wp-block-widget-area__inner-blocks.editor-styles-wrapper > .block-editor-block-list__layout { + margin-top: -48px; + padding: 72px 16px 16px; + min-height: 32px; +} + +.wp-block-widget-area__highlight-drop-zone { + outline: var(--wp-admin-border-width-focus) solid var(--wp-admin-theme-color); +} + +body.is-dragging-components-draggable .wp-block[data-type="core/widget-area"] .components-panel__body > .components-panel__body-title, +body.is-dragging-components-draggable .wp-block[data-type="core/widget-area"] .components-panel__body > .components-panel__body-title * { + pointer-events: none; +} + +.edit-widgets-header { + display: flex; + align-items: center; + justify-content: space-between; + height: 60px; + padding: 0 16px; + overflow: auto; +} +@media (min-width: 600px) { + .edit-widgets-header { + overflow: visible; + } +} + +.edit-widgets-header__navigable-toolbar-wrapper { + display: flex; + align-items: center; + justify-content: center; +} + +.edit-widgets-header__title { + font-size: 20px; + padding: 0; + margin: 0 0 0 20px; +} + +.edit-widgets-header__actions { + display: flex; +} +.edit-widgets-header__actions .components-button { + margin-left: 4px; +} +@media (min-width: 600px) { + .edit-widgets-header__actions .components-button { + margin-left: 12px; + } +} +.edit-widgets-header__actions .edit-widgets-more-menu .components-button, +.edit-widgets-header__actions .interface-pinned-items .components-button { + margin-left: 0; +} + +.edit-widgets-header-toolbar { + border: none; +} +.edit-widgets-header-toolbar > .components-button.has-icon, +.edit-widgets-header-toolbar > .components-dropdown > .components-button.has-icon { + height: 36px; + min-width: 36px; + padding: 6px; +} +.edit-widgets-header-toolbar > .components-button.has-icon.is-pressed, +.edit-widgets-header-toolbar > .components-dropdown > .components-button.has-icon.is-pressed { + background: #1e1e1e; +} +.edit-widgets-header-toolbar > .components-button.has-icon:focus:not(:disabled), +.edit-widgets-header-toolbar > .components-dropdown > .components-button.has-icon:focus:not(:disabled) { + box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 1px #fff; + outline: 1px solid transparent; +} +.edit-widgets-header-toolbar > .components-button.has-icon::before, +.edit-widgets-header-toolbar > .components-dropdown > .components-button.has-icon::before { + display: none; +} + +.edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle { + padding-right: 8px; + padding-left: 8px; +} +@media (min-width: 600px) { + .edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle { + padding-right: 12px; + padding-left: 12px; + } +} +.edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle::after { + content: none; +} + +.edit-widgets-keyboard-shortcut-help-modal__section { + margin: 0 0 2rem 0; +} +.edit-widgets-keyboard-shortcut-help-modal__main-shortcuts .edit-widgets-keyboard-shortcut-help-modal__shortcut-list { + margin-top: -25px; +} +.edit-widgets-keyboard-shortcut-help-modal__section-title { + font-size: 0.9rem; + font-weight: 600; +} +.edit-widgets-keyboard-shortcut-help-modal__shortcut { + display: flex; + align-items: baseline; + padding: 0.6rem 0; + border-top: 1px solid #ddd; + margin-bottom: 0; +} +.edit-widgets-keyboard-shortcut-help-modal__shortcut:last-child { + border-bottom: 1px solid #ddd; +} +.edit-widgets-keyboard-shortcut-help-modal__shortcut:empty { + display: none; +} +.edit-widgets-keyboard-shortcut-help-modal__shortcut-term { + font-weight: 600; + margin: 0 1rem 0 0; + text-align: left; +} +.edit-widgets-keyboard-shortcut-help-modal__shortcut-description { + flex: 1; + margin: 0; + flex-basis: auto; +} +.edit-widgets-keyboard-shortcut-help-modal__shortcut-key-combination { + display: block; + background: none; + margin: 0; + padding: 0; +} +.edit-widgets-keyboard-shortcut-help-modal__shortcut-key-combination + .edit-widgets-keyboard-shortcut-help-modal__shortcut-key-combination { + margin-top: 10px; +} +.edit-widgets-keyboard-shortcut-help-modal__shortcut-key { + padding: 0.25rem 0.5rem; + border-radius: 8%; + margin: 0 0.2rem 0 0.2rem; +} +.edit-widgets-keyboard-shortcut-help-modal__shortcut-key:last-child { + margin: 0 0.2rem 0 0; +} + +.edit-widgets-more-menu { + margin-right: -4px; +} +.edit-widgets-more-menu .components-button { + width: auto; + padding: 0 2px; +} +@media (min-width: 600px) { + .edit-widgets-more-menu { + margin-right: 0; + } + .edit-widgets-more-menu .components-button { + padding: 0 4px; + } +} + +.edit-widgets-more-menu__content .components-popover__content { + min-width: 280px; +} +@media (min-width: 480px) { + .edit-widgets-more-menu__content .components-popover__content { + width: auto; + max-width: 480px; + } +} +.edit-widgets-more-menu__content .components-popover__content .components-dropdown-menu__menu { + padding: 0; +} + +.components-popover.edit-widgets-more-menu__content { + z-index: 99998; +} + +.components-panel__header.edit-widgets-sidebar__panel-tabs { + justify-content: flex-start; + padding-right: 0; + padding-left: 4px; + border-top: 0; + margin-top: 0; +} +.components-panel__header.edit-widgets-sidebar__panel-tabs ul { + display: flex; +} +.components-panel__header.edit-widgets-sidebar__panel-tabs li { + margin: 0; +} +.components-panel__header.edit-widgets-sidebar__panel-tabs .components-button.has-icon { + display: none; + margin-right: auto; +} +@media (min-width: 782px) { + .components-panel__header.edit-widgets-sidebar__panel-tabs .components-button.has-icon { + display: flex; + } +} + +.components-button.edit-widgets-sidebar__panel-tab { + border-radius: 0; + height: 49px; + background: transparent; + border: none; + box-shadow: none; + cursor: pointer; + display: inline-block; + padding: 3px 15px; + margin-right: 0; + font-weight: 400; + color: #1e1e1e; +} +.components-button.edit-widgets-sidebar__panel-tab::after { + content: attr(data-label); + display: block; + font-weight: 600; + height: 0; + overflow: hidden; + speak: none; + visibility: hidden; +} +.components-button.edit-widgets-sidebar__panel-tab.is-active { + box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) transparent, inset 0 -4px 0 0 var(--wp-admin-theme-color); + font-weight: 600; + position: relative; +} +.components-button.edit-widgets-sidebar__panel-tab.is-active::before { + content: ""; + position: absolute; + top: 0; + bottom: 1px; + left: 0; + right: 0; + border-bottom: 4px solid transparent; +} +.components-button.edit-widgets-sidebar__panel-tab:focus { + box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); +} +.components-button.edit-widgets-sidebar__panel-tab.is-active:focus { + box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 -4px 0 0 var(--wp-admin-theme-color); +} + +.edit-widgets-widget-areas__top-container { + display: flex; + padding: 16px; +} +.edit-widgets-widget-areas__top-container .block-editor-block-icon { + margin-left: 16px; +} + +.edit-widgets-notices__snackbar { + position: fixed; + left: 0; + bottom: 20px; + padding-right: 16px; + padding-left: 16px; +} + +.edit-widgets-notices__snackbar { + /* Set left position when auto-fold is not on the body element. */ + right: 0; +} +@media (min-width: 783px) { + .edit-widgets-notices__snackbar { + right: 160px; + } +} + +.auto-fold .edit-widgets-notices__snackbar { + /* Auto fold is when on smaller breakpoints, nav menu auto collapses. */ +} +@media (min-width: 783px) { + .auto-fold .edit-widgets-notices__snackbar { + right: 36px; + } +} +@media (min-width: 961px) { + .auto-fold .edit-widgets-notices__snackbar { + right: 160px; + } +} + +/* Sidebar manually collapsed. */ +.folded .edit-widgets-notices__snackbar { + right: 0; +} +@media (min-width: 783px) { + .folded .edit-widgets-notices__snackbar { + right: 36px; + } +} + +body.is-fullscreen-mode .edit-widgets-notices__snackbar { + right: 0 !important; +} + +.edit-widgets-notices__dismissible .components-notice, +.edit-widgets-notices__pinned .components-notice { + box-sizing: border-box; + margin: 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.2); + padding: 0 12px; + min-height: 60px; +} +.edit-widgets-notices__dismissible .components-notice .components-notice__dismiss, +.edit-widgets-notices__pinned .components-notice .components-notice__dismiss { + margin-top: 12px; +} + +.edit-widgets-layout__inserter-panel { + height: 100%; + display: flex; + flex-direction: column; +} +.edit-widgets-layout__inserter-panel .block-editor-inserter__menu { + overflow: hidden; +} + +.edit-widgets-layout__inserter-panel-header { + padding-top: 8px; + padding-left: 8px; + display: flex; + justify-content: flex-end; +} +@media (min-width: 782px) { + .edit-widgets-layout__inserter-panel-header { + display: none; + } +} + +.edit-widgets-layout__inserter-panel-content { + height: calc(100% - 36px - 8px); +} +@media (min-width: 782px) { + .edit-widgets-layout__inserter-panel-content { + height: 100%; + } +} + +.edit-widgets-welcome-guide { + width: 312px; +} +.edit-widgets-welcome-guide__image { + background: #00a0d2; + margin: 0 0 16px; +} +.edit-widgets-welcome-guide__heading { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + font-size: 24px; + line-height: 1.4; + margin: 16px 0 16px 0; + padding: 0 32px; +} +.edit-widgets-welcome-guide__text { + font-size: 13px; + line-height: 1.4; + margin: 0 0 24px 0; + padding: 0 32px; +} +.edit-widgets-welcome-guide__inserter-icon { + margin: 0 4px; + vertical-align: text-top; +} + +.edit-widgets-block-editor { + position: relative; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + display: flex; + flex-direction: column; + flex-grow: 1; +} +.edit-widgets-block-editor > div:last-of-type, +.edit-widgets-block-editor .block-editor-writing-flow, +.edit-widgets-block-editor .block-editor-writing-flow > div { + display: flex; + flex-direction: column; + flex-grow: 1; +} +.edit-widgets-block-editor .edit-widgets-main-block-list { + height: 100%; +} +.edit-widgets-block-editor .components-button { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + font-size: 13px; +} +.edit-widgets-block-editor .components-button.is-tertiary, .edit-widgets-block-editor .components-button.has-icon { + padding: 6px; +} + +html.wp-toolbar { + background: #fff; +} + +body.appearance_page_gutenberg-widgets, +body.widgets-php { + background: #fff; + /* We hide legacy notices in Gutenberg Based Pages, because they were not designed in a way that scaled well. + Plugins can use Gutenberg notices if they need to pass on information to the user when they are editing. */ +} +body.appearance_page_gutenberg-widgets #wpcontent, +body.widgets-php #wpcontent { + padding-right: 0; +} +body.appearance_page_gutenberg-widgets #wpbody-content, +body.widgets-php #wpbody-content { + padding-bottom: 0; +} +body.appearance_page_gutenberg-widgets #wpbody-content > div:not(.blocks-widgets-container):not(#screen-meta), +body.widgets-php #wpbody-content > div:not(.blocks-widgets-container):not(#screen-meta) { + display: none; +} +body.appearance_page_gutenberg-widgets #wpfooter, +body.widgets-php #wpfooter { + display: none; +} +body.appearance_page_gutenberg-widgets .a11y-speak-region, +body.widgets-php .a11y-speak-region { + right: -1px; + top: -1px; +} +body.appearance_page_gutenberg-widgets ul#adminmenu a.wp-has-current-submenu::after, +body.appearance_page_gutenberg-widgets ul#adminmenu > li.current > a.current::after, +body.widgets-php ul#adminmenu a.wp-has-current-submenu::after, +body.widgets-php ul#adminmenu > li.current > a.current::after { + border-left-color: #fff; +} +body.appearance_page_gutenberg-widgets .media-frame select.attachment-filters:last-of-type, +body.widgets-php .media-frame select.attachment-filters:last-of-type { + width: auto; + max-width: 100%; +} + +.blocks-widgets-container, +.components-modal__frame { + box-sizing: border-box; +} +.blocks-widgets-container *, +.blocks-widgets-container *::before, +.blocks-widgets-container *::after, +.components-modal__frame *, +.components-modal__frame *::before, +.components-modal__frame *::after { + box-sizing: inherit; +} + +@media (min-width: 600px) { + .blocks-widgets-container { + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + min-height: calc(100vh - 46px); + } +} +@media (min-width: 782px) { + .blocks-widgets-container { + min-height: calc(100vh - 32px); + } +} +.blocks-widgets-container .interface-interface-skeleton__content { + background-color: #f0f0f0; +} + +.blocks-widgets-container .editor-styles-wrapper { + max-width: 700px; + margin: auto; +} + +.edit-widgets-sidebar .components-button.interface-complementary-area__pin-unpin-item { + display: none; +} + +.widgets-php .notice { + display: none !important; +} + +body.admin-color-light { + --wp-admin-theme-color: #0085ba; + --wp-admin-theme-color-darker-10: #0073a1; + --wp-admin-theme-color-darker-20: #006187; + --wp-admin-border-width-focus: 2px; +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + body.admin-color-light { + --wp-admin-border-width-focus: 1.5px; + } +} + +body.admin-color-modern { + --wp-admin-theme-color: #3858e9; + --wp-admin-theme-color-darker-10: #2145e6; + --wp-admin-theme-color-darker-20: #183ad6; + --wp-admin-border-width-focus: 2px; +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + body.admin-color-modern { + --wp-admin-border-width-focus: 1.5px; + } +} + +body.admin-color-blue { + --wp-admin-theme-color: #096484; + --wp-admin-theme-color-darker-10: #07526c; + --wp-admin-theme-color-darker-20: #064054; + --wp-admin-border-width-focus: 2px; +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + body.admin-color-blue { + --wp-admin-border-width-focus: 1.5px; + } +} + +body.admin-color-coffee { + --wp-admin-theme-color: #46403c; + --wp-admin-theme-color-darker-10: #383330; + --wp-admin-theme-color-darker-20: #2b2724; + --wp-admin-border-width-focus: 2px; +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + body.admin-color-coffee { + --wp-admin-border-width-focus: 1.5px; + } +} + +body.admin-color-ectoplasm { + --wp-admin-theme-color: #523f6d; + --wp-admin-theme-color-darker-10: #46365d; + --wp-admin-theme-color-darker-20: #3a2c4d; + --wp-admin-border-width-focus: 2px; +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + body.admin-color-ectoplasm { + --wp-admin-border-width-focus: 1.5px; + } +} + +body.admin-color-midnight { + --wp-admin-theme-color: #e14d43; + --wp-admin-theme-color-darker-10: #dd382d; + --wp-admin-theme-color-darker-20: #d02c21; + --wp-admin-border-width-focus: 2px; +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + body.admin-color-midnight { + --wp-admin-border-width-focus: 1.5px; + } +} + +body.admin-color-ocean { + --wp-admin-theme-color: #627c83; + --wp-admin-theme-color-darker-10: #576e74; + --wp-admin-theme-color-darker-20: #4c6066; + --wp-admin-border-width-focus: 2px; +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + body.admin-color-ocean { + --wp-admin-border-width-focus: 1.5px; + } +} + +body.admin-color-sunrise { + --wp-admin-theme-color: #dd823b; + --wp-admin-theme-color-darker-10: #d97426; + --wp-admin-theme-color-darker-20: #c36922; + --wp-admin-border-width-focus: 2px; +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + body.admin-color-sunrise { + --wp-admin-border-width-focus: 1.5px; + } +} \ No newline at end of file diff --git a/wp-includes/css/dist/edit-widgets/style-rtl.min.css b/wp-includes/css/dist/edit-widgets/style-rtl.min.css new file mode 100644 index 0000000000..39714d8096 --- /dev/null +++ b/wp-includes/css/dist/edit-widgets/style-rtl.min.css @@ -0,0 +1 @@ +:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.components-panel__header.interface-complementary-area-header__small{background:#fff;padding-left:4px}.components-panel__header.interface-complementary-area-header__small .interface-complementary-area-header__small-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}@media (min-width:782px){.components-panel__header.interface-complementary-area-header__small{display:none}}.interface-complementary-area-header{background:#fff;padding-left:4px}.interface-complementary-area-header .components-button.has-icon{display:none;margin-right:auto}.interface-complementary-area-header .components-button.has-icon~.components-button{margin-right:0}@media (min-width:782px){.interface-complementary-area-header .components-button.has-icon{display:flex}}.interface-complementary-area{background:#fff;color:#1e1e1e}@media (min-width:600px){.interface-complementary-area{-webkit-overflow-scrolling:touch}}@media (min-width:782px){.interface-complementary-area{width:280px}}.interface-complementary-area .components-panel{border:none;position:relative;z-index:0}.interface-complementary-area .components-panel__header{position:sticky;top:0;z-index:1}.interface-complementary-area .components-panel__header.edit-post-sidebar__panel-tabs{top:48px}@media (min-width:782px){.interface-complementary-area .components-panel__header.edit-post-sidebar__panel-tabs{top:0}}.interface-complementary-area p{margin-top:0}.interface-complementary-area h2,.interface-complementary-area h3{font-size:13px;color:#1e1e1e;margin-bottom:1.5em}.interface-complementary-area hr{border-top:none;border-bottom:1px solid #f0f0f0;margin:1.5em 0}.interface-complementary-area div.components-toolbar,.interface-complementary-area div.components-toolbar-group{box-shadow:none;margin-bottom:1.5em}.interface-complementary-area div.components-toolbar-group:last-child,.interface-complementary-area div.components-toolbar:last-child{margin-bottom:0}.interface-complementary-area .block-editor-skip-to-selected-block:focus{top:auto;left:10px;bottom:10px;right:auto}@media (min-width:782px){body.js.is-fullscreen-mode{margin-top:-32px;height:calc(100% + 32px)}body.js.is-fullscreen-mode #adminmenumain,body.js.is-fullscreen-mode #wpadminbar{display:none}body.js.is-fullscreen-mode #wpcontent,body.js.is-fullscreen-mode #wpfooter{margin-right:0}}html.interface-interface-skeleton__html-container{position:fixed;width:100%}@media (min-width:782px){html.interface-interface-skeleton__html-container{position:static;width:auto}}.interface-interface-skeleton{display:flex;flex-direction:row;height:auto;max-height:100%;position:fixed;top:46px;left:0;bottom:0}@media (min-width:783px){.interface-interface-skeleton{top:32px}.is-fullscreen-mode .interface-interface-skeleton{top:0}}.interface-interface-skeleton__editor{display:flex;flex-direction:column;flex:0 1 100%;overflow:hidden}.interface-interface-skeleton{right:0}@media (min-width:783px){.interface-interface-skeleton{right:160px}}@media (min-width:783px){.auto-fold .interface-interface-skeleton{right:36px}}@media (min-width:961px){.auto-fold .interface-interface-skeleton{right:160px}}.folded .interface-interface-skeleton{right:0}@media (min-width:783px){.folded .interface-interface-skeleton{right:36px}}body.is-fullscreen-mode .interface-interface-skeleton{right:0!important}.interface-interface-skeleton__body{flex-grow:1;display:flex;overflow:auto;overscroll-behavior-y:none}@media (min-width:782px){.has-footer .interface-interface-skeleton__body{padding-bottom:25px}}.interface-interface-skeleton__content{flex-grow:1;display:flex;flex-direction:column;overflow:auto;z-index:20}.interface-interface-skeleton__secondary-sidebar,.interface-interface-skeleton__sidebar{display:block;flex-shrink:0;position:absolute;z-index:100000;top:0;left:0;bottom:0;right:0;background:#fff;color:#1e1e1e}@media (min-width:782px){.interface-interface-skeleton__secondary-sidebar,.interface-interface-skeleton__sidebar{position:relative!important;z-index:90;width:auto}}.interface-interface-skeleton__sidebar{overflow:auto}@media (min-width:782px){.interface-interface-skeleton__sidebar{border-right:1px solid #e0e0e0}}@media (min-width:782px){.interface-interface-skeleton__secondary-sidebar{border-left:1px solid #e0e0e0}}.interface-interface-skeleton__header{flex-shrink:0;height:auto;border-bottom:1px solid #e0e0e0;z-index:30;color:#1e1e1e}.interface-interface-skeleton__footer{height:auto;flex-shrink:0;border-top:1px solid #e0e0e0;color:#1e1e1e;position:absolute;bottom:0;right:0;width:100%;background-color:#fff;z-index:90;display:none}@media (min-width:782px){.interface-interface-skeleton__footer{display:flex}}.interface-interface-skeleton__footer .block-editor-block-breadcrumb{z-index:30;display:flex;background:#fff;height:24px;align-items:center;font-size:13px;padding:0 18px}.interface-interface-skeleton__actions{z-index:100000;position:fixed!important;top:-9999em;bottom:auto;right:auto;left:0;width:280px;color:#1e1e1e}.interface-interface-skeleton__actions:focus{top:auto;bottom:0}.interface-pinned-items{display:flex}.interface-pinned-items .components-button:not(:first-child){display:none}@media (min-width:600px){.interface-pinned-items .components-button:not(:first-child){display:flex}}.interface-pinned-items .components-button{margin-right:4px}.interface-pinned-items .components-button svg{max-width:24px;max-height:24px}.wp-block[data-type="core/widget-area"]{max-width:700px;margin-right:auto;margin-left:auto}.wp-block[data-type="core/widget-area"] .components-panel__body>.components-panel__body-title{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;margin:0;height:48px;position:relative;z-index:1;background:#fff;transform:translateZ(0)}.wp-block[data-type="core/widget-area"] .components-panel__body>.components-panel__body-title:hover{background:#fff}.wp-block[data-type="core/widget-area"] .block-list-appender.wp-block{width:auto}.wp-block[data-type="core/widget-area"] .editor-styles-wrapper .wp-block.wp-block.wp-block.wp-block.wp-block{max-width:100%}.wp-block[data-type="core/widget-area"] .components-panel__body.is-opened{padding:0}.blocks-widgets-container .wp-block-widget-area__inner-blocks.editor-styles-wrapper{margin:0;padding:0}.blocks-widgets-container .wp-block-widget-area__inner-blocks.editor-styles-wrapper>.block-editor-block-list__layout{margin-top:-48px;padding:72px 16px 16px;min-height:32px}.wp-block-widget-area__highlight-drop-zone{outline:var(--wp-admin-border-width-focus) solid var(--wp-admin-theme-color)}body.is-dragging-components-draggable .wp-block[data-type="core/widget-area"] .components-panel__body>.components-panel__body-title,body.is-dragging-components-draggable .wp-block[data-type="core/widget-area"] .components-panel__body>.components-panel__body-title *{pointer-events:none}.edit-widgets-header{display:flex;align-items:center;justify-content:space-between;height:60px;padding:0 16px;overflow:auto}@media (min-width:600px){.edit-widgets-header{overflow:visible}}.edit-widgets-header__navigable-toolbar-wrapper{display:flex;align-items:center;justify-content:center}.edit-widgets-header__title{font-size:20px;padding:0;margin:0 0 0 20px}.edit-widgets-header__actions{display:flex}.edit-widgets-header__actions .components-button{margin-left:4px}@media (min-width:600px){.edit-widgets-header__actions .components-button{margin-left:12px}}.edit-widgets-header__actions .edit-widgets-more-menu .components-button,.edit-widgets-header__actions .interface-pinned-items .components-button{margin-left:0}.edit-widgets-header-toolbar{border:none}.edit-widgets-header-toolbar>.components-button.has-icon,.edit-widgets-header-toolbar>.components-dropdown>.components-button.has-icon{height:36px;min-width:36px;padding:6px}.edit-widgets-header-toolbar>.components-button.has-icon.is-pressed,.edit-widgets-header-toolbar>.components-dropdown>.components-button.has-icon.is-pressed{background:#1e1e1e}.edit-widgets-header-toolbar>.components-button.has-icon:focus:not(:disabled),.edit-widgets-header-toolbar>.components-dropdown>.components-button.has-icon:focus:not(:disabled){box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color),inset 0 0 0 1px #fff;outline:1px solid transparent}.edit-widgets-header-toolbar>.components-button.has-icon:before,.edit-widgets-header-toolbar>.components-dropdown>.components-button.has-icon:before{display:none}.edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle{padding-right:8px;padding-left:8px}@media (min-width:600px){.edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle{padding-right:12px;padding-left:12px}}.edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle:after{content:none}.edit-widgets-keyboard-shortcut-help-modal__section{margin:0 0 2rem}.edit-widgets-keyboard-shortcut-help-modal__main-shortcuts .edit-widgets-keyboard-shortcut-help-modal__shortcut-list{margin-top:-25px}.edit-widgets-keyboard-shortcut-help-modal__section-title{font-size:.9rem;font-weight:600}.edit-widgets-keyboard-shortcut-help-modal__shortcut{display:flex;align-items:baseline;padding:.6rem 0;border-top:1px solid #ddd;margin-bottom:0}.edit-widgets-keyboard-shortcut-help-modal__shortcut:last-child{border-bottom:1px solid #ddd}.edit-widgets-keyboard-shortcut-help-modal__shortcut:empty{display:none}.edit-widgets-keyboard-shortcut-help-modal__shortcut-term{font-weight:600;margin:0 1rem 0 0;text-align:left}.edit-widgets-keyboard-shortcut-help-modal__shortcut-description{flex:1;margin:0;flex-basis:auto}.edit-widgets-keyboard-shortcut-help-modal__shortcut-key-combination{display:block;background:none;margin:0;padding:0}.edit-widgets-keyboard-shortcut-help-modal__shortcut-key-combination+.edit-widgets-keyboard-shortcut-help-modal__shortcut-key-combination{margin-top:10px}.edit-widgets-keyboard-shortcut-help-modal__shortcut-key{padding:.25rem .5rem;border-radius:8%;margin:0 .2rem}.edit-widgets-keyboard-shortcut-help-modal__shortcut-key:last-child{margin:0 .2rem 0 0}.edit-widgets-more-menu{margin-right:-4px}.edit-widgets-more-menu .components-button{width:auto;padding:0 2px}@media (min-width:600px){.edit-widgets-more-menu{margin-right:0}.edit-widgets-more-menu .components-button{padding:0 4px}}.edit-widgets-more-menu__content .components-popover__content{min-width:280px}@media (min-width:480px){.edit-widgets-more-menu__content .components-popover__content{width:auto;max-width:480px}}.edit-widgets-more-menu__content .components-popover__content .components-dropdown-menu__menu{padding:0}.components-popover.edit-widgets-more-menu__content{z-index:99998}.components-panel__header.edit-widgets-sidebar__panel-tabs{justify-content:flex-start;padding-right:0;padding-left:4px;border-top:0;margin-top:0}.components-panel__header.edit-widgets-sidebar__panel-tabs ul{display:flex}.components-panel__header.edit-widgets-sidebar__panel-tabs li{margin:0}.components-panel__header.edit-widgets-sidebar__panel-tabs .components-button.has-icon{display:none;margin-right:auto}@media (min-width:782px){.components-panel__header.edit-widgets-sidebar__panel-tabs .components-button.has-icon{display:flex}}.components-button.edit-widgets-sidebar__panel-tab{border-radius:0;height:49px;background:transparent;border:none;box-shadow:none;cursor:pointer;display:inline-block;padding:3px 15px;margin-right:0;font-weight:400;color:#1e1e1e}.components-button.edit-widgets-sidebar__panel-tab:after{content:attr(data-label);display:block;font-weight:600;height:0;overflow:hidden;speak:none;visibility:hidden}.components-button.edit-widgets-sidebar__panel-tab.is-active{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) transparent,inset 0 -4px 0 0 var(--wp-admin-theme-color);font-weight:600;position:relative}.components-button.edit-widgets-sidebar__panel-tab.is-active:before{content:"";position:absolute;top:0;bottom:1px;left:0;right:0;border-bottom:4px solid transparent}.components-button.edit-widgets-sidebar__panel-tab:focus{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}.components-button.edit-widgets-sidebar__panel-tab.is-active:focus{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color),inset 0 -4px 0 0 var(--wp-admin-theme-color)}.edit-widgets-widget-areas__top-container{display:flex;padding:16px}.edit-widgets-widget-areas__top-container .block-editor-block-icon{margin-left:16px}.edit-widgets-notices__snackbar{position:fixed;left:0;bottom:20px;padding-right:16px;padding-left:16px;right:0}@media (min-width:783px){.edit-widgets-notices__snackbar{right:160px}}@media (min-width:783px){.auto-fold .edit-widgets-notices__snackbar{right:36px}}@media (min-width:961px){.auto-fold .edit-widgets-notices__snackbar{right:160px}}.folded .edit-widgets-notices__snackbar{right:0}@media (min-width:783px){.folded .edit-widgets-notices__snackbar{right:36px}}body.is-fullscreen-mode .edit-widgets-notices__snackbar{right:0!important}.edit-widgets-notices__dismissible .components-notice,.edit-widgets-notices__pinned .components-notice{box-sizing:border-box;margin:0;border-bottom:1px solid rgba(0,0,0,.2);padding:0 12px;min-height:60px}.edit-widgets-notices__dismissible .components-notice .components-notice__dismiss,.edit-widgets-notices__pinned .components-notice .components-notice__dismiss{margin-top:12px}.edit-widgets-layout__inserter-panel{height:100%;display:flex;flex-direction:column}.edit-widgets-layout__inserter-panel .block-editor-inserter__menu{overflow:hidden}.edit-widgets-layout__inserter-panel-header{padding-top:8px;padding-left:8px;display:flex;justify-content:flex-end}@media (min-width:782px){.edit-widgets-layout__inserter-panel-header{display:none}}.edit-widgets-layout__inserter-panel-content{height:calc(100% - 44px)}@media (min-width:782px){.edit-widgets-layout__inserter-panel-content{height:100%}}.edit-widgets-welcome-guide{width:312px}.edit-widgets-welcome-guide__image{background:#00a0d2;margin:0 0 16px}.edit-widgets-welcome-guide__heading{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:24px;line-height:1.4;margin:16px 0;padding:0 32px}.edit-widgets-welcome-guide__text{font-size:13px;line-height:1.4;margin:0 0 24px;padding:0 32px}.edit-widgets-welcome-guide__inserter-icon{margin:0 4px;vertical-align:text-top}.edit-widgets-block-editor{position:relative;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.edit-widgets-block-editor,.edit-widgets-block-editor .block-editor-writing-flow,.edit-widgets-block-editor .block-editor-writing-flow>div,.edit-widgets-block-editor>div:last-of-type{display:flex;flex-direction:column;flex-grow:1}.edit-widgets-block-editor .edit-widgets-main-block-list{height:100%}.edit-widgets-block-editor .components-button{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px}.edit-widgets-block-editor .components-button.has-icon,.edit-widgets-block-editor .components-button.is-tertiary{padding:6px}body.appearance_page_gutenberg-widgets,body.widgets-php,html.wp-toolbar{background:#fff}body.appearance_page_gutenberg-widgets #wpcontent,body.widgets-php #wpcontent{padding-right:0}body.appearance_page_gutenberg-widgets #wpbody-content,body.widgets-php #wpbody-content{padding-bottom:0}body.appearance_page_gutenberg-widgets #wpbody-content>div:not(.blocks-widgets-container):not(#screen-meta),body.appearance_page_gutenberg-widgets #wpfooter,body.widgets-php #wpbody-content>div:not(.blocks-widgets-container):not(#screen-meta),body.widgets-php #wpfooter{display:none}body.appearance_page_gutenberg-widgets .a11y-speak-region,body.widgets-php .a11y-speak-region{right:-1px;top:-1px}body.appearance_page_gutenberg-widgets ul#adminmenu>li.current>a.current:after,body.appearance_page_gutenberg-widgets ul#adminmenu a.wp-has-current-submenu:after,body.widgets-php ul#adminmenu>li.current>a.current:after,body.widgets-php ul#adminmenu a.wp-has-current-submenu:after{border-left-color:#fff}body.appearance_page_gutenberg-widgets .media-frame select.attachment-filters:last-of-type,body.widgets-php .media-frame select.attachment-filters:last-of-type{width:auto;max-width:100%}.blocks-widgets-container,.components-modal__frame{box-sizing:border-box}.blocks-widgets-container *,.blocks-widgets-container :after,.blocks-widgets-container :before,.components-modal__frame *,.components-modal__frame :after,.components-modal__frame :before{box-sizing:inherit}@media (min-width:600px){.blocks-widgets-container{position:absolute;top:0;left:0;bottom:0;right:0;min-height:calc(100vh - 46px)}}@media (min-width:782px){.blocks-widgets-container{min-height:calc(100vh - 32px)}}.blocks-widgets-container .interface-interface-skeleton__content{background-color:#f0f0f0}.blocks-widgets-container .editor-styles-wrapper{max-width:700px;margin:auto}.edit-widgets-sidebar .components-button.interface-complementary-area__pin-unpin-item{display:none}.widgets-php .notice{display:none!important}body.admin-color-light{--wp-admin-theme-color:#0085ba;--wp-admin-theme-color-darker-10:#0073a1;--wp-admin-theme-color-darker-20:#006187;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-light{--wp-admin-border-width-focus:1.5px}}body.admin-color-modern{--wp-admin-theme-color:#3858e9;--wp-admin-theme-color-darker-10:#2145e6;--wp-admin-theme-color-darker-20:#183ad6;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-modern{--wp-admin-border-width-focus:1.5px}}body.admin-color-blue{--wp-admin-theme-color:#096484;--wp-admin-theme-color-darker-10:#07526c;--wp-admin-theme-color-darker-20:#064054;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-blue{--wp-admin-border-width-focus:1.5px}}body.admin-color-coffee{--wp-admin-theme-color:#46403c;--wp-admin-theme-color-darker-10:#383330;--wp-admin-theme-color-darker-20:#2b2724;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-coffee{--wp-admin-border-width-focus:1.5px}}body.admin-color-ectoplasm{--wp-admin-theme-color:#523f6d;--wp-admin-theme-color-darker-10:#46365d;--wp-admin-theme-color-darker-20:#3a2c4d;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-ectoplasm{--wp-admin-border-width-focus:1.5px}}body.admin-color-midnight{--wp-admin-theme-color:#e14d43;--wp-admin-theme-color-darker-10:#dd382d;--wp-admin-theme-color-darker-20:#d02c21;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-midnight{--wp-admin-border-width-focus:1.5px}}body.admin-color-ocean{--wp-admin-theme-color:#627c83;--wp-admin-theme-color-darker-10:#576e74;--wp-admin-theme-color-darker-20:#4c6066;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-ocean{--wp-admin-border-width-focus:1.5px}}body.admin-color-sunrise{--wp-admin-theme-color:#dd823b;--wp-admin-theme-color-darker-10:#d97426;--wp-admin-theme-color-darker-20:#c36922;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-sunrise{--wp-admin-border-width-focus:1.5px}} \ No newline at end of file diff --git a/wp-includes/css/dist/edit-widgets/style.css b/wp-includes/css/dist/edit-widgets/style.css new file mode 100644 index 0000000000..78adb48297 --- /dev/null +++ b/wp-includes/css/dist/edit-widgets/style.css @@ -0,0 +1,1000 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles for JavaScript UI based pages. + * This is a WP-admin agnostic reset + */ +/** + * Reset the WP Admin page styles for Gutenberg-like pages. + */ +:root { + --wp-admin-theme-color: #007cba; + --wp-admin-theme-color-darker-10: #006ba1; + --wp-admin-theme-color-darker-20: #005a87; + --wp-admin-border-width-focus: 2px; +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + :root { + --wp-admin-border-width-focus: 1.5px; + } +} + +.components-panel__header.interface-complementary-area-header__small { + background: #fff; + padding-right: 4px; +} +.components-panel__header.interface-complementary-area-header__small .interface-complementary-area-header__small-title { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + width: 100%; +} +@media (min-width: 782px) { + .components-panel__header.interface-complementary-area-header__small { + display: none; + } +} + +.interface-complementary-area-header { + background: #fff; + padding-right: 4px; +} +.interface-complementary-area-header .components-button.has-icon { + display: none; + margin-left: auto; +} +.interface-complementary-area-header .components-button.has-icon ~ .components-button { + margin-left: 0; +} +@media (min-width: 782px) { + .interface-complementary-area-header .components-button.has-icon { + display: flex; + } +} + +.interface-complementary-area { + background: #fff; + color: #1e1e1e; +} +@media (min-width: 600px) { + .interface-complementary-area { + -webkit-overflow-scrolling: touch; + } +} +@media (min-width: 782px) { + .interface-complementary-area { + width: 280px; + } +} +.interface-complementary-area .components-panel { + border: none; + position: relative; + z-index: 0; +} +.interface-complementary-area .components-panel__header { + position: sticky; + top: 0; + z-index: 1; +} +.interface-complementary-area .components-panel__header.edit-post-sidebar__panel-tabs { + top: 48px; +} +@media (min-width: 782px) { + .interface-complementary-area .components-panel__header.edit-post-sidebar__panel-tabs { + top: 0; + } +} +.interface-complementary-area p { + margin-top: 0; +} +.interface-complementary-area h2, +.interface-complementary-area h3 { + font-size: 13px; + color: #1e1e1e; + margin-bottom: 1.5em; +} +.interface-complementary-area hr { + border-top: none; + border-bottom: 1px solid #f0f0f0; + margin: 1.5em 0; +} +.interface-complementary-area div.components-toolbar-group, +.interface-complementary-area div.components-toolbar { + box-shadow: none; + margin-bottom: 1.5em; +} +.interface-complementary-area div.components-toolbar-group:last-child, +.interface-complementary-area div.components-toolbar:last-child { + margin-bottom: 0; +} +.interface-complementary-area .block-editor-skip-to-selected-block:focus { + top: auto; + right: 10px; + bottom: 10px; + left: auto; +} + +@media (min-width: 782px) { + body.js.is-fullscreen-mode { + margin-top: -32px; + height: calc(100% + 32px); + } + body.js.is-fullscreen-mode #adminmenumain, +body.js.is-fullscreen-mode #wpadminbar { + display: none; + } + body.js.is-fullscreen-mode #wpcontent, +body.js.is-fullscreen-mode #wpfooter { + margin-left: 0; + } +} + +html.interface-interface-skeleton__html-container { + position: fixed; + width: 100%; +} +@media (min-width: 782px) { + html.interface-interface-skeleton__html-container { + position: initial; + width: initial; + } +} + +.interface-interface-skeleton { + display: flex; + flex-direction: row; + height: auto; + max-height: 100%; + position: fixed; + top: 46px; + left: 0; + right: 0; + bottom: 0; +} +@media (min-width: 783px) { + .interface-interface-skeleton { + top: 32px; + } + .is-fullscreen-mode .interface-interface-skeleton { + top: 0; + } +} + +.interface-interface-skeleton__editor { + display: flex; + flex-direction: column; + flex: 0 1 100%; + overflow: hidden; +} + +.interface-interface-skeleton { + /* Set left position when auto-fold is not on the body element. */ + left: 0; +} +@media (min-width: 783px) { + .interface-interface-skeleton { + left: 160px; + } +} + +.auto-fold .interface-interface-skeleton { + /* Auto fold is when on smaller breakpoints, nav menu auto collapses. */ +} +@media (min-width: 783px) { + .auto-fold .interface-interface-skeleton { + left: 36px; + } +} +@media (min-width: 961px) { + .auto-fold .interface-interface-skeleton { + left: 160px; + } +} + +/* Sidebar manually collapsed. */ +.folded .interface-interface-skeleton { + left: 0; +} +@media (min-width: 783px) { + .folded .interface-interface-skeleton { + left: 36px; + } +} + +body.is-fullscreen-mode .interface-interface-skeleton { + left: 0 !important; +} + +.interface-interface-skeleton__body { + flex-grow: 1; + display: flex; + overflow: auto; + overscroll-behavior-y: none; +} +@media (min-width: 782px) { + .has-footer .interface-interface-skeleton__body { + padding-bottom: 25px; + } +} + +.interface-interface-skeleton__content { + flex-grow: 1; + display: flex; + flex-direction: column; + overflow: auto; + z-index: 20; +} + +.interface-interface-skeleton__secondary-sidebar, +.interface-interface-skeleton__sidebar { + display: block; + flex-shrink: 0; + position: absolute; + z-index: 100000; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: #fff; + color: #1e1e1e; +} +@media (min-width: 782px) { + .interface-interface-skeleton__secondary-sidebar, +.interface-interface-skeleton__sidebar { + position: relative !important; + z-index: 90; + width: auto; + } +} + +.interface-interface-skeleton__sidebar { + overflow: auto; +} +@media (min-width: 782px) { + .interface-interface-skeleton__sidebar { + border-left: 1px solid #e0e0e0; + } +} + +@media (min-width: 782px) { + .interface-interface-skeleton__secondary-sidebar { + border-right: 1px solid #e0e0e0; + } +} + +.interface-interface-skeleton__header { + flex-shrink: 0; + height: auto; + border-bottom: 1px solid #e0e0e0; + z-index: 30; + color: #1e1e1e; +} + +.interface-interface-skeleton__footer { + height: auto; + flex-shrink: 0; + border-top: 1px solid #e0e0e0; + color: #1e1e1e; + position: absolute; + bottom: 0; + left: 0; + width: 100%; + background-color: #fff; + z-index: 90; + display: none; +} +@media (min-width: 782px) { + .interface-interface-skeleton__footer { + display: flex; + } +} +.interface-interface-skeleton__footer .block-editor-block-breadcrumb { + z-index: 30; + display: flex; + background: #fff; + height: 24px; + align-items: center; + font-size: 13px; + padding: 0 18px; +} + +.interface-interface-skeleton__actions { + z-index: 100000; + position: fixed !important; + top: -9999em; + bottom: auto; + left: auto; + right: 0; + width: 280px; + color: #1e1e1e; +} +.interface-interface-skeleton__actions:focus { + top: auto; + bottom: 0; +} + +.interface-pinned-items { + display: flex; +} +.interface-pinned-items .components-button:not(:first-child) { + display: none; +} +@media (min-width: 600px) { + .interface-pinned-items .components-button:not(:first-child) { + display: flex; + } +} +.interface-pinned-items .components-button { + margin-left: 4px; +} +.interface-pinned-items .components-button svg { + max-width: 24px; + max-height: 24px; +} + +.wp-block[data-type="core/widget-area"] { + max-width: 700px; + margin-left: auto; + margin-right: auto; +} +.wp-block[data-type="core/widget-area"] .components-panel__body > .components-panel__body-title { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + margin: 0; + height: 48px; + position: relative; + z-index: 1; + background: #fff; + transform: translateZ(0); +} +.wp-block[data-type="core/widget-area"] .components-panel__body > .components-panel__body-title:hover { + background: #fff; +} +.wp-block[data-type="core/widget-area"] .block-list-appender.wp-block { + width: initial; +} +.wp-block[data-type="core/widget-area"] .editor-styles-wrapper .wp-block.wp-block.wp-block.wp-block.wp-block { + max-width: 100%; +} +.wp-block[data-type="core/widget-area"] .components-panel__body.is-opened { + padding: 0; +} + +.blocks-widgets-container .wp-block-widget-area__inner-blocks.editor-styles-wrapper { + margin: 0; + padding: 0; +} +.blocks-widgets-container .wp-block-widget-area__inner-blocks.editor-styles-wrapper > .block-editor-block-list__layout { + margin-top: -48px; + padding: 72px 16px 16px; + min-height: 32px; +} + +.wp-block-widget-area__highlight-drop-zone { + outline: var(--wp-admin-border-width-focus) solid var(--wp-admin-theme-color); +} + +body.is-dragging-components-draggable .wp-block[data-type="core/widget-area"] .components-panel__body > .components-panel__body-title, +body.is-dragging-components-draggable .wp-block[data-type="core/widget-area"] .components-panel__body > .components-panel__body-title * { + pointer-events: none; +} + +.edit-widgets-header { + display: flex; + align-items: center; + justify-content: space-between; + height: 60px; + padding: 0 16px; + overflow: auto; +} +@media (min-width: 600px) { + .edit-widgets-header { + overflow: visible; + } +} + +.edit-widgets-header__navigable-toolbar-wrapper { + display: flex; + align-items: center; + justify-content: center; +} + +.edit-widgets-header__title { + font-size: 20px; + padding: 0; + margin: 0 20px 0 0; +} + +.edit-widgets-header__actions { + display: flex; +} +.edit-widgets-header__actions .components-button { + margin-right: 4px; +} +@media (min-width: 600px) { + .edit-widgets-header__actions .components-button { + margin-right: 12px; + } +} +.edit-widgets-header__actions .edit-widgets-more-menu .components-button, +.edit-widgets-header__actions .interface-pinned-items .components-button { + margin-right: 0; +} + +.edit-widgets-header-toolbar { + border: none; +} +.edit-widgets-header-toolbar > .components-button.has-icon, +.edit-widgets-header-toolbar > .components-dropdown > .components-button.has-icon { + height: 36px; + min-width: 36px; + padding: 6px; +} +.edit-widgets-header-toolbar > .components-button.has-icon.is-pressed, +.edit-widgets-header-toolbar > .components-dropdown > .components-button.has-icon.is-pressed { + background: #1e1e1e; +} +.edit-widgets-header-toolbar > .components-button.has-icon:focus:not(:disabled), +.edit-widgets-header-toolbar > .components-dropdown > .components-button.has-icon:focus:not(:disabled) { + box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 1px #fff; + outline: 1px solid transparent; +} +.edit-widgets-header-toolbar > .components-button.has-icon::before, +.edit-widgets-header-toolbar > .components-dropdown > .components-button.has-icon::before { + display: none; +} + +.edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle { + padding-left: 8px; + padding-right: 8px; +} +@media (min-width: 600px) { + .edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle { + padding-left: 12px; + padding-right: 12px; + } +} +.edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle::after { + content: none; +} + +.edit-widgets-keyboard-shortcut-help-modal__section { + margin: 0 0 2rem 0; +} +.edit-widgets-keyboard-shortcut-help-modal__main-shortcuts .edit-widgets-keyboard-shortcut-help-modal__shortcut-list { + margin-top: -25px; +} +.edit-widgets-keyboard-shortcut-help-modal__section-title { + font-size: 0.9rem; + font-weight: 600; +} +.edit-widgets-keyboard-shortcut-help-modal__shortcut { + display: flex; + align-items: baseline; + padding: 0.6rem 0; + border-top: 1px solid #ddd; + margin-bottom: 0; +} +.edit-widgets-keyboard-shortcut-help-modal__shortcut:last-child { + border-bottom: 1px solid #ddd; +} +.edit-widgets-keyboard-shortcut-help-modal__shortcut:empty { + display: none; +} +.edit-widgets-keyboard-shortcut-help-modal__shortcut-term { + font-weight: 600; + margin: 0 0 0 1rem; + text-align: right; +} +.edit-widgets-keyboard-shortcut-help-modal__shortcut-description { + flex: 1; + margin: 0; + flex-basis: auto; +} +.edit-widgets-keyboard-shortcut-help-modal__shortcut-key-combination { + display: block; + background: none; + margin: 0; + padding: 0; +} +.edit-widgets-keyboard-shortcut-help-modal__shortcut-key-combination + .edit-widgets-keyboard-shortcut-help-modal__shortcut-key-combination { + margin-top: 10px; +} +.edit-widgets-keyboard-shortcut-help-modal__shortcut-key { + padding: 0.25rem 0.5rem; + border-radius: 8%; + margin: 0 0.2rem 0 0.2rem; +} +.edit-widgets-keyboard-shortcut-help-modal__shortcut-key:last-child { + margin: 0 0 0 0.2rem; +} + +.edit-widgets-more-menu { + margin-left: -4px; +} +.edit-widgets-more-menu .components-button { + width: auto; + padding: 0 2px; +} +@media (min-width: 600px) { + .edit-widgets-more-menu { + margin-left: 0; + } + .edit-widgets-more-menu .components-button { + padding: 0 4px; + } +} + +.edit-widgets-more-menu__content .components-popover__content { + min-width: 280px; +} +@media (min-width: 480px) { + .edit-widgets-more-menu__content .components-popover__content { + width: auto; + max-width: 480px; + } +} +.edit-widgets-more-menu__content .components-popover__content .components-dropdown-menu__menu { + padding: 0; +} + +.components-popover.edit-widgets-more-menu__content { + z-index: 99998; +} + +.components-panel__header.edit-widgets-sidebar__panel-tabs { + justify-content: flex-start; + padding-left: 0; + padding-right: 4px; + border-top: 0; + margin-top: 0; +} +.components-panel__header.edit-widgets-sidebar__panel-tabs ul { + display: flex; +} +.components-panel__header.edit-widgets-sidebar__panel-tabs li { + margin: 0; +} +.components-panel__header.edit-widgets-sidebar__panel-tabs .components-button.has-icon { + display: none; + margin-left: auto; +} +@media (min-width: 782px) { + .components-panel__header.edit-widgets-sidebar__panel-tabs .components-button.has-icon { + display: flex; + } +} + +.components-button.edit-widgets-sidebar__panel-tab { + border-radius: 0; + height: 49px; + background: transparent; + border: none; + box-shadow: none; + cursor: pointer; + display: inline-block; + padding: 3px 15px; + margin-left: 0; + font-weight: 400; + color: #1e1e1e; +} +.components-button.edit-widgets-sidebar__panel-tab::after { + content: attr(data-label); + display: block; + font-weight: 600; + height: 0; + overflow: hidden; + speak: none; + visibility: hidden; +} +.components-button.edit-widgets-sidebar__panel-tab.is-active { + box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) transparent, inset 0 -4px 0 0 var(--wp-admin-theme-color); + font-weight: 600; + position: relative; +} +.components-button.edit-widgets-sidebar__panel-tab.is-active::before { + content: ""; + position: absolute; + top: 0; + bottom: 1px; + right: 0; + left: 0; + border-bottom: 4px solid transparent; +} +.components-button.edit-widgets-sidebar__panel-tab:focus { + box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); +} +.components-button.edit-widgets-sidebar__panel-tab.is-active:focus { + box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 -4px 0 0 var(--wp-admin-theme-color); +} + +.edit-widgets-widget-areas__top-container { + display: flex; + padding: 16px; +} +.edit-widgets-widget-areas__top-container .block-editor-block-icon { + margin-right: 16px; +} + +.edit-widgets-notices__snackbar { + position: fixed; + right: 0; + bottom: 20px; + padding-left: 16px; + padding-right: 16px; +} + +.edit-widgets-notices__snackbar { + /* Set left position when auto-fold is not on the body element. */ + left: 0; +} +@media (min-width: 783px) { + .edit-widgets-notices__snackbar { + left: 160px; + } +} + +.auto-fold .edit-widgets-notices__snackbar { + /* Auto fold is when on smaller breakpoints, nav menu auto collapses. */ +} +@media (min-width: 783px) { + .auto-fold .edit-widgets-notices__snackbar { + left: 36px; + } +} +@media (min-width: 961px) { + .auto-fold .edit-widgets-notices__snackbar { + left: 160px; + } +} + +/* Sidebar manually collapsed. */ +.folded .edit-widgets-notices__snackbar { + left: 0; +} +@media (min-width: 783px) { + .folded .edit-widgets-notices__snackbar { + left: 36px; + } +} + +body.is-fullscreen-mode .edit-widgets-notices__snackbar { + left: 0 !important; +} + +.edit-widgets-notices__dismissible .components-notice, +.edit-widgets-notices__pinned .components-notice { + box-sizing: border-box; + margin: 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.2); + padding: 0 12px; + min-height: 60px; +} +.edit-widgets-notices__dismissible .components-notice .components-notice__dismiss, +.edit-widgets-notices__pinned .components-notice .components-notice__dismiss { + margin-top: 12px; +} + +.edit-widgets-layout__inserter-panel { + height: 100%; + display: flex; + flex-direction: column; +} +.edit-widgets-layout__inserter-panel .block-editor-inserter__menu { + overflow: hidden; +} + +.edit-widgets-layout__inserter-panel-header { + padding-top: 8px; + padding-right: 8px; + display: flex; + justify-content: flex-end; +} +@media (min-width: 782px) { + .edit-widgets-layout__inserter-panel-header { + display: none; + } +} + +.edit-widgets-layout__inserter-panel-content { + height: calc(100% - 36px - 8px); +} +@media (min-width: 782px) { + .edit-widgets-layout__inserter-panel-content { + height: 100%; + } +} + +.edit-widgets-welcome-guide { + width: 312px; +} +.edit-widgets-welcome-guide__image { + background: #00a0d2; + margin: 0 0 16px; +} +.edit-widgets-welcome-guide__heading { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + font-size: 24px; + line-height: 1.4; + margin: 16px 0 16px 0; + padding: 0 32px; +} +.edit-widgets-welcome-guide__text { + font-size: 13px; + line-height: 1.4; + margin: 0 0 24px 0; + padding: 0 32px; +} +.edit-widgets-welcome-guide__inserter-icon { + margin: 0 4px; + vertical-align: text-top; +} + +.edit-widgets-block-editor { + position: relative; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + display: flex; + flex-direction: column; + flex-grow: 1; +} +.edit-widgets-block-editor > div:last-of-type, +.edit-widgets-block-editor .block-editor-writing-flow, +.edit-widgets-block-editor .block-editor-writing-flow > div { + display: flex; + flex-direction: column; + flex-grow: 1; +} +.edit-widgets-block-editor .edit-widgets-main-block-list { + height: 100%; +} +.edit-widgets-block-editor .components-button { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + font-size: 13px; +} +.edit-widgets-block-editor .components-button.is-tertiary, .edit-widgets-block-editor .components-button.has-icon { + padding: 6px; +} + +html.wp-toolbar { + background: #fff; +} + +body.appearance_page_gutenberg-widgets, +body.widgets-php { + background: #fff; + /* We hide legacy notices in Gutenberg Based Pages, because they were not designed in a way that scaled well. + Plugins can use Gutenberg notices if they need to pass on information to the user when they are editing. */ +} +body.appearance_page_gutenberg-widgets #wpcontent, +body.widgets-php #wpcontent { + padding-left: 0; +} +body.appearance_page_gutenberg-widgets #wpbody-content, +body.widgets-php #wpbody-content { + padding-bottom: 0; +} +body.appearance_page_gutenberg-widgets #wpbody-content > div:not(.blocks-widgets-container):not(#screen-meta), +body.widgets-php #wpbody-content > div:not(.blocks-widgets-container):not(#screen-meta) { + display: none; +} +body.appearance_page_gutenberg-widgets #wpfooter, +body.widgets-php #wpfooter { + display: none; +} +body.appearance_page_gutenberg-widgets .a11y-speak-region, +body.widgets-php .a11y-speak-region { + left: -1px; + top: -1px; +} +body.appearance_page_gutenberg-widgets ul#adminmenu a.wp-has-current-submenu::after, +body.appearance_page_gutenberg-widgets ul#adminmenu > li.current > a.current::after, +body.widgets-php ul#adminmenu a.wp-has-current-submenu::after, +body.widgets-php ul#adminmenu > li.current > a.current::after { + border-right-color: #fff; +} +body.appearance_page_gutenberg-widgets .media-frame select.attachment-filters:last-of-type, +body.widgets-php .media-frame select.attachment-filters:last-of-type { + width: auto; + max-width: 100%; +} + +.blocks-widgets-container, +.components-modal__frame { + box-sizing: border-box; +} +.blocks-widgets-container *, +.blocks-widgets-container *::before, +.blocks-widgets-container *::after, +.components-modal__frame *, +.components-modal__frame *::before, +.components-modal__frame *::after { + box-sizing: inherit; +} + +@media (min-width: 600px) { + .blocks-widgets-container { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + min-height: calc(100vh - 46px); + } +} +@media (min-width: 782px) { + .blocks-widgets-container { + min-height: calc(100vh - 32px); + } +} +.blocks-widgets-container .interface-interface-skeleton__content { + background-color: #f0f0f0; +} + +.blocks-widgets-container .editor-styles-wrapper { + max-width: 700px; + margin: auto; +} + +.edit-widgets-sidebar .components-button.interface-complementary-area__pin-unpin-item { + display: none; +} + +.widgets-php .notice { + display: none !important; +} + +body.admin-color-light { + --wp-admin-theme-color: #0085ba; + --wp-admin-theme-color-darker-10: #0073a1; + --wp-admin-theme-color-darker-20: #006187; + --wp-admin-border-width-focus: 2px; +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + body.admin-color-light { + --wp-admin-border-width-focus: 1.5px; + } +} + +body.admin-color-modern { + --wp-admin-theme-color: #3858e9; + --wp-admin-theme-color-darker-10: #2145e6; + --wp-admin-theme-color-darker-20: #183ad6; + --wp-admin-border-width-focus: 2px; +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + body.admin-color-modern { + --wp-admin-border-width-focus: 1.5px; + } +} + +body.admin-color-blue { + --wp-admin-theme-color: #096484; + --wp-admin-theme-color-darker-10: #07526c; + --wp-admin-theme-color-darker-20: #064054; + --wp-admin-border-width-focus: 2px; +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + body.admin-color-blue { + --wp-admin-border-width-focus: 1.5px; + } +} + +body.admin-color-coffee { + --wp-admin-theme-color: #46403c; + --wp-admin-theme-color-darker-10: #383330; + --wp-admin-theme-color-darker-20: #2b2724; + --wp-admin-border-width-focus: 2px; +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + body.admin-color-coffee { + --wp-admin-border-width-focus: 1.5px; + } +} + +body.admin-color-ectoplasm { + --wp-admin-theme-color: #523f6d; + --wp-admin-theme-color-darker-10: #46365d; + --wp-admin-theme-color-darker-20: #3a2c4d; + --wp-admin-border-width-focus: 2px; +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + body.admin-color-ectoplasm { + --wp-admin-border-width-focus: 1.5px; + } +} + +body.admin-color-midnight { + --wp-admin-theme-color: #e14d43; + --wp-admin-theme-color-darker-10: #dd382d; + --wp-admin-theme-color-darker-20: #d02c21; + --wp-admin-border-width-focus: 2px; +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + body.admin-color-midnight { + --wp-admin-border-width-focus: 1.5px; + } +} + +body.admin-color-ocean { + --wp-admin-theme-color: #627c83; + --wp-admin-theme-color-darker-10: #576e74; + --wp-admin-theme-color-darker-20: #4c6066; + --wp-admin-border-width-focus: 2px; +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + body.admin-color-ocean { + --wp-admin-border-width-focus: 1.5px; + } +} + +body.admin-color-sunrise { + --wp-admin-theme-color: #dd823b; + --wp-admin-theme-color-darker-10: #d97426; + --wp-admin-theme-color-darker-20: #c36922; + --wp-admin-border-width-focus: 2px; +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + body.admin-color-sunrise { + --wp-admin-border-width-focus: 1.5px; + } +} \ No newline at end of file diff --git a/wp-includes/css/dist/edit-widgets/style.min.css b/wp-includes/css/dist/edit-widgets/style.min.css new file mode 100644 index 0000000000..ce9a21f18d --- /dev/null +++ b/wp-includes/css/dist/edit-widgets/style.min.css @@ -0,0 +1 @@ +:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.components-panel__header.interface-complementary-area-header__small{background:#fff;padding-right:4px}.components-panel__header.interface-complementary-area-header__small .interface-complementary-area-header__small-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}@media (min-width:782px){.components-panel__header.interface-complementary-area-header__small{display:none}}.interface-complementary-area-header{background:#fff;padding-right:4px}.interface-complementary-area-header .components-button.has-icon{display:none;margin-left:auto}.interface-complementary-area-header .components-button.has-icon~.components-button{margin-left:0}@media (min-width:782px){.interface-complementary-area-header .components-button.has-icon{display:flex}}.interface-complementary-area{background:#fff;color:#1e1e1e}@media (min-width:600px){.interface-complementary-area{-webkit-overflow-scrolling:touch}}@media (min-width:782px){.interface-complementary-area{width:280px}}.interface-complementary-area .components-panel{border:none;position:relative;z-index:0}.interface-complementary-area .components-panel__header{position:sticky;top:0;z-index:1}.interface-complementary-area .components-panel__header.edit-post-sidebar__panel-tabs{top:48px}@media (min-width:782px){.interface-complementary-area .components-panel__header.edit-post-sidebar__panel-tabs{top:0}}.interface-complementary-area p{margin-top:0}.interface-complementary-area h2,.interface-complementary-area h3{font-size:13px;color:#1e1e1e;margin-bottom:1.5em}.interface-complementary-area hr{border-top:none;border-bottom:1px solid #f0f0f0;margin:1.5em 0}.interface-complementary-area div.components-toolbar,.interface-complementary-area div.components-toolbar-group{box-shadow:none;margin-bottom:1.5em}.interface-complementary-area div.components-toolbar-group:last-child,.interface-complementary-area div.components-toolbar:last-child{margin-bottom:0}.interface-complementary-area .block-editor-skip-to-selected-block:focus{top:auto;right:10px;bottom:10px;left:auto}@media (min-width:782px){body.js.is-fullscreen-mode{margin-top:-32px;height:calc(100% + 32px)}body.js.is-fullscreen-mode #adminmenumain,body.js.is-fullscreen-mode #wpadminbar{display:none}body.js.is-fullscreen-mode #wpcontent,body.js.is-fullscreen-mode #wpfooter{margin-left:0}}html.interface-interface-skeleton__html-container{position:fixed;width:100%}@media (min-width:782px){html.interface-interface-skeleton__html-container{position:static;width:auto}}.interface-interface-skeleton{display:flex;flex-direction:row;height:auto;max-height:100%;position:fixed;top:46px;right:0;bottom:0}@media (min-width:783px){.interface-interface-skeleton{top:32px}.is-fullscreen-mode .interface-interface-skeleton{top:0}}.interface-interface-skeleton__editor{display:flex;flex-direction:column;flex:0 1 100%;overflow:hidden}.interface-interface-skeleton{left:0}@media (min-width:783px){.interface-interface-skeleton{left:160px}}@media (min-width:783px){.auto-fold .interface-interface-skeleton{left:36px}}@media (min-width:961px){.auto-fold .interface-interface-skeleton{left:160px}}.folded .interface-interface-skeleton{left:0}@media (min-width:783px){.folded .interface-interface-skeleton{left:36px}}body.is-fullscreen-mode .interface-interface-skeleton{left:0!important}.interface-interface-skeleton__body{flex-grow:1;display:flex;overflow:auto;overscroll-behavior-y:none}@media (min-width:782px){.has-footer .interface-interface-skeleton__body{padding-bottom:25px}}.interface-interface-skeleton__content{flex-grow:1;display:flex;flex-direction:column;overflow:auto;z-index:20}.interface-interface-skeleton__secondary-sidebar,.interface-interface-skeleton__sidebar{display:block;flex-shrink:0;position:absolute;z-index:100000;top:0;right:0;bottom:0;left:0;background:#fff;color:#1e1e1e}@media (min-width:782px){.interface-interface-skeleton__secondary-sidebar,.interface-interface-skeleton__sidebar{position:relative!important;z-index:90;width:auto}}.interface-interface-skeleton__sidebar{overflow:auto}@media (min-width:782px){.interface-interface-skeleton__sidebar{border-left:1px solid #e0e0e0}}@media (min-width:782px){.interface-interface-skeleton__secondary-sidebar{border-right:1px solid #e0e0e0}}.interface-interface-skeleton__header{flex-shrink:0;height:auto;border-bottom:1px solid #e0e0e0;z-index:30;color:#1e1e1e}.interface-interface-skeleton__footer{height:auto;flex-shrink:0;border-top:1px solid #e0e0e0;color:#1e1e1e;position:absolute;bottom:0;left:0;width:100%;background-color:#fff;z-index:90;display:none}@media (min-width:782px){.interface-interface-skeleton__footer{display:flex}}.interface-interface-skeleton__footer .block-editor-block-breadcrumb{z-index:30;display:flex;background:#fff;height:24px;align-items:center;font-size:13px;padding:0 18px}.interface-interface-skeleton__actions{z-index:100000;position:fixed!important;top:-9999em;bottom:auto;left:auto;right:0;width:280px;color:#1e1e1e}.interface-interface-skeleton__actions:focus{top:auto;bottom:0}.interface-pinned-items{display:flex}.interface-pinned-items .components-button:not(:first-child){display:none}@media (min-width:600px){.interface-pinned-items .components-button:not(:first-child){display:flex}}.interface-pinned-items .components-button{margin-left:4px}.interface-pinned-items .components-button svg{max-width:24px;max-height:24px}.wp-block[data-type="core/widget-area"]{max-width:700px;margin-left:auto;margin-right:auto}.wp-block[data-type="core/widget-area"] .components-panel__body>.components-panel__body-title{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;margin:0;height:48px;position:relative;z-index:1;background:#fff;transform:translateZ(0)}.wp-block[data-type="core/widget-area"] .components-panel__body>.components-panel__body-title:hover{background:#fff}.wp-block[data-type="core/widget-area"] .block-list-appender.wp-block{width:auto}.wp-block[data-type="core/widget-area"] .editor-styles-wrapper .wp-block.wp-block.wp-block.wp-block.wp-block{max-width:100%}.wp-block[data-type="core/widget-area"] .components-panel__body.is-opened{padding:0}.blocks-widgets-container .wp-block-widget-area__inner-blocks.editor-styles-wrapper{margin:0;padding:0}.blocks-widgets-container .wp-block-widget-area__inner-blocks.editor-styles-wrapper>.block-editor-block-list__layout{margin-top:-48px;padding:72px 16px 16px;min-height:32px}.wp-block-widget-area__highlight-drop-zone{outline:var(--wp-admin-border-width-focus) solid var(--wp-admin-theme-color)}body.is-dragging-components-draggable .wp-block[data-type="core/widget-area"] .components-panel__body>.components-panel__body-title,body.is-dragging-components-draggable .wp-block[data-type="core/widget-area"] .components-panel__body>.components-panel__body-title *{pointer-events:none}.edit-widgets-header{display:flex;align-items:center;justify-content:space-between;height:60px;padding:0 16px;overflow:auto}@media (min-width:600px){.edit-widgets-header{overflow:visible}}.edit-widgets-header__navigable-toolbar-wrapper{display:flex;align-items:center;justify-content:center}.edit-widgets-header__title{font-size:20px;padding:0;margin:0 20px 0 0}.edit-widgets-header__actions{display:flex}.edit-widgets-header__actions .components-button{margin-right:4px}@media (min-width:600px){.edit-widgets-header__actions .components-button{margin-right:12px}}.edit-widgets-header__actions .edit-widgets-more-menu .components-button,.edit-widgets-header__actions .interface-pinned-items .components-button{margin-right:0}.edit-widgets-header-toolbar{border:none}.edit-widgets-header-toolbar>.components-button.has-icon,.edit-widgets-header-toolbar>.components-dropdown>.components-button.has-icon{height:36px;min-width:36px;padding:6px}.edit-widgets-header-toolbar>.components-button.has-icon.is-pressed,.edit-widgets-header-toolbar>.components-dropdown>.components-button.has-icon.is-pressed{background:#1e1e1e}.edit-widgets-header-toolbar>.components-button.has-icon:focus:not(:disabled),.edit-widgets-header-toolbar>.components-dropdown>.components-button.has-icon:focus:not(:disabled){box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color),inset 0 0 0 1px #fff;outline:1px solid transparent}.edit-widgets-header-toolbar>.components-button.has-icon:before,.edit-widgets-header-toolbar>.components-dropdown>.components-button.has-icon:before{display:none}.edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle{padding-left:8px;padding-right:8px}@media (min-width:600px){.edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle{padding-left:12px;padding-right:12px}}.edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle:after{content:none}.edit-widgets-keyboard-shortcut-help-modal__section{margin:0 0 2rem}.edit-widgets-keyboard-shortcut-help-modal__main-shortcuts .edit-widgets-keyboard-shortcut-help-modal__shortcut-list{margin-top:-25px}.edit-widgets-keyboard-shortcut-help-modal__section-title{font-size:.9rem;font-weight:600}.edit-widgets-keyboard-shortcut-help-modal__shortcut{display:flex;align-items:baseline;padding:.6rem 0;border-top:1px solid #ddd;margin-bottom:0}.edit-widgets-keyboard-shortcut-help-modal__shortcut:last-child{border-bottom:1px solid #ddd}.edit-widgets-keyboard-shortcut-help-modal__shortcut:empty{display:none}.edit-widgets-keyboard-shortcut-help-modal__shortcut-term{font-weight:600;margin:0 0 0 1rem;text-align:right}.edit-widgets-keyboard-shortcut-help-modal__shortcut-description{flex:1;margin:0;flex-basis:auto}.edit-widgets-keyboard-shortcut-help-modal__shortcut-key-combination{display:block;background:none;margin:0;padding:0}.edit-widgets-keyboard-shortcut-help-modal__shortcut-key-combination+.edit-widgets-keyboard-shortcut-help-modal__shortcut-key-combination{margin-top:10px}.edit-widgets-keyboard-shortcut-help-modal__shortcut-key{padding:.25rem .5rem;border-radius:8%;margin:0 .2rem}.edit-widgets-keyboard-shortcut-help-modal__shortcut-key:last-child{margin:0 0 0 .2rem}.edit-widgets-more-menu{margin-left:-4px}.edit-widgets-more-menu .components-button{width:auto;padding:0 2px}@media (min-width:600px){.edit-widgets-more-menu{margin-left:0}.edit-widgets-more-menu .components-button{padding:0 4px}}.edit-widgets-more-menu__content .components-popover__content{min-width:280px}@media (min-width:480px){.edit-widgets-more-menu__content .components-popover__content{width:auto;max-width:480px}}.edit-widgets-more-menu__content .components-popover__content .components-dropdown-menu__menu{padding:0}.components-popover.edit-widgets-more-menu__content{z-index:99998}.components-panel__header.edit-widgets-sidebar__panel-tabs{justify-content:flex-start;padding-left:0;padding-right:4px;border-top:0;margin-top:0}.components-panel__header.edit-widgets-sidebar__panel-tabs ul{display:flex}.components-panel__header.edit-widgets-sidebar__panel-tabs li{margin:0}.components-panel__header.edit-widgets-sidebar__panel-tabs .components-button.has-icon{display:none;margin-left:auto}@media (min-width:782px){.components-panel__header.edit-widgets-sidebar__panel-tabs .components-button.has-icon{display:flex}}.components-button.edit-widgets-sidebar__panel-tab{border-radius:0;height:49px;background:transparent;border:none;box-shadow:none;cursor:pointer;display:inline-block;padding:3px 15px;margin-left:0;font-weight:400;color:#1e1e1e}.components-button.edit-widgets-sidebar__panel-tab:after{content:attr(data-label);display:block;font-weight:600;height:0;overflow:hidden;speak:none;visibility:hidden}.components-button.edit-widgets-sidebar__panel-tab.is-active{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) transparent,inset 0 -4px 0 0 var(--wp-admin-theme-color);font-weight:600;position:relative}.components-button.edit-widgets-sidebar__panel-tab.is-active:before{content:"";position:absolute;top:0;bottom:1px;right:0;left:0;border-bottom:4px solid transparent}.components-button.edit-widgets-sidebar__panel-tab:focus{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}.components-button.edit-widgets-sidebar__panel-tab.is-active:focus{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color),inset 0 -4px 0 0 var(--wp-admin-theme-color)}.edit-widgets-widget-areas__top-container{display:flex;padding:16px}.edit-widgets-widget-areas__top-container .block-editor-block-icon{margin-right:16px}.edit-widgets-notices__snackbar{position:fixed;right:0;bottom:20px;padding-left:16px;padding-right:16px;left:0}@media (min-width:783px){.edit-widgets-notices__snackbar{left:160px}}@media (min-width:783px){.auto-fold .edit-widgets-notices__snackbar{left:36px}}@media (min-width:961px){.auto-fold .edit-widgets-notices__snackbar{left:160px}}.folded .edit-widgets-notices__snackbar{left:0}@media (min-width:783px){.folded .edit-widgets-notices__snackbar{left:36px}}body.is-fullscreen-mode .edit-widgets-notices__snackbar{left:0!important}.edit-widgets-notices__dismissible .components-notice,.edit-widgets-notices__pinned .components-notice{box-sizing:border-box;margin:0;border-bottom:1px solid rgba(0,0,0,.2);padding:0 12px;min-height:60px}.edit-widgets-notices__dismissible .components-notice .components-notice__dismiss,.edit-widgets-notices__pinned .components-notice .components-notice__dismiss{margin-top:12px}.edit-widgets-layout__inserter-panel{height:100%;display:flex;flex-direction:column}.edit-widgets-layout__inserter-panel .block-editor-inserter__menu{overflow:hidden}.edit-widgets-layout__inserter-panel-header{padding-top:8px;padding-right:8px;display:flex;justify-content:flex-end}@media (min-width:782px){.edit-widgets-layout__inserter-panel-header{display:none}}.edit-widgets-layout__inserter-panel-content{height:calc(100% - 44px)}@media (min-width:782px){.edit-widgets-layout__inserter-panel-content{height:100%}}.edit-widgets-welcome-guide{width:312px}.edit-widgets-welcome-guide__image{background:#00a0d2;margin:0 0 16px}.edit-widgets-welcome-guide__heading{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:24px;line-height:1.4;margin:16px 0;padding:0 32px}.edit-widgets-welcome-guide__text{font-size:13px;line-height:1.4;margin:0 0 24px;padding:0 32px}.edit-widgets-welcome-guide__inserter-icon{margin:0 4px;vertical-align:text-top}.edit-widgets-block-editor{position:relative;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.edit-widgets-block-editor,.edit-widgets-block-editor .block-editor-writing-flow,.edit-widgets-block-editor .block-editor-writing-flow>div,.edit-widgets-block-editor>div:last-of-type{display:flex;flex-direction:column;flex-grow:1}.edit-widgets-block-editor .edit-widgets-main-block-list{height:100%}.edit-widgets-block-editor .components-button{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px}.edit-widgets-block-editor .components-button.has-icon,.edit-widgets-block-editor .components-button.is-tertiary{padding:6px}body.appearance_page_gutenberg-widgets,body.widgets-php,html.wp-toolbar{background:#fff}body.appearance_page_gutenberg-widgets #wpcontent,body.widgets-php #wpcontent{padding-left:0}body.appearance_page_gutenberg-widgets #wpbody-content,body.widgets-php #wpbody-content{padding-bottom:0}body.appearance_page_gutenberg-widgets #wpbody-content>div:not(.blocks-widgets-container):not(#screen-meta),body.appearance_page_gutenberg-widgets #wpfooter,body.widgets-php #wpbody-content>div:not(.blocks-widgets-container):not(#screen-meta),body.widgets-php #wpfooter{display:none}body.appearance_page_gutenberg-widgets .a11y-speak-region,body.widgets-php .a11y-speak-region{left:-1px;top:-1px}body.appearance_page_gutenberg-widgets ul#adminmenu>li.current>a.current:after,body.appearance_page_gutenberg-widgets ul#adminmenu a.wp-has-current-submenu:after,body.widgets-php ul#adminmenu>li.current>a.current:after,body.widgets-php ul#adminmenu a.wp-has-current-submenu:after{border-right-color:#fff}body.appearance_page_gutenberg-widgets .media-frame select.attachment-filters:last-of-type,body.widgets-php .media-frame select.attachment-filters:last-of-type{width:auto;max-width:100%}.blocks-widgets-container,.components-modal__frame{box-sizing:border-box}.blocks-widgets-container *,.blocks-widgets-container :after,.blocks-widgets-container :before,.components-modal__frame *,.components-modal__frame :after,.components-modal__frame :before{box-sizing:inherit}@media (min-width:600px){.blocks-widgets-container{position:absolute;top:0;right:0;bottom:0;left:0;min-height:calc(100vh - 46px)}}@media (min-width:782px){.blocks-widgets-container{min-height:calc(100vh - 32px)}}.blocks-widgets-container .interface-interface-skeleton__content{background-color:#f0f0f0}.blocks-widgets-container .editor-styles-wrapper{max-width:700px;margin:auto}.edit-widgets-sidebar .components-button.interface-complementary-area__pin-unpin-item{display:none}.widgets-php .notice{display:none!important}body.admin-color-light{--wp-admin-theme-color:#0085ba;--wp-admin-theme-color-darker-10:#0073a1;--wp-admin-theme-color-darker-20:#006187;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-light{--wp-admin-border-width-focus:1.5px}}body.admin-color-modern{--wp-admin-theme-color:#3858e9;--wp-admin-theme-color-darker-10:#2145e6;--wp-admin-theme-color-darker-20:#183ad6;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-modern{--wp-admin-border-width-focus:1.5px}}body.admin-color-blue{--wp-admin-theme-color:#096484;--wp-admin-theme-color-darker-10:#07526c;--wp-admin-theme-color-darker-20:#064054;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-blue{--wp-admin-border-width-focus:1.5px}}body.admin-color-coffee{--wp-admin-theme-color:#46403c;--wp-admin-theme-color-darker-10:#383330;--wp-admin-theme-color-darker-20:#2b2724;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-coffee{--wp-admin-border-width-focus:1.5px}}body.admin-color-ectoplasm{--wp-admin-theme-color:#523f6d;--wp-admin-theme-color-darker-10:#46365d;--wp-admin-theme-color-darker-20:#3a2c4d;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-ectoplasm{--wp-admin-border-width-focus:1.5px}}body.admin-color-midnight{--wp-admin-theme-color:#e14d43;--wp-admin-theme-color-darker-10:#dd382d;--wp-admin-theme-color-darker-20:#d02c21;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-midnight{--wp-admin-border-width-focus:1.5px}}body.admin-color-ocean{--wp-admin-theme-color:#627c83;--wp-admin-theme-color-darker-10:#576e74;--wp-admin-theme-color-darker-20:#4c6066;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-ocean{--wp-admin-border-width-focus:1.5px}}body.admin-color-sunrise{--wp-admin-theme-color:#dd823b;--wp-admin-theme-color-darker-10:#d97426;--wp-admin-theme-color-darker-20:#c36922;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-sunrise{--wp-admin-border-width-focus:1.5px}} \ No newline at end of file diff --git a/wp-includes/css/dist/editor/style-rtl.css b/wp-includes/css/dist/editor/style-rtl.css new file mode 100644 index 0000000000..e21ad221c1 --- /dev/null +++ b/wp-includes/css/dist/editor/style-rtl.css @@ -0,0 +1,1035 @@ +@charset "UTF-8"; +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles for JavaScript UI based pages. + * This is a WP-admin agnostic reset + */ +/** + * Reset the WP Admin page styles for Gutenberg-like pages. + */ +:root { + --wp-admin-theme-color: #007cba; + --wp-admin-theme-color-darker-10: #006ba1; + --wp-admin-theme-color-darker-20: #005a87; + --wp-admin-border-width-focus: 2px; +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + :root { + --wp-admin-border-width-focus: 1.5px; + } +} + +.editor-autocompleters__user .editor-autocompleters__no-avatar::before { + /* stylelint-disable */ + font: normal 20px/1 dashicons; + /* stylelint-enable */ + content: ""; + margin-left: 5px; + vertical-align: middle; +} +.editor-autocompleters__user .editor-autocompleters__user-avatar { + margin-left: 8px; + flex-grow: 0; + flex-shrink: 0; + max-width: none; + width: 24px; + height: 24px; +} +.editor-autocompleters__user .editor-autocompleters__user-name { + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; + max-width: 200px; + flex-shrink: 0; + flex-grow: 1; +} +.editor-autocompleters__user .editor-autocompleters__user-slug { + margin-right: 8px; + color: #757575; + white-space: nowrap; + text-overflow: ellipsis; + overflow: none; + max-width: 100px; + flex-grow: 0; + flex-shrink: 0; +} +.editor-autocompleters__user:hover .editor-autocompleters__user-slug { + color: var(--wp-admin-theme-color); +} + +.document-outline { + margin: 20px 0; +} +.document-outline ul { + margin: 0; + padding: 0; +} + +.document-outline__item { + display: flex; + margin: 4px 0; +} +.document-outline__item a { + text-decoration: none; +} +.document-outline__item .document-outline__emdash::before { + color: #ddd; + margin-left: 4px; +} +.document-outline__item.is-h2 .document-outline__emdash::before { + content: "—"; +} +.document-outline__item.is-h3 .document-outline__emdash::before { + content: "——"; +} +.document-outline__item.is-h4 .document-outline__emdash::before { + content: "———"; +} +.document-outline__item.is-h5 .document-outline__emdash::before { + content: "————"; +} +.document-outline__item.is-h6 .document-outline__emdash::before { + content: "—————"; +} + +.document-outline__button { + cursor: pointer; + background: none; + border: none; + display: flex; + align-items: flex-start; + margin: 0 -1px 0 0; + padding: 2px 1px 2px 5px; + color: #1e1e1e; + text-align: right; + border-radius: 2px; +} +.document-outline__button:disabled { + cursor: default; +} +.document-outline__button:focus { + box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + outline: 2px solid transparent; +} + +.document-outline__level { + background: #ddd; + color: #1e1e1e; + border-radius: 3px; + font-size: 13px; + padding: 1px 6px; + margin-left: 4px; +} +.is-invalid .document-outline__level { + background: #f0b849; +} + +.document-outline__item-content { + padding: 1px 0; +} + +.components-editor-notices__dismissible, +.components-editor-notices__pinned { + position: relative; + right: 0; + top: 0; + left: 0; + color: #1e1e1e; +} +.components-editor-notices__dismissible .components-notice, +.components-editor-notices__pinned .components-notice { + box-sizing: border-box; + margin: 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.2); + padding: 0 12px; + min-height: 60px; +} +.components-editor-notices__dismissible .components-notice .components-notice__dismiss, +.components-editor-notices__pinned .components-notice .components-notice__dismiss { + margin-top: 12px; +} + +.entities-saved-states__panel { + box-sizing: border-box; + background: #fff; + position: fixed; + z-index: 100001; + top: 46px; + bottom: 0; + left: 0; + right: 0; + overflow: auto; + box-sizing: border-box; +} +.entities-saved-states__panel *, +.entities-saved-states__panel *::before, +.entities-saved-states__panel *::after { + box-sizing: inherit; +} +.entities-saved-states__panel .entities-saved-states__find-entity { + display: none; +} +.entities-saved-states__panel .entities-saved-states__find-entity-small { + display: block; +} +@media (min-width: 782px) { + .entities-saved-states__panel { + top: 32px; + right: auto; + width: 280px; + border-right: 1px solid #ddd; + } + body.is-fullscreen-mode .entities-saved-states__panel { + top: 0; + } + .entities-saved-states__panel .entities-saved-states__find-entity { + display: block; + } + .entities-saved-states__panel .entities-saved-states__find-entity-small { + display: none; + } +} +.entities-saved-states__panel .entities-saved-states__panel-header { + background: #fff; + padding-right: 8px; + padding-left: 8px; + height: 61px; + border-bottom: 1px solid #ddd; + display: flex; + align-items: center; + align-content: space-between; +} +.entities-saved-states__panel .entities-saved-states__panel-header .editor-entities-saved-states__save-button { + margin: auto; +} +.entities-saved-states__panel .entities-saved-states__panel-header .components-button.has-icon { + position: absolute; + left: 8px; +} +.entities-saved-states__panel .entities-saved-states__text-prompt { + padding: 16px; + padding-bottom: 4px; +} + +.editor-error-boundary { + margin: auto; + max-width: 780px; + padding: 20px; + margin-top: 60px; + box-shadow: 0 10px 10px rgba(0, 0, 0, 0.25); +} + +.editor-page-attributes__order { + width: 100%; +} +.editor-page-attributes__order .components-base-control__field { + display: flex; + justify-content: space-between; + align-items: center; +} +.editor-page-attributes__order input { + width: 66px; +} + +.editor-post-excerpt__textarea { + width: 100%; + margin-bottom: 10px; +} + +.editor-post-featured-image { + padding: 0; +} +.editor-post-featured-image__container { + margin-bottom: 1em; + position: relative; +} +.editor-post-featured-image .components-spinner { + position: absolute; + top: 50%; + right: 50%; + margin-top: -9px; + margin-right: -9px; +} +.editor-post-featured-image .components-button + .components-button { + display: block; + margin-top: 1em; +} +.editor-post-featured-image .components-responsive-wrapper__content { + max-width: 100%; + width: auto; +} + +.editor-post-featured-image__toggle, +.editor-post-featured-image__preview { + display: block; + width: 100%; + padding: 0; + transition: all 0.1s ease-out; + box-shadow: 0 0 0 0 var(--wp-admin-theme-color); +} +@media (prefers-reduced-motion: reduce) { + .editor-post-featured-image__toggle, +.editor-post-featured-image__preview { + transition-duration: 0s; + transition-delay: 0s; + } +} + +.editor-post-featured-image__preview { + height: auto; +} + +.editor-post-featured-image__preview:not(:disabled):not([aria-disabled=true]):focus { + box-shadow: 0 0 0 4px var(--wp-admin-theme-color); +} + +.editor-post-featured-image__toggle { + border-radius: 2px; + background-color: #f0f0f0; + min-height: 90px; + line-height: 20px; + padding: 8px 0; + text-align: center; +} +.editor-post-featured-image__toggle:hover { + background: #ddd; + color: #1e1e1e; +} + +.editor-post-format { + flex-direction: column; + align-items: stretch; + width: 100%; +} + +.editor-post-format__content { + display: inline-flex; + justify-content: space-between; + align-items: center; + width: 100%; +} + +.editor-post-format__suggestion { + text-align: left; + font-size: 13px; +} + +.editor-post-last-revision__title { + width: 100%; + font-weight: 600; +} +.editor-post-last-revision__title .dashicon { + margin-left: 5px; +} + +.components-button.editor-post-last-revision__title { + height: 100%; +} +.components-button.editor-post-last-revision__title:hover, .components-button.editor-post-last-revision__title:active { + background: #f0f0f0; +} +.components-button.editor-post-last-revision__title:focus { + box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + border-radius: 0; +} + +.editor-post-locked-modal { + height: auto; + padding-left: 10px; + padding-right: 10px; + padding-top: 10px; + max-width: 480px; +} +.editor-post-locked-modal .components-modal__header { + height: 36px; +} +.editor-post-locked-modal .components-modal__content { + height: auto; +} + +.editor-post-locked-modal__buttons { + margin-top: 10px; +} +.editor-post-locked-modal__buttons .components-button { + margin-left: 5px; +} + +.editor-post-locked-modal__avatar { + float: right; + margin: 5px; + margin-left: 15px; +} + +.editor-post-publish-button__button.has-changes-dot::before { + background: currentcolor; + border-radius: 4px; + content: ""; + height: 8px; + margin: auto -3px auto 5px; + width: 8px; +} + +.editor-post-publish-panel { + background: #fff; +} + +.editor-post-publish-panel__content { + min-height: calc(100% - 144px); +} +.editor-post-publish-panel__content .components-spinner { + display: block; + margin: 100px auto 0; +} + +.editor-post-publish-panel__header { + background: #fff; + padding-right: 16px; + padding-left: 16px; + height: 61px; + border-bottom: 1px solid #ddd; + display: flex; + align-items: center; + align-content: space-between; +} +.editor-post-publish-panel__header .components-button { + width: 100%; + justify-content: center; +} +.editor-post-publish-panel__header .has-icon { + margin-right: auto; + width: auto; +} + +.components-site-card { + display: flex; + align-items: center; + margin: 16px 0; +} + +.components-site-icon { + border: none; + border-radius: 2px; + margin-left: 12px; + height: 36px; + width: 36px; +} + +.components-site-name { + display: block; + font-size: 14px; +} + +.components-site-home { + display: block; + color: #757575; + font-size: 12px; +} + +.editor-post-publish-panel__header-publish-button, +.editor-post-publish-panel__header-cancel-button { + flex-grow: 1; +} +@media (min-width: 480px) { + .editor-post-publish-panel__header-publish-button, +.editor-post-publish-panel__header-cancel-button { + max-width: 160px; + } +} + +.editor-post-publish-panel__header-publish-button { + padding-left: 4px; +} + +.editor-post-publish-panel__header-cancel-button { + padding-right: 4px; +} + +.editor-post-publish-panel__header-published { + flex-grow: 1; +} + +.editor-post-publish-panel__footer { + padding: 16px; +} + +.components-button.editor-post-publish-panel__toggle.is-primary { + display: inline-flex; + align-items: center; +} +.components-button.editor-post-publish-panel__toggle.is-primary.is-busy .dashicon { + display: none; +} +.components-button.editor-post-publish-panel__toggle.is-primary .dashicon { + margin-left: -4px; +} + +.editor-post-publish-panel__link { + font-weight: 400; + padding-right: 4px; +} + +.editor-post-publish-panel__prepublish { + padding: 16px; +} +.editor-post-publish-panel__prepublish strong { + color: #1e1e1e; +} +.editor-post-publish-panel__prepublish .components-panel__body { + background: #fff; + margin-right: -16px; + margin-left: -16px; +} +.editor-post-publish-panel__prepublish .editor-post-visibility__dialog-legend { + display: none; +} + +.post-publish-panel__postpublish .components-panel__body { + border-bottom: 1px solid #e0e0e0; + border-top: none; +} + +.post-publish-panel__postpublish-buttons { + display: flex; + align-content: space-between; + flex-wrap: wrap; + margin: -5px; +} +.post-publish-panel__postpublish-buttons > * { + flex-grow: 1; + margin: 5px; +} +.post-publish-panel__postpublish-buttons .components-button { + height: auto; + justify-content: center; + padding: 3px 10px 4px; + line-height: 1.6; + text-align: center; + white-space: normal; +} +.post-publish-panel__postpublish-buttons .components-clipboard-button { + width: 100%; +} + +.post-publish-panel__postpublish-post-address { + margin-bottom: 16px; +} +.post-publish-panel__postpublish-post-address input[readonly] { + padding: 10px; + background: #ddd; + overflow: hidden; + text-overflow: ellipsis; +} + +.post-publish-panel__postpublish-header { + font-weight: 500; +} + +.post-publish-panel__postpublish-subheader { + margin: 0 0 8px; +} + +.post-publish-panel__tip { + color: #f0b849; +} + +.editor-post-saved-state { + display: flex; + align-items: center; + width: 28px; + padding: 12px 4px; + color: #757575; + overflow: hidden; + white-space: nowrap; +} +.editor-post-saved-state svg { + display: inline-block; + flex: 0 0 auto; + fill: currentColor; + margin-left: 8px; +} +@media (min-width: 600px) { + .editor-post-saved-state { + width: auto; + padding: 8px 12px; + text-indent: inherit; + } + .editor-post-saved-state svg { + margin-left: 4px; + } +} + +.editor-post-taxonomies__hierarchical-terms-list { + max-height: 14em; + overflow: auto; + margin-right: -6px; + padding-right: 6px; + margin-top: -6px; + padding-top: 6px; +} + +.editor-post-taxonomies__hierarchical-terms-choice { + margin-bottom: 8px; +} + +.editor-post-taxonomies__hierarchical-terms-subchoices { + margin-top: 8px; + margin-right: 16px; +} + +.components-button.editor-post-taxonomies__hierarchical-terms-submit, +.components-button.editor-post-taxonomies__hierarchical-terms-add { + margin-top: 12px; +} + +.editor-post-taxonomies__hierarchical-terms-label { + display: inline-block; + margin-top: 12px; +} + +.editor-post-taxonomies__hierarchical-terms-input { + margin-top: 8px; + width: 100%; +} + +.editor-post-taxonomies__hierarchical-terms-filter { + margin-bottom: 8px; + width: 100%; +} + +.editor-post-taxonomies__flat-term-most-used .editor-post-taxonomies__flat-term-most-used-label { + font-weight: 400; + margin-bottom: 12px; +} + +.editor-post-taxonomies__flat-term-most-used-list { + margin: 0; +} +.editor-post-taxonomies__flat-term-most-used-list li { + display: inline-block; + margin-left: 8px; +} +.editor-post-taxonomies__flat-term-most-used-list .components-button { + font-size: 12px; +} + +.edit-post-text-editor__body textarea.editor-post-text-editor { + border: 1px solid #949494; + border-radius: 0; + display: block; + margin: 0; + width: 100%; + box-shadow: none; + resize: none; + overflow: hidden; + font-family: Menlo, Consolas, monaco, monospace; + line-height: 2.4; + min-height: 200px; + transition: border 0.1s ease-out, box-shadow 0.1s linear; + padding: 16px; + /* Fonts smaller than 16px causes mobile safari to zoom. */ + font-size: 16px !important; +} +@media (prefers-reduced-motion: reduce) { + .edit-post-text-editor__body textarea.editor-post-text-editor { + transition-duration: 0s; + transition-delay: 0s; + } +} +@media (min-width: 600px) { + .edit-post-text-editor__body textarea.editor-post-text-editor { + padding: 24px; + } +} +@media (min-width: 600px) { + .edit-post-text-editor__body textarea.editor-post-text-editor { + font-size: 15px !important; + } +} +.edit-post-text-editor__body textarea.editor-post-text-editor:focus { + border-color: var(--wp-admin-theme-color); + box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + position: relative; +} +.edit-post-text-editor__body textarea.editor-post-text-editor::-webkit-input-placeholder { + color: rgba(30, 30, 30, 0.62); +} +.edit-post-text-editor__body textarea.editor-post-text-editor::-moz-placeholder { + color: rgba(30, 30, 30, 0.62); + opacity: 1; +} +.edit-post-text-editor__body textarea.editor-post-text-editor:-ms-input-placeholder { + color: rgba(30, 30, 30, 0.62); +} + +.edit-post-post-visibility__dialog, +.editor-post-visibility__dialog-fieldset { + padding: 4px; + padding-top: 0; +} +.edit-post-post-visibility__dialog .editor-post-visibility__dialog-legend, +.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-legend { + font-weight: 600; + margin-bottom: 1em; + margin-top: 0.5em; + padding: 0; +} +.edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio], +.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio] { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + padding: 6px 8px; + box-shadow: 0 0 0 transparent; + transition: box-shadow 0.1s linear; + border-radius: 2px; + border: 1px solid #757575; + /* Fonts smaller than 16px causes mobile safari to zoom. */ + font-size: 16px; + /* Override core line-height. To be reviewed. */ + line-height: normal; + border: 1px solid #1e1e1e; + margin-left: 12px; + transition: none; + border-radius: 50%; + width: 24px; + height: 24px; + margin-top: 2px; +} +@media (prefers-reduced-motion: reduce) { + .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio], +.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio] { + transition-duration: 0s; + transition-delay: 0s; + } +} +@media (min-width: 600px) { + .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio], +.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio] { + font-size: 13px; + /* Override core line-height. To be reviewed. */ + line-height: normal; + } +} +.edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]:focus, +.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]:focus { + border-color: var(--wp-admin-theme-color); + box-shadow: 0 0 0 1px var(--wp-admin-theme-color); + outline: 2px solid transparent; +} +.edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]::-webkit-input-placeholder, +.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]::-webkit-input-placeholder { + color: rgba(30, 30, 30, 0.62); +} +.edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]::-moz-placeholder, +.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]::-moz-placeholder { + opacity: 1; + color: rgba(30, 30, 30, 0.62); +} +.edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]:-ms-input-placeholder, +.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]:-ms-input-placeholder { + color: rgba(30, 30, 30, 0.62); +} +@media (min-width: 600px) { + .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio], +.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio] { + height: 20px; + width: 20px; + } +} +.edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]:checked::before, +.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]:checked::before { + box-sizing: inherit; + width: 8px; + height: 8px; + transform: translate(-7px, 7px); + margin: 0; + background-color: #fff; + border: 4px solid #fff; +} +@media (min-width: 600px) { + .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]:checked::before, +.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]:checked::before { + transform: translate(-5px, 5px); + } +} +.edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]:focus, +.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]:focus { + box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color); + outline: 2px solid transparent; +} +.edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]:checked, +.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]:checked { + background: var(--wp-admin-theme-color); + border-color: var(--wp-admin-theme-color); +} +.edit-post-post-visibility__dialog .editor-post-visibility__dialog-label, +.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-label { + font-weight: 600; +} +.edit-post-post-visibility__dialog .editor-post-visibility__dialog-info, +.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-info { + margin-top: 0; + margin-right: 32px; +} +.edit-post-post-visibility__dialog .editor-post-visibility__choice:last-child .editor-post-visibility__dialog-info, +.editor-post-visibility__dialog-fieldset .editor-post-visibility__choice:last-child .editor-post-visibility__dialog-info { + margin-bottom: 0; +} + +.editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text] { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + padding: 6px 8px; + box-shadow: 0 0 0 transparent; + transition: box-shadow 0.1s linear; + border-radius: 2px; + border: 1px solid #757575; + /* Fonts smaller than 16px causes mobile safari to zoom. */ + font-size: 16px; + /* Override core line-height. To be reviewed. */ + line-height: normal; + margin-right: 36px; + margin-top: 8px; +} +@media (prefers-reduced-motion: reduce) { + .editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text] { + transition-duration: 0s; + transition-delay: 0s; + } +} +@media (min-width: 600px) { + .editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text] { + font-size: 13px; + /* Override core line-height. To be reviewed. */ + line-height: normal; + } +} +.editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text]:focus { + border-color: var(--wp-admin-theme-color); + box-shadow: 0 0 0 1px var(--wp-admin-theme-color); + outline: 2px solid transparent; +} +.editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text]::-webkit-input-placeholder { + color: rgba(30, 30, 30, 0.62); +} +.editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text]::-moz-placeholder { + opacity: 1; + color: rgba(30, 30, 30, 0.62); +} +.editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text]:-ms-input-placeholder { + color: rgba(30, 30, 30, 0.62); +} + +.editor-post-title { + position: relative; +} +.editor-post-title .editor-post-title__input { + display: block; + width: 100%; + margin: 0; + box-shadow: none; + background: transparent; + transition: border 0.1s ease-out, box-shadow 0.1s linear; + padding: 19px 0; + word-break: keep-all; + font-family: inherit; + color: inherit; + border: 1px solid transparent; + border-right-width: 0; + border-left-width: 0; + border-radius: 0; + outline: 1px solid transparent; + font-size: 2.44em; + font-weight: 800; + line-height: 1.4; +} +@media (prefers-reduced-motion: reduce) { + .editor-post-title .editor-post-title__input { + transition-duration: 0s; + transition-delay: 0s; + } +} +@media (min-width: 600px) { + .editor-post-title .editor-post-title__input { + border-width: 1px; + } +} +.editor-post-title .editor-post-title__input::-webkit-input-placeholder { + color: rgba(30, 30, 30, 0.62); +} +.editor-post-title .editor-post-title__input::-moz-placeholder { + color: rgba(30, 30, 30, 0.62); + opacity: 1; +} +.editor-post-title .editor-post-title__input:-ms-input-placeholder { + color: rgba(30, 30, 30, 0.62); +} +.is-dark-theme .editor-post-title .editor-post-title__input::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.65); +} +.is-dark-theme .editor-post-title .editor-post-title__input::-moz-placeholder { + opacity: 1; + color: rgba(255, 255, 255, 0.65); +} +.is-dark-theme .editor-post-title .editor-post-title__input:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.65); +} +.editor-post-title .editor-post-title__input:focus { + border: 1px solid transparent; + outline: 1px solid transparent; + box-shadow: none; +} +.editor-post-title.is-focus-mode .editor-post-title__input { + opacity: 0.5; + transition: opacity 0.1s linear; +} +@media (prefers-reduced-motion: reduce) { + .editor-post-title.is-focus-mode .editor-post-title__input { + transition-duration: 0s; + transition-delay: 0s; + } +} +.editor-post-title.is-focus-mode .editor-post-title__input:focus { + opacity: 1; +} + +.editor-post-trash.components-button { + margin-top: 4px; +} + +.table-of-contents__popover.components-popover .components-popover__content { + min-width: 380px; +} + +.components-popover.table-of-contents__popover { + z-index: 99998; +} + +.table-of-contents__popover .components-popover__content > div { + padding: 16px; +} +@media (min-width: 600px) { + .table-of-contents__popover .components-popover__content { + max-height: calc(100vh - 120px); + overflow-y: auto; + } +} +.table-of-contents__popover hr { + margin: 10px -16px 0; +} + +.table-of-contents__wrapper:focus::before { + content: ""; + display: block; + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + pointer-events: none; +} + +.table-of-contents__counts { + display: flex; + flex-wrap: wrap; + margin: 0; + margin-top: -8px; +} + +.table-of-contents__count { + flex-basis: 33%; + display: flex; + flex-direction: column; + font-size: 13px; + color: #1e1e1e; + padding-left: 8px; + margin-bottom: 0; + margin-top: 8px; +} +.table-of-contents__count:nth-child(4n) { + padding-left: 0; +} + +.table-of-contents__number, +.table-of-contents__popover .word-count { + font-size: 21px; + font-weight: 400; + line-height: 30px; + color: #1e1e1e; +} + +.table-of-contents__title { + display: block; + margin-top: 20px; + font-size: 15px; + font-weight: 600; +} + +.editor-template-validation-notice { + display: flex; + justify-content: space-between; + align-items: center; +} +.editor-template-validation-notice .components-button { + margin-right: 5px; +} \ No newline at end of file diff --git a/wp-includes/css/dist/editor/style-rtl.min.css b/wp-includes/css/dist/editor/style-rtl.min.css new file mode 100644 index 0000000000..dddff9c9f6 --- /dev/null +++ b/wp-includes/css/dist/editor/style-rtl.min.css @@ -0,0 +1 @@ +@charset "UTF-8";:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.editor-autocompleters__user .editor-autocompleters__no-avatar:before{font:normal 20px/1 dashicons;content:"";margin-left:5px;vertical-align:middle}.editor-autocompleters__user .editor-autocompleters__user-avatar{margin-left:8px;flex-grow:0;flex-shrink:0;max-width:none;width:24px;height:24px}.editor-autocompleters__user .editor-autocompleters__user-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:200px;flex-shrink:0;flex-grow:1}.editor-autocompleters__user .editor-autocompleters__user-slug{margin-right:8px;color:#757575;white-space:nowrap;text-overflow:ellipsis;overflow:none;max-width:100px;flex-grow:0;flex-shrink:0}.editor-autocompleters__user:hover .editor-autocompleters__user-slug{color:var(--wp-admin-theme-color)}.document-outline{margin:20px 0}.document-outline ul{margin:0;padding:0}.document-outline__item{display:flex;margin:4px 0}.document-outline__item a{text-decoration:none}.document-outline__item .document-outline__emdash:before{color:#ddd;margin-left:4px}.document-outline__item.is-h2 .document-outline__emdash:before{content:"—"}.document-outline__item.is-h3 .document-outline__emdash:before{content:"——"}.document-outline__item.is-h4 .document-outline__emdash:before{content:"———"}.document-outline__item.is-h5 .document-outline__emdash:before{content:"————"}.document-outline__item.is-h6 .document-outline__emdash:before{content:"—————"}.document-outline__button{cursor:pointer;background:none;border:none;display:flex;align-items:flex-start;margin:0 -1px 0 0;padding:2px 1px 2px 5px;color:#1e1e1e;text-align:right;border-radius:2px}.document-outline__button:disabled{cursor:default}.document-outline__button:focus{box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);outline:2px solid transparent}.document-outline__level{background:#ddd;color:#1e1e1e;border-radius:3px;font-size:13px;padding:1px 6px;margin-left:4px}.is-invalid .document-outline__level{background:#f0b849}.document-outline__item-content{padding:1px 0}.components-editor-notices__dismissible,.components-editor-notices__pinned{position:relative;right:0;top:0;left:0;color:#1e1e1e}.components-editor-notices__dismissible .components-notice,.components-editor-notices__pinned .components-notice{box-sizing:border-box;margin:0;border-bottom:1px solid rgba(0,0,0,.2);padding:0 12px;min-height:60px}.components-editor-notices__dismissible .components-notice .components-notice__dismiss,.components-editor-notices__pinned .components-notice .components-notice__dismiss{margin-top:12px}.entities-saved-states__panel{background:#fff;position:fixed;z-index:100001;top:46px;bottom:0;left:0;right:0;overflow:auto;box-sizing:border-box}.entities-saved-states__panel *,.entities-saved-states__panel :after,.entities-saved-states__panel :before{box-sizing:inherit}.entities-saved-states__panel .entities-saved-states__find-entity{display:none}.entities-saved-states__panel .entities-saved-states__find-entity-small{display:block}@media (min-width:782px){.entities-saved-states__panel{top:32px;right:auto;width:280px;border-right:1px solid #ddd}body.is-fullscreen-mode .entities-saved-states__panel{top:0}.entities-saved-states__panel .entities-saved-states__find-entity{display:block}.entities-saved-states__panel .entities-saved-states__find-entity-small{display:none}}.entities-saved-states__panel .entities-saved-states__panel-header{background:#fff;padding-right:8px;padding-left:8px;height:61px;border-bottom:1px solid #ddd;display:flex;align-items:center;align-content:space-between}.entities-saved-states__panel .entities-saved-states__panel-header .editor-entities-saved-states__save-button{margin:auto}.entities-saved-states__panel .entities-saved-states__panel-header .components-button.has-icon{position:absolute;left:8px}.entities-saved-states__panel .entities-saved-states__text-prompt{padding:16px 16px 4px}.editor-error-boundary{max-width:780px;padding:20px;margin:60px auto auto;box-shadow:0 10px 10px rgba(0,0,0,.25)}.editor-page-attributes__order{width:100%}.editor-page-attributes__order .components-base-control__field{display:flex;justify-content:space-between;align-items:center}.editor-page-attributes__order input{width:66px}.editor-post-excerpt__textarea{width:100%;margin-bottom:10px}.editor-post-featured-image{padding:0}.editor-post-featured-image__container{margin-bottom:1em;position:relative}.editor-post-featured-image .components-spinner{position:absolute;top:50%;right:50%;margin-top:-9px;margin-right:-9px}.editor-post-featured-image .components-button+.components-button{display:block;margin-top:1em}.editor-post-featured-image .components-responsive-wrapper__content{max-width:100%;width:auto}.editor-post-featured-image__preview,.editor-post-featured-image__toggle{display:block;width:100%;padding:0;transition:all .1s ease-out;box-shadow:0 0 0 0 var(--wp-admin-theme-color)}@media (prefers-reduced-motion:reduce){.editor-post-featured-image__preview,.editor-post-featured-image__toggle{transition-duration:0s;transition-delay:0s}}.editor-post-featured-image__preview{height:auto}.editor-post-featured-image__preview:not(:disabled):not([aria-disabled=true]):focus{box-shadow:0 0 0 4px var(--wp-admin-theme-color)}.editor-post-featured-image__toggle{border-radius:2px;background-color:#f0f0f0;min-height:90px;line-height:20px;padding:8px 0;text-align:center}.editor-post-featured-image__toggle:hover{background:#ddd;color:#1e1e1e}.editor-post-format{flex-direction:column;align-items:stretch;width:100%}.editor-post-format__content{display:inline-flex;justify-content:space-between;align-items:center;width:100%}.editor-post-format__suggestion{text-align:left;font-size:13px}.editor-post-last-revision__title{width:100%;font-weight:600}.editor-post-last-revision__title .dashicon{margin-left:5px}.components-button.editor-post-last-revision__title{height:100%}.components-button.editor-post-last-revision__title:active,.components-button.editor-post-last-revision__title:hover{background:#f0f0f0}.components-button.editor-post-last-revision__title:focus{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);border-radius:0}.editor-post-locked-modal{height:auto;padding-left:10px;padding-right:10px;padding-top:10px;max-width:480px}.editor-post-locked-modal .components-modal__header{height:36px}.editor-post-locked-modal .components-modal__content{height:auto}.editor-post-locked-modal__buttons{margin-top:10px}.editor-post-locked-modal__buttons .components-button{margin-left:5px}.editor-post-locked-modal__avatar{float:right;margin:5px 5px 5px 15px}.editor-post-publish-button__button.has-changes-dot:before{background:currentcolor;border-radius:4px;content:"";height:8px;margin:auto -3px auto 5px;width:8px}.editor-post-publish-panel{background:#fff}.editor-post-publish-panel__content{min-height:calc(100% - 144px)}.editor-post-publish-panel__content .components-spinner{display:block;margin:100px auto 0}.editor-post-publish-panel__header{background:#fff;padding-right:16px;padding-left:16px;height:61px;border-bottom:1px solid #ddd;display:flex;align-items:center;align-content:space-between}.editor-post-publish-panel__header .components-button{width:100%;justify-content:center}.editor-post-publish-panel__header .has-icon{margin-right:auto;width:auto}.components-site-card{display:flex;align-items:center;margin:16px 0}.components-site-icon{border:none;border-radius:2px;margin-left:12px;height:36px;width:36px}.components-site-name{display:block;font-size:14px}.components-site-home{display:block;color:#757575;font-size:12px}.editor-post-publish-panel__header-cancel-button,.editor-post-publish-panel__header-publish-button{flex-grow:1}@media (min-width:480px){.editor-post-publish-panel__header-cancel-button,.editor-post-publish-panel__header-publish-button{max-width:160px}}.editor-post-publish-panel__header-publish-button{padding-left:4px}.editor-post-publish-panel__header-cancel-button{padding-right:4px}.editor-post-publish-panel__header-published{flex-grow:1}.editor-post-publish-panel__footer{padding:16px}.components-button.editor-post-publish-panel__toggle.is-primary{display:inline-flex;align-items:center}.components-button.editor-post-publish-panel__toggle.is-primary.is-busy .dashicon{display:none}.components-button.editor-post-publish-panel__toggle.is-primary .dashicon{margin-left:-4px}.editor-post-publish-panel__link{font-weight:400;padding-right:4px}.editor-post-publish-panel__prepublish{padding:16px}.editor-post-publish-panel__prepublish strong{color:#1e1e1e}.editor-post-publish-panel__prepublish .components-panel__body{background:#fff;margin-right:-16px;margin-left:-16px}.editor-post-publish-panel__prepublish .editor-post-visibility__dialog-legend{display:none}.post-publish-panel__postpublish .components-panel__body{border-bottom:1px solid #e0e0e0;border-top:none}.post-publish-panel__postpublish-buttons{display:flex;align-content:space-between;flex-wrap:wrap;margin:-5px}.post-publish-panel__postpublish-buttons>*{flex-grow:1;margin:5px}.post-publish-panel__postpublish-buttons .components-button{height:auto;justify-content:center;padding:3px 10px 4px;line-height:1.6;text-align:center;white-space:normal}.post-publish-panel__postpublish-buttons .components-clipboard-button{width:100%}.post-publish-panel__postpublish-post-address{margin-bottom:16px}.post-publish-panel__postpublish-post-address input[readonly]{padding:10px;background:#ddd;overflow:hidden;text-overflow:ellipsis}.post-publish-panel__postpublish-header{font-weight:500}.post-publish-panel__postpublish-subheader{margin:0 0 8px}.post-publish-panel__tip{color:#f0b849}.editor-post-saved-state{display:flex;align-items:center;width:28px;padding:12px 4px;color:#757575;overflow:hidden;white-space:nowrap}.editor-post-saved-state svg{display:inline-block;flex:0 0 auto;fill:currentColor;margin-left:8px}@media (min-width:600px){.editor-post-saved-state{width:auto;padding:8px 12px;text-indent:inherit}.editor-post-saved-state svg{margin-left:4px}}.editor-post-taxonomies__hierarchical-terms-list{max-height:14em;overflow:auto;margin-right:-6px;padding-right:6px;margin-top:-6px;padding-top:6px}.editor-post-taxonomies__hierarchical-terms-choice{margin-bottom:8px}.editor-post-taxonomies__hierarchical-terms-subchoices{margin-top:8px;margin-right:16px}.components-button.editor-post-taxonomies__hierarchical-terms-add,.components-button.editor-post-taxonomies__hierarchical-terms-submit{margin-top:12px}.editor-post-taxonomies__hierarchical-terms-label{display:inline-block;margin-top:12px}.editor-post-taxonomies__hierarchical-terms-input{margin-top:8px;width:100%}.editor-post-taxonomies__hierarchical-terms-filter{margin-bottom:8px;width:100%}.editor-post-taxonomies__flat-term-most-used .editor-post-taxonomies__flat-term-most-used-label{font-weight:400;margin-bottom:12px}.editor-post-taxonomies__flat-term-most-used-list{margin:0}.editor-post-taxonomies__flat-term-most-used-list li{display:inline-block;margin-left:8px}.editor-post-taxonomies__flat-term-most-used-list .components-button{font-size:12px}.edit-post-text-editor__body textarea.editor-post-text-editor{border:1px solid #949494;border-radius:0;display:block;margin:0;width:100%;box-shadow:none;resize:none;overflow:hidden;font-family:Menlo,Consolas,monaco,monospace;line-height:2.4;min-height:200px;transition:border .1s ease-out,box-shadow .1s linear;padding:16px;font-size:16px!important}@media (prefers-reduced-motion:reduce){.edit-post-text-editor__body textarea.editor-post-text-editor{transition-duration:0s;transition-delay:0s}}@media (min-width:600px){.edit-post-text-editor__body textarea.editor-post-text-editor{padding:24px;font-size:15px!important}}.edit-post-text-editor__body textarea.editor-post-text-editor:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);position:relative}.edit-post-text-editor__body textarea.editor-post-text-editor::-webkit-input-placeholder{color:rgba(30,30,30,.62)}.edit-post-text-editor__body textarea.editor-post-text-editor::-moz-placeholder{color:rgba(30,30,30,.62);opacity:1}.edit-post-text-editor__body textarea.editor-post-text-editor:-ms-input-placeholder{color:rgba(30,30,30,.62)}.edit-post-post-visibility__dialog,.editor-post-visibility__dialog-fieldset{padding:0 4px 4px}.edit-post-post-visibility__dialog .editor-post-visibility__dialog-legend,.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-legend{font-weight:600;margin-bottom:1em;margin-top:.5em;padding:0}.edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio],.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;padding:6px 8px;box-shadow:0 0 0 transparent;transition:box-shadow .1s linear;border-radius:2px;font-size:16px;line-height:normal;border:1px solid #1e1e1e;margin-left:12px;transition:none;border-radius:50%;width:24px;height:24px;margin-top:2px}@media (prefers-reduced-motion:reduce){.edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio],.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]{transition-duration:0s;transition-delay:0s}}@media (min-width:600px){.edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio],.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]{font-size:13px;line-height:normal}}.edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]:focus,.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 1px var(--wp-admin-theme-color)}.edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]::-webkit-input-placeholder,.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]::-webkit-input-placeholder{color:rgba(30,30,30,.62)}.edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]::-moz-placeholder,.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]::-moz-placeholder{opacity:1;color:rgba(30,30,30,.62)}.edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]:-ms-input-placeholder,.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]:-ms-input-placeholder{color:rgba(30,30,30,.62)}@media (min-width:600px){.edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio],.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]{height:20px;width:20px}}.edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]:checked:before,.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]:checked:before{box-sizing:inherit;width:8px;height:8px;transform:translate(-7px,7px);margin:0;background-color:#fff;border:4px solid #fff}@media (min-width:600px){.edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]:checked:before,.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]:checked:before{transform:translate(-5px,5px)}}.edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]:focus,.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]:focus{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--wp-admin-theme-color);outline:2px solid transparent}.edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]:checked,.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]:checked{background:var(--wp-admin-theme-color);border-color:var(--wp-admin-theme-color)}.edit-post-post-visibility__dialog .editor-post-visibility__dialog-label,.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-label{font-weight:600}.edit-post-post-visibility__dialog .editor-post-visibility__dialog-info,.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-info{margin-top:0;margin-right:32px}.edit-post-post-visibility__dialog .editor-post-visibility__choice:last-child .editor-post-visibility__dialog-info,.editor-post-visibility__dialog-fieldset .editor-post-visibility__choice:last-child .editor-post-visibility__dialog-info{margin-bottom:0}.editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text]{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;padding:6px 8px;box-shadow:0 0 0 transparent;transition:box-shadow .1s linear;border-radius:2px;border:1px solid #757575;font-size:16px;line-height:normal;margin-right:36px;margin-top:8px}@media (prefers-reduced-motion:reduce){.editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text]{transition-duration:0s;transition-delay:0s}}@media (min-width:600px){.editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text]{font-size:13px;line-height:normal}}.editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text]:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 1px var(--wp-admin-theme-color);outline:2px solid transparent}.editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text]::-webkit-input-placeholder{color:rgba(30,30,30,.62)}.editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text]::-moz-placeholder{opacity:1;color:rgba(30,30,30,.62)}.editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text]:-ms-input-placeholder{color:rgba(30,30,30,.62)}.editor-post-title{position:relative}.editor-post-title .editor-post-title__input{display:block;width:100%;margin:0;box-shadow:none;background:transparent;transition:border .1s ease-out,box-shadow .1s linear;padding:19px 0;word-break:keep-all;font-family:inherit;color:inherit;border-color:transparent;border-style:solid;border-width:1px 0;border-radius:0;outline:1px solid transparent;font-size:2.44em;font-weight:800;line-height:1.4}@media (prefers-reduced-motion:reduce){.editor-post-title .editor-post-title__input{transition-duration:0s;transition-delay:0s}}@media (min-width:600px){.editor-post-title .editor-post-title__input{border-width:1px}}.editor-post-title .editor-post-title__input::-webkit-input-placeholder{color:rgba(30,30,30,.62)}.editor-post-title .editor-post-title__input::-moz-placeholder{color:rgba(30,30,30,.62);opacity:1}.editor-post-title .editor-post-title__input:-ms-input-placeholder{color:rgba(30,30,30,.62)}.is-dark-theme .editor-post-title .editor-post-title__input::-webkit-input-placeholder{color:hsla(0,0%,100%,.65)}.is-dark-theme .editor-post-title .editor-post-title__input::-moz-placeholder{opacity:1;color:hsla(0,0%,100%,.65)}.is-dark-theme .editor-post-title .editor-post-title__input:-ms-input-placeholder{color:hsla(0,0%,100%,.65)}.editor-post-title .editor-post-title__input:focus{border:1px solid transparent;outline:1px solid transparent;box-shadow:none}.editor-post-title.is-focus-mode .editor-post-title__input{opacity:.5;transition:opacity .1s linear}@media (prefers-reduced-motion:reduce){.editor-post-title.is-focus-mode .editor-post-title__input{transition-duration:0s;transition-delay:0s}}.editor-post-title.is-focus-mode .editor-post-title__input:focus{opacity:1}.editor-post-trash.components-button{margin-top:4px}.table-of-contents__popover.components-popover .components-popover__content{min-width:380px}.components-popover.table-of-contents__popover{z-index:99998}.table-of-contents__popover .components-popover__content>div{padding:16px}@media (min-width:600px){.table-of-contents__popover .components-popover__content{max-height:calc(100vh - 120px);overflow-y:auto}}.table-of-contents__popover hr{margin:10px -16px 0}.table-of-contents__wrapper:focus:before{content:"";display:block;position:absolute;top:0;left:0;bottom:0;right:0;box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);pointer-events:none}.table-of-contents__counts{display:flex;flex-wrap:wrap;margin:-8px 0 0}.table-of-contents__count{flex-basis:33%;display:flex;flex-direction:column;font-size:13px;color:#1e1e1e;padding-left:8px;margin-bottom:0;margin-top:8px}.table-of-contents__count:nth-child(4n){padding-left:0}.table-of-contents__number,.table-of-contents__popover .word-count{font-size:21px;font-weight:400;line-height:30px;color:#1e1e1e}.table-of-contents__title{display:block;margin-top:20px;font-size:15px;font-weight:600}.editor-template-validation-notice{display:flex;justify-content:space-between;align-items:center}.editor-template-validation-notice .components-button{margin-right:5px} \ No newline at end of file diff --git a/wp-includes/css/dist/editor/style.css b/wp-includes/css/dist/editor/style.css new file mode 100644 index 0000000000..b544fe3ca5 --- /dev/null +++ b/wp-includes/css/dist/editor/style.css @@ -0,0 +1,1035 @@ +@charset "UTF-8"; +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles for JavaScript UI based pages. + * This is a WP-admin agnostic reset + */ +/** + * Reset the WP Admin page styles for Gutenberg-like pages. + */ +:root { + --wp-admin-theme-color: #007cba; + --wp-admin-theme-color-darker-10: #006ba1; + --wp-admin-theme-color-darker-20: #005a87; + --wp-admin-border-width-focus: 2px; +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + :root { + --wp-admin-border-width-focus: 1.5px; + } +} + +.editor-autocompleters__user .editor-autocompleters__no-avatar::before { + /* stylelint-disable */ + font: normal 20px/1 dashicons; + /* stylelint-enable */ + content: ""; + margin-right: 5px; + vertical-align: middle; +} +.editor-autocompleters__user .editor-autocompleters__user-avatar { + margin-right: 8px; + flex-grow: 0; + flex-shrink: 0; + max-width: none; + width: 24px; + height: 24px; +} +.editor-autocompleters__user .editor-autocompleters__user-name { + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; + max-width: 200px; + flex-shrink: 0; + flex-grow: 1; +} +.editor-autocompleters__user .editor-autocompleters__user-slug { + margin-left: 8px; + color: #757575; + white-space: nowrap; + text-overflow: ellipsis; + overflow: none; + max-width: 100px; + flex-grow: 0; + flex-shrink: 0; +} +.editor-autocompleters__user:hover .editor-autocompleters__user-slug { + color: var(--wp-admin-theme-color); +} + +.document-outline { + margin: 20px 0; +} +.document-outline ul { + margin: 0; + padding: 0; +} + +.document-outline__item { + display: flex; + margin: 4px 0; +} +.document-outline__item a { + text-decoration: none; +} +.document-outline__item .document-outline__emdash::before { + color: #ddd; + margin-right: 4px; +} +.document-outline__item.is-h2 .document-outline__emdash::before { + content: "—"; +} +.document-outline__item.is-h3 .document-outline__emdash::before { + content: "——"; +} +.document-outline__item.is-h4 .document-outline__emdash::before { + content: "———"; +} +.document-outline__item.is-h5 .document-outline__emdash::before { + content: "————"; +} +.document-outline__item.is-h6 .document-outline__emdash::before { + content: "—————"; +} + +.document-outline__button { + cursor: pointer; + background: none; + border: none; + display: flex; + align-items: flex-start; + margin: 0 0 0 -1px; + padding: 2px 5px 2px 1px; + color: #1e1e1e; + text-align: left; + border-radius: 2px; +} +.document-outline__button:disabled { + cursor: default; +} +.document-outline__button:focus { + box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + outline: 2px solid transparent; +} + +.document-outline__level { + background: #ddd; + color: #1e1e1e; + border-radius: 3px; + font-size: 13px; + padding: 1px 6px; + margin-right: 4px; +} +.is-invalid .document-outline__level { + background: #f0b849; +} + +.document-outline__item-content { + padding: 1px 0; +} + +.components-editor-notices__dismissible, +.components-editor-notices__pinned { + position: relative; + left: 0; + top: 0; + right: 0; + color: #1e1e1e; +} +.components-editor-notices__dismissible .components-notice, +.components-editor-notices__pinned .components-notice { + box-sizing: border-box; + margin: 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.2); + padding: 0 12px; + min-height: 60px; +} +.components-editor-notices__dismissible .components-notice .components-notice__dismiss, +.components-editor-notices__pinned .components-notice .components-notice__dismiss { + margin-top: 12px; +} + +.entities-saved-states__panel { + box-sizing: border-box; + background: #fff; + position: fixed; + z-index: 100001; + top: 46px; + bottom: 0; + right: 0; + left: 0; + overflow: auto; + box-sizing: border-box; +} +.entities-saved-states__panel *, +.entities-saved-states__panel *::before, +.entities-saved-states__panel *::after { + box-sizing: inherit; +} +.entities-saved-states__panel .entities-saved-states__find-entity { + display: none; +} +.entities-saved-states__panel .entities-saved-states__find-entity-small { + display: block; +} +@media (min-width: 782px) { + .entities-saved-states__panel { + top: 32px; + left: auto; + width: 280px; + border-left: 1px solid #ddd; + } + body.is-fullscreen-mode .entities-saved-states__panel { + top: 0; + } + .entities-saved-states__panel .entities-saved-states__find-entity { + display: block; + } + .entities-saved-states__panel .entities-saved-states__find-entity-small { + display: none; + } +} +.entities-saved-states__panel .entities-saved-states__panel-header { + background: #fff; + padding-left: 8px; + padding-right: 8px; + height: 61px; + border-bottom: 1px solid #ddd; + display: flex; + align-items: center; + align-content: space-between; +} +.entities-saved-states__panel .entities-saved-states__panel-header .editor-entities-saved-states__save-button { + margin: auto; +} +.entities-saved-states__panel .entities-saved-states__panel-header .components-button.has-icon { + position: absolute; + right: 8px; +} +.entities-saved-states__panel .entities-saved-states__text-prompt { + padding: 16px; + padding-bottom: 4px; +} + +.editor-error-boundary { + margin: auto; + max-width: 780px; + padding: 20px; + margin-top: 60px; + box-shadow: 0 10px 10px rgba(0, 0, 0, 0.25); +} + +.editor-page-attributes__order { + width: 100%; +} +.editor-page-attributes__order .components-base-control__field { + display: flex; + justify-content: space-between; + align-items: center; +} +.editor-page-attributes__order input { + width: 66px; +} + +.editor-post-excerpt__textarea { + width: 100%; + margin-bottom: 10px; +} + +.editor-post-featured-image { + padding: 0; +} +.editor-post-featured-image__container { + margin-bottom: 1em; + position: relative; +} +.editor-post-featured-image .components-spinner { + position: absolute; + top: 50%; + left: 50%; + margin-top: -9px; + margin-left: -9px; +} +.editor-post-featured-image .components-button + .components-button { + display: block; + margin-top: 1em; +} +.editor-post-featured-image .components-responsive-wrapper__content { + max-width: 100%; + width: auto; +} + +.editor-post-featured-image__toggle, +.editor-post-featured-image__preview { + display: block; + width: 100%; + padding: 0; + transition: all 0.1s ease-out; + box-shadow: 0 0 0 0 var(--wp-admin-theme-color); +} +@media (prefers-reduced-motion: reduce) { + .editor-post-featured-image__toggle, +.editor-post-featured-image__preview { + transition-duration: 0s; + transition-delay: 0s; + } +} + +.editor-post-featured-image__preview { + height: auto; +} + +.editor-post-featured-image__preview:not(:disabled):not([aria-disabled=true]):focus { + box-shadow: 0 0 0 4px var(--wp-admin-theme-color); +} + +.editor-post-featured-image__toggle { + border-radius: 2px; + background-color: #f0f0f0; + min-height: 90px; + line-height: 20px; + padding: 8px 0; + text-align: center; +} +.editor-post-featured-image__toggle:hover { + background: #ddd; + color: #1e1e1e; +} + +.editor-post-format { + flex-direction: column; + align-items: stretch; + width: 100%; +} + +.editor-post-format__content { + display: inline-flex; + justify-content: space-between; + align-items: center; + width: 100%; +} + +.editor-post-format__suggestion { + text-align: right; + font-size: 13px; +} + +.editor-post-last-revision__title { + width: 100%; + font-weight: 600; +} +.editor-post-last-revision__title .dashicon { + margin-right: 5px; +} + +.components-button.editor-post-last-revision__title { + height: 100%; +} +.components-button.editor-post-last-revision__title:hover, .components-button.editor-post-last-revision__title:active { + background: #f0f0f0; +} +.components-button.editor-post-last-revision__title:focus { + box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + border-radius: 0; +} + +.editor-post-locked-modal { + height: auto; + padding-right: 10px; + padding-left: 10px; + padding-top: 10px; + max-width: 480px; +} +.editor-post-locked-modal .components-modal__header { + height: 36px; +} +.editor-post-locked-modal .components-modal__content { + height: auto; +} + +.editor-post-locked-modal__buttons { + margin-top: 10px; +} +.editor-post-locked-modal__buttons .components-button { + margin-right: 5px; +} + +.editor-post-locked-modal__avatar { + float: left; + margin: 5px; + margin-right: 15px; +} + +.editor-post-publish-button__button.has-changes-dot::before { + background: currentcolor; + border-radius: 4px; + content: ""; + height: 8px; + margin: auto 5px auto -3px; + width: 8px; +} + +.editor-post-publish-panel { + background: #fff; +} + +.editor-post-publish-panel__content { + min-height: calc(100% - 144px); +} +.editor-post-publish-panel__content .components-spinner { + display: block; + margin: 100px auto 0; +} + +.editor-post-publish-panel__header { + background: #fff; + padding-left: 16px; + padding-right: 16px; + height: 61px; + border-bottom: 1px solid #ddd; + display: flex; + align-items: center; + align-content: space-between; +} +.editor-post-publish-panel__header .components-button { + width: 100%; + justify-content: center; +} +.editor-post-publish-panel__header .has-icon { + margin-left: auto; + width: auto; +} + +.components-site-card { + display: flex; + align-items: center; + margin: 16px 0; +} + +.components-site-icon { + border: none; + border-radius: 2px; + margin-right: 12px; + height: 36px; + width: 36px; +} + +.components-site-name { + display: block; + font-size: 14px; +} + +.components-site-home { + display: block; + color: #757575; + font-size: 12px; +} + +.editor-post-publish-panel__header-publish-button, +.editor-post-publish-panel__header-cancel-button { + flex-grow: 1; +} +@media (min-width: 480px) { + .editor-post-publish-panel__header-publish-button, +.editor-post-publish-panel__header-cancel-button { + max-width: 160px; + } +} + +.editor-post-publish-panel__header-publish-button { + padding-right: 4px; +} + +.editor-post-publish-panel__header-cancel-button { + padding-left: 4px; +} + +.editor-post-publish-panel__header-published { + flex-grow: 1; +} + +.editor-post-publish-panel__footer { + padding: 16px; +} + +.components-button.editor-post-publish-panel__toggle.is-primary { + display: inline-flex; + align-items: center; +} +.components-button.editor-post-publish-panel__toggle.is-primary.is-busy .dashicon { + display: none; +} +.components-button.editor-post-publish-panel__toggle.is-primary .dashicon { + margin-right: -4px; +} + +.editor-post-publish-panel__link { + font-weight: 400; + padding-left: 4px; +} + +.editor-post-publish-panel__prepublish { + padding: 16px; +} +.editor-post-publish-panel__prepublish strong { + color: #1e1e1e; +} +.editor-post-publish-panel__prepublish .components-panel__body { + background: #fff; + margin-left: -16px; + margin-right: -16px; +} +.editor-post-publish-panel__prepublish .editor-post-visibility__dialog-legend { + display: none; +} + +.post-publish-panel__postpublish .components-panel__body { + border-bottom: 1px solid #e0e0e0; + border-top: none; +} + +.post-publish-panel__postpublish-buttons { + display: flex; + align-content: space-between; + flex-wrap: wrap; + margin: -5px; +} +.post-publish-panel__postpublish-buttons > * { + flex-grow: 1; + margin: 5px; +} +.post-publish-panel__postpublish-buttons .components-button { + height: auto; + justify-content: center; + padding: 3px 10px 4px; + line-height: 1.6; + text-align: center; + white-space: normal; +} +.post-publish-panel__postpublish-buttons .components-clipboard-button { + width: 100%; +} + +.post-publish-panel__postpublish-post-address { + margin-bottom: 16px; +} +.post-publish-panel__postpublish-post-address input[readonly] { + padding: 10px; + background: #ddd; + overflow: hidden; + text-overflow: ellipsis; +} + +.post-publish-panel__postpublish-header { + font-weight: 500; +} + +.post-publish-panel__postpublish-subheader { + margin: 0 0 8px; +} + +.post-publish-panel__tip { + color: #f0b849; +} + +.editor-post-saved-state { + display: flex; + align-items: center; + width: 28px; + padding: 12px 4px; + color: #757575; + overflow: hidden; + white-space: nowrap; +} +.editor-post-saved-state svg { + display: inline-block; + flex: 0 0 auto; + fill: currentColor; + margin-right: 8px; +} +@media (min-width: 600px) { + .editor-post-saved-state { + width: auto; + padding: 8px 12px; + text-indent: inherit; + } + .editor-post-saved-state svg { + margin-right: 4px; + } +} + +.editor-post-taxonomies__hierarchical-terms-list { + max-height: 14em; + overflow: auto; + margin-left: -6px; + padding-left: 6px; + margin-top: -6px; + padding-top: 6px; +} + +.editor-post-taxonomies__hierarchical-terms-choice { + margin-bottom: 8px; +} + +.editor-post-taxonomies__hierarchical-terms-subchoices { + margin-top: 8px; + margin-left: 16px; +} + +.components-button.editor-post-taxonomies__hierarchical-terms-submit, +.components-button.editor-post-taxonomies__hierarchical-terms-add { + margin-top: 12px; +} + +.editor-post-taxonomies__hierarchical-terms-label { + display: inline-block; + margin-top: 12px; +} + +.editor-post-taxonomies__hierarchical-terms-input { + margin-top: 8px; + width: 100%; +} + +.editor-post-taxonomies__hierarchical-terms-filter { + margin-bottom: 8px; + width: 100%; +} + +.editor-post-taxonomies__flat-term-most-used .editor-post-taxonomies__flat-term-most-used-label { + font-weight: 400; + margin-bottom: 12px; +} + +.editor-post-taxonomies__flat-term-most-used-list { + margin: 0; +} +.editor-post-taxonomies__flat-term-most-used-list li { + display: inline-block; + margin-right: 8px; +} +.editor-post-taxonomies__flat-term-most-used-list .components-button { + font-size: 12px; +} + +.edit-post-text-editor__body textarea.editor-post-text-editor { + border: 1px solid #949494; + border-radius: 0; + display: block; + margin: 0; + width: 100%; + box-shadow: none; + resize: none; + overflow: hidden; + font-family: Menlo, Consolas, monaco, monospace; + line-height: 2.4; + min-height: 200px; + transition: border 0.1s ease-out, box-shadow 0.1s linear; + padding: 16px; + /* Fonts smaller than 16px causes mobile safari to zoom. */ + font-size: 16px !important; +} +@media (prefers-reduced-motion: reduce) { + .edit-post-text-editor__body textarea.editor-post-text-editor { + transition-duration: 0s; + transition-delay: 0s; + } +} +@media (min-width: 600px) { + .edit-post-text-editor__body textarea.editor-post-text-editor { + padding: 24px; + } +} +@media (min-width: 600px) { + .edit-post-text-editor__body textarea.editor-post-text-editor { + font-size: 15px !important; + } +} +.edit-post-text-editor__body textarea.editor-post-text-editor:focus { + border-color: var(--wp-admin-theme-color); + box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + position: relative; +} +.edit-post-text-editor__body textarea.editor-post-text-editor::-webkit-input-placeholder { + color: rgba(30, 30, 30, 0.62); +} +.edit-post-text-editor__body textarea.editor-post-text-editor::-moz-placeholder { + color: rgba(30, 30, 30, 0.62); + opacity: 1; +} +.edit-post-text-editor__body textarea.editor-post-text-editor:-ms-input-placeholder { + color: rgba(30, 30, 30, 0.62); +} + +.edit-post-post-visibility__dialog, +.editor-post-visibility__dialog-fieldset { + padding: 4px; + padding-top: 0; +} +.edit-post-post-visibility__dialog .editor-post-visibility__dialog-legend, +.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-legend { + font-weight: 600; + margin-bottom: 1em; + margin-top: 0.5em; + padding: 0; +} +.edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio], +.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio] { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + padding: 6px 8px; + box-shadow: 0 0 0 transparent; + transition: box-shadow 0.1s linear; + border-radius: 2px; + border: 1px solid #757575; + /* Fonts smaller than 16px causes mobile safari to zoom. */ + font-size: 16px; + /* Override core line-height. To be reviewed. */ + line-height: normal; + border: 1px solid #1e1e1e; + margin-right: 12px; + transition: none; + border-radius: 50%; + width: 24px; + height: 24px; + margin-top: 2px; +} +@media (prefers-reduced-motion: reduce) { + .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio], +.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio] { + transition-duration: 0s; + transition-delay: 0s; + } +} +@media (min-width: 600px) { + .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio], +.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio] { + font-size: 13px; + /* Override core line-height. To be reviewed. */ + line-height: normal; + } +} +.edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]:focus, +.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]:focus { + border-color: var(--wp-admin-theme-color); + box-shadow: 0 0 0 1px var(--wp-admin-theme-color); + outline: 2px solid transparent; +} +.edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]::-webkit-input-placeholder, +.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]::-webkit-input-placeholder { + color: rgba(30, 30, 30, 0.62); +} +.edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]::-moz-placeholder, +.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]::-moz-placeholder { + opacity: 1; + color: rgba(30, 30, 30, 0.62); +} +.edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]:-ms-input-placeholder, +.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]:-ms-input-placeholder { + color: rgba(30, 30, 30, 0.62); +} +@media (min-width: 600px) { + .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio], +.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio] { + height: 20px; + width: 20px; + } +} +.edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]:checked::before, +.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]:checked::before { + box-sizing: inherit; + width: 8px; + height: 8px; + transform: translate(7px, 7px); + margin: 0; + background-color: #fff; + border: 4px solid #fff; +} +@media (min-width: 600px) { + .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]:checked::before, +.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]:checked::before { + transform: translate(5px, 5px); + } +} +.edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]:focus, +.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]:focus { + box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color); + outline: 2px solid transparent; +} +.edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]:checked, +.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]:checked { + background: var(--wp-admin-theme-color); + border-color: var(--wp-admin-theme-color); +} +.edit-post-post-visibility__dialog .editor-post-visibility__dialog-label, +.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-label { + font-weight: 600; +} +.edit-post-post-visibility__dialog .editor-post-visibility__dialog-info, +.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-info { + margin-top: 0; + margin-left: 32px; +} +.edit-post-post-visibility__dialog .editor-post-visibility__choice:last-child .editor-post-visibility__dialog-info, +.editor-post-visibility__dialog-fieldset .editor-post-visibility__choice:last-child .editor-post-visibility__dialog-info { + margin-bottom: 0; +} + +.editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text] { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + padding: 6px 8px; + box-shadow: 0 0 0 transparent; + transition: box-shadow 0.1s linear; + border-radius: 2px; + border: 1px solid #757575; + /* Fonts smaller than 16px causes mobile safari to zoom. */ + font-size: 16px; + /* Override core line-height. To be reviewed. */ + line-height: normal; + margin-left: 36px; + margin-top: 8px; +} +@media (prefers-reduced-motion: reduce) { + .editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text] { + transition-duration: 0s; + transition-delay: 0s; + } +} +@media (min-width: 600px) { + .editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text] { + font-size: 13px; + /* Override core line-height. To be reviewed. */ + line-height: normal; + } +} +.editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text]:focus { + border-color: var(--wp-admin-theme-color); + box-shadow: 0 0 0 1px var(--wp-admin-theme-color); + outline: 2px solid transparent; +} +.editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text]::-webkit-input-placeholder { + color: rgba(30, 30, 30, 0.62); +} +.editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text]::-moz-placeholder { + opacity: 1; + color: rgba(30, 30, 30, 0.62); +} +.editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text]:-ms-input-placeholder { + color: rgba(30, 30, 30, 0.62); +} + +.editor-post-title { + position: relative; +} +.editor-post-title .editor-post-title__input { + display: block; + width: 100%; + margin: 0; + box-shadow: none; + background: transparent; + transition: border 0.1s ease-out, box-shadow 0.1s linear; + padding: 19px 0; + word-break: keep-all; + font-family: inherit; + color: inherit; + border: 1px solid transparent; + border-left-width: 0; + border-right-width: 0; + border-radius: 0; + outline: 1px solid transparent; + font-size: 2.44em; + font-weight: 800; + line-height: 1.4; +} +@media (prefers-reduced-motion: reduce) { + .editor-post-title .editor-post-title__input { + transition-duration: 0s; + transition-delay: 0s; + } +} +@media (min-width: 600px) { + .editor-post-title .editor-post-title__input { + border-width: 1px; + } +} +.editor-post-title .editor-post-title__input::-webkit-input-placeholder { + color: rgba(30, 30, 30, 0.62); +} +.editor-post-title .editor-post-title__input::-moz-placeholder { + color: rgba(30, 30, 30, 0.62); + opacity: 1; +} +.editor-post-title .editor-post-title__input:-ms-input-placeholder { + color: rgba(30, 30, 30, 0.62); +} +.is-dark-theme .editor-post-title .editor-post-title__input::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.65); +} +.is-dark-theme .editor-post-title .editor-post-title__input::-moz-placeholder { + opacity: 1; + color: rgba(255, 255, 255, 0.65); +} +.is-dark-theme .editor-post-title .editor-post-title__input:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.65); +} +.editor-post-title .editor-post-title__input:focus { + border: 1px solid transparent; + outline: 1px solid transparent; + box-shadow: none; +} +.editor-post-title.is-focus-mode .editor-post-title__input { + opacity: 0.5; + transition: opacity 0.1s linear; +} +@media (prefers-reduced-motion: reduce) { + .editor-post-title.is-focus-mode .editor-post-title__input { + transition-duration: 0s; + transition-delay: 0s; + } +} +.editor-post-title.is-focus-mode .editor-post-title__input:focus { + opacity: 1; +} + +.editor-post-trash.components-button { + margin-top: 4px; +} + +.table-of-contents__popover.components-popover .components-popover__content { + min-width: 380px; +} + +.components-popover.table-of-contents__popover { + z-index: 99998; +} + +.table-of-contents__popover .components-popover__content > div { + padding: 16px; +} +@media (min-width: 600px) { + .table-of-contents__popover .components-popover__content { + max-height: calc(100vh - 120px); + overflow-y: auto; + } +} +.table-of-contents__popover hr { + margin: 10px -16px 0; +} + +.table-of-contents__wrapper:focus::before { + content: ""; + display: block; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + pointer-events: none; +} + +.table-of-contents__counts { + display: flex; + flex-wrap: wrap; + margin: 0; + margin-top: -8px; +} + +.table-of-contents__count { + flex-basis: 33%; + display: flex; + flex-direction: column; + font-size: 13px; + color: #1e1e1e; + padding-right: 8px; + margin-bottom: 0; + margin-top: 8px; +} +.table-of-contents__count:nth-child(4n) { + padding-right: 0; +} + +.table-of-contents__number, +.table-of-contents__popover .word-count { + font-size: 21px; + font-weight: 400; + line-height: 30px; + color: #1e1e1e; +} + +.table-of-contents__title { + display: block; + margin-top: 20px; + font-size: 15px; + font-weight: 600; +} + +.editor-template-validation-notice { + display: flex; + justify-content: space-between; + align-items: center; +} +.editor-template-validation-notice .components-button { + margin-left: 5px; +} \ No newline at end of file diff --git a/wp-includes/css/dist/editor/style.min.css b/wp-includes/css/dist/editor/style.min.css new file mode 100644 index 0000000000..d77c5bcb4a --- /dev/null +++ b/wp-includes/css/dist/editor/style.min.css @@ -0,0 +1 @@ +@charset "UTF-8";:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.editor-autocompleters__user .editor-autocompleters__no-avatar:before{font:normal 20px/1 dashicons;content:"";margin-right:5px;vertical-align:middle}.editor-autocompleters__user .editor-autocompleters__user-avatar{margin-right:8px;flex-grow:0;flex-shrink:0;max-width:none;width:24px;height:24px}.editor-autocompleters__user .editor-autocompleters__user-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:200px;flex-shrink:0;flex-grow:1}.editor-autocompleters__user .editor-autocompleters__user-slug{margin-left:8px;color:#757575;white-space:nowrap;text-overflow:ellipsis;overflow:none;max-width:100px;flex-grow:0;flex-shrink:0}.editor-autocompleters__user:hover .editor-autocompleters__user-slug{color:var(--wp-admin-theme-color)}.document-outline{margin:20px 0}.document-outline ul{margin:0;padding:0}.document-outline__item{display:flex;margin:4px 0}.document-outline__item a{text-decoration:none}.document-outline__item .document-outline__emdash:before{color:#ddd;margin-right:4px}.document-outline__item.is-h2 .document-outline__emdash:before{content:"—"}.document-outline__item.is-h3 .document-outline__emdash:before{content:"——"}.document-outline__item.is-h4 .document-outline__emdash:before{content:"———"}.document-outline__item.is-h5 .document-outline__emdash:before{content:"————"}.document-outline__item.is-h6 .document-outline__emdash:before{content:"—————"}.document-outline__button{cursor:pointer;background:none;border:none;display:flex;align-items:flex-start;margin:0 0 0 -1px;padding:2px 5px 2px 1px;color:#1e1e1e;text-align:left;border-radius:2px}.document-outline__button:disabled{cursor:default}.document-outline__button:focus{box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);outline:2px solid transparent}.document-outline__level{background:#ddd;color:#1e1e1e;border-radius:3px;font-size:13px;padding:1px 6px;margin-right:4px}.is-invalid .document-outline__level{background:#f0b849}.document-outline__item-content{padding:1px 0}.components-editor-notices__dismissible,.components-editor-notices__pinned{position:relative;left:0;top:0;right:0;color:#1e1e1e}.components-editor-notices__dismissible .components-notice,.components-editor-notices__pinned .components-notice{box-sizing:border-box;margin:0;border-bottom:1px solid rgba(0,0,0,.2);padding:0 12px;min-height:60px}.components-editor-notices__dismissible .components-notice .components-notice__dismiss,.components-editor-notices__pinned .components-notice .components-notice__dismiss{margin-top:12px}.entities-saved-states__panel{background:#fff;position:fixed;z-index:100001;top:46px;bottom:0;right:0;left:0;overflow:auto;box-sizing:border-box}.entities-saved-states__panel *,.entities-saved-states__panel :after,.entities-saved-states__panel :before{box-sizing:inherit}.entities-saved-states__panel .entities-saved-states__find-entity{display:none}.entities-saved-states__panel .entities-saved-states__find-entity-small{display:block}@media (min-width:782px){.entities-saved-states__panel{top:32px;left:auto;width:280px;border-left:1px solid #ddd}body.is-fullscreen-mode .entities-saved-states__panel{top:0}.entities-saved-states__panel .entities-saved-states__find-entity{display:block}.entities-saved-states__panel .entities-saved-states__find-entity-small{display:none}}.entities-saved-states__panel .entities-saved-states__panel-header{background:#fff;padding-left:8px;padding-right:8px;height:61px;border-bottom:1px solid #ddd;display:flex;align-items:center;align-content:space-between}.entities-saved-states__panel .entities-saved-states__panel-header .editor-entities-saved-states__save-button{margin:auto}.entities-saved-states__panel .entities-saved-states__panel-header .components-button.has-icon{position:absolute;right:8px}.entities-saved-states__panel .entities-saved-states__text-prompt{padding:16px 16px 4px}.editor-error-boundary{max-width:780px;padding:20px;margin:60px auto auto;box-shadow:0 10px 10px rgba(0,0,0,.25)}.editor-page-attributes__order{width:100%}.editor-page-attributes__order .components-base-control__field{display:flex;justify-content:space-between;align-items:center}.editor-page-attributes__order input{width:66px}.editor-post-excerpt__textarea{width:100%;margin-bottom:10px}.editor-post-featured-image{padding:0}.editor-post-featured-image__container{margin-bottom:1em;position:relative}.editor-post-featured-image .components-spinner{position:absolute;top:50%;left:50%;margin-top:-9px;margin-left:-9px}.editor-post-featured-image .components-button+.components-button{display:block;margin-top:1em}.editor-post-featured-image .components-responsive-wrapper__content{max-width:100%;width:auto}.editor-post-featured-image__preview,.editor-post-featured-image__toggle{display:block;width:100%;padding:0;transition:all .1s ease-out;box-shadow:0 0 0 0 var(--wp-admin-theme-color)}@media (prefers-reduced-motion:reduce){.editor-post-featured-image__preview,.editor-post-featured-image__toggle{transition-duration:0s;transition-delay:0s}}.editor-post-featured-image__preview{height:auto}.editor-post-featured-image__preview:not(:disabled):not([aria-disabled=true]):focus{box-shadow:0 0 0 4px var(--wp-admin-theme-color)}.editor-post-featured-image__toggle{border-radius:2px;background-color:#f0f0f0;min-height:90px;line-height:20px;padding:8px 0;text-align:center}.editor-post-featured-image__toggle:hover{background:#ddd;color:#1e1e1e}.editor-post-format{flex-direction:column;align-items:stretch;width:100%}.editor-post-format__content{display:inline-flex;justify-content:space-between;align-items:center;width:100%}.editor-post-format__suggestion{text-align:right;font-size:13px}.editor-post-last-revision__title{width:100%;font-weight:600}.editor-post-last-revision__title .dashicon{margin-right:5px}.components-button.editor-post-last-revision__title{height:100%}.components-button.editor-post-last-revision__title:active,.components-button.editor-post-last-revision__title:hover{background:#f0f0f0}.components-button.editor-post-last-revision__title:focus{box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);border-radius:0}.editor-post-locked-modal{height:auto;padding-right:10px;padding-left:10px;padding-top:10px;max-width:480px}.editor-post-locked-modal .components-modal__header{height:36px}.editor-post-locked-modal .components-modal__content{height:auto}.editor-post-locked-modal__buttons{margin-top:10px}.editor-post-locked-modal__buttons .components-button{margin-right:5px}.editor-post-locked-modal__avatar{float:left;margin:5px 15px 5px 5px}.editor-post-publish-button__button.has-changes-dot:before{background:currentcolor;border-radius:4px;content:"";height:8px;margin:auto 5px auto -3px;width:8px}.editor-post-publish-panel{background:#fff}.editor-post-publish-panel__content{min-height:calc(100% - 144px)}.editor-post-publish-panel__content .components-spinner{display:block;margin:100px auto 0}.editor-post-publish-panel__header{background:#fff;padding-left:16px;padding-right:16px;height:61px;border-bottom:1px solid #ddd;display:flex;align-items:center;align-content:space-between}.editor-post-publish-panel__header .components-button{width:100%;justify-content:center}.editor-post-publish-panel__header .has-icon{margin-left:auto;width:auto}.components-site-card{display:flex;align-items:center;margin:16px 0}.components-site-icon{border:none;border-radius:2px;margin-right:12px;height:36px;width:36px}.components-site-name{display:block;font-size:14px}.components-site-home{display:block;color:#757575;font-size:12px}.editor-post-publish-panel__header-cancel-button,.editor-post-publish-panel__header-publish-button{flex-grow:1}@media (min-width:480px){.editor-post-publish-panel__header-cancel-button,.editor-post-publish-panel__header-publish-button{max-width:160px}}.editor-post-publish-panel__header-publish-button{padding-right:4px}.editor-post-publish-panel__header-cancel-button{padding-left:4px}.editor-post-publish-panel__header-published{flex-grow:1}.editor-post-publish-panel__footer{padding:16px}.components-button.editor-post-publish-panel__toggle.is-primary{display:inline-flex;align-items:center}.components-button.editor-post-publish-panel__toggle.is-primary.is-busy .dashicon{display:none}.components-button.editor-post-publish-panel__toggle.is-primary .dashicon{margin-right:-4px}.editor-post-publish-panel__link{font-weight:400;padding-left:4px}.editor-post-publish-panel__prepublish{padding:16px}.editor-post-publish-panel__prepublish strong{color:#1e1e1e}.editor-post-publish-panel__prepublish .components-panel__body{background:#fff;margin-left:-16px;margin-right:-16px}.editor-post-publish-panel__prepublish .editor-post-visibility__dialog-legend{display:none}.post-publish-panel__postpublish .components-panel__body{border-bottom:1px solid #e0e0e0;border-top:none}.post-publish-panel__postpublish-buttons{display:flex;align-content:space-between;flex-wrap:wrap;margin:-5px}.post-publish-panel__postpublish-buttons>*{flex-grow:1;margin:5px}.post-publish-panel__postpublish-buttons .components-button{height:auto;justify-content:center;padding:3px 10px 4px;line-height:1.6;text-align:center;white-space:normal}.post-publish-panel__postpublish-buttons .components-clipboard-button{width:100%}.post-publish-panel__postpublish-post-address{margin-bottom:16px}.post-publish-panel__postpublish-post-address input[readonly]{padding:10px;background:#ddd;overflow:hidden;text-overflow:ellipsis}.post-publish-panel__postpublish-header{font-weight:500}.post-publish-panel__postpublish-subheader{margin:0 0 8px}.post-publish-panel__tip{color:#f0b849}.editor-post-saved-state{display:flex;align-items:center;width:28px;padding:12px 4px;color:#757575;overflow:hidden;white-space:nowrap}.editor-post-saved-state svg{display:inline-block;flex:0 0 auto;fill:currentColor;margin-right:8px}@media (min-width:600px){.editor-post-saved-state{width:auto;padding:8px 12px;text-indent:inherit}.editor-post-saved-state svg{margin-right:4px}}.editor-post-taxonomies__hierarchical-terms-list{max-height:14em;overflow:auto;margin-left:-6px;padding-left:6px;margin-top:-6px;padding-top:6px}.editor-post-taxonomies__hierarchical-terms-choice{margin-bottom:8px}.editor-post-taxonomies__hierarchical-terms-subchoices{margin-top:8px;margin-left:16px}.components-button.editor-post-taxonomies__hierarchical-terms-add,.components-button.editor-post-taxonomies__hierarchical-terms-submit{margin-top:12px}.editor-post-taxonomies__hierarchical-terms-label{display:inline-block;margin-top:12px}.editor-post-taxonomies__hierarchical-terms-input{margin-top:8px;width:100%}.editor-post-taxonomies__hierarchical-terms-filter{margin-bottom:8px;width:100%}.editor-post-taxonomies__flat-term-most-used .editor-post-taxonomies__flat-term-most-used-label{font-weight:400;margin-bottom:12px}.editor-post-taxonomies__flat-term-most-used-list{margin:0}.editor-post-taxonomies__flat-term-most-used-list li{display:inline-block;margin-right:8px}.editor-post-taxonomies__flat-term-most-used-list .components-button{font-size:12px}.edit-post-text-editor__body textarea.editor-post-text-editor{border:1px solid #949494;border-radius:0;display:block;margin:0;width:100%;box-shadow:none;resize:none;overflow:hidden;font-family:Menlo,Consolas,monaco,monospace;line-height:2.4;min-height:200px;transition:border .1s ease-out,box-shadow .1s linear;padding:16px;font-size:16px!important}@media (prefers-reduced-motion:reduce){.edit-post-text-editor__body textarea.editor-post-text-editor{transition-duration:0s;transition-delay:0s}}@media (min-width:600px){.edit-post-text-editor__body textarea.editor-post-text-editor{padding:24px;font-size:15px!important}}.edit-post-text-editor__body textarea.editor-post-text-editor:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);position:relative}.edit-post-text-editor__body textarea.editor-post-text-editor::-webkit-input-placeholder{color:rgba(30,30,30,.62)}.edit-post-text-editor__body textarea.editor-post-text-editor::-moz-placeholder{color:rgba(30,30,30,.62);opacity:1}.edit-post-text-editor__body textarea.editor-post-text-editor:-ms-input-placeholder{color:rgba(30,30,30,.62)}.edit-post-post-visibility__dialog,.editor-post-visibility__dialog-fieldset{padding:0 4px 4px}.edit-post-post-visibility__dialog .editor-post-visibility__dialog-legend,.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-legend{font-weight:600;margin-bottom:1em;margin-top:.5em;padding:0}.edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio],.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;padding:6px 8px;box-shadow:0 0 0 transparent;transition:box-shadow .1s linear;border-radius:2px;font-size:16px;line-height:normal;border:1px solid #1e1e1e;margin-right:12px;transition:none;border-radius:50%;width:24px;height:24px;margin-top:2px}@media (prefers-reduced-motion:reduce){.edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio],.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]{transition-duration:0s;transition-delay:0s}}@media (min-width:600px){.edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio],.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]{font-size:13px;line-height:normal}}.edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]:focus,.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 1px var(--wp-admin-theme-color)}.edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]::-webkit-input-placeholder,.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]::-webkit-input-placeholder{color:rgba(30,30,30,.62)}.edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]::-moz-placeholder,.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]::-moz-placeholder{opacity:1;color:rgba(30,30,30,.62)}.edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]:-ms-input-placeholder,.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]:-ms-input-placeholder{color:rgba(30,30,30,.62)}@media (min-width:600px){.edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio],.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]{height:20px;width:20px}}.edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]:checked:before,.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]:checked:before{box-sizing:inherit;width:8px;height:8px;transform:translate(7px,7px);margin:0;background-color:#fff;border:4px solid #fff}@media (min-width:600px){.edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]:checked:before,.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]:checked:before{transform:translate(5px,5px)}}.edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]:focus,.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]:focus{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--wp-admin-theme-color);outline:2px solid transparent}.edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]:checked,.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]:checked{background:var(--wp-admin-theme-color);border-color:var(--wp-admin-theme-color)}.edit-post-post-visibility__dialog .editor-post-visibility__dialog-label,.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-label{font-weight:600}.edit-post-post-visibility__dialog .editor-post-visibility__dialog-info,.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-info{margin-top:0;margin-left:32px}.edit-post-post-visibility__dialog .editor-post-visibility__choice:last-child .editor-post-visibility__dialog-info,.editor-post-visibility__dialog-fieldset .editor-post-visibility__choice:last-child .editor-post-visibility__dialog-info{margin-bottom:0}.editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text]{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;padding:6px 8px;box-shadow:0 0 0 transparent;transition:box-shadow .1s linear;border-radius:2px;border:1px solid #757575;font-size:16px;line-height:normal;margin-left:36px;margin-top:8px}@media (prefers-reduced-motion:reduce){.editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text]{transition-duration:0s;transition-delay:0s}}@media (min-width:600px){.editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text]{font-size:13px;line-height:normal}}.editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text]:focus{border-color:var(--wp-admin-theme-color);box-shadow:0 0 0 1px var(--wp-admin-theme-color);outline:2px solid transparent}.editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text]::-webkit-input-placeholder{color:rgba(30,30,30,.62)}.editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text]::-moz-placeholder{opacity:1;color:rgba(30,30,30,.62)}.editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text]:-ms-input-placeholder{color:rgba(30,30,30,.62)}.editor-post-title{position:relative}.editor-post-title .editor-post-title__input{display:block;width:100%;margin:0;box-shadow:none;background:transparent;transition:border .1s ease-out,box-shadow .1s linear;padding:19px 0;word-break:keep-all;font-family:inherit;color:inherit;border-color:transparent;border-style:solid;border-width:1px 0;border-radius:0;outline:1px solid transparent;font-size:2.44em;font-weight:800;line-height:1.4}@media (prefers-reduced-motion:reduce){.editor-post-title .editor-post-title__input{transition-duration:0s;transition-delay:0s}}@media (min-width:600px){.editor-post-title .editor-post-title__input{border-width:1px}}.editor-post-title .editor-post-title__input::-webkit-input-placeholder{color:rgba(30,30,30,.62)}.editor-post-title .editor-post-title__input::-moz-placeholder{color:rgba(30,30,30,.62);opacity:1}.editor-post-title .editor-post-title__input:-ms-input-placeholder{color:rgba(30,30,30,.62)}.is-dark-theme .editor-post-title .editor-post-title__input::-webkit-input-placeholder{color:hsla(0,0%,100%,.65)}.is-dark-theme .editor-post-title .editor-post-title__input::-moz-placeholder{opacity:1;color:hsla(0,0%,100%,.65)}.is-dark-theme .editor-post-title .editor-post-title__input:-ms-input-placeholder{color:hsla(0,0%,100%,.65)}.editor-post-title .editor-post-title__input:focus{border:1px solid transparent;outline:1px solid transparent;box-shadow:none}.editor-post-title.is-focus-mode .editor-post-title__input{opacity:.5;transition:opacity .1s linear}@media (prefers-reduced-motion:reduce){.editor-post-title.is-focus-mode .editor-post-title__input{transition-duration:0s;transition-delay:0s}}.editor-post-title.is-focus-mode .editor-post-title__input:focus{opacity:1}.editor-post-trash.components-button{margin-top:4px}.table-of-contents__popover.components-popover .components-popover__content{min-width:380px}.components-popover.table-of-contents__popover{z-index:99998}.table-of-contents__popover .components-popover__content>div{padding:16px}@media (min-width:600px){.table-of-contents__popover .components-popover__content{max-height:calc(100vh - 120px);overflow-y:auto}}.table-of-contents__popover hr{margin:10px -16px 0}.table-of-contents__wrapper:focus:before{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);pointer-events:none}.table-of-contents__counts{display:flex;flex-wrap:wrap;margin:-8px 0 0}.table-of-contents__count{flex-basis:33%;display:flex;flex-direction:column;font-size:13px;color:#1e1e1e;padding-right:8px;margin-bottom:0;margin-top:8px}.table-of-contents__count:nth-child(4n){padding-right:0}.table-of-contents__number,.table-of-contents__popover .word-count{font-size:21px;font-weight:400;line-height:30px;color:#1e1e1e}.table-of-contents__title{display:block;margin-top:20px;font-size:15px;font-weight:600}.editor-template-validation-notice{display:flex;justify-content:space-between;align-items:center}.editor-template-validation-notice .components-button{margin-left:5px} \ No newline at end of file diff --git a/wp-includes/css/dist/format-library/style-rtl.css b/wp-includes/css/dist/format-library/style-rtl.css new file mode 100644 index 0000000000..dc4a1b5698 --- /dev/null +++ b/wp-includes/css/dist/format-library/style-rtl.css @@ -0,0 +1,168 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles for JavaScript UI based pages. + * This is a WP-admin agnostic reset + */ +/** + * Reset the WP Admin page styles for Gutenberg-like pages. + */ +:root { + --wp-admin-theme-color: #007cba; + --wp-admin-theme-color-darker-10: #006ba1; + --wp-admin-theme-color-darker-20: #005a87; + --wp-admin-border-width-focus: 2px; +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + :root { + --wp-admin-border-width-focus: 1.5px; + } +} + +.block-editor-format-toolbar__image-popover { + z-index: 159990; +} + +.block-editor-format-toolbar__image-container-content { + display: flex; +} +.block-editor-format-toolbar__image-container-content .components-button { + align-self: flex-end; + height: 30px; + margin-bottom: 8px; + margin-left: 8px; + padding: 0 6px; +} + +.block-editor-format-toolbar__image-container-value { + margin: 7px; + flex-grow: 1; + flex-shrink: 1; + white-space: nowrap; + min-width: 150px; + max-width: 500px; +} +.block-editor-format-toolbar__image-container-value.components-base-control .components-base-control__field { + margin-bottom: 0; +} +.block-editor-format-toolbar__image-container-value.components-base-control .components-base-control__label { + display: block; +} + +.block-editor-format-toolbar__link-container-content { + display: flex; +} + +.block-editor-format-toolbar__link-container-value { + margin: 7px; + flex-grow: 1; + flex-shrink: 1; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + min-width: 150px; + max-width: 500px; +} +.block-editor-format-toolbar__link-container-value.has-invalid-link { + color: #cc1818; +} + +.components-inline-color__indicator { + position: absolute; + background: #000; + height: 3px; + width: 20px; + bottom: 6px; + right: auto; + left: auto; + margin: 0 5px; +} + +.components-inline-color-popover .components-popover__content > div { + padding: 20px 18px; +} +.components-inline-color-popover .components-popover__content .components-color-palette { + margin-top: 0.6rem; +} +.components-inline-color-popover .components-popover__content .components-base-control__title { + display: block; + margin-bottom: 16px; + font-weight: 600; + color: #191e23; +} +.components-inline-color-popover .components-popover__content .component-color-indicator { + vertical-align: text-bottom; +} + +.format-library-text-color-button { + position: relative; +} + +.format-library-text-color-button__indicator { + height: 4px; + width: 20px; + position: absolute; + bottom: 10px; + right: 8px; +} \ No newline at end of file diff --git a/wp-includes/css/dist/format-library/style-rtl.min.css b/wp-includes/css/dist/format-library/style-rtl.min.css new file mode 100644 index 0000000000..9e0e3c0217 --- /dev/null +++ b/wp-includes/css/dist/format-library/style-rtl.min.css @@ -0,0 +1 @@ +:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.block-editor-format-toolbar__image-popover{z-index:159990}.block-editor-format-toolbar__image-container-content{display:flex}.block-editor-format-toolbar__image-container-content .components-button{align-self:flex-end;height:30px;margin-bottom:8px;margin-left:8px;padding:0 6px}.block-editor-format-toolbar__image-container-value{margin:7px;flex-grow:1;flex-shrink:1;white-space:nowrap;min-width:150px;max-width:500px}.block-editor-format-toolbar__image-container-value.components-base-control .components-base-control__field{margin-bottom:0}.block-editor-format-toolbar__image-container-value.components-base-control .components-base-control__label{display:block}.block-editor-format-toolbar__link-container-content{display:flex}.block-editor-format-toolbar__link-container-value{margin:7px;flex-grow:1;flex-shrink:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:150px;max-width:500px}.block-editor-format-toolbar__link-container-value.has-invalid-link{color:#cc1818}.components-inline-color__indicator{position:absolute;background:#000;height:3px;width:20px;bottom:6px;right:auto;left:auto;margin:0 5px}.components-inline-color-popover .components-popover__content>div{padding:20px 18px}.components-inline-color-popover .components-popover__content .components-color-palette{margin-top:.6rem}.components-inline-color-popover .components-popover__content .components-base-control__title{display:block;margin-bottom:16px;font-weight:600;color:#191e23}.components-inline-color-popover .components-popover__content .component-color-indicator{vertical-align:text-bottom}.format-library-text-color-button{position:relative}.format-library-text-color-button__indicator{height:4px;width:20px;position:absolute;bottom:10px;right:8px} \ No newline at end of file diff --git a/wp-includes/css/dist/format-library/style.css b/wp-includes/css/dist/format-library/style.css new file mode 100644 index 0000000000..014c87a03e --- /dev/null +++ b/wp-includes/css/dist/format-library/style.css @@ -0,0 +1,168 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles for JavaScript UI based pages. + * This is a WP-admin agnostic reset + */ +/** + * Reset the WP Admin page styles for Gutenberg-like pages. + */ +:root { + --wp-admin-theme-color: #007cba; + --wp-admin-theme-color-darker-10: #006ba1; + --wp-admin-theme-color-darker-20: #005a87; + --wp-admin-border-width-focus: 2px; +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + :root { + --wp-admin-border-width-focus: 1.5px; + } +} + +.block-editor-format-toolbar__image-popover { + z-index: 159990; +} + +.block-editor-format-toolbar__image-container-content { + display: flex; +} +.block-editor-format-toolbar__image-container-content .components-button { + align-self: flex-end; + height: 30px; + margin-bottom: 8px; + margin-right: 8px; + padding: 0 6px; +} + +.block-editor-format-toolbar__image-container-value { + margin: 7px; + flex-grow: 1; + flex-shrink: 1; + white-space: nowrap; + min-width: 150px; + max-width: 500px; +} +.block-editor-format-toolbar__image-container-value.components-base-control .components-base-control__field { + margin-bottom: 0; +} +.block-editor-format-toolbar__image-container-value.components-base-control .components-base-control__label { + display: block; +} + +.block-editor-format-toolbar__link-container-content { + display: flex; +} + +.block-editor-format-toolbar__link-container-value { + margin: 7px; + flex-grow: 1; + flex-shrink: 1; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + min-width: 150px; + max-width: 500px; +} +.block-editor-format-toolbar__link-container-value.has-invalid-link { + color: #cc1818; +} + +.components-inline-color__indicator { + position: absolute; + background: #000; + height: 3px; + width: 20px; + bottom: 6px; + left: auto; + right: auto; + margin: 0 5px; +} + +.components-inline-color-popover .components-popover__content > div { + padding: 20px 18px; +} +.components-inline-color-popover .components-popover__content .components-color-palette { + margin-top: 0.6rem; +} +.components-inline-color-popover .components-popover__content .components-base-control__title { + display: block; + margin-bottom: 16px; + font-weight: 600; + color: #191e23; +} +.components-inline-color-popover .components-popover__content .component-color-indicator { + vertical-align: text-bottom; +} + +.format-library-text-color-button { + position: relative; +} + +.format-library-text-color-button__indicator { + height: 4px; + width: 20px; + position: absolute; + bottom: 10px; + left: 8px; +} \ No newline at end of file diff --git a/wp-includes/css/dist/format-library/style.min.css b/wp-includes/css/dist/format-library/style.min.css new file mode 100644 index 0000000000..ac38e9ca77 --- /dev/null +++ b/wp-includes/css/dist/format-library/style.min.css @@ -0,0 +1 @@ +:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.block-editor-format-toolbar__image-popover{z-index:159990}.block-editor-format-toolbar__image-container-content{display:flex}.block-editor-format-toolbar__image-container-content .components-button{align-self:flex-end;height:30px;margin-bottom:8px;margin-right:8px;padding:0 6px}.block-editor-format-toolbar__image-container-value{margin:7px;flex-grow:1;flex-shrink:1;white-space:nowrap;min-width:150px;max-width:500px}.block-editor-format-toolbar__image-container-value.components-base-control .components-base-control__field{margin-bottom:0}.block-editor-format-toolbar__image-container-value.components-base-control .components-base-control__label{display:block}.block-editor-format-toolbar__link-container-content{display:flex}.block-editor-format-toolbar__link-container-value{margin:7px;flex-grow:1;flex-shrink:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:150px;max-width:500px}.block-editor-format-toolbar__link-container-value.has-invalid-link{color:#cc1818}.components-inline-color__indicator{position:absolute;background:#000;height:3px;width:20px;bottom:6px;left:auto;right:auto;margin:0 5px}.components-inline-color-popover .components-popover__content>div{padding:20px 18px}.components-inline-color-popover .components-popover__content .components-color-palette{margin-top:.6rem}.components-inline-color-popover .components-popover__content .components-base-control__title{display:block;margin-bottom:16px;font-weight:600;color:#191e23}.components-inline-color-popover .components-popover__content .component-color-indicator{vertical-align:text-bottom}.format-library-text-color-button{position:relative}.format-library-text-color-button__indicator{height:4px;width:20px;position:absolute;bottom:10px;left:8px} \ No newline at end of file diff --git a/wp-includes/css/dist/list-reusable-blocks/style-rtl.css b/wp-includes/css/dist/list-reusable-blocks/style-rtl.css new file mode 100644 index 0000000000..452c1ac45b --- /dev/null +++ b/wp-includes/css/dist/list-reusable-blocks/style-rtl.css @@ -0,0 +1,210 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles for JavaScript UI based pages. + * This is a WP-admin agnostic reset + */ +/** + * Reset the WP Admin page styles for Gutenberg-like pages. + */ +:root { + --wp-admin-theme-color: #007cba; + --wp-admin-theme-color-darker-10: #006ba1; + --wp-admin-theme-color-darker-20: #005a87; + --wp-admin-border-width-focus: 2px; +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + :root { + --wp-admin-border-width-focus: 1.5px; + } +} + +.list-reusable-blocks-import-dropdown__content .components-popover__content > div { + padding: 10px; +} + +.list-reusable-blocks-import-form__label { + display: block; + margin-bottom: 10px; +} + +.list-reusable-blocks-import-form__button { + margin-top: 10px; + margin-bottom: 10px; + float: left; +} + +.list-reusable-blocks-import-form .components-notice__content { + margin: 0; +} +.list-reusable-blocks-import-form .components-notice.is-dismissible { + padding-left: 0; + margin: 5px 0; +} + +.list-reusable-blocks__container { + display: inline-flex; + align-items: center; + position: relative; + top: -3px; +} +.list-reusable-blocks__container .components-button { + height: 26px; +} + +body.admin-color-light { + --wp-admin-theme-color: #0085ba; + --wp-admin-theme-color-darker-10: #0073a1; + --wp-admin-theme-color-darker-20: #006187; + --wp-admin-border-width-focus: 2px; +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + body.admin-color-light { + --wp-admin-border-width-focus: 1.5px; + } +} + +body.admin-color-modern { + --wp-admin-theme-color: #3858e9; + --wp-admin-theme-color-darker-10: #2145e6; + --wp-admin-theme-color-darker-20: #183ad6; + --wp-admin-border-width-focus: 2px; +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + body.admin-color-modern { + --wp-admin-border-width-focus: 1.5px; + } +} + +body.admin-color-blue { + --wp-admin-theme-color: #096484; + --wp-admin-theme-color-darker-10: #07526c; + --wp-admin-theme-color-darker-20: #064054; + --wp-admin-border-width-focus: 2px; +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + body.admin-color-blue { + --wp-admin-border-width-focus: 1.5px; + } +} + +body.admin-color-coffee { + --wp-admin-theme-color: #46403c; + --wp-admin-theme-color-darker-10: #383330; + --wp-admin-theme-color-darker-20: #2b2724; + --wp-admin-border-width-focus: 2px; +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + body.admin-color-coffee { + --wp-admin-border-width-focus: 1.5px; + } +} + +body.admin-color-ectoplasm { + --wp-admin-theme-color: #523f6d; + --wp-admin-theme-color-darker-10: #46365d; + --wp-admin-theme-color-darker-20: #3a2c4d; + --wp-admin-border-width-focus: 2px; +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + body.admin-color-ectoplasm { + --wp-admin-border-width-focus: 1.5px; + } +} + +body.admin-color-midnight { + --wp-admin-theme-color: #e14d43; + --wp-admin-theme-color-darker-10: #dd382d; + --wp-admin-theme-color-darker-20: #d02c21; + --wp-admin-border-width-focus: 2px; +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + body.admin-color-midnight { + --wp-admin-border-width-focus: 1.5px; + } +} + +body.admin-color-ocean { + --wp-admin-theme-color: #627c83; + --wp-admin-theme-color-darker-10: #576e74; + --wp-admin-theme-color-darker-20: #4c6066; + --wp-admin-border-width-focus: 2px; +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + body.admin-color-ocean { + --wp-admin-border-width-focus: 1.5px; + } +} + +body.admin-color-sunrise { + --wp-admin-theme-color: #dd823b; + --wp-admin-theme-color-darker-10: #d97426; + --wp-admin-theme-color-darker-20: #c36922; + --wp-admin-border-width-focus: 2px; +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + body.admin-color-sunrise { + --wp-admin-border-width-focus: 1.5px; + } +} \ No newline at end of file diff --git a/wp-includes/css/dist/list-reusable-blocks/style-rtl.min.css b/wp-includes/css/dist/list-reusable-blocks/style-rtl.min.css new file mode 100644 index 0000000000..e85abb1445 --- /dev/null +++ b/wp-includes/css/dist/list-reusable-blocks/style-rtl.min.css @@ -0,0 +1 @@ +:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.list-reusable-blocks-import-dropdown__content .components-popover__content>div{padding:10px}.list-reusable-blocks-import-form__label{display:block;margin-bottom:10px}.list-reusable-blocks-import-form__button{margin-top:10px;margin-bottom:10px;float:left}.list-reusable-blocks-import-form .components-notice__content{margin:0}.list-reusable-blocks-import-form .components-notice.is-dismissible{padding-left:0;margin:5px 0}.list-reusable-blocks__container{display:inline-flex;align-items:center;position:relative;top:-3px}.list-reusable-blocks__container .components-button{height:26px}body.admin-color-light{--wp-admin-theme-color:#0085ba;--wp-admin-theme-color-darker-10:#0073a1;--wp-admin-theme-color-darker-20:#006187;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-light{--wp-admin-border-width-focus:1.5px}}body.admin-color-modern{--wp-admin-theme-color:#3858e9;--wp-admin-theme-color-darker-10:#2145e6;--wp-admin-theme-color-darker-20:#183ad6;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-modern{--wp-admin-border-width-focus:1.5px}}body.admin-color-blue{--wp-admin-theme-color:#096484;--wp-admin-theme-color-darker-10:#07526c;--wp-admin-theme-color-darker-20:#064054;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-blue{--wp-admin-border-width-focus:1.5px}}body.admin-color-coffee{--wp-admin-theme-color:#46403c;--wp-admin-theme-color-darker-10:#383330;--wp-admin-theme-color-darker-20:#2b2724;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-coffee{--wp-admin-border-width-focus:1.5px}}body.admin-color-ectoplasm{--wp-admin-theme-color:#523f6d;--wp-admin-theme-color-darker-10:#46365d;--wp-admin-theme-color-darker-20:#3a2c4d;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-ectoplasm{--wp-admin-border-width-focus:1.5px}}body.admin-color-midnight{--wp-admin-theme-color:#e14d43;--wp-admin-theme-color-darker-10:#dd382d;--wp-admin-theme-color-darker-20:#d02c21;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-midnight{--wp-admin-border-width-focus:1.5px}}body.admin-color-ocean{--wp-admin-theme-color:#627c83;--wp-admin-theme-color-darker-10:#576e74;--wp-admin-theme-color-darker-20:#4c6066;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-ocean{--wp-admin-border-width-focus:1.5px}}body.admin-color-sunrise{--wp-admin-theme-color:#dd823b;--wp-admin-theme-color-darker-10:#d97426;--wp-admin-theme-color-darker-20:#c36922;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-sunrise{--wp-admin-border-width-focus:1.5px}} \ No newline at end of file diff --git a/wp-includes/css/dist/list-reusable-blocks/style.css b/wp-includes/css/dist/list-reusable-blocks/style.css new file mode 100644 index 0000000000..f6cf582f89 --- /dev/null +++ b/wp-includes/css/dist/list-reusable-blocks/style.css @@ -0,0 +1,210 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles for JavaScript UI based pages. + * This is a WP-admin agnostic reset + */ +/** + * Reset the WP Admin page styles for Gutenberg-like pages. + */ +:root { + --wp-admin-theme-color: #007cba; + --wp-admin-theme-color-darker-10: #006ba1; + --wp-admin-theme-color-darker-20: #005a87; + --wp-admin-border-width-focus: 2px; +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + :root { + --wp-admin-border-width-focus: 1.5px; + } +} + +.list-reusable-blocks-import-dropdown__content .components-popover__content > div { + padding: 10px; +} + +.list-reusable-blocks-import-form__label { + display: block; + margin-bottom: 10px; +} + +.list-reusable-blocks-import-form__button { + margin-top: 10px; + margin-bottom: 10px; + float: right; +} + +.list-reusable-blocks-import-form .components-notice__content { + margin: 0; +} +.list-reusable-blocks-import-form .components-notice.is-dismissible { + padding-right: 0; + margin: 5px 0; +} + +.list-reusable-blocks__container { + display: inline-flex; + align-items: center; + position: relative; + top: -3px; +} +.list-reusable-blocks__container .components-button { + height: 26px; +} + +body.admin-color-light { + --wp-admin-theme-color: #0085ba; + --wp-admin-theme-color-darker-10: #0073a1; + --wp-admin-theme-color-darker-20: #006187; + --wp-admin-border-width-focus: 2px; +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + body.admin-color-light { + --wp-admin-border-width-focus: 1.5px; + } +} + +body.admin-color-modern { + --wp-admin-theme-color: #3858e9; + --wp-admin-theme-color-darker-10: #2145e6; + --wp-admin-theme-color-darker-20: #183ad6; + --wp-admin-border-width-focus: 2px; +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + body.admin-color-modern { + --wp-admin-border-width-focus: 1.5px; + } +} + +body.admin-color-blue { + --wp-admin-theme-color: #096484; + --wp-admin-theme-color-darker-10: #07526c; + --wp-admin-theme-color-darker-20: #064054; + --wp-admin-border-width-focus: 2px; +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + body.admin-color-blue { + --wp-admin-border-width-focus: 1.5px; + } +} + +body.admin-color-coffee { + --wp-admin-theme-color: #46403c; + --wp-admin-theme-color-darker-10: #383330; + --wp-admin-theme-color-darker-20: #2b2724; + --wp-admin-border-width-focus: 2px; +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + body.admin-color-coffee { + --wp-admin-border-width-focus: 1.5px; + } +} + +body.admin-color-ectoplasm { + --wp-admin-theme-color: #523f6d; + --wp-admin-theme-color-darker-10: #46365d; + --wp-admin-theme-color-darker-20: #3a2c4d; + --wp-admin-border-width-focus: 2px; +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + body.admin-color-ectoplasm { + --wp-admin-border-width-focus: 1.5px; + } +} + +body.admin-color-midnight { + --wp-admin-theme-color: #e14d43; + --wp-admin-theme-color-darker-10: #dd382d; + --wp-admin-theme-color-darker-20: #d02c21; + --wp-admin-border-width-focus: 2px; +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + body.admin-color-midnight { + --wp-admin-border-width-focus: 1.5px; + } +} + +body.admin-color-ocean { + --wp-admin-theme-color: #627c83; + --wp-admin-theme-color-darker-10: #576e74; + --wp-admin-theme-color-darker-20: #4c6066; + --wp-admin-border-width-focus: 2px; +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + body.admin-color-ocean { + --wp-admin-border-width-focus: 1.5px; + } +} + +body.admin-color-sunrise { + --wp-admin-theme-color: #dd823b; + --wp-admin-theme-color-darker-10: #d97426; + --wp-admin-theme-color-darker-20: #c36922; + --wp-admin-border-width-focus: 2px; +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + body.admin-color-sunrise { + --wp-admin-border-width-focus: 1.5px; + } +} \ No newline at end of file diff --git a/wp-includes/css/dist/list-reusable-blocks/style.min.css b/wp-includes/css/dist/list-reusable-blocks/style.min.css new file mode 100644 index 0000000000..3ba6f6933b --- /dev/null +++ b/wp-includes/css/dist/list-reusable-blocks/style.min.css @@ -0,0 +1 @@ +:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.list-reusable-blocks-import-dropdown__content .components-popover__content>div{padding:10px}.list-reusable-blocks-import-form__label{display:block;margin-bottom:10px}.list-reusable-blocks-import-form__button{margin-top:10px;margin-bottom:10px;float:right}.list-reusable-blocks-import-form .components-notice__content{margin:0}.list-reusable-blocks-import-form .components-notice.is-dismissible{padding-right:0;margin:5px 0}.list-reusable-blocks__container{display:inline-flex;align-items:center;position:relative;top:-3px}.list-reusable-blocks__container .components-button{height:26px}body.admin-color-light{--wp-admin-theme-color:#0085ba;--wp-admin-theme-color-darker-10:#0073a1;--wp-admin-theme-color-darker-20:#006187;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-light{--wp-admin-border-width-focus:1.5px}}body.admin-color-modern{--wp-admin-theme-color:#3858e9;--wp-admin-theme-color-darker-10:#2145e6;--wp-admin-theme-color-darker-20:#183ad6;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-modern{--wp-admin-border-width-focus:1.5px}}body.admin-color-blue{--wp-admin-theme-color:#096484;--wp-admin-theme-color-darker-10:#07526c;--wp-admin-theme-color-darker-20:#064054;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-blue{--wp-admin-border-width-focus:1.5px}}body.admin-color-coffee{--wp-admin-theme-color:#46403c;--wp-admin-theme-color-darker-10:#383330;--wp-admin-theme-color-darker-20:#2b2724;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-coffee{--wp-admin-border-width-focus:1.5px}}body.admin-color-ectoplasm{--wp-admin-theme-color:#523f6d;--wp-admin-theme-color-darker-10:#46365d;--wp-admin-theme-color-darker-20:#3a2c4d;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-ectoplasm{--wp-admin-border-width-focus:1.5px}}body.admin-color-midnight{--wp-admin-theme-color:#e14d43;--wp-admin-theme-color-darker-10:#dd382d;--wp-admin-theme-color-darker-20:#d02c21;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-midnight{--wp-admin-border-width-focus:1.5px}}body.admin-color-ocean{--wp-admin-theme-color:#627c83;--wp-admin-theme-color-darker-10:#576e74;--wp-admin-theme-color-darker-20:#4c6066;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-ocean{--wp-admin-border-width-focus:1.5px}}body.admin-color-sunrise{--wp-admin-theme-color:#dd823b;--wp-admin-theme-color-darker-10:#d97426;--wp-admin-theme-color-darker-20:#c36922;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body.admin-color-sunrise{--wp-admin-border-width-focus:1.5px}} \ No newline at end of file diff --git a/wp-includes/css/dist/nux/style-rtl.css b/wp-includes/css/dist/nux/style-rtl.css new file mode 100644 index 0000000000..856bbaa7bf --- /dev/null +++ b/wp-includes/css/dist/nux/style-rtl.css @@ -0,0 +1,177 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles for JavaScript UI based pages. + * This is a WP-admin agnostic reset + */ +/** + * Reset the WP Admin page styles for Gutenberg-like pages. + */ +:root { + --wp-admin-theme-color: #007cba; + --wp-admin-theme-color-darker-10: #006ba1; + --wp-admin-theme-color-darker-20: #005a87; + --wp-admin-border-width-focus: 2px; +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + :root { + --wp-admin-border-width-focus: 1.5px; + } +} + +.nux-dot-tip::before, .nux-dot-tip::after { + border-radius: 100%; + content: " "; + pointer-events: none; + position: absolute; +} +.nux-dot-tip::before { + animation: nux-pulse 1.6s infinite cubic-bezier(0.17, 0.67, 0.92, 0.62); + background: rgba(0, 115, 156, 0.9); + opacity: 0.9; + height: 24px; + right: -12px; + top: -12px; + transform: scale(0.3333333333); + width: 24px; +} +.nux-dot-tip::after { + background: #00739c; + height: 8px; + right: -4px; + top: -4px; + width: 8px; +} +@keyframes nux-pulse { + 100% { + background: rgba(0, 115, 156, 0); + transform: scale(1); + } +} +.nux-dot-tip .components-popover__content { + width: 350px; +} +.nux-dot-tip .components-popover__content > div { + padding: 20px 18px; +} +@media (min-width: 600px) { + .nux-dot-tip .components-popover__content { + width: 450px; + } +} +.nux-dot-tip .components-popover__content .nux-dot-tip__disable { + position: absolute; + left: 0; + top: 0; +} +.nux-dot-tip[data-y-axis=top] { + margin-top: -4px; +} +.nux-dot-tip[data-y-axis=bottom] { + margin-top: 4px; +} +.nux-dot-tip[data-y-axis=middle][data-y-axis=left] { + margin-right: -4px; +} +.nux-dot-tip[data-y-axis=middle][data-y-axis=right] { + margin-right: 4px; +} +.nux-dot-tip[data-y-axis=top] .components-popover__content { + margin-bottom: 20px; +} +.nux-dot-tip[data-y-axis=bottom] .components-popover__content { + margin-top: 20px; +} +.nux-dot-tip[data-y-axis=middle][data-y-axis=left] .components-popover__content { + margin-left: 20px; +} +.nux-dot-tip[data-y-axis=middle][data-y-axis=right] .components-popover__content { + margin-right: 20px; +} +.nux-dot-tip[data-y-axis=left], .nux-dot-tip[data-y-axis=center], .nux-dot-tip[data-y-axis=right] { + z-index: 1000001; +} +@media (max-width: 600px) { + .nux-dot-tip[data-y-axis=left] .components-popover__content, .nux-dot-tip[data-y-axis=center] .components-popover__content, .nux-dot-tip[data-y-axis=right] .components-popover__content { + align-self: end; + right: 5px; + margin: 20px 0 0 0; + max-width: none !important; + position: fixed; + left: 5px; + width: auto; + } +} +.nux-dot-tip.components-popover:not([data-y-axis=middle])[data-y-axis=right] .components-popover__content { + margin-left: 0; +} +.nux-dot-tip.components-popover:not([data-y-axis=middle])[data-y-axis=left] .components-popover__content { + margin-right: 0; +} +.nux-dot-tip.components-popover.edit-post-more-menu__content:not([data-y-axis=middle])[data-y-axis=right] .components-popover__content { + margin-left: -12px; +} +.nux-dot-tip.components-popover.edit-post-more-menu__content:not([data-y-axis=middle])[data-y-axis=left] .components-popover__content { + margin-right: -12px; +} \ No newline at end of file diff --git a/wp-includes/css/dist/nux/style-rtl.min.css b/wp-includes/css/dist/nux/style-rtl.min.css new file mode 100644 index 0000000000..7ab101ee13 --- /dev/null +++ b/wp-includes/css/dist/nux/style-rtl.min.css @@ -0,0 +1 @@ +:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.nux-dot-tip:after,.nux-dot-tip:before{border-radius:100%;content:" ";pointer-events:none;position:absolute}.nux-dot-tip:before{animation:nux-pulse 1.6s cubic-bezier(.17,.67,.92,.62) infinite;background:rgba(0,115,156,.9);opacity:.9;height:24px;right:-12px;top:-12px;transform:scale(.3333333333);width:24px}.nux-dot-tip:after{background:#00739c;height:8px;right:-4px;top:-4px;width:8px}@keyframes nux-pulse{to{background:rgba(0,115,156,0);transform:scale(1)}}.nux-dot-tip .components-popover__content{width:350px}.nux-dot-tip .components-popover__content>div{padding:20px 18px}@media (min-width:600px){.nux-dot-tip .components-popover__content{width:450px}}.nux-dot-tip .components-popover__content .nux-dot-tip__disable{position:absolute;left:0;top:0}.nux-dot-tip[data-y-axis=top]{margin-top:-4px}.nux-dot-tip[data-y-axis=bottom]{margin-top:4px}.nux-dot-tip[data-y-axis=middle][data-y-axis=left]{margin-right:-4px}.nux-dot-tip[data-y-axis=middle][data-y-axis=right]{margin-right:4px}.nux-dot-tip[data-y-axis=top] .components-popover__content{margin-bottom:20px}.nux-dot-tip[data-y-axis=bottom] .components-popover__content{margin-top:20px}.nux-dot-tip[data-y-axis=middle][data-y-axis=left] .components-popover__content{margin-left:20px}.nux-dot-tip[data-y-axis=middle][data-y-axis=right] .components-popover__content{margin-right:20px}.nux-dot-tip[data-y-axis=center],.nux-dot-tip[data-y-axis=left],.nux-dot-tip[data-y-axis=right]{z-index:1000001}@media (max-width:600px){.nux-dot-tip[data-y-axis=center] .components-popover__content,.nux-dot-tip[data-y-axis=left] .components-popover__content,.nux-dot-tip[data-y-axis=right] .components-popover__content{align-self:end;right:5px;margin:20px 0 0;max-width:none!important;position:fixed;left:5px;width:auto}}.nux-dot-tip.components-popover:not([data-y-axis=middle])[data-y-axis=right] .components-popover__content{margin-left:0}.nux-dot-tip.components-popover:not([data-y-axis=middle])[data-y-axis=left] .components-popover__content{margin-right:0}.nux-dot-tip.components-popover.edit-post-more-menu__content:not([data-y-axis=middle])[data-y-axis=right] .components-popover__content{margin-left:-12px}.nux-dot-tip.components-popover.edit-post-more-menu__content:not([data-y-axis=middle])[data-y-axis=left] .components-popover__content{margin-right:-12px} \ No newline at end of file diff --git a/wp-includes/css/dist/nux/style.css b/wp-includes/css/dist/nux/style.css new file mode 100644 index 0000000000..a7836aba41 --- /dev/null +++ b/wp-includes/css/dist/nux/style.css @@ -0,0 +1,181 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles for JavaScript UI based pages. + * This is a WP-admin agnostic reset + */ +/** + * Reset the WP Admin page styles for Gutenberg-like pages. + */ +:root { + --wp-admin-theme-color: #007cba; + --wp-admin-theme-color-darker-10: #006ba1; + --wp-admin-theme-color-darker-20: #005a87; + --wp-admin-border-width-focus: 2px; +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + :root { + --wp-admin-border-width-focus: 1.5px; + } +} + +.nux-dot-tip::before, .nux-dot-tip::after { + border-radius: 100%; + content: " "; + pointer-events: none; + position: absolute; +} +.nux-dot-tip::before { + animation: nux-pulse 1.6s infinite cubic-bezier(0.17, 0.67, 0.92, 0.62); + background: rgba(0, 115, 156, 0.9); + opacity: 0.9; + height: 24px; + left: -12px; + top: -12px; + transform: scale(0.3333333333); + width: 24px; +} +.nux-dot-tip::after { + background: #00739c; + height: 8px; + left: -4px; + top: -4px; + width: 8px; +} +@keyframes nux-pulse { + 100% { + background: rgba(0, 115, 156, 0); + transform: scale(1); + } +} +.nux-dot-tip .components-popover__content { + width: 350px; +} +.nux-dot-tip .components-popover__content > div { + padding: 20px 18px; +} +@media (min-width: 600px) { + .nux-dot-tip .components-popover__content { + width: 450px; + } +} +.nux-dot-tip .components-popover__content .nux-dot-tip__disable { + position: absolute; + right: 0; + top: 0; +} +.nux-dot-tip[data-y-axis=top] { + margin-top: -4px; +} +.nux-dot-tip[data-y-axis=bottom] { + margin-top: 4px; +} +.nux-dot-tip[data-y-axis=middle][data-y-axis=left] { + margin-left: -4px; +} +.nux-dot-tip[data-y-axis=middle][data-y-axis=right] { + margin-left: 4px; +} +.nux-dot-tip[data-y-axis=top] .components-popover__content { + margin-bottom: 20px; +} +.nux-dot-tip[data-y-axis=bottom] .components-popover__content { + margin-top: 20px; +} +.nux-dot-tip[data-y-axis=middle][data-y-axis=left] .components-popover__content { + margin-right: 20px; +} +.nux-dot-tip[data-y-axis=middle][data-y-axis=right] .components-popover__content { + margin-left: 20px; +} +.nux-dot-tip[data-y-axis=left], .nux-dot-tip[data-y-axis=center], .nux-dot-tip[data-y-axis=right] { + z-index: 1000001; +} +@media (max-width: 600px) { + .nux-dot-tip[data-y-axis=left] .components-popover__content, .nux-dot-tip[data-y-axis=center] .components-popover__content, .nux-dot-tip[data-y-axis=right] .components-popover__content { + align-self: end; + left: 5px; + margin: 20px 0 0 0; + max-width: none !important; + position: fixed; + right: 5px; + width: auto; + } +} +.nux-dot-tip.components-popover:not([data-y-axis=middle])[data-y-axis=right] .components-popover__content { + /*!rtl:ignore*/ + margin-left: 0; +} +.nux-dot-tip.components-popover:not([data-y-axis=middle])[data-y-axis=left] .components-popover__content { + /*!rtl:ignore*/ + margin-right: 0; +} +.nux-dot-tip.components-popover.edit-post-more-menu__content:not([data-y-axis=middle])[data-y-axis=right] .components-popover__content { + /*!rtl:ignore*/ + margin-left: -12px; +} +.nux-dot-tip.components-popover.edit-post-more-menu__content:not([data-y-axis=middle])[data-y-axis=left] .components-popover__content { + /*!rtl:ignore*/ + margin-right: -12px; +} \ No newline at end of file diff --git a/wp-includes/css/dist/nux/style.min.css b/wp-includes/css/dist/nux/style.min.css new file mode 100644 index 0000000000..d973d23725 --- /dev/null +++ b/wp-includes/css/dist/nux/style.min.css @@ -0,0 +1,5 @@ +:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.nux-dot-tip:after,.nux-dot-tip:before{border-radius:100%;content:" ";pointer-events:none;position:absolute}.nux-dot-tip:before{animation:nux-pulse 1.6s cubic-bezier(.17,.67,.92,.62) infinite;background:rgba(0,115,156,.9);opacity:.9;height:24px;left:-12px;top:-12px;transform:scale(.3333333333);width:24px}.nux-dot-tip:after{background:#00739c;height:8px;left:-4px;top:-4px;width:8px}@keyframes nux-pulse{to{background:rgba(0,115,156,0);transform:scale(1)}}.nux-dot-tip .components-popover__content{width:350px}.nux-dot-tip .components-popover__content>div{padding:20px 18px}@media (min-width:600px){.nux-dot-tip .components-popover__content{width:450px}}.nux-dot-tip .components-popover__content .nux-dot-tip__disable{position:absolute;right:0;top:0}.nux-dot-tip[data-y-axis=top]{margin-top:-4px}.nux-dot-tip[data-y-axis=bottom]{margin-top:4px}.nux-dot-tip[data-y-axis=middle][data-y-axis=left]{margin-left:-4px}.nux-dot-tip[data-y-axis=middle][data-y-axis=right]{margin-left:4px}.nux-dot-tip[data-y-axis=top] .components-popover__content{margin-bottom:20px}.nux-dot-tip[data-y-axis=bottom] .components-popover__content{margin-top:20px}.nux-dot-tip[data-y-axis=middle][data-y-axis=left] .components-popover__content{margin-right:20px}.nux-dot-tip[data-y-axis=middle][data-y-axis=right] .components-popover__content{margin-left:20px}.nux-dot-tip[data-y-axis=center],.nux-dot-tip[data-y-axis=left],.nux-dot-tip[data-y-axis=right]{z-index:1000001}@media (max-width:600px){.nux-dot-tip[data-y-axis=center] .components-popover__content,.nux-dot-tip[data-y-axis=left] .components-popover__content,.nux-dot-tip[data-y-axis=right] .components-popover__content{align-self:end;left:5px;margin:20px 0 0;max-width:none!important;position:fixed;right:5px;width:auto}}.nux-dot-tip.components-popover:not([data-y-axis=middle])[data-y-axis=right] .components-popover__content{ + /*!rtl:ignore*/margin-left:0}.nux-dot-tip.components-popover:not([data-y-axis=middle])[data-y-axis=left] .components-popover__content{ + /*!rtl:ignore*/margin-right:0}.nux-dot-tip.components-popover.edit-post-more-menu__content:not([data-y-axis=middle])[data-y-axis=right] .components-popover__content{ + /*!rtl:ignore*/margin-left:-12px}.nux-dot-tip.components-popover.edit-post-more-menu__content:not([data-y-axis=middle])[data-y-axis=left] .components-popover__content{ + /*!rtl:ignore*/margin-right:-12px} \ No newline at end of file diff --git a/wp-includes/css/dist/reusable-blocks/style-rtl.css b/wp-includes/css/dist/reusable-blocks/style-rtl.css new file mode 100644 index 0000000000..a9f10c0d19 --- /dev/null +++ b/wp-includes/css/dist/reusable-blocks/style-rtl.css @@ -0,0 +1,89 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles for JavaScript UI based pages. + * This is a WP-admin agnostic reset + */ +/** + * Reset the WP Admin page styles for Gutenberg-like pages. + */ +:root { + --wp-admin-theme-color: #007cba; + --wp-admin-theme-color-darker-10: #006ba1; + --wp-admin-theme-color-darker-20: #005a87; + --wp-admin-border-width-focus: 2px; +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + :root { + --wp-admin-border-width-focus: 1.5px; + } +} + +.reusable-blocks-menu-items__convert-modal { + z-index: 1000001; +} + +.reusable-blocks-menu-items__convert-modal-actions { + padding-top: 12px; +} \ No newline at end of file diff --git a/wp-includes/css/dist/reusable-blocks/style-rtl.min.css b/wp-includes/css/dist/reusable-blocks/style-rtl.min.css new file mode 100644 index 0000000000..bfb3bc258d --- /dev/null +++ b/wp-includes/css/dist/reusable-blocks/style-rtl.min.css @@ -0,0 +1 @@ +:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.reusable-blocks-menu-items__convert-modal{z-index:1000001}.reusable-blocks-menu-items__convert-modal-actions{padding-top:12px} \ No newline at end of file diff --git a/wp-includes/css/dist/reusable-blocks/style.css b/wp-includes/css/dist/reusable-blocks/style.css new file mode 100644 index 0000000000..a9f10c0d19 --- /dev/null +++ b/wp-includes/css/dist/reusable-blocks/style.css @@ -0,0 +1,89 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles for JavaScript UI based pages. + * This is a WP-admin agnostic reset + */ +/** + * Reset the WP Admin page styles for Gutenberg-like pages. + */ +:root { + --wp-admin-theme-color: #007cba; + --wp-admin-theme-color-darker-10: #006ba1; + --wp-admin-theme-color-darker-20: #005a87; + --wp-admin-border-width-focus: 2px; +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + :root { + --wp-admin-border-width-focus: 1.5px; + } +} + +.reusable-blocks-menu-items__convert-modal { + z-index: 1000001; +} + +.reusable-blocks-menu-items__convert-modal-actions { + padding-top: 12px; +} \ No newline at end of file diff --git a/wp-includes/css/dist/reusable-blocks/style.min.css b/wp-includes/css/dist/reusable-blocks/style.min.css new file mode 100644 index 0000000000..bfb3bc258d --- /dev/null +++ b/wp-includes/css/dist/reusable-blocks/style.min.css @@ -0,0 +1 @@ +:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.reusable-blocks-menu-items__convert-modal{z-index:1000001}.reusable-blocks-menu-items__convert-modal-actions{padding-top:12px} \ No newline at end of file diff --git a/wp-includes/css/dist/widgets/style-rtl.css b/wp-includes/css/dist/widgets/style-rtl.css new file mode 100644 index 0000000000..c858765906 --- /dev/null +++ b/wp-includes/css/dist/widgets/style-rtl.css @@ -0,0 +1,231 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles for JavaScript UI based pages. + * This is a WP-admin agnostic reset + */ +/** + * Reset the WP Admin page styles for Gutenberg-like pages. + */ +:root { + --wp-admin-theme-color: #007cba; + --wp-admin-theme-color-darker-10: #006ba1; + --wp-admin-theme-color-darker-20: #005a87; + --wp-admin-border-width-focus: 2px; +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + :root { + --wp-admin-border-width-focus: 1.5px; + } +} + +.wp-block-legacy-widget__edit-form { + background: #fff; + border-radius: 2px; + border: 1px solid #1e1e1e; + padding: 11px; +} +.wp-block-legacy-widget__edit-form:not([hidden]) { + display: flow-root; +} +.wp-block-legacy-widget__edit-form .wp-block-legacy-widget__edit-form-title { + color: #000; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + font-size: 14px; + font-weight: 600; + margin: 0 0 12px 0; +} +.wp-block-legacy-widget__edit-form .widget-inside.widget-inside { + border: none; + box-shadow: none; + display: block; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; +} +.wp-block-legacy-widget__edit-form .widget-inside.widget-inside p { + margin: 8px 0; +} +.wp-block-legacy-widget__edit-form .widget-inside.widget-inside label { + font-size: 13px; + line-height: 2.1; +} +.wp-block-legacy-widget__edit-form .widget-inside.widget-inside label, +.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input, +.wp-block-legacy-widget__edit-form .widget-inside.widget-inside a { + font-family: system-ui; + font-weight: normal; + color: #000; +} +.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=text], +.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=password], +.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=date], +.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=datetime], +.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=datetime-local], +.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=email], +.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=month], +.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=number], +.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=search], +.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=tel], +.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=time], +.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=url], +.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=week], +.wp-block-legacy-widget__edit-form .widget-inside.widget-inside select { + font-family: system-ui; + background-color: transparent; + box-sizing: border-box; + border: 1px solid #757575; + border-radius: 3px; + box-shadow: none; + color: #000; + display: block; + margin: 0; + width: 100%; + font-size: 13px; + font-weight: normal; + line-height: 1; + min-height: 30px; + padding-right: 8px; +} +.wp-block-legacy-widget__edit-form .widget-inside.widget-inside select { + padding-right: 4px; +} +.wp-block-legacy-widget__edit-form .widget.open, +.wp-block-legacy-widget__edit-form .widget.open:focus-within { + z-index: 0; +} + +.wp-block-legacy-widget__edit-form.wp-block-legacy-widget__edit-form, +.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview { + color: #000; +} + +.wp-block-legacy-widget__edit-preview, +.wp-block-legacy-widget__edit-no-preview { + cursor: pointer; +} +.wp-block-legacy-widget__edit-preview:hover::after, +.wp-block-legacy-widget__edit-no-preview:hover::after { + border-radius: 2px; + border: 1px solid #949494; + bottom: 0; + content: ""; + right: 0; + position: absolute; + left: 0; + top: 0; +} + +.wp-block-legacy-widget__edit-preview.is-offscreen { + right: -9999px; + position: absolute; + top: 0; + width: 100%; +} + +.wp-block-legacy-widget__edit-preview-iframe { + overflow: hidden; + width: 100%; +} + +.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview { + background: #f0f0f0; + padding: 8px 12px; +} +.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview, .wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview h3, .wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview p { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + font-size: 13px; +} +.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview h3 { + font-size: 14px; + font-weight: 600; + margin: 4px 0; +} +.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview p { + margin: 4px 0; +} + +.wp-block-legacy-widget-inspector-card { + padding: 0 52px 16px 16px; +} + +.interface-complementary-area .wp-block-legacy-widget-inspector-card__name { + margin: 0 0 5px; + font-weight: 500; +} + +.is-selected .wp-block-legacy-widget__container { + padding: 8px 12px; + min-height: 50px; +} + +.components-popover__content .wp-block-legacy-widget__edit-form { + min-width: 400px; +} + +.wp-block-legacy-widget .components-base-control { + width: 100%; +} +.wp-block-legacy-widget .components-select-control__input { + padding: 0; + font-family: system-ui; +} \ No newline at end of file diff --git a/wp-includes/css/dist/widgets/style-rtl.min.css b/wp-includes/css/dist/widgets/style-rtl.min.css new file mode 100644 index 0000000000..6e3ef19f76 --- /dev/null +++ b/wp-includes/css/dist/widgets/style-rtl.min.css @@ -0,0 +1 @@ +:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-block-legacy-widget__edit-form{background:#fff;border-radius:2px;border:1px solid #1e1e1e;padding:11px}.wp-block-legacy-widget__edit-form:not([hidden]){display:flow-root}.wp-block-legacy-widget__edit-form .wp-block-legacy-widget__edit-form-title{color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:14px;font-weight:600;margin:0 0 12px}.wp-block-legacy-widget__edit-form .widget-inside.widget-inside{border:none;box-shadow:none;display:block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.wp-block-legacy-widget__edit-form .widget-inside.widget-inside p{margin:8px 0}.wp-block-legacy-widget__edit-form .widget-inside.widget-inside label{font-size:13px;line-height:2.1}.wp-block-legacy-widget__edit-form .widget-inside.widget-inside a,.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input,.wp-block-legacy-widget__edit-form .widget-inside.widget-inside label{font-family:system-ui;font-weight:400;color:#000}.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=date],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=datetime-local],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=datetime],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=email],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=month],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=number],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=password],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=search],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=tel],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=text],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=time],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=url],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=week],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside select{font-family:system-ui;background-color:transparent;box-sizing:border-box;border:1px solid #757575;border-radius:3px;box-shadow:none;color:#000;display:block;margin:0;width:100%;font-size:13px;font-weight:400;line-height:1;min-height:30px;padding-right:8px}.wp-block-legacy-widget__edit-form .widget-inside.widget-inside select{padding-right:4px}.wp-block-legacy-widget__edit-form .widget.open,.wp-block-legacy-widget__edit-form .widget.open:focus-within{z-index:0}.wp-block-legacy-widget__edit-form.wp-block-legacy-widget__edit-form,.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview{color:#000}.wp-block-legacy-widget__edit-no-preview,.wp-block-legacy-widget__edit-preview{cursor:pointer}.wp-block-legacy-widget__edit-no-preview:hover:after,.wp-block-legacy-widget__edit-preview:hover:after{border-radius:2px;border:1px solid #949494;bottom:0;content:"";right:0;position:absolute;left:0;top:0}.wp-block-legacy-widget__edit-preview.is-offscreen{right:-9999px;position:absolute;top:0;width:100%}.wp-block-legacy-widget__edit-preview-iframe{overflow:hidden;width:100%}.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview{background:#f0f0f0;padding:8px 12px}.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview,.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview h3,.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview p{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px}.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview h3{font-size:14px;font-weight:600;margin:4px 0}.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview p{margin:4px 0}.wp-block-legacy-widget-inspector-card{padding:0 52px 16px 16px}.interface-complementary-area .wp-block-legacy-widget-inspector-card__name{margin:0 0 5px;font-weight:500}.is-selected .wp-block-legacy-widget__container{padding:8px 12px;min-height:50px}.components-popover__content .wp-block-legacy-widget__edit-form{min-width:400px}.wp-block-legacy-widget .components-base-control{width:100%}.wp-block-legacy-widget .components-select-control__input{padding:0;font-family:system-ui} \ No newline at end of file diff --git a/wp-includes/css/dist/widgets/style.css b/wp-includes/css/dist/widgets/style.css new file mode 100644 index 0000000000..b1fc64aeda --- /dev/null +++ b/wp-includes/css/dist/widgets/style.css @@ -0,0 +1,231 @@ +/** + * Colors + */ +/** + * Breakpoints & Media Queries + */ +/** + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. + */ +/** + * Colors + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block & Editor UI. + */ +/** + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. + */ +/** + * Breakpoint mixins + */ +/** + * Long content fade mixin + * + * Creates a fading overlay to signify that the content is longer + * than the space allows. + */ +/** + * Focus styles. + */ +/** + * Applies editor left position to the selector passed as argument + */ +/** + * Styles that are reused verbatim in a few places + */ +/** + * Allows users to opt-out of animations via OS-level preferences. + */ +/** + * Reset default styles for JavaScript UI based pages. + * This is a WP-admin agnostic reset + */ +/** + * Reset the WP Admin page styles for Gutenberg-like pages. + */ +:root { + --wp-admin-theme-color: #007cba; + --wp-admin-theme-color-darker-10: #006ba1; + --wp-admin-theme-color-darker-20: #005a87; + --wp-admin-border-width-focus: 2px; +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + :root { + --wp-admin-border-width-focus: 1.5px; + } +} + +.wp-block-legacy-widget__edit-form { + background: #fff; + border-radius: 2px; + border: 1px solid #1e1e1e; + padding: 11px; +} +.wp-block-legacy-widget__edit-form:not([hidden]) { + display: flow-root; +} +.wp-block-legacy-widget__edit-form .wp-block-legacy-widget__edit-form-title { + color: #000; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + font-size: 14px; + font-weight: 600; + margin: 0 0 12px 0; +} +.wp-block-legacy-widget__edit-form .widget-inside.widget-inside { + border: none; + box-shadow: none; + display: block; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; +} +.wp-block-legacy-widget__edit-form .widget-inside.widget-inside p { + margin: 8px 0; +} +.wp-block-legacy-widget__edit-form .widget-inside.widget-inside label { + font-size: 13px; + line-height: 2.1; +} +.wp-block-legacy-widget__edit-form .widget-inside.widget-inside label, +.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input, +.wp-block-legacy-widget__edit-form .widget-inside.widget-inside a { + font-family: system-ui; + font-weight: normal; + color: #000; +} +.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=text], +.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=password], +.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=date], +.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=datetime], +.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=datetime-local], +.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=email], +.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=month], +.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=number], +.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=search], +.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=tel], +.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=time], +.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=url], +.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=week], +.wp-block-legacy-widget__edit-form .widget-inside.widget-inside select { + font-family: system-ui; + background-color: transparent; + box-sizing: border-box; + border: 1px solid #757575; + border-radius: 3px; + box-shadow: none; + color: #000; + display: block; + margin: 0; + width: 100%; + font-size: 13px; + font-weight: normal; + line-height: 1; + min-height: 30px; + padding-left: 8px; +} +.wp-block-legacy-widget__edit-form .widget-inside.widget-inside select { + padding-left: 4px; +} +.wp-block-legacy-widget__edit-form .widget.open, +.wp-block-legacy-widget__edit-form .widget.open:focus-within { + z-index: 0; +} + +.wp-block-legacy-widget__edit-form.wp-block-legacy-widget__edit-form, +.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview { + color: #000; +} + +.wp-block-legacy-widget__edit-preview, +.wp-block-legacy-widget__edit-no-preview { + cursor: pointer; +} +.wp-block-legacy-widget__edit-preview:hover::after, +.wp-block-legacy-widget__edit-no-preview:hover::after { + border-radius: 2px; + border: 1px solid #949494; + bottom: 0; + content: ""; + left: 0; + position: absolute; + right: 0; + top: 0; +} + +.wp-block-legacy-widget__edit-preview.is-offscreen { + left: -9999px; + position: absolute; + top: 0; + width: 100%; +} + +.wp-block-legacy-widget__edit-preview-iframe { + overflow: hidden; + width: 100%; +} + +.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview { + background: #f0f0f0; + padding: 8px 12px; +} +.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview, .wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview h3, .wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview p { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + font-size: 13px; +} +.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview h3 { + font-size: 14px; + font-weight: 600; + margin: 4px 0; +} +.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview p { + margin: 4px 0; +} + +.wp-block-legacy-widget-inspector-card { + padding: 0 16px 16px 52px; +} + +.interface-complementary-area .wp-block-legacy-widget-inspector-card__name { + margin: 0 0 5px; + font-weight: 500; +} + +.is-selected .wp-block-legacy-widget__container { + padding: 8px 12px; + min-height: 50px; +} + +.components-popover__content .wp-block-legacy-widget__edit-form { + min-width: 400px; +} + +.wp-block-legacy-widget .components-base-control { + width: 100%; +} +.wp-block-legacy-widget .components-select-control__input { + padding: 0; + font-family: system-ui; +} \ No newline at end of file diff --git a/wp-includes/css/dist/widgets/style.min.css b/wp-includes/css/dist/widgets/style.min.css new file mode 100644 index 0000000000..2937c288f6 --- /dev/null +++ b/wp-includes/css/dist/widgets/style.min.css @@ -0,0 +1 @@ +:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-border-width-focus:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-block-legacy-widget__edit-form{background:#fff;border-radius:2px;border:1px solid #1e1e1e;padding:11px}.wp-block-legacy-widget__edit-form:not([hidden]){display:flow-root}.wp-block-legacy-widget__edit-form .wp-block-legacy-widget__edit-form-title{color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:14px;font-weight:600;margin:0 0 12px}.wp-block-legacy-widget__edit-form .widget-inside.widget-inside{border:none;box-shadow:none;display:block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.wp-block-legacy-widget__edit-form .widget-inside.widget-inside p{margin:8px 0}.wp-block-legacy-widget__edit-form .widget-inside.widget-inside label{font-size:13px;line-height:2.1}.wp-block-legacy-widget__edit-form .widget-inside.widget-inside a,.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input,.wp-block-legacy-widget__edit-form .widget-inside.widget-inside label{font-family:system-ui;font-weight:400;color:#000}.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=date],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=datetime-local],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=datetime],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=email],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=month],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=number],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=password],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=search],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=tel],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=text],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=time],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=url],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside input[type=week],.wp-block-legacy-widget__edit-form .widget-inside.widget-inside select{font-family:system-ui;background-color:transparent;box-sizing:border-box;border:1px solid #757575;border-radius:3px;box-shadow:none;color:#000;display:block;margin:0;width:100%;font-size:13px;font-weight:400;line-height:1;min-height:30px;padding-left:8px}.wp-block-legacy-widget__edit-form .widget-inside.widget-inside select{padding-left:4px}.wp-block-legacy-widget__edit-form .widget.open,.wp-block-legacy-widget__edit-form .widget.open:focus-within{z-index:0}.wp-block-legacy-widget__edit-form.wp-block-legacy-widget__edit-form,.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview{color:#000}.wp-block-legacy-widget__edit-no-preview,.wp-block-legacy-widget__edit-preview{cursor:pointer}.wp-block-legacy-widget__edit-no-preview:hover:after,.wp-block-legacy-widget__edit-preview:hover:after{border-radius:2px;border:1px solid #949494;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.wp-block-legacy-widget__edit-preview.is-offscreen{left:-9999px;position:absolute;top:0;width:100%}.wp-block-legacy-widget__edit-preview-iframe{overflow:hidden;width:100%}.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview{background:#f0f0f0;padding:8px 12px}.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview,.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview h3,.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview p{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px}.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview h3{font-size:14px;font-weight:600;margin:4px 0}.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview.wp-block-legacy-widget__edit-no-preview p{margin:4px 0}.wp-block-legacy-widget-inspector-card{padding:0 16px 16px 52px}.interface-complementary-area .wp-block-legacy-widget-inspector-card__name{margin:0 0 5px;font-weight:500}.is-selected .wp-block-legacy-widget__container{padding:8px 12px;min-height:50px}.components-popover__content .wp-block-legacy-widget__edit-form{min-width:400px}.wp-block-legacy-widget .components-base-control{width:100%}.wp-block-legacy-widget .components-select-control__input{padding:0;font-family:system-ui} \ No newline at end of file diff --git a/wp-includes/version.php b/wp-includes/version.php index 7af6416b74..d98b0f2585 100644 --- a/wp-includes/version.php +++ b/wp-includes/version.php @@ -13,7 +13,7 @@ * * @global string $wp_version */ -$wp_version = '5.8.1-alpha-51712'; +$wp_version = '5.8.1-alpha-51714'; /** * Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.